diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2c27ef29b2..4edb97db47 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,103 @@
+## [6.0.0]
+Bootstrap 2 is gone, and with it the class vocabulary application stylesheets were written against. An app's `ac:stylesheet` points at its own XSLT, which imports the platform's `xsl/bootstrap/2.3.2/layout.xsl` — that import path is unchanged, and the `bs2:` modes it defines are all still there. An override that emits Bootstrap 2 markup therefore still compiles and still runs; it just emits classes no stylesheet backs any more, and renders unstyled with no diagnostic. Hence the major version: the failure gives no signal of its own.
+
+### Migration
+- Legacy Bootstrap buttons (`btn`, `btn-primary`, `btn-large`, …) become the `ldhc-btn` intent/appearance/size vocabulary — `ldhc-btn in-primary ap-solid sz-md`
+- `$ac:langs` and `$ac:lang` stylesheet parameters become the `ac:langs()` and `ac:langs()[1]` functions; an `xsl:with-param` left behind is silently ignored rather than reported
+- `pull-left` and `pull-right` have no replacement — the design system lays out with flex and grid
+- Overrides depending on `bootstrap.js`, jQuery, WYMEditor or the sprite icon layer need rewriting: dropdowns and modals are driven by IXSL templates, icons by the `msi` font, and `rdf:XMLLiteral` editing by the RDFa editor
+- Stylesheets extending the removed vocabulary can be diffed against `ldh-bridge.css`, which carries the primitives LDH still emits
+
+### Added
+- Design system port: the app shell (header, sidebar, footer), content blocks, action bar, breadcrumbs, mode lists, type badges, property lists, pager, modals and forms all render the design system's class vocabulary
+- Vendored design system stylesheets and typefaces, with latin-ext subsets so Latin Extended-A no longer falls back mid-word
+- `ldh-bridge.css` carries the primitives LDH still emits, replacing the Web-Client Bootstrap stylesheet link
+- `ac:langs()` returns the reader's accepted languages, normalised to deduped primary subtags with an `en` floor — one function, an SSR body reading the writer-supplied parameter and a SaxonJS body reading `navigator.languages`
+- `ac:lang-rank()` ranks a value's language against that list, so property values sort by the reader's preference
+- `Content-Language` on HTML responses, negotiated against the languages the UI translation bundle actually ships
+- `Vary: Accept-Language` and language-sensitive entity tags on language-negotiated representations, so a shared cache cannot serve one reader's rendering to another
+- Every rendered literal declares its own language: lang-tagged values carry their tag, untagged values carry `lang=""`, typed non-string values inherit
+- Predicate labels, object links and table cells declare the language their label was chosen in, which may differ from the document's
+- `http-tests/language/`: six scripts covering `Content-Language` by reader and by media type, `Vary`, per-language entity tags, `<html lang>` agreement and per-literal marking
+- `ResponseHeadersFilterTest` covers the response filter's hypermedia — snapshot read-only modes, proxy suppression, the RFC 7089 relations and `Link` folding — alongside the language labelling
+- `BundleLanguagesTest` covers deriving the supported languages from the translation bundle and the RFC 4647 matching behind it
+- Spanish translations completed, so the bundle covers every UI string it claims to
+- View table columns are sortable, keyed off each column's XSD datatype through `ldh:sort-key()`
+- Facet toolbar, three-zone pager, chart controls grid, design-system list and grid modes
+- Block drag-and-drop is payload-typed with an app MIME marker, with a single moving drop marker
+- Copy-URI button reaches every block type through a context-free `ldh:CopyUriButton` mode
+- Empty blocks and empty chart result sets say so through the design system's block-state component
+- `ldh:date-time()`, `ldh:datatype-family()`, `ldh:css-token()` and `ldh:view-cache()` replace logic that had been written out at every call site
+- Package ontologies are declared as `owl:imports` instead of grafted, with an imports characterization test
+- `ldh packages list`, `ldh packages add` and `ldh packages remove` give the CLI the package management the settings modal has: the catalog read through the Linked Data proxy with the imported packages marked, and the `ldh:import` declaration written through `PATCH /settings`
+- `ldh get` reaches a versioned document's RFC 7089 Memento roles through mutually exclusive `--timemap`, `--version <sha>` and `--timegate` options, the last taking a `--datetime` in RFC 1123 or ISO 8601 and printing the negotiated version's URI as its only output
+- `ldh put` and `ldh post` take an optional `FILE` argument and recognize the RDF syntax from its extension (`ldh put "$LDH_BASE" root.ttl`); `-t/--content-type` stays required when reading stdin, which carries no name to go by
+
+### Changed
+- **BREAKING**: `ldh` commands regroup by verb, dropping the `bin/` directory mirror: the hyphenated leaves split into `create`, `add` and `remove` groups (`ldh create item`, `ldh add view`, `ldh remove block`), the `imports`, `content`, `admin acl` and `admin ontologies` groups dissolve into them (`ldh import rdf`, `ldh add object-block`, `ldh admin create group`, `ldh admin add class`), `import` carries the composite workflows — `rdf`, `csv` and `admin import ontology` — apart from the atomic `add rdf-import`/`add csv-import`, and `admin acl add-agent-to-group` shortens to `ldh admin add agent`; the script → command table in `cli/README.md` maps every name
+- `<html lang>` is taken from the `Content-Language` the response carries, so the header and the document agree by construction rather than by two computations staying in step
+- The language a page reports is the first accepted language the UI bundle has, not the reader's top preference — asking for German no longer puts `lang="de"` on a page written entirely in English
+- Published language tags are the shortest the bundle justifies (`en`, not `en-US`), keeping a region subtag only where the bundle distinguishes two variants of one language
+- Supported UI languages are derived from `translations.rdf` rather than declared beside it in `web.xml`
+- Property lists and table cells order their values by the reader's language instead of hiding the ones that do not match, so a reader whose language the data lacks still sees every value
+- Language negotiation moved out of `Application` into `LanguageNegotiator`
+- Object metadata merges on the RDF term rather than the lexical form, so a tagged literal is no longer collapsed into an untagged twin
+- Document responses pass the accepted languages into entity tag computation, so tags stop colliding across languages
+- Legacy Bootstrap buttons move to the `ldhc-btn` intent/appearance/size vocabulary
+- Block link columns route through the `ldh-drawer`; backlinks and copy-URI split into two placements chosen by what a click does
+- Charts draw with resolved design tokens; the HTML Table chart is skinned in CSS and fills the block width
+- Client-side HTTP moves to promise chains, retiring the legacy `ixsl:schedule-action` `http-request` form
+- The busy cursor becomes a promise concern rather than 53 copies of the same `ixsl:set-style`
+- Dropdown dismissal moves into IXSL, and the `DOMContentLoaded` block retires into an `ldh:CloseDropdown` mode
+- Subject-control change handlers move from JavaScript into `ixsl:onchange` templates
+- `ac:uuid()` generates through the platform, and the seven call sites that went around it stop doing so
+- One navigation leaves one history entry
+- CSR failures render through the design system's block states instead of `div.alert.alert-block`
+- The RDFa editor's XMLLiteral canonicalization runs as a single `cm:canonical` pass in `ldh:FormPreSubmit`
+- RDFa editor template names and modes move into their module namespaces
+- Document-level map and graph modes fill the space between action bar and footer
+- The map marker info window is the card itself, fitted into the map viewport and panning the least it can to reveal itself
+- Editing forms already open on the page reconcile with the constructor after a constructor save
+- The edit pencil on a resource description appears only under `acl:Write`
+- `http-tests` assertions read captured responses from a here-string instead of piping `curl` into `grep -q`
+- Web-Client dependency bumped to 5.0.4
+
+### Removed
+- Bootstrap 2: the framework stylesheets, `bootstrap.js`, jQuery, WYMEditor, the sprite icon layer and the `pull-left`/`pull-right` tokens
+- The Bootstrap 2 class vocabulary that no stylesheet backed
+- `$ac:langs` and `$ac:lang` parameters, replaced by `ac:langs()` and `ac:langs()[1]` at 36 call sites
+- `ldt:lang`, which nothing declared, read or wrote
+- `DEBUG:` output from `http-tests`, with the diagnostic-only `gh api` and `curl` calls and the helper that fed them
+
+### Fixed
+- `curl ... | grep -q` was a race under `pipefail`: `grep -q` closes the pipe on its first match and `curl` dies with 141, failing the pipeline even though the assertion passed
+- View sort's numeric keys yield an empty sequence rather than `NaN` for non-numeric values
+- `DataTransfer.types` marshals to an XDM array under SaxonJS, so payload guards compare via `array:flatten`
+- The content-body drag-and-drop guards spell the child step `./div`, since after `and` a bare `div` parses as the division operator
+- Reading an `ixsl:call` result of two numbers as an XDM array hung the renderer with no diagnostic; it arrives as a sequence of doubles
+- Nested cards no longer draw doubled borders, and `dl` column placement is corrected
+- The DataTable converters recognise the derived numeric and dateTime types
+- The violation renderer fails on an absent form again, rather than falling back to the rejected rendering
+- Concurrent writes to a versioned application silently lost commits: the commit chain was keyed by file path, while the GitHub Contents API takes its optimistic lock on the branch head — two documents committing at once conflicted and the loser was dropped with only a log line. Commits to one branch now share a single chain
+- A conflicting write is retried with a re-read blob SHA (`MAX_CONFLICT_RETRIES`) instead of being abandoned, so a writer outside this JVM no longer costs a version
+- A rate-limited commit retried with an empty request body: the builder had already been spent by the first attempt, and `JsonObjectBuilder` yields its object only once
+- `release.sh` published to Maven Central before its `git checkout master`, so a failed checkout left 5.10.0 on Central with no tag: the switches are now proven possible first, and once published the trap prints recovery steps instead of deleting the tag that records what was published
+- `release.sh`'s clean check could not see `skip-worktree`/`assume-unchanged` files — git reports them as matching the index whatever is on disk, while a branch switch refuses to overwrite them; they are now warned about at startup and checked precisely before publishing
+- `release.sh` derived the release and snapshot commits positionally (`git log -2`), which breaks as soon as anything else commits in between; they are derived from an anchor taken before `release:prepare`
+- A drop-down flips to whichever side of its trigger has room, on both axes, so the action bar's left-zone menu no longer opens off the viewport edge
+- The language tag renders as a pill wherever a value is laid out rather than only inside a property list, so a table cell's tag stops running into the value it annotates
+- A view block derived from the ontology keeps its URI across reloads: the fragment is hashed from the host resource and the view instead of drawn from `ac:uuid()`, and a fragment scroll waits for the injected blocks to hydrate
+- An injected view block's subject keeps the hash that makes it a fragment
+- A `pre` in an `ldh:XHTML` block takes the recessed code surface the inline chip and error listing already share, instead of running on the bare page background
+- The property-list grid keys on the wrapped `dt`/`dd` shape, leaving prose `dl`s to their own layout
+- An error page renders without the action bar, which had nothing left to act on
+
+### Security
+- CSV/RDF imports now validate the `ldh:file` source and `spin:query` URIs via `URLValidator` before fetching, closing a previously unguarded SSRF surface on the import path (same class as LNK-002; the import client carries delegation/client-cert). Loopback stays allowed; `ALLOW_INTERNAL_URLS` remains the escape hatch
+
+### Known limitations
+- The in-place editor edits tab-group content but cannot create tab groups: while a region is edited every tab panel is shown stacked and editable, and the markup round-trips intact, but there is no gesture that inserts a new tab group — that markup is authored via the HTTP API (e.g. `ldh put`) for now
+
 ## [5.10.0] - 2026-08-30
 ### Added
 - `ldh` command line interface (`cli/`): a standalone picocli/Jena port of the `bin/` HTTP API scripts — one command per script with the same option names, `bin/` subdirectories as nested subcommand groups, PKCS12 WebID keystore authentication, env-var defaults and a shaded executable jar
diff --git a/CLAUDE.md b/CLAUDE.md
index 7b4ec903ca..86596d61e7 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -148,15 +148,16 @@ The SPARQL endpoint forwarding chain ensures ContentMode blocks (charts, maps) q
 ## CLI Tools
 
 `ldh` (in `cli/`) is the command line interface for the HTTP API — one command per `bin/` script,
-same option names, `bin/` subdirectories as nested subcommand groups. Built with Maven on Java 21
+same option names, grouped by verb (`create`, `add`, `remove`, `import`) plus the `packages`
+family and the `admin` scope. Built with Maven on Java 21
 into a shaded `cli/target/ldh.jar` that `cli/bin/ldh` launches. See `cli/README.md` for the full
 script → command table and the behavioral differences from the scripts.
 
 ```bash
 cd cli && mvn package && export PATH="$PWD/bin:$PATH"
 
-ldh create-container --parent "$LDH_BASE" --title "Some" --slug some
-ldh admin acl add-agent-to-group --agent "$AGENT_URI" "${ADMIN_BASE}acl/groups/writers/"
+ldh create container --parent "$LDH_BASE" --title "Some" --slug some
+ldh admin add agent --agent "$AGENT_URI" "${ADMIN_BASE}acl/groups/writers/"
 ```
 
 `cli/` is not a module of the platform reactor (the root pom is the webapp artifact, so it cannot
@@ -165,11 +166,18 @@ around both release bumps, and `make cli-version` re-aligns it if it drifts.
 
 `LDH_CERT_FILE`, `LDH_CERT_PASSWORD`, `LDH_BASE` and `LDH_PROXY` supply defaults for `-f`, `-p`,
 `-b` and `--proxy`. Commands that create or append to a document print its URL as the only line on
-stdout (diagnostics go to stderr), so `item=$(ldh create-item ...)` works; exit codes are `0`
+stdout (diagnostics go to stderr), so `item=$(ldh create item ...)` works; exit codes are `0`
 success, `1` HTTP or runtime failure, `2` usage error.
 
-Packages have no command — an application imports one with a single `<app> ldh:import <package>`
-triple, so `ldh patch` on the application's `settings` document is the whole interface.
+Packages are declarative: an application imports one with a single `<app> ldh:import <package>`
+triple in its settings, and `ldh packages list`, `ldh packages add` and
+`ldh packages remove` write that triple through `PATCH /settings`. `packages list` reads the
+registry catalog through the Linked Data proxy, marking the imported ones.
+
+`ldh get` also addresses the RFC 7089 Memento roles of a versioned document, as mutually exclusive
+options: `--timemap` (version history), `--version <sha>` (a historical version) and `--timegate`
+with an optional `--datetime` (RFC 1123 or ISO 8601), which prints the selected version's URI as the
+only line on stdout so it pipes into another `ldh get`.
 
 The `bin/` HTTP API scripts are **deprecated** — `ldh` replaces them, and http-tests build their
 fixtures with it. Authentication moves from the `.pem` the scripts feed `curl -E` to the PKCS12
@@ -182,6 +190,22 @@ Certificate and WebID tooling stays in `bin/` and is not deprecated: `webid-keyg
 export PATH="$(find bin -type d -exec realpath {} \; | tr '\n' ':')$PATH"
 ```
 
+## XSLT Mode Namespaces
+
+Template mode names carry the rendering layer:
+
+- **`xhtml:` = childless element primitives.** The mode's local name is the XHTML element it emits
+  (`xhtml:Input`, `xhtml:Anchor`, `xhtml:Option`, `xhtml:Title`, `xhtml:Meta`, `xhtml:Script`): one
+  element, every attribute a parameter, content at most a text label, no design-system classes baked
+  in. If an emitter needs element children, it is a component and does not belong here.
+- **Component namespaces = structure.** Anything with internal element structure takes the owning
+  layer's namespace and, where one exists, the design system's component name: Web-Client-owned
+  surfaces use `ac:` (`ac:AppShell`, `ac:Head`, `ac:Stylesheets`, the `ac:ResultsTable*` family,
+  `ac:PropertyListLabel`/`ac:PropertyListValue`, `ac:FieldShell`), LDH-owned ones use `ldh:`
+  (`ldh:Modal`, `ldh:DataTable`, `ldh:DateTimePair`, `ldh:PropertyLabel`).
+- **The unnamed mode is the value leaf.** Mode-less `apply-templates` renders an object/literal
+  "somehow" — it lands in Web-Client's default-mode value emitters, the bottom of the dispatch tree.
+
 ## Development Notes
 - Java 21 is required for compilation (both the platform and the `cli/` project)
 - The application uses AtomGraph's Processor and Web-Client libraries as core dependencies
diff --git a/Dockerfile b/Dockerfile
index 98243907df..2e886d0cc8 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -38,7 +38,7 @@ ENV SOURCE_COMMIT=$SOURCE_COMMIT
 
 WORKDIR $CATALINA_HOME
 
-ENV STYLESHEET=static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl
+ENV STYLESHEET=static/com/atomgraph/linkeddatahub/xsl/layout.xsl
 
 ENV CACHE_STYLESHEET=true
 
diff --git a/README.md b/README.md
index fec89f62bb..22489f6d9a 100644
--- a/README.md
+++ b/README.md
@@ -297,11 +297,11 @@ export LDH_CERT_FILE=./ssl/owner/keystore.p12
 export LDH_CERT_PASSWORD=$(cat secrets/owner_cert_password.txt)
 export LDH_BASE=https://localhost:4443/
 
-ldh create-container --parent "$LDH_BASE" --title "Concepts" --slug concepts
-ldh create-item --container "${LDH_BASE}concepts/" --title "Example" --slug example
+ldh create container --parent "$LDH_BASE" --title "Concepts" --slug concepts
+ldh create item --container "${LDH_BASE}concepts/" --title "Example" --slug example
 ```
 
-Commands that create or append to a document print its URL as the only line on stdout, so they compose in shell pipelines: `item=$(ldh create-item ...)`. The `bin/` subdirectories became nested subcommand groups — `ldh admin acl create-group`, `ldh content add-xhtml-block`, `ldh imports import-csv`. See [`cli/README.md`](https://github.com/AtomGraph/LinkedDataHub/blob/master/cli/README.md) for the full command table and the differences from the scripts.
+Commands that create or append to a document print its URL as the only line on stdout, so they compose in shell pipelines: `item=$(ldh create item ...)`. Commands group by verb — `ldh create container`, `ldh add xhtml-block`, `ldh import csv`, `ldh admin create group` — with `import` holding the workflows that compose the atomic commands. See [`cli/README.md`](https://github.com/AtomGraph/LinkedDataHub/blob/master/cli/README.md) for the full command table and the differences from the scripts.
 
 _:warning: The `bin/` HTTP API scripts that `ldh` replaces are **deprecated**. The certificate and WebID tooling (`webid-keygen.sh`, `webid-keygen-pem.sh`, `webid-uri.sh`, `webid-modulus.sh`, `server-cert-gen.sh`) talks to no API and stays in `bin/`._
 
diff --git a/cli/README.md b/cli/README.md
index fa41b32a39..d36d1980e0 100644
--- a/cli/README.md
+++ b/cli/README.md
@@ -1,11 +1,24 @@
 # LinkedDataHub CLI
 
 `ldh` is a command line interface for the [LinkedDataHub](https://github.com/AtomGraph/LinkedDataHub) HTTP API.
-It mirrors the shell scripts in [`bin/`](../bin) one command per script, with the same option names,
+It covers the shell scripts in [`bin/`](../bin) one command per script, with the same option names,
 implemented in Java on top of AtomGraph [Core](https://github.com/AtomGraph/Core)'s `GraphStoreClient`
 (picocli + Apache Jena). It replaces the scripts' external dependencies (`curl`, `turtle`, `python`,
 `uuidgen`, `shasum`) with a single executable jar.
 
+Commands group by verb: `create` `PUT`s a new document, `add` `POST`s an append onto an existing
+one, `remove` likewise names the single request it makes, and `import` holds the workflows that
+compose the atomic commands. `admin` scopes the same verbs to the admin application, and
+`packages` manages the application's package imports:
+
+```bash
+ldh create container --parent "$LDH_BASE" --title "Some" --slug some
+ldh add view ...
+ldh import csv ...                # workflow: add construct + add file + add csv-import
+ldh admin create ontology ...
+ldh packages list
+```
+
 The `bin/` HTTP API scripts it replaces are deprecated. The [http-tests](../http-tests) suite builds
 all of its fixtures with `ldh`, so the commands are exercised against a live instance on every CI run;
 `run.sh` aborts if `ldh` is not on `PATH`.
@@ -81,25 +94,88 @@ Repeated options can be set once via environment variables:
 ```bash
 export LDH_CERT_FILE=ssl/owner/keystore.p12 LDH_CERT_PASSWORD=... LDH_BASE=https://localhost:4443/
 
-ldh create-container --parent "$LDH_BASE" --title "Some" --slug some
-ldh create-item --container https://localhost:4443/some/ --title "My item" --slug my-item
+ldh create container --parent "$LDH_BASE" --title "Some" --slug some
+ldh create item --container https://localhost:4443/some/ --title "My item" --slug my-item
 ```
 
 ## Conventions
 
 - Commands that create or append to a document print its URL as the only line on stdout, so shell
-  pipelines keep working: `item=$(ldh create-item ...)`. `add-file` prints the content-addressed
+  pipelines keep working: `item=$(ldh create item ...)`. `add file` prints the content-addressed
   upload URI (`{base}uploads/{sha1}`). All diagnostics go to stderr.
 - Exit codes: `0` success, `1` HTTP error status or runtime failure (message on stderr, stack trace
   with `--verbose`), `2` usage error.
 - `--proxy` rewrites the request URI's origin to the proxy's origin, like the scripts do; printed
   URLs keep the logical origin.
-- `post`/`put` read RDF from stdin and resolve relative URIs against the target URI (the scripts'
-  `turtle --base` piping); `patch` reads a SPARQL 1.1 update from stdin, validates it and sends it
-  verbatim.
+- `post`/`put` read RDF from an optional `FILE` argument, recognizing the syntax from its
+  extension (`ldh put "$LDH_BASE" root.ttl`), or from stdin, where `-t/--content-type` is
+  required since a stream carries no name; either way relative URIs resolve against the target
+  URI (the scripts' `turtle --base` piping). `patch` reads a SPARQL 1.1 update from stdin,
+  validates it and sends it verbatim.
 
 Shell completion: `source <(ldh generate-completion)` (bash/zsh).
 
+## Memento
+
+`get` also addresses the three [RFC 7089](https://datatracker.ietf.org/doc/html/rfc7089) roles a
+document serves when its application is versioned — the version history, a historical version, and
+the TimeGate that negotiates between them on datetime. They are mutually exclusive:
+
+```bash
+doc=https://localhost:4443/some/
+
+ldh get --accept text/turtle --timemap "$doc"          # version history, described with PROV-O
+ldh get --accept application/link-format --timemap "$doc"
+ldh get --accept text/turtle --version <sha> "$doc"    # that version, with a Memento-Datetime
+```
+
+`--timegate` asks the server which version was current at a given time and prints the selected
+version's URI as the only line on stdout, so it composes:
+
+```bash
+memento=$(ldh get --timegate --datetime "2026-08-20T10:00:00Z" "$doc")
+ldh get --accept text/turtle "$memento"
+```
+
+`--datetime` takes either an RFC 1123 (`Wed, 20 Aug 2026 10:00:00 GMT`) or an ISO 8601
+(`2026-08-20T10:00:00Z`) datetime, so a `prov:generatedAtTime` read out of a TimeMap can be handed
+straight back. Without it the TimeGate selects the most recent version. `--accept` is required for
+every other request but not for `--timegate`, whose `302` has no representation of its own.
+
+## Packages
+
+A package bundles an ontology with an optional stylesheet, and an application imports one by
+declaring a single `ldh:import` triple in its settings — the declaration *is* the installation.
+The commands write that triple; they do not install anything of their own.
+
+```bash
+ldh packages list
+# available	https://packages.linkeddatahub.com/skos/#this	SKOS
+
+ldh packages add --package https://packages.linkeddatahub.com/skos/#this
+ldh packages remove --package https://packages.linkeddatahub.com/skos/#this
+```
+
+Both take effect on the next request, with no restart: the package ontology joins the
+application's `owl:imports` closure and its stylesheet is composed into the application
+stylesheet. `packages remove` is idempotent — removing an import the application does not
+have succeeds and changes nothing.
+
+`packages list` prints one tab-separated line per package — state, URI, title — so the listing
+greps and cuts:
+
+```bash
+ldh packages list | grep ^available | cut -f2
+```
+
+The registry defaults to `https://packages.linkeddatahub.com/` and `--registry` overrides it. It is
+read through the application's Linked Data proxy rather than fetched directly, the same way the
+application settings modal reads it, so `packages list` needs `--base` as much as the other two do.
+
+The commands go through `PATCH /settings`, which is the live path: the change is in effect
+immediately but lives in the running application's context dataset. Declaring the same
+`ldh:import` triple in `config/dataspaces.trig` is the permanent one, applied on restart.
+
 ## Script → command migration
 
 | Script | Command |
@@ -109,53 +185,54 @@ Shell completion: `source <(ldh generate-completion)` (bash/zsh).
 | `put.sh` | `ldh put` |
 | `patch.sh` | `ldh patch` |
 | `delete.sh` | `ldh delete` |
-| `create-item.sh` | `ldh create-item` |
-| `create-container.sh` | `ldh create-container` |
-| `add-view.sh` | `ldh add-view` |
-| `add-construct.sh` | `ldh add-construct` |
-| `add-select.sh` | `ldh add-select` |
-| `add-result-set-chart.sh` | `ldh add-result-set-chart` |
-| `add-file.sh` | `ldh add-file` |
-| `add-generic-service.sh` | `ldh add-generic-service` |
-| `admin/clear-ontology.sh` | `ldh admin clear-ontology` |
-| `admin/add-ontology-import.sh` | `ldh admin add-ontology-import` |
-| `admin/ontologies/create-ontology.sh` | `ldh admin ontologies create-ontology` |
-| `admin/ontologies/import-ontology.sh` | `ldh admin ontologies import-ontology` |
-| `admin/ontologies/add-class.sh` | `ldh admin ontologies add-class` |
-| `admin/ontologies/add-constructor.sh` | `ldh admin ontologies add-constructor` |
-| `admin/ontologies/add-select.sh` | `ldh admin ontologies add-select` |
-| `admin/ontologies/add-property-constraint.sh` | `ldh admin ontologies add-property-constraint` |
-| `admin/ontologies/add-restriction.sh` | `ldh admin ontologies add-restriction` |
-| `admin/acl/create-group.sh` | `ldh admin acl create-group` |
-| `admin/acl/create-authorization.sh` | `ldh admin acl create-authorization` |
-| `admin/acl/add-agent-to-group.sh` | `ldh admin acl add-agent-to-group` |
-| `admin/acl/make-public.sh` | `ldh admin acl make-public` |
-| `content/add-object-block.sh` | `ldh content add-object-block` |
-| `content/add-xhtml-block.sh` | `ldh content add-xhtml-block` |
-| `content/remove-block.sh` | `ldh content remove-block` |
-| `imports/add-csv-import.sh` | `ldh imports add-csv-import` |
-| `imports/add-rdf-import.sh` | `ldh imports add-rdf-import` |
-| `imports/import-csv.sh` | `ldh imports import-csv` |
-| `imports/import-rdf.sh` | `ldh imports import-rdf` |
+| `create-item.sh` | `ldh create item` |
+| `create-container.sh` | `ldh create container` |
+| `add-view.sh` | `ldh add view` |
+| `add-construct.sh` | `ldh add construct` |
+| `add-select.sh` | `ldh add select` |
+| `add-result-set-chart.sh` | `ldh add result-set-chart` |
+| `add-file.sh` | `ldh add file` |
+| `add-generic-service.sh` | `ldh add generic-service` |
+| `admin/clear-ontology.sh` | `ldh admin clear ontology` |
+| `admin/add-ontology-import.sh` | `ldh admin add ontology-import` |
+| `admin/ontologies/create-ontology.sh` | `ldh admin create ontology` |
+| `admin/ontologies/import-ontology.sh` | `ldh admin import ontology` |
+| `admin/ontologies/add-class.sh` | `ldh admin add class` |
+| `admin/ontologies/add-constructor.sh` | `ldh admin add constructor` |
+| `admin/ontologies/add-select.sh` | `ldh admin add select` |
+| `admin/ontologies/add-property-constraint.sh` | `ldh admin add property-constraint` |
+| `admin/ontologies/add-restriction.sh` | `ldh admin add restriction` |
+| `admin/acl/create-group.sh` | `ldh admin create group` |
+| `admin/acl/create-authorization.sh` | `ldh admin create authorization` |
+| `admin/acl/add-agent-to-group.sh` | `ldh admin add agent` |
+| `admin/acl/make-public.sh` | `ldh admin make-public` |
+| `content/add-object-block.sh` | `ldh add object-block` |
+| `content/add-xhtml-block.sh` | `ldh add xhtml-block` |
+| `content/remove-block.sh` | `ldh remove block` |
+| `imports/add-csv-import.sh` | `ldh add csv-import` |
+| `imports/add-rdf-import.sh` | `ldh add rdf-import` |
+| `imports/import-csv.sh` | `ldh import csv` |
+| `imports/import-rdf.sh` | `ldh import rdf` |
 
 Local certificate tooling (`webid-keygen.sh`, `webid-keygen-pem.sh`, `webid-uri.sh`,
 `webid-modulus.sh`, `server-cert-gen.sh`) and the experimental `sitemap/` generator remain
 shell scripts.
 
-Packages have no command: an application imports one with a single `<app> ldh:import <package-uri>`
-triple, so `ldh patch` on the application's `/settings` document is the whole interface.
+`bin/admin/packages/` has no counterpart under that name: a package is imported by declaring an
+`ldh:import` triple rather than by installing files, and `ldh packages list`,
+`ldh packages add` and `ldh packages remove` write that declaration.
 
 ### Differences from the scripts
 
 - `-f/--cert-pem-file` is now `-f/--cert-file` and takes the `.p12` keystore directly — no
   PEM conversion needed.
-- `create-group` writes the `--name` value into `foaf:name`/`dct:title` (the script wrote an
+- `admin create group` writes the `--name` value into `foaf:name`/`dct:title` (the script wrote an
   unset variable, producing empty literals).
-- `add-generic-service` drops the documented-but-unparsed `--slug` option.
-- `add-csv-import`/`import-csv` default `--delimiter` to `,` (the script required it despite
+- `add generic-service` drops the documented-but-unparsed `--slug` option.
+- `add csv-import`/`import csv` default `--delimiter` to `,` (the script required it despite
   documenting a default).
-- `import-csv`/`import-rdf` run their steps in-process instead of spawning subscripts, and pass
+- `import csv`/`import rdf` run their steps in-process instead of spawning subscripts, and pass
   `--description` through to the import metadata.
-- `import-ontology` reads the `construct-constructors` query text by dereferencing its document
-  instead of going through a `SELECT` on `/sparql`; the CONSTRUCT it then runs over the scratch
-  graph is unchanged.
+- `admin import ontology` reads the `construct-constructors` query text by dereferencing its
+  document instead of going through a `SELECT` on `/sparql`; the CONSTRUCT it then runs over the
+  scratch graph is unchanged.
diff --git a/cli/pom.xml b/cli/pom.xml
index a3564f7c0c..13acddc2d9 100644
--- a/cli/pom.xml
+++ b/cli/pom.xml
@@ -4,7 +4,7 @@
 
     <groupId>com.atomgraph</groupId>
     <artifactId>linkeddatahub-cli</artifactId>
-    <version>5.10.0</version>
+    <version>5.10.1-SNAPSHOT</version>
     <packaging>jar</packaging>
 
     <name>LinkedDataHub CLI</name>
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/BaseCommand.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/BaseCommand.java
index 4cbd406b56..f28cf62c0b 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/BaseCommand.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/BaseCommand.java
@@ -27,6 +27,8 @@
 import java.io.IOException;
 import java.io.InputStream;
 import java.net.URI;
+import java.nio.file.Files;
+import java.nio.file.Path;
 import java.util.concurrent.Callable;
 import org.apache.jena.rdf.model.Model;
 import org.apache.jena.rdf.model.ModelFactory;
@@ -155,6 +157,45 @@ protected Model readModel(String contentType, URI base, InputStream in)
         return model;
     }
 
+    /**
+     * Reads a model from a file, resolving relative URIs against the given base URI.
+     *
+     * @param contentType RDF media type
+     * @param base base URI
+     * @param file RDF file
+     * @return parsed model
+     * @throws IOException read error
+     */
+    protected Model readModel(String contentType, URI base, Path file) throws IOException
+    {
+        if (!Files.isReadable(file)) throw new ParameterException(getSpec().commandLine(), "Cannot read RDF file: '" + file + "'");
+
+        try (InputStream in = Files.newInputStream(file))
+        {
+            return readModel(contentType, base, in);
+        }
+    }
+
+    /**
+     * Resolves the RDF media type of the input: the explicit option when given, otherwise the type
+     * the file extension implies. Reading standard input leaves no extension to go by, so there the
+     * option is required.
+     *
+     * @param contentType explicit media type (optional)
+     * @param file input file (optional)
+     * @return media type
+     */
+    protected String resolveContentType(String contentType, Path file)
+    {
+        if (contentType != null) return contentType;
+        if (file == null) throw new ParameterException(getSpec().commandLine(), "Missing required option: '--content-type=MEDIA_TYPE' (required when reading from stdin)");
+
+        Lang lang = RDFLanguages.filenameToLang(file.getFileName().toString());
+        if (lang == null) throw new ParameterException(getSpec().commandLine(), "Cannot tell the RDF syntax from the file name '" + file.getFileName() + "': pass -t/--content-type");
+
+        return lang.getContentType().getContentTypeStr();
+    }
+
     /**
      * Streams a response body to standard output unmodified.
      *
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/CommandGroup.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/CommandGroup.java
index 97a01bb2a1..fe2dd2542e 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/CommandGroup.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/CommandGroup.java
@@ -24,7 +24,8 @@
 
 /**
  * Base class for commands that only group subcommands and do nothing on their own,
- * mirroring the subdirectories of the deprecated <code>bin/</code> scripts.
+ * grouping them by verb (<code>create</code>, <code>add</code>, <code>remove</code>, <code>list</code>, <code>import</code>)
+ * or scope (<code>admin</code>).
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/LDH.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/LDH.java
index 363eadfcec..64dc0ac666 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/LDH.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/LDH.java
@@ -16,22 +16,17 @@
 
 package com.atomgraph.linkeddatahub.cli;
 
-import com.atomgraph.linkeddatahub.cli.command.AddConstruct;
-import com.atomgraph.linkeddatahub.cli.command.AddFile;
-import com.atomgraph.linkeddatahub.cli.command.AddGenericService;
-import com.atomgraph.linkeddatahub.cli.command.AddResultSetChart;
-import com.atomgraph.linkeddatahub.cli.command.AddSelect;
-import com.atomgraph.linkeddatahub.cli.command.AddView;
-import com.atomgraph.linkeddatahub.cli.command.CreateContainer;
-import com.atomgraph.linkeddatahub.cli.command.CreateItem;
+import com.atomgraph.linkeddatahub.cli.command.Add;
+import com.atomgraph.linkeddatahub.cli.command.Create;
 import com.atomgraph.linkeddatahub.cli.command.Delete;
 import com.atomgraph.linkeddatahub.cli.command.Get;
+import com.atomgraph.linkeddatahub.cli.command.Packages;
 import com.atomgraph.linkeddatahub.cli.command.Patch;
 import com.atomgraph.linkeddatahub.cli.command.Post;
 import com.atomgraph.linkeddatahub.cli.command.Put;
+import com.atomgraph.linkeddatahub.cli.command.Remove;
 import com.atomgraph.linkeddatahub.cli.command.admin.Admin;
-import com.atomgraph.linkeddatahub.cli.command.content.Content;
-import com.atomgraph.linkeddatahub.cli.command.imports.Imports;
+import com.atomgraph.linkeddatahub.cli.command.imports.Import;
 import org.apache.jena.sys.JenaSystem;
 import picocli.AutoComplete;
 import picocli.CommandLine;
@@ -50,9 +45,8 @@
     description = "Command line interface for the LinkedDataHub HTTP API.",
     subcommands = {
         Get.class, Post.class, Put.class, Patch.class, Delete.class,
-        CreateItem.class, CreateContainer.class,
-        AddView.class, AddConstruct.class, AddSelect.class, AddResultSetChart.class, AddFile.class, AddGenericService.class,
-        Admin.class, Content.class, Imports.class,
+        Create.class, Add.class, Remove.class, Import.class,
+        Packages.class, Admin.class,
         AutoComplete.GenerateCompletion.class
     })
 public class LDH
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Add.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Add.java
new file mode 100644
index 0000000000..dd09ff0bc3
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Add.java
@@ -0,0 +1,37 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command;
+
+import com.atomgraph.linkeddatahub.cli.CommandGroup;
+import com.atomgraph.linkeddatahub.cli.command.content.AddObjectBlock;
+import com.atomgraph.linkeddatahub.cli.command.content.AddXHTMLBlock;
+import com.atomgraph.linkeddatahub.cli.command.imports.AddCSVImport;
+import com.atomgraph.linkeddatahub.cli.command.imports.AddRDFImport;
+import picocli.CommandLine.Command;
+
+/**
+ * Command group appending resources to a document.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "add",
+    description = "Appends resources to a document.",
+    subcommands = { AddView.class, AddConstruct.class, AddSelect.class, AddResultSetChart.class, AddFile.class, AddGenericService.class,
+        AddRDFImport.class, AddCSVImport.class, AddObjectBlock.class, AddXHTMLBlock.class })
+public class Add extends CommandGroup
+{
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddConstruct.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddConstruct.java
index 91194f7b21..ec84ddecf3 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddConstruct.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddConstruct.java
@@ -39,7 +39,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-construct", description = "Adds a CONSTRUCT query to a document.")
+@Command(name = "construct", description = "Adds a CONSTRUCT query to a document.")
 public class AddConstruct extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddFile.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddFile.java
index 8114dec2ab..d141a417e8 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddFile.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddFile.java
@@ -42,7 +42,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-file", description = "Uploads a file.")
+@Command(name = "file", description = "Uploads a file.")
 public class AddFile extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddGenericService.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddGenericService.java
index cb737c570a..554b41f0c5 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddGenericService.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddGenericService.java
@@ -36,7 +36,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-generic-service", description = "Appends a generic SPARQL service to a document.")
+@Command(name = "generic-service", description = "Appends a generic SPARQL service to a document.")
 public class AddGenericService extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddPackageImport.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddPackageImport.java
new file mode 100644
index 0000000000..698c3652ca
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddPackageImport.java
@@ -0,0 +1,56 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command;
+
+import com.atomgraph.linkeddatahub.cli.BaseCommand;
+import com.atomgraph.linkeddatahub.cli.http.HttpException;
+import com.atomgraph.linkeddatahub.cli.mixin.BaseMixin;
+import com.atomgraph.linkeddatahub.cli.sparql.Updates;
+import java.net.URI;
+import picocli.CommandLine.Command;
+import picocli.CommandLine.Mixin;
+import picocli.CommandLine.Option;
+
+/**
+ * Imports a package into the application by declaring an <code>ldh:import</code> statement in its
+ * settings. The declaration is the installation: the package ontology joins the application's
+ * imports closure and its stylesheet is composed into the application stylesheet on the next
+ * request, with no restart.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "add", description = "Imports a package by declaring an ldh:import statement in the application settings.")
+public class AddPackageImport extends BaseCommand
+{
+
+    @Mixin
+    private BaseMixin baseMixin;
+
+    @Option(names = "--package", required = true, paramLabel = "PACKAGE_URI", description = "URI of the imported package")
+    private URI packageURI;
+
+    @Override
+    public Integer call() throws Exception
+    {
+        URI target = URI.create(baseMixin.require(getSpec()) + "settings");
+
+        HttpException.check(target, getClient().patch(target, Updates.insertPackageImport(packageURI))).close();
+
+        return 0;
+    }
+
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddResultSetChart.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddResultSetChart.java
index 9b15553827..ee9ebeb9c7 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddResultSetChart.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddResultSetChart.java
@@ -36,7 +36,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-result-set-chart", description = "Appends a result set chart to a document.")
+@Command(name = "result-set-chart", description = "Appends a result set chart to a document.")
 public class AddResultSetChart extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddSelect.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddSelect.java
index 63698b3420..cbcd857ca9 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddSelect.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddSelect.java
@@ -32,7 +32,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-select", description = "Adds a SELECT query to a document.")
+@Command(name = "select", description = "Adds a SELECT query to a document.")
 public class AddSelect extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddView.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddView.java
index 345775f45f..ab21f69ce4 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddView.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/AddView.java
@@ -37,7 +37,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-view", description = "Appends a view to a document.")
+@Command(name = "view", description = "Appends a view to a document.")
 public class AddView extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/Content.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Create.java
similarity index 73%
rename from cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/Content.java
rename to cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Create.java
index 0458ead6c7..11d66ee627 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/Content.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Create.java
@@ -14,19 +14,19 @@
  * limitations under the License.
  */
 
-package com.atomgraph.linkeddatahub.cli.command.content;
+package com.atomgraph.linkeddatahub.cli.command;
 
 import com.atomgraph.linkeddatahub.cli.CommandGroup;
 import picocli.CommandLine.Command;
 
 /**
- * Content block command group.
+ * Document creation command group.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "content",
-    description = "Content block commands.",
-    subcommands = { AddObjectBlock.class, AddXHTMLBlock.class, RemoveBlock.class })
-public class Content extends CommandGroup
+@Command(name = "create",
+    description = "Creates documents.",
+    subcommands = { CreateItem.class, CreateContainer.class })
+public class Create extends CommandGroup
 {
 }
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateContainer.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateContainer.java
index 5e3e327e1d..307fca8241 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateContainer.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateContainer.java
@@ -39,7 +39,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "create-container", description = "Creates a container document.")
+@Command(name = "container", description = "Creates a container document.")
 public class CreateContainer extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateItem.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateItem.java
index 6f2e49b830..b7167444c2 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateItem.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/CreateItem.java
@@ -36,7 +36,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "create-item", description = "Creates an item document.")
+@Command(name = "item", description = "Creates an item document.")
 public class CreateItem extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Get.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Get.java
index 2244ad231e..71b1fd469c 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Get.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Get.java
@@ -18,15 +18,22 @@
 
 import com.atomgraph.linkeddatahub.cli.BaseCommand;
 import com.atomgraph.linkeddatahub.cli.http.HttpException;
+import com.atomgraph.linkeddatahub.cli.util.Mementos;
+import com.atomgraph.linkeddatahub.cli.util.URIRewriter;
 import jakarta.ws.rs.core.MediaType;
+import jakarta.ws.rs.core.MultivaluedHashMap;
+import jakarta.ws.rs.core.MultivaluedMap;
 import jakarta.ws.rs.core.Response;
 import java.net.URI;
+import picocli.CommandLine.ArgGroup;
 import picocli.CommandLine.Command;
 import picocli.CommandLine.Option;
+import picocli.CommandLine.ParameterException;
 import picocli.CommandLine.Parameters;
 
 /**
- * Retrieves an RDF description. Mirrors <code>bin/get.sh</code>.
+ * Retrieves an RDF description. Mirrors <code>bin/get.sh</code>, extended with the RFC 7089 Memento
+ * roles the document serves: a historical version, its version history and its TimeGate.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
@@ -34,30 +41,94 @@
 public class Get extends BaseCommand
 {
 
-    @Option(names = "--accept", required = true, paramLabel = "MEDIA_TYPE", description = "Requested media type (e.g. text/turtle)")
+    @Option(names = "--accept", paramLabel = "MEDIA_TYPE", description = "Requested media type (e.g. text/turtle). Required unless --timegate is given.")
     private String accept;
 
     @Option(names = "--head", description = "Requested headers only, no body (HEAD method)")
     private boolean head;
 
+    @ArgGroup(exclusive = true)
+    private Memento memento;
+
+    @Option(names = "--datetime", paramLabel = "DATETIME", description = "Datetime the TimeGate negotiates on, RFC 1123 or ISO 8601 (requires --timegate)")
+    private String datetime;
+
     @Parameters(paramLabel = "TARGET_URI", description = "URI of the document")
     private URI target;
 
+    /** The Memento role addressed instead of the document itself. The three are mutually exclusive. */
+    static class Memento
+    {
+
+        @Option(names = "--version", paramLabel = "SHA", required = true, description = "Commit SHA of the historical version to retrieve")
+        private String version;
+
+        @Option(names = "--timemap", required = true, description = "Retrieve the version history (TimeMap) instead of the document")
+        private boolean timeMap;
+
+        @Option(names = "--timegate", required = true, description = "Negotiate on datetime and print the URI of the selected version")
+        private boolean timeGate;
+
+    }
+
     @Override
     public Integer call() throws Exception
     {
-        MediaType[] acceptedTypes = { MediaType.valueOf(accept) };
+        boolean timeGate = memento != null && memento.timeGate;
+
+        if (datetime != null && !timeGate) throw new ParameterException(getSpec().commandLine(), "Option '--datetime' requires '--timegate'");
+        // a TimeGate redirect has no representation of its own, so it is the one request that needs no media type
+        if (accept == null && !timeGate) throw new ParameterException(getSpec().commandLine(), "Missing required option: '--accept=MEDIA_TYPE'");
+
+        URI uri = requestURI();
+        MediaType[] acceptedTypes = accept != null ? new MediaType[] { MediaType.valueOf(accept) } : new MediaType[0];
+
+        MultivaluedMap<String, Object> headers = new MultivaluedHashMap<>();
+        if (datetime != null) headers.putSingle(Mementos.ACCEPT_DATETIME_HEADER, Mementos.acceptDatetime(datetime));
 
         if (head)
-            try (Response response = HttpException.check(target, getClient().head(target, acceptedTypes)))
+            try (Response response = HttpException.check(uri, getClient().head(uri, acceptedTypes, headers)))
             {
                 print("HTTP " + response.getStatus() + " " + response.getStatusInfo().getReasonPhrase());
                 response.getStringHeaders().forEach((name, values) -> values.forEach(value -> print(name + ": " + value)));
             }
+        else if (timeGate)
+            try (Response response = HttpException.check(uri, getClient().get(uri, acceptedTypes, headers)))
+            {
+                print(mementoURI(response));
+            }
         else
-            printBody(HttpException.check(target, getClient().get(target, acceptedTypes)));
+            printBody(HttpException.check(uri, getClient().get(uri, acceptedTypes, headers)));
 
         return 0;
     }
 
+    /**
+     * Returns the URI of the Memento a TimeGate redirected to.
+     *
+     * @param response TimeGate response
+     * @return Memento URI, with the logical origin restored when the request went through a proxy
+     */
+    private URI mementoURI(Response response)
+    {
+        URI location = response.getLocation();
+        if (location == null) throw new IllegalStateException("TimeGate <" + requestURI() + "> did not redirect to a version of <" + target + ">");
+
+        return getEffectiveProxy() != null ? URIRewriter.rewrite(location, target) : location;
+    }
+
+    /**
+     * Returns the URI requested: the target document, or one of the Memento roles it serves.
+     *
+     * @return request URI
+     */
+    private URI requestURI()
+    {
+        if (memento == null) return target;
+        if (memento.version != null) return Mementos.version(target, memento.version);
+        if (memento.timeMap) return Mementos.timeMap(target);
+
+        return Mementos.timeGate(target);
+    }
+
 }
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/ListPackages.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/ListPackages.java
new file mode 100644
index 0000000000..8823f85499
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/ListPackages.java
@@ -0,0 +1,144 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command;
+
+import com.atomgraph.linkeddatahub.cli.BaseCommand;
+import com.atomgraph.linkeddatahub.cli.http.HttpException;
+import com.atomgraph.linkeddatahub.cli.mixin.BaseMixin;
+import com.atomgraph.linkeddatahub.cli.vocab.LDH;
+import jakarta.ws.rs.core.MediaType;
+import jakarta.ws.rs.core.Response;
+import java.net.URI;
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
+import java.util.Comparator;
+import java.util.List;
+import java.util.Set;
+import java.util.stream.Collectors;
+import org.apache.jena.rdf.model.Model;
+import org.apache.jena.rdf.model.RDFNode;
+import org.apache.jena.rdf.model.Resource;
+import org.apache.jena.vocabulary.DCTerms;
+import org.apache.jena.vocabulary.RDFS;
+import picocli.CommandLine.Command;
+import picocli.CommandLine.Mixin;
+import picocli.CommandLine.Option;
+
+/**
+ * Lists the packages the registry offers, marking the ones the application imports. Registry URIs
+ * are not the application's own, so the catalog is read through the Linked Data proxy - the same
+ * way the application settings modal reads it.
+ *
+ * Each package is one tab-separated line of state, URI and title, so the listing greps and cuts:
+ * <code>ldh packages list | grep ^available | cut -f2</code>.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "list", description = "Lists the packages available in the registry, marking the ones the application imports.")
+public class ListPackages extends BaseCommand
+{
+
+    /** Accepted response media type of the proxied catalog */
+    private static final MediaType[] ACCEPT_RDF_XML = { com.atomgraph.core.MediaType.APPLICATION_RDF_XML_TYPE };
+
+    @Mixin
+    private BaseMixin baseMixin;
+
+    @Option(names = "--registry", defaultValue = "https://packages.linkeddatahub.com/", paramLabel = "REGISTRY_URI",
+        description = "URI of the package registry (default: ${DEFAULT-VALUE})")
+    private URI registry;
+
+    @Override
+    public Integer call() throws Exception
+    {
+        URI base = baseMixin.require(getSpec());
+        Set<String> imported = getImportedPackages(URI.create(base + "settings"));
+
+        for (Resource pkg : getPackages(getCatalog(base)))
+            print((imported.contains(pkg.getURI()) ? "installed" : "available") + "\t" + pkg.getURI() + "\t" + getTitle(pkg));
+
+        return 0;
+    }
+
+    /**
+     * Returns the URIs of the packages the application imports, read from its settings document.
+     *
+     * @param settings settings document URI
+     * @return imported package URIs
+     */
+    protected Set<String> getImportedPackages(URI settings)
+    {
+        try (Response response = HttpException.check(settings, getClient().get(settings, ACCEPT_TURTLE)))
+        {
+            return response.readEntity(Model.class).
+                listObjectsOfProperty(LDH.importPackage).
+                toList().stream().
+                filter(RDFNode::isURIResource).
+                map(node -> node.asResource().getURI()).
+                collect(Collectors.toSet());
+        }
+    }
+
+    /**
+     * Fetches the registry catalog through the Linked Data proxy.
+     *
+     * @param base application base URI
+     * @return catalog model
+     */
+    protected Model getCatalog(URI base)
+    {
+        URI target = URI.create(base + "?uri=" + URLEncoder.encode(registry.toString(), StandardCharsets.UTF_8));
+
+        try (Response response = HttpException.check(target, getClient().get(target, ACCEPT_RDF_XML)))
+        {
+            return response.readEntity(Model.class);
+        }
+    }
+
+    /**
+     * Returns the packages the catalog lists, ordered by URI so the listing is stable.
+     *
+     * @param catalog catalog model
+     * @return package resources
+     */
+    protected static List<Resource> getPackages(Model catalog)
+    {
+        return catalog.listObjectsOfProperty(RDFS.member).
+            toList().stream().
+            filter(RDFNode::isURIResource).
+            map(RDFNode::asResource).
+            distinct().
+            sorted(Comparator.comparing(Resource::getURI)).
+            toList();
+    }
+
+    /**
+     * Returns the title of a package, falling back to its label and then to the empty string:
+     * the catalog describes its members loosely enough that neither is guaranteed.
+     *
+     * @param pkg package resource
+     * @return title
+     */
+    protected static String getTitle(Resource pkg)
+    {
+        if (pkg.hasProperty(DCTerms.title)) return pkg.getProperty(DCTerms.title).getString();
+        if (pkg.hasProperty(RDFS.label)) return pkg.getProperty(RDFS.label).getString();
+
+        return "";
+    }
+
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/Acl.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Packages.java
similarity index 71%
rename from cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/Acl.java
rename to cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Packages.java
index 395f6f03eb..5914c0a7c0 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/Acl.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Packages.java
@@ -14,19 +14,19 @@
  * limitations under the License.
  */
 
-package com.atomgraph.linkeddatahub.cli.command.admin.acl;
+package com.atomgraph.linkeddatahub.cli.command;
 
 import com.atomgraph.linkeddatahub.cli.CommandGroup;
 import picocli.CommandLine.Command;
 
 /**
- * Access control command group.
+ * Package management command group.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "acl",
-    description = "Access control commands.",
-    subcommands = { CreateGroup.class, CreateAuthorization.class, AddAgentToGroup.class, MakePublic.class })
-public class Acl extends CommandGroup
+@Command(name = "packages",
+    description = "Manages the application's package imports.",
+    subcommands = { ListPackages.class, AddPackageImport.class, RemovePackageImport.class })
+public class Packages extends CommandGroup
 {
 }
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Post.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Post.java
index 8cc1aa393d..e09eeed5dd 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Post.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Post.java
@@ -21,31 +21,36 @@
 import jakarta.ws.rs.client.Entity;
 import jakarta.ws.rs.core.MediaType;
 import java.net.URI;
+import java.nio.file.Path;
 import org.apache.jena.rdf.model.Model;
 import picocli.CommandLine.Command;
 import picocli.CommandLine.Option;
 import picocli.CommandLine.Parameters;
 
 /**
- * Creates an RDF document from standard input. Mirrors <code>bin/post.sh</code>.
+ * Creates an RDF document from a file or standard input. Mirrors <code>bin/post.sh</code>.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "post", description = "Creates an RDF document from stdin.")
+@Command(name = "post", description = "Creates an RDF document from a file or stdin.")
 public class Post extends BaseCommand
 {
 
-    @Option(names = {"-t", "--content-type"}, required = true, paramLabel = "MEDIA_TYPE", description = "Media type of the RDF body (e.g. text/turtle)")
+    @Option(names = {"-t", "--content-type"}, paramLabel = "MEDIA_TYPE", description = "Media type of the RDF body (e.g. text/turtle); implied by FILE's extension when absent, required with stdin")
     private String contentType;
 
-    @Parameters(paramLabel = "TARGET_URI", description = "URI of the document")
+    @Parameters(index = "0", paramLabel = "TARGET_URI", description = "URI of the document")
     private URI target;
 
+    @Parameters(index = "1", arity = "0..1", paramLabel = "FILE", description = "Path to the RDF file (stdin is read when absent)")
+    private Path file;
+
     @Override
     public Integer call() throws Exception
     {
-        Model model = readModel(contentType, target, System.in);
-        HttpException.check(target, getClient().post(target, Entity.entity(model, MediaType.valueOf(contentType)), ACCEPT_TURTLE)).close();
+        String mediaType = resolveContentType(contentType, file);
+        Model model = file != null ? readModel(mediaType, target, file) : readModel(mediaType, target, System.in);
+        HttpException.check(target, getClient().post(target, Entity.entity(model, MediaType.valueOf(mediaType)), ACCEPT_TURTLE)).close();
         print(target);
 
         return 0;
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Put.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Put.java
index d30706740e..81c05ea070 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Put.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Put.java
@@ -21,31 +21,36 @@
 import jakarta.ws.rs.client.Entity;
 import jakarta.ws.rs.core.MediaType;
 import java.net.URI;
+import java.nio.file.Path;
 import org.apache.jena.rdf.model.Model;
 import picocli.CommandLine.Command;
 import picocli.CommandLine.Option;
 import picocli.CommandLine.Parameters;
 
 /**
- * Creates or updates an RDF document from standard input. Mirrors <code>bin/put.sh</code>.
+ * Creates or updates an RDF document from a file or standard input. Mirrors <code>bin/put.sh</code>.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "put", description = "Creates or updates an RDF document from stdin.")
+@Command(name = "put", description = "Creates or updates an RDF document from a file or stdin.")
 public class Put extends BaseCommand
 {
 
-    @Option(names = {"-t", "--content-type"}, required = true, paramLabel = "MEDIA_TYPE", description = "Media type of the RDF body (e.g. text/turtle)")
+    @Option(names = {"-t", "--content-type"}, paramLabel = "MEDIA_TYPE", description = "Media type of the RDF body (e.g. text/turtle); implied by FILE's extension when absent, required with stdin")
     private String contentType;
 
-    @Parameters(paramLabel = "TARGET_URI", description = "URI of the document")
+    @Parameters(index = "0", paramLabel = "TARGET_URI", description = "URI of the document")
     private URI target;
 
+    @Parameters(index = "1", arity = "0..1", paramLabel = "FILE", description = "Path to the RDF file (stdin is read when absent)")
+    private Path file;
+
     @Override
     public Integer call() throws Exception
     {
-        Model model = readModel(contentType, target, System.in);
-        HttpException.check(target, getClient().put(target, Entity.entity(model, MediaType.valueOf(contentType)), ACCEPT_TURTLE)).close();
+        String mediaType = resolveContentType(contentType, file);
+        Model model = file != null ? readModel(mediaType, target, file) : readModel(mediaType, target, System.in);
+        HttpException.check(target, getClient().put(target, Entity.entity(model, MediaType.valueOf(mediaType)), ACCEPT_TURTLE)).close();
         print(target);
 
         return 0;
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/Ontologies.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Remove.java
similarity index 66%
rename from cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/Ontologies.java
rename to cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Remove.java
index 75386ceb4e..fabba37796 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/Ontologies.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/Remove.java
@@ -14,20 +14,20 @@
  * limitations under the License.
  */
 
-package com.atomgraph.linkeddatahub.cli.command.admin.ontologies;
+package com.atomgraph.linkeddatahub.cli.command;
 
 import com.atomgraph.linkeddatahub.cli.CommandGroup;
+import com.atomgraph.linkeddatahub.cli.command.content.RemoveBlock;
 import picocli.CommandLine.Command;
 
 /**
- * Ontology management command group.
+ * Command group removing resources from a document.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "ontologies",
-    description = "Ontology management commands.",
-    subcommands = { CreateOntology.class, ImportOntology.class, AddClass.class, AddConstructor.class,
-        AddSelect.class, AddPropertyConstraint.class, AddRestriction.class })
-public class Ontologies extends CommandGroup
+@Command(name = "remove",
+    description = "Removes resources from a document.",
+    subcommands = { RemoveBlock.class })
+public class Remove extends CommandGroup
 {
 }
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/RemovePackageImport.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/RemovePackageImport.java
new file mode 100644
index 0000000000..191f06b91b
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/RemovePackageImport.java
@@ -0,0 +1,55 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command;
+
+import com.atomgraph.linkeddatahub.cli.BaseCommand;
+import com.atomgraph.linkeddatahub.cli.http.HttpException;
+import com.atomgraph.linkeddatahub.cli.mixin.BaseMixin;
+import com.atomgraph.linkeddatahub.cli.sparql.Updates;
+import java.net.URI;
+import picocli.CommandLine.Command;
+import picocli.CommandLine.Mixin;
+import picocli.CommandLine.Option;
+
+/**
+ * Removes a package import from the application by deleting its <code>ldh:import</code> statement
+ * from the settings. The application drops the package ontology and stylesheet on the next request,
+ * with no restart. Removing an import the application does not have is a no-op.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "remove", description = "Removes a package import by deleting its ldh:import statement from the application settings.")
+public class RemovePackageImport extends BaseCommand
+{
+
+    @Mixin
+    private BaseMixin baseMixin;
+
+    @Option(names = "--package", required = true, paramLabel = "PACKAGE_URI", description = "URI of the package whose import is removed")
+    private URI packageURI;
+
+    @Override
+    public Integer call() throws Exception
+    {
+        URI target = URI.create(baseMixin.require(getSpec()) + "settings");
+
+        HttpException.check(target, getClient().patch(target, Updates.deletePackageImport(packageURI))).close();
+
+        return 0;
+    }
+
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Add.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Add.java
new file mode 100644
index 0000000000..d5285bf7d1
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Add.java
@@ -0,0 +1,39 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command.admin;
+
+import com.atomgraph.linkeddatahub.cli.CommandGroup;
+import com.atomgraph.linkeddatahub.cli.command.admin.acl.AddAgentToGroup;
+import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.AddClass;
+import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.AddConstructor;
+import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.AddPropertyConstraint;
+import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.AddRestriction;
+import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.AddSelect;
+import picocli.CommandLine.Command;
+
+/**
+ * Command group appending resources to admin documents.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "add",
+    description = "Appends resources to admin documents.",
+    subcommands = { AddClass.class, AddConstructor.class, AddSelect.class, AddPropertyConstraint.class, AddRestriction.class,
+        AddOntologyImport.class, AddAgentToGroup.class })
+public class Add extends CommandGroup
+{
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/AddOntologyImport.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/AddOntologyImport.java
index 5a3ffc1498..f54d246ec4 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/AddOntologyImport.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/AddOntologyImport.java
@@ -29,7 +29,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-ontology-import", description = "Adds an owl:imports statement to an ontology.")
+@Command(name = "ontology-import", description = "Adds an owl:imports statement to an ontology.")
 public class AddOntologyImport extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Admin.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Admin.java
index 40a0540aad..f1c361b6fa 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Admin.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Admin.java
@@ -17,8 +17,7 @@
 package com.atomgraph.linkeddatahub.cli.command.admin;
 
 import com.atomgraph.linkeddatahub.cli.CommandGroup;
-import com.atomgraph.linkeddatahub.cli.command.admin.acl.Acl;
-import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.Ontologies;
+import com.atomgraph.linkeddatahub.cli.command.admin.acl.MakePublic;
 import picocli.CommandLine.Command;
 
 /**
@@ -28,7 +27,7 @@
  */
 @Command(name = "admin",
     description = "Administrative commands.",
-    subcommands = { Ontologies.class, Acl.class, ClearOntology.class, AddOntologyImport.class })
+    subcommands = { Create.class, Add.class, Clear.class, Import.class, MakePublic.class })
 public class Admin extends CommandGroup
 {
 }
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/Imports.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Clear.java
similarity index 73%
rename from cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/Imports.java
rename to cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Clear.java
index 6900f3e87b..87e3e776b3 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/Imports.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Clear.java
@@ -14,19 +14,19 @@
  * limitations under the License.
  */
 
-package com.atomgraph.linkeddatahub.cli.command.imports;
+package com.atomgraph.linkeddatahub.cli.command.admin;
 
 import com.atomgraph.linkeddatahub.cli.CommandGroup;
 import picocli.CommandLine.Command;
 
 /**
- * Data import command group.
+ * Command group clearing cached server-side state.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "imports",
-    description = "Data import commands.",
-    subcommands = { AddCSVImport.class, AddRDFImport.class, ImportCSV.class, ImportRDF.class })
-public class Imports extends CommandGroup
+@Command(name = "clear",
+    description = "Clears cached server-side state.",
+    subcommands = { ClearOntology.class })
+public class Clear extends CommandGroup
 {
 }
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ClearOntology.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ClearOntology.java
index 642451bb3e..d93659c340 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ClearOntology.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ClearOntology.java
@@ -31,7 +31,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "clear-ontology", description = "Clears an ontology from memory and reloads it.")
+@Command(name = "ontology", description = "Clears an ontology from memory and reloads it.")
 public class ClearOntology extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Create.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Create.java
new file mode 100644
index 0000000000..6a89c7957e
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Create.java
@@ -0,0 +1,35 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command.admin;
+
+import com.atomgraph.linkeddatahub.cli.CommandGroup;
+import com.atomgraph.linkeddatahub.cli.command.admin.acl.CreateAuthorization;
+import com.atomgraph.linkeddatahub.cli.command.admin.acl.CreateGroup;
+import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.CreateOntology;
+import picocli.CommandLine.Command;
+
+/**
+ * Admin document creation command group.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "create",
+    description = "Creates documents in the admin application.",
+    subcommands = { CreateOntology.class, CreateGroup.class, CreateAuthorization.class })
+public class Create extends CommandGroup
+{
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Import.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Import.java
new file mode 100644
index 0000000000..ba57741185
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/Import.java
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command.admin;
+
+import com.atomgraph.linkeddatahub.cli.CommandGroup;
+import com.atomgraph.linkeddatahub.cli.command.admin.ontologies.ImportOntology;
+import picocli.CommandLine.Command;
+
+/**
+ * Ontology import workflow group.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "import",
+    description = "Ontology import workflows.",
+    subcommands = { ImportOntology.class })
+public class Import extends CommandGroup
+{
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/AddAgentToGroup.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/AddAgentToGroup.java
index 73abb82fff..a2a59dce76 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/AddAgentToGroup.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/AddAgentToGroup.java
@@ -29,7 +29,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-agent-to-group", description = "Adds an agent to a group.")
+@Command(name = "agent", description = "Adds an agent to a group.")
 public class AddAgentToGroup extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateAuthorization.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateAuthorization.java
index 2c43b8ba46..8fbc01c6df 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateAuthorization.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateAuthorization.java
@@ -43,7 +43,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "create-authorization", description = "Creates an ACL authorization.")
+@Command(name = "authorization", description = "Creates an ACL authorization.")
 public class CreateAuthorization extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateGroup.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateGroup.java
index 05ec6847e7..ca35618fb6 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateGroup.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/acl/CreateGroup.java
@@ -38,7 +38,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "create-group", description = "Creates an agent group.")
+@Command(name = "group", description = "Creates an agent group.")
 public class CreateGroup extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddClass.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddClass.java
index 64c097ce2a..8303309576 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddClass.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddClass.java
@@ -38,7 +38,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-class", description = "Adds a class to an ontology.")
+@Command(name = "class", description = "Adds a class to an ontology.")
 public class AddClass extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddConstructor.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddConstructor.java
index d5f222b642..ec1d1eb602 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddConstructor.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddConstructor.java
@@ -38,7 +38,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-constructor", description = "Adds a CONSTRUCT query to an ontology.")
+@Command(name = "constructor", description = "Adds a CONSTRUCT query to an ontology.")
 public class AddConstructor extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddPropertyConstraint.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddPropertyConstraint.java
index 74ff2db865..eafc655b20 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddPropertyConstraint.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddPropertyConstraint.java
@@ -36,7 +36,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-property-constraint", description = "Adds a constraint that makes a property required.")
+@Command(name = "property-constraint", description = "Adds a constraint that makes a property required.")
 public class AddPropertyConstraint extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddRestriction.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddRestriction.java
index c2b6ee6cea..9ac8ae79c6 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddRestriction.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddRestriction.java
@@ -35,7 +35,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-restriction", description = "Adds an OWL restriction to an ontology.")
+@Command(name = "restriction", description = "Adds an OWL restriction to an ontology.")
 public class AddRestriction extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddSelect.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddSelect.java
index 0938ffc9e4..323e9ab34e 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddSelect.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/AddSelect.java
@@ -32,7 +32,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-select", description = "Adds a SELECT query to an ontology.")
+@Command(name = "select", description = "Adds a SELECT query to an ontology.")
 public class AddSelect extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/CreateOntology.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/CreateOntology.java
index 96cface9ff..9b4312e759 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/CreateOntology.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/CreateOntology.java
@@ -39,7 +39,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "create-ontology", description = "Creates a new ontology.")
+@Command(name = "ontology", description = "Creates a new ontology.")
 public class CreateOntology extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/ImportOntology.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/ImportOntology.java
index 94de67f7e7..fb85f6c652 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/ImportOntology.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/admin/ontologies/ImportOntology.java
@@ -52,7 +52,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "import-ontology", description = "Derives class constructors from an external ontology and appends them, with an owl:imports of the source, to a document.")
+@Command(name = "ontology", description = "Derives class constructors from an external ontology and appends them, with an owl:imports of the source, to a document.")
 public class ImportOntology extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddObjectBlock.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddObjectBlock.java
index b9860d23dc..5345548611 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddObjectBlock.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddObjectBlock.java
@@ -41,7 +41,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-object-block", description = "Appends an object content block to a document.")
+@Command(name = "object-block", description = "Appends an object content block to a document.")
 public class AddObjectBlock extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddXHTMLBlock.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddXHTMLBlock.java
index 7995fd0c2b..4237b7a985 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddXHTMLBlock.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/AddXHTMLBlock.java
@@ -40,7 +40,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-xhtml-block", description = "Appends an XHTML content block to a document.")
+@Command(name = "xhtml-block", description = "Appends an XHTML content block to a document.")
 public class AddXHTMLBlock extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/RemoveBlock.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/RemoveBlock.java
index dd6bfee7cd..ee61864de4 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/RemoveBlock.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/content/RemoveBlock.java
@@ -29,7 +29,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "remove-block", description = "Removes a content block from a document.")
+@Command(name = "block", description = "Removes a content block from a document.")
 public class RemoveBlock extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddCSVImport.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddCSVImport.java
index 0decc0d175..6a60f63e06 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddCSVImport.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddCSVImport.java
@@ -37,7 +37,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-csv-import", description = "Adds CSV import metadata to a document.")
+@Command(name = "csv-import", description = "Adds CSV import metadata to a document.")
 public class AddCSVImport extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddRDFImport.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddRDFImport.java
index 4b91effcf6..f7d825da28 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddRDFImport.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/AddRDFImport.java
@@ -38,7 +38,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "add-rdf-import", description = "Adds RDF import metadata to a document.")
+@Command(name = "rdf-import", description = "Adds RDF import metadata to a document.")
 public class AddRDFImport extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/Import.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/Import.java
new file mode 100644
index 0000000000..4c41b3d6f1
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/Import.java
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.command.imports;
+
+import com.atomgraph.linkeddatahub.cli.CommandGroup;
+import picocli.CommandLine.Command;
+
+/**
+ * Data import workflow group. Each subcommand composes the atomic commands that upload the file,
+ * add the transformation query and post the import metadata.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+@Command(name = "import",
+    description = "Data import workflows.",
+    subcommands = { ImportRDF.class, ImportCSV.class })
+public class Import extends CommandGroup
+{
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportCSV.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportCSV.java
index ea45095184..b40415c2ff 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportCSV.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportCSV.java
@@ -36,7 +36,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "import-csv", description = "Imports CSV data using a transformation query.")
+@Command(name = "csv", description = "Imports CSV data using a transformation query. Workflow composing add construct, add file and add csv-import.")
 public class ImportCSV extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportRDF.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportRDF.java
index db3cbed84e..08088f41f8 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportRDF.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/command/imports/ImportRDF.java
@@ -36,7 +36,7 @@
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
  */
-@Command(name = "import-rdf", description = "Imports RDF data, optionally using a transformation query.")
+@Command(name = "rdf", description = "Imports RDF data, optionally using a transformation query. Workflow composing add construct, add file and add rdf-import.")
 public class ImportRDF extends BaseCommand
 {
 
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/sparql/Updates.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/sparql/Updates.java
index cb621e377b..9566edf7bf 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/sparql/Updates.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/sparql/Updates.java
@@ -55,6 +55,51 @@ public static String insertOntologyImport(URI ontologyDoc, URI importURI)
         return pss.toString();
     }
 
+    /**
+     * Declares a package import on the application described by its settings document. The
+     * application is matched by type rather than named, because its URI is an opaque
+     * <code>urn:</code> identifier the caller has no way of knowing.
+     *
+     * @param packageURI imported package URI
+     * @return SPARQL update string
+     */
+    public static String insertPackageImport(URI packageURI)
+    {
+        ParameterizedSparqlString pss = new ParameterizedSparqlString("""
+            PREFIX ldh:	<https://w3id.org/atomgraph/linkeddatahub#>
+            PREFIX lapp:	<https://w3id.org/atomgraph/linkeddatahub/apps#>
+            INSERT {
+              ?app ldh:import ?package .
+            }
+            WHERE {
+              ?app a lapp:Application .
+            }
+            """);
+        pss.setIri("package", packageURI.toString());
+        return pss.toString();
+    }
+
+    /**
+     * Removes a package import declaration from the application described by its settings document.
+     *
+     * @param packageURI imported package URI
+     * @return SPARQL update string
+     */
+    public static String deletePackageImport(URI packageURI)
+    {
+        ParameterizedSparqlString pss = new ParameterizedSparqlString("""
+            PREFIX ldh:	<https://w3id.org/atomgraph/linkeddatahub#>
+            DELETE {
+              ?app ldh:import ?package .
+            }
+            WHERE {
+              ?app ldh:import ?package .
+            }
+            """);
+        pss.setIri("package", packageURI.toString());
+        return pss.toString();
+    }
+
     /**
      * Adds a <code>foaf:member</code> statement to the group that is the primary topic
      * of the given document.
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/util/Mementos.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/util/Mementos.java
new file mode 100644
index 0000000000..23d6747997
--- /dev/null
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/util/Mementos.java
@@ -0,0 +1,144 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.util;
+
+import java.net.URI;
+import java.time.Instant;
+import java.time.OffsetDateTime;
+import java.time.ZoneId;
+import java.time.format.DateTimeFormatter;
+import java.time.DateTimeException;
+import java.util.Locale;
+
+/**
+ * Addressing of the RFC 7089 Memento roles a LinkedDataHub document serves: a historical version
+ * (Memento), its version history (TimeMap) and its datetime negotiation endpoint (TimeGate).
+ * Each is a query parameter on the document URI itself.
+ *
+ * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
+ */
+public final class Mementos
+{
+
+    /** Name of the query parameter that selects a historical version by commit SHA */
+    public static final String VERSION_PARAM_NAME = "version";
+
+    /** Name of the query parameter that addresses the version history */
+    public static final String TIMEMAP_PARAM_NAME = "timemap";
+
+    /** Name of the query parameter that addresses the TimeGate */
+    public static final String TIMEGATE_PARAM_NAME = "timegate";
+
+    /** Name of the request header conveying the datetime a TimeGate negotiates on */
+    public static final String ACCEPT_DATETIME_HEADER = "Accept-Datetime";
+
+    /**
+     * RFC 1123 datetime in GMT with a zero-padded day of month, which the RFC 7089 grammar requires
+     * where {@link DateTimeFormatter#RFC_1123_DATE_TIME} leaves it unpadded. The same format the
+     * server writes <code>Memento-Datetime</code> and TimeMap datetimes in.
+     */
+    public static final DateTimeFormatter RFC_1123_GMT = DateTimeFormatter.ofPattern("EEE, dd MMM yyyy HH:mm:ss 'GMT'", Locale.US).
+        withZone(ZoneId.of("GMT"));
+
+    private Mementos() { }
+
+    /**
+     * Returns the URI of a document's historical version.
+     *
+     * @param target document URI
+     * @param sha commit SHA
+     * @return Memento URI
+     */
+    public static URI version(URI target, String sha)
+    {
+        return queryParam(target, VERSION_PARAM_NAME + "=" + sha);
+    }
+
+    /**
+     * Returns the URI of a document's version history.
+     *
+     * @param target document URI
+     * @return TimeMap URI
+     */
+    public static URI timeMap(URI target)
+    {
+        return queryParam(target, TIMEMAP_PARAM_NAME);
+    }
+
+    /**
+     * Returns the URI of a document's TimeGate.
+     *
+     * @param target document URI
+     * @return TimeGate URI
+     */
+    public static URI timeGate(URI target)
+    {
+        return queryParam(target, TIMEGATE_PARAM_NAME);
+    }
+
+    /**
+     * Appends a query parameter to a URI, before its fragment. Valueless parameters keep the bare
+     * form the server advertises them in, e.g. <code>?timemap</code> rather than <code>?timemap=</code>.
+     *
+     * @param uri URI to append to
+     * @param param parameter, either a bare name or <code>name=value</code>
+     * @return URI with the parameter appended
+     */
+    private static URI queryParam(URI uri, String param)
+    {
+        String string = uri.toString();
+        int hash = string.indexOf('#');
+        String fragment = hash == -1 ? "" : string.substring(hash);
+
+        return URI.create((hash == -1 ? string : string.substring(0, hash)) +
+            (uri.getRawQuery() == null ? "?" : "&") + param + fragment);
+    }
+
+    /**
+     * Formats a datetime as the <code>Accept-Datetime</code> header value. Accepts RFC 1123
+     * (<code>Wed, 20 Aug 2026 10:00:00 GMT</code>) as well as ISO 8601
+     * (<code>2026-08-20T10:00:00Z</code>), so that timestamps read out of a TimeMap, where they are
+     * <code>xsd:dateTime</code>, can be handed back without conversion.
+     *
+     * @param datetime datetime in either format
+     * @return RFC 1123 datetime in GMT
+     */
+    public static String acceptDatetime(String datetime)
+    {
+        return RFC_1123_GMT.format(parse(datetime));
+    }
+
+    private static Instant parse(String datetime)
+    {
+        try
+        {
+            return Instant.from(DateTimeFormatter.RFC_1123_DATE_TIME.parse(datetime));
+        }
+        catch (DateTimeException ex)
+        {
+            try
+            {
+                return OffsetDateTime.parse(datetime).toInstant();
+            }
+            catch (DateTimeException ex2)
+            {
+                throw new IllegalArgumentException("Value '" + datetime + "' is neither an RFC 1123 nor an ISO 8601 datetime");
+            }
+        }
+    }
+
+}
diff --git a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/vocab/LDH.java b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/vocab/LDH.java
index d256327514..397f57f70b 100644
--- a/cli/src/main/java/com/atomgraph/linkeddatahub/cli/vocab/LDH.java
+++ b/cli/src/main/java/com/atomgraph/linkeddatahub/cli/vocab/LDH.java
@@ -52,6 +52,8 @@ private LDH() { }
     /** ldh:SelectChildren query resource */
     public static final Resource SelectChildren = ResourceFactory.createResource(NS + "SelectChildren");
 
+    /** ldh:import property */
+    public static final Property importPackage = ResourceFactory.createProperty(NS + "import");
     /** ldh:service property */
     public static final Property service = ResourceFactory.createProperty(NS + "service");
     /** ldh:file property */
diff --git a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandOutputTest.java b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandOutputTest.java
index 196fe31979..ac2d01167c 100644
--- a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandOutputTest.java
+++ b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandOutputTest.java
@@ -23,8 +23,10 @@
 import java.io.StringWriter;
 import java.net.URI;
 import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
 import java.nio.file.Path;
 import java.nio.file.Paths;
+import java.util.List;
 import org.junit.jupiter.api.Test;
 import picocli.CommandLine;
 import static org.junit.jupiter.api.Assertions.assertEquals;
@@ -36,7 +38,7 @@
  * document prints its URL as the only line on stdout, diagnostics go to stderr, and an HTTP error
  * status leaves stdout empty and exits 1.
  *
- * <code>item=$(ldh create-item ...)</code> breaks the moment anything else reaches stdout, and the
+ * <code>item=$(ldh create item ...)</code> breaks the moment anything else reaches stdout, and the
  * http-tests consume that substitution in dozens of places.
  */
 public class CommandOutputTest
@@ -65,7 +67,7 @@ public void createdURLIsTheOnlyLineOnStdout() throws Exception
             URI base = server.baseURI();
             StringWriter out = new StringWriter(), err = new StringWriter();
 
-            int code = commandLine(out, err).execute("create-container",
+            int code = commandLine(out, err).execute("create", "container",
                 "-f", keyStorePath().toString(), "-p", "changeit", "-b", base.toString(),
                 "--title", "Test", "--slug", "test", "--parent", base.toString());
 
@@ -85,7 +87,7 @@ public void createdURLMatchesTheDocumentActuallyWritten() throws Exception
             URI base = server.baseURI();
             StringWriter out = new StringWriter(), err = new StringWriter();
 
-            commandLine(out, err).execute("create-container",
+            commandLine(out, err).execute("create", "container",
                 "-f", keyStorePath().toString(), "-p", "changeit", "-b", base.toString(),
                 "--title", "Test", "--slug", "test", "--parent", base.toString());
 
@@ -104,7 +106,7 @@ public void slugIsPercentEncodedInBothURLAndRequest() throws Exception
             URI base = server.baseURI();
             StringWriter out = new StringWriter(), err = new StringWriter();
 
-            int code = commandLine(out, err).execute("create-container",
+            int code = commandLine(out, err).execute("create", "container",
                 "-f", keyStorePath().toString(), "-p", "changeit", "-b", base.toString(),
                 "--title", "Ö", "--slug", "ö x", "--parent", base.toString());
 
@@ -143,6 +145,34 @@ public void putReadsRDFFromStdinResolvingAgainstTheTarget() throws Exception
         }
     }
 
+    @Test
+    public void putReadsRDFFromAFileTypedByItsExtension() throws Exception
+    {
+        try (StubServer server = new StubServer())
+        {
+            server.responds(201, "");
+            URI target = server.baseURI().resolve("some/");
+            StringWriter out = new StringWriter(), err = new StringWriter();
+
+            Path file = Files.createTempFile("categories", ".ttl");
+            Files.writeString(file, "<> <http://purl.org/dc/terms/title> \"Filed\" .");
+            try
+            {
+                int code = commandLine(out, err).execute("put",
+                    "-f", keyStorePath().toString(), "-p", "changeit", target.toString(), file.toString());
+
+                assertEquals(0, code);
+                assertEquals("PUT", server.getLastMethod());
+                assertTrue(server.getLastBody().contains("Filed"), server.getLastBody());
+                assertEquals(target.toString(), out.toString().strip());
+            }
+            finally
+            {
+                Files.deleteIfExists(file);
+            }
+        }
+    }
+
     @Test
     public void patchSendsTheStdinUpdateVerbatim() throws Exception
     {
@@ -202,7 +232,7 @@ public void httpErrorStatusExitsOneWithEmptyStdout() throws Exception
             URI base = server.baseURI();
             StringWriter out = new StringWriter(), err = new StringWriter();
 
-            int code = commandLine(out, err).execute("create-container",
+            int code = commandLine(out, err).execute("create", "container",
                 "-f", keyStorePath().toString(), "-p", "changeit", "-b", base.toString(),
                 "--title", "Test", "--slug", "test", "--parent", base.toString());
 
@@ -223,7 +253,7 @@ public void connectionFailureExitsOneWithEmptyStdout() throws Exception
 
         StringWriter out = new StringWriter(), err = new StringWriter();
 
-        int code = commandLine(out, err).execute("create-container",
+        int code = commandLine(out, err).execute("create", "container",
             "-f", keyStorePath().toString(), "-p", "changeit", "-b", base.toString(),
             "--title", "Test", "--slug", "test", "--parent", base.toString());
 
@@ -232,4 +262,141 @@ public void connectionFailureExitsOneWithEmptyStdout() throws Exception
         assertTrue(err.toString().contains("Connection refused"), err.toString());
     }
 
+    @Test
+    public void timeGatePrintsTheMementoURIAsTheOnlyLineOnStdout() throws Exception
+    {
+        try (StubServer server = new StubServer())
+        {
+            URI base = server.baseURI();
+            server.responds(302, "").respondsWithHeader("Location", base + "some/?version=a1b2c3");
+            StringWriter out = new StringWriter(), err = new StringWriter();
+
+            int code = commandLine(out, err).execute("get",
+                "-f", keyStorePath().toString(), "-p", "changeit",
+                "--timegate", "--datetime", "2026-08-20T10:00:00Z", base.resolve("some/").toString());
+
+            assertEquals(0, code);
+            assertEquals(base + "some/?version=a1b2c3", out.toString().strip());
+            assertEquals(1, out.toString().strip().lines().count(), "stdout carries more than the Memento URI");
+            assertEquals("", err.toString(), "stderr is not empty on success");
+            assertEquals("/some/?timegate", server.getLastTarget());
+            assertEquals("Thu, 20 Aug 2026 10:00:00 GMT", server.getLastHeader("Accept-Datetime"));
+        }
+    }
+
+    @Test
+    public void aBareTimeGateNegotiatesWithoutADatetime() throws Exception
+    {
+        try (StubServer server = new StubServer())
+        {
+            URI base = server.baseURI();
+            server.responds(302, "").respondsWithHeader("Location", base + "some/?version=a1b2c3");
+            StringWriter out = new StringWriter(), err = new StringWriter();
+
+            int code = commandLine(out, err).execute("get",
+                "-f", keyStorePath().toString(), "-p", "changeit",
+                "--timegate", base.resolve("some/").toString());
+
+            assertEquals(0, code);
+            assertNull(server.getLastHeader("Accept-Datetime"), "a bare --timegate must not send Accept-Datetime");
+        }
+    }
+
+    @Test
+    public void aTimeGateThatDoesNotRedirectExitsOneWithEmptyStdout() throws Exception
+    {
+        try (StubServer server = new StubServer())
+        {
+            server.responds(200, "");
+            StringWriter out = new StringWriter(), err = new StringWriter();
+
+            int code = commandLine(out, err).execute("get",
+                "-f", keyStorePath().toString(), "-p", "changeit",
+                "--timegate", server.baseURI().resolve("some/").toString());
+
+            assertEquals(CommandLine.ExitCode.SOFTWARE, code);
+            assertEquals("", out.toString(), "a failed command must print nothing on stdout");
+        }
+    }
+
+    @Test
+    public void mementoOptionsAddressTheDocumentsOwnQueryParams() throws Exception
+    {
+        try (StubServer server = new StubServer())
+        {
+            server.responds(200, "");
+            URI doc = server.baseURI().resolve("some/");
+            StringWriter out = new StringWriter(), err = new StringWriter();
+
+            assertEquals(0, commandLine(out, err).execute("get",
+                "-f", keyStorePath().toString(), "-p", "changeit",
+                "--accept", "text/turtle", "--version", "a1b2c3", doc.toString()));
+            assertEquals("/some/?version=a1b2c3", server.getLastTarget());
+
+            assertEquals(0, commandLine(out, err).execute("get",
+                "-f", keyStorePath().toString(), "-p", "changeit",
+                "--accept", "text/turtle", "--timemap", doc.toString()));
+            assertEquals("/some/?timemap", server.getLastTarget());
+        }
+    }
+
+    @Test
+    public void acceptIsRequiredForEverythingButTheTimeGate() throws Exception
+    {
+        try (StubServer server = new StubServer())
+        {
+            server.responds(200, "");
+            StringWriter out = new StringWriter(), err = new StringWriter();
+
+            int code = commandLine(out, err).execute("get",
+                "-f", keyStorePath().toString(), "-p", "changeit", server.baseURI().toString());
+
+            assertEquals(CommandLine.ExitCode.USAGE, code);
+            assertNull(server.getLastMethod(), "a request went out without a requested media type");
+        }
+    }
+
+    @Test
+    public void listPackagesMarksTheImportedOnes() throws Exception
+    {
+        String settings = """
+            @prefix ldh: <https://w3id.org/atomgraph/linkeddatahub#> .
+            <urn:linkeddatahub:apps/end-user> ldh:import <https://packages.linkeddatahub.com/skos/#this> .
+            """;
+        String catalog = """
+            <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+                xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dct="http://purl.org/dc/terms/">
+              <rdf:Description rdf:about="https://packages.linkeddatahub.com/">
+                <rdfs:member rdf:resource="https://packages.linkeddatahub.com/skos/#this"/>
+                <rdfs:member rdf:resource="https://packages.linkeddatahub.com/foaf/#this"/>
+              </rdf:Description>
+              <rdf:Description rdf:about="https://packages.linkeddatahub.com/skos/#this">
+                <dct:title>SKOS</dct:title>
+              </rdf:Description>
+              <rdf:Description rdf:about="https://packages.linkeddatahub.com/foaf/#this">
+                <dct:title>FOAF</dct:title>
+              </rdf:Description>
+            </rdf:RDF>
+            """;
+
+        try (StubServer server = new StubServer())
+        {
+            server.respondsTo("/settings", 200, "text/turtle", settings);
+            server.respondsTo("/", 200, "application/rdf+xml", catalog);
+            URI base = server.baseURI();
+            StringWriter out = new StringWriter(), err = new StringWriter();
+
+            int code = commandLine(out, err).execute("packages", "list",
+                "-f", keyStorePath().toString(), "-p", "changeit", "-b", base.toString());
+
+            assertEquals(0, code);
+            assertEquals(List.of("available\thttps://packages.linkeddatahub.com/foaf/#this\tFOAF",
+                                 "installed\thttps://packages.linkeddatahub.com/skos/#this\tSKOS"),
+                out.toString().lines().toList());
+            assertEquals("", err.toString(), "stderr is not empty on success");
+            // the registry is not the application's own URI, so the catalog is read through the proxy
+            assertEquals("/?uri=https%3A%2F%2Fpackages.linkeddatahub.com%2F", server.getLastTarget());
+        }
+    }
+
 }
diff --git a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandParsingTest.java b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandParsingTest.java
index 20d4d1877c..394e1745ec 100644
--- a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandParsingTest.java
+++ b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/CommandParsingTest.java
@@ -43,37 +43,46 @@ static CommandLine commandLine()
     }
 
     @Test
-    public void commandTreeMirrorsScriptLayout()
+    public void commandTreeGroupsByVerb()
     {
         CommandLine root = commandLine();
 
-        List.of("get", "post", "put", "patch", "delete", "create-item", "create-container",
-                "add-view", "add-construct", "add-select", "add-result-set-chart", "add-file", "add-generic-service",
-                "admin", "content", "imports").
+        List.of("get", "post", "put", "patch", "delete", "create", "add", "remove", "import", "packages", "admin").
             forEach(name -> assertTrue(root.getSubcommands().containsKey(name), name));
 
+        List.of("item", "container").
+            forEach(name -> assertTrue(root.getSubcommands().get("create").getSubcommands().containsKey(name), name));
+
+        List.of("view", "construct", "select", "result-set-chart", "file", "generic-service",
+                "rdf-import", "csv-import", "object-block", "xhtml-block").
+            forEach(name -> assertTrue(root.getSubcommands().get("add").getSubcommands().containsKey(name), name));
+
+        assertTrue(root.getSubcommands().get("remove").getSubcommands().containsKey("block"));
+
+        List.of("list", "add", "remove").
+            forEach(name -> assertTrue(root.getSubcommands().get("packages").getSubcommands().containsKey(name), name));
+
+        List.of("rdf", "csv").
+            forEach(name -> assertTrue(root.getSubcommands().get("import").getSubcommands().containsKey(name), name));
+
         CommandLine admin = root.getSubcommands().get("admin");
-        List.of("ontologies", "acl", "clear-ontology", "add-ontology-import").
+        List.of("create", "add", "clear", "import", "make-public").
             forEach(name -> assertTrue(admin.getSubcommands().containsKey(name), name));
 
-        List.of("create-ontology", "import-ontology", "add-class", "add-constructor", "add-select",
-                "add-property-constraint", "add-restriction").
-            forEach(name -> assertTrue(admin.getSubcommands().get("ontologies").getSubcommands().containsKey(name), name));
-
-        List.of("create-group", "create-authorization", "add-agent-to-group", "make-public").
-            forEach(name -> assertTrue(admin.getSubcommands().get("acl").getSubcommands().containsKey(name), name));
+        List.of("ontology", "group", "authorization").
+            forEach(name -> assertTrue(admin.getSubcommands().get("create").getSubcommands().containsKey(name), name));
 
-        List.of("add-object-block", "add-xhtml-block", "remove-block").
-            forEach(name -> assertTrue(root.getSubcommands().get("content").getSubcommands().containsKey(name), name));
+        List.of("class", "constructor", "select", "property-constraint", "restriction", "ontology-import", "agent").
+            forEach(name -> assertTrue(admin.getSubcommands().get("add").getSubcommands().containsKey(name), name));
 
-        List.of("add-csv-import", "add-rdf-import", "import-csv", "import-rdf").
-            forEach(name -> assertTrue(root.getSubcommands().get("imports").getSubcommands().containsKey(name), name));
+        assertTrue(admin.getSubcommands().get("clear").getSubcommands().containsKey("ontology"));
+        assertTrue(admin.getSubcommands().get("import").getSubcommands().containsKey("ontology"));
     }
 
     @Test
     public void missingRequiredOptionIsUsageError()
     {
-        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("create-item", "--container", "https://localhost:4443/some/"));
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("create", "item", "--container", "https://localhost:4443/some/"));
     }
 
     @Test
@@ -82,11 +91,24 @@ public void unknownOptionIsUsageError()
         assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("get", "--bogus"));
     }
 
+    @Test
+    public void contentTypeIsRequiredOnlyWhenReadingStdin()
+    {
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("put", "https://localhost:4443/some/"));
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("post", "https://localhost:4443/some/"));
+    }
+
+    @Test
+    public void unrecognizedRDFFileExtensionIsUsageError()
+    {
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("put", "https://localhost:4443/some/", "categories.foo"));
+    }
+
     @Test
     public void bareGroupCommandIsUsageError()
     {
         assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("admin"));
-        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("admin", "acl"));
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("admin", "add"));
     }
 
     @Test
@@ -95,13 +117,13 @@ public void helpIsRecognizedAtEveryNestingLevel()
         List.of(new String[] { "--help" },
                 new String[] { "get", "--help" },
                 new String[] { "admin", "--help" },
-                new String[] { "content", "--help" },
-                new String[] { "imports", "--help" },
-                new String[] { "admin", "acl", "--help" },
-                new String[] { "admin", "ontologies", "--help" },
-                new String[] { "content", "remove-block", "--help" },
-                new String[] { "imports", "import-csv", "-h" },
-                new String[] { "admin", "ontologies", "add-class", "--help" }).
+                new String[] { "add", "--help" },
+                new String[] { "import", "--help" },
+                new String[] { "admin", "create", "--help" },
+                new String[] { "admin", "add", "--help" },
+                new String[] { "remove", "block", "--help" },
+                new String[] { "import", "csv", "-h" },
+                new String[] { "admin", "add", "class", "--help" }).
             forEach(args -> assertEquals(CommandLine.ExitCode.OK, commandLine().execute(args), String.join(" ", args)));
     }
 
@@ -111,15 +133,15 @@ public void helpPrintsTheUsageOfTheCommandItWasAskedOn()
         StringWriter out = new StringWriter();
         CommandLine cmd = commandLine();
         cmd.setOut(new PrintWriter(out));
-        cmd.execute("content", "remove-block", "--help");
+        cmd.execute("remove", "block", "--help");
 
-        assertTrue(out.toString().startsWith("Usage: ldh content remove-block"), out.toString());
+        assertTrue(out.toString().startsWith("Usage: ldh remove block"), out.toString());
     }
 
     @Test
     public void repeatableOptionsAccumulate()
     {
-        ParseResult parseResult = commandLine().parseArgs("admin", "acl", "create-group",
+        ParseResult parseResult = commandLine().parseArgs("admin", "create", "group",
             "-f", "cert.p12", "-p", "secret", "-b", "https://admin.localhost:4443/",
             "--name", "Editors",
             "--member", "https://localhost:4443/acl/agents/a/#this",
@@ -138,4 +160,19 @@ public void missingCertOptionsFailValidationAtExecutionTime()
         assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("delete", "https://localhost:4443/some/"));
     }
 
+    @Test
+    public void mementoRolesAreMutuallyExclusive()
+    {
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("get", "--timemap", "--version", "a1b2c3", "https://localhost:4443/some/"));
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("get", "--timemap", "--timegate", "https://localhost:4443/some/"));
+    }
+
+    @Test
+    public void datetimeIsOnlyValidWithTheTimeGate()
+    {
+        assertNotNull(commandLine().parseArgs("get", "--timegate", "--datetime", "2026-08-20T10:00:00Z", "https://localhost:4443/some/"));
+        assertEquals(CommandLine.ExitCode.USAGE, commandLine().execute("get",
+            "--accept", "text/turtle", "--datetime", "2026-08-20T10:00:00Z", "https://localhost:4443/some/"));
+    }
+
 }
diff --git a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/http/StubServer.java b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/http/StubServer.java
index 0adfe63540..b2e62260c9 100644
--- a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/http/StubServer.java
+++ b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/http/StubServer.java
@@ -21,6 +21,9 @@
 import java.net.InetSocketAddress;
 import java.net.URI;
 import java.nio.charset.StandardCharsets;
+import java.util.LinkedHashMap;
+import java.util.Locale;
+import java.util.Map;
 
 /**
  * In-process HTTP server that answers every request with a canned status and body, and records
@@ -35,10 +38,13 @@ public class StubServer implements AutoCloseable
     private volatile int status = 200;
     private volatile String body = "";
     private volatile String contentType = "text/turtle";
+    private final Map<String, String> responseHeaders = new LinkedHashMap<>();
+    private final Map<String, Route> routes = new LinkedHashMap<>();
 
     private volatile String lastMethod;
     private volatile String lastTarget;
     private volatile String lastBody;
+    private volatile Map<String, String> lastHeaders = Map.of();
 
     /**
      * Starts the server on an ephemeral loopback port.
@@ -55,9 +61,15 @@ public StubServer() throws IOException
             lastTarget = exchange.getRequestURI().toString();
             lastBody = new String(exchange.getRequestBody().readAllBytes(), StandardCharsets.UTF_8);
 
-            byte[] out = body.getBytes(StandardCharsets.UTF_8);
-            exchange.getResponseHeaders().add("Content-Type", contentType);
-            exchange.sendResponseHeaders(status, out.length == 0 ? -1 : out.length);
+            Map<String, String> headers = new LinkedHashMap<>();
+            exchange.getRequestHeaders().forEach((name, values) -> headers.put(name.toLowerCase(Locale.ROOT), values.get(0)));
+            lastHeaders = headers;
+
+            Route route = routes.get(exchange.getRequestURI().getPath());
+            byte[] out = (route != null ? route.body() : body).getBytes(StandardCharsets.UTF_8);
+            exchange.getResponseHeaders().add("Content-Type", route != null ? route.contentType() : contentType);
+            responseHeaders.forEach((name, value) -> exchange.getResponseHeaders().add(name, value));
+            exchange.sendResponseHeaders(route != null ? route.status() : status, out.length == 0 ? -1 : out.length);
             if (out.length > 0) exchange.getResponseBody().write(out);
             exchange.close();
         });
@@ -75,6 +87,24 @@ public URI baseURI()
         return URI.create("http://127.0.0.1:" + server.getAddress().getPort() + "/");
     }
 
+    /** A canned response bound to one request path, for the commands that read more than one document. */
+    private record Route(int status, String contentType, String body) { }
+
+    /**
+     * Binds a canned response to a request path, taking precedence over the default one.
+     *
+     * @param path request path
+     * @param status HTTP status code
+     * @param contentType response media type
+     * @param body response body
+     * @return this server
+     */
+    public StubServer respondsTo(String path, int status, String contentType, String body)
+    {
+        routes.put(path, new Route(status, contentType, body));
+        return this;
+    }
+
     /**
      * Sets the canned response.
      *
@@ -101,6 +131,19 @@ public StubServer respondsWithType(String contentType)
         return this;
     }
 
+    /**
+     * Adds a header to the canned response.
+     *
+     * @param name header name
+     * @param value header value
+     * @return this server
+     */
+    public StubServer respondsWithHeader(String name, String value)
+    {
+        responseHeaders.put(name, value);
+        return this;
+    }
+
     /**
      * Returns the method of the last request.
      *
@@ -121,6 +164,17 @@ public String getLastTarget()
         return lastTarget;
     }
 
+    /**
+     * Returns a request header of the last request.
+     *
+     * @param name header name, matched case-insensitively
+     * @return header value, or null if the header was not sent
+     */
+    public String getLastHeader(String name)
+    {
+        return lastHeaders.get(name.toLowerCase(Locale.ROOT));
+    }
+
     /**
      * Returns the body of the last request.
      *
diff --git a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/sparql/UpdatesTest.java b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/sparql/UpdatesTest.java
index f7608273a5..92d649369f 100644
--- a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/sparql/UpdatesTest.java
+++ b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/sparql/UpdatesTest.java
@@ -33,6 +33,7 @@ public class UpdatesTest
     private static final URI DOC = URI.create("https://localhost:4443/some/");
     private static final URI BASE = URI.create("https://localhost:4443/");
     private static final URI ADMIN_BASE = URI.create("https://admin.localhost:4443/");
+    private static final URI PACKAGE = URI.create("https://packages.linkeddatahub.com/skos/#this");
 
     @Test
     public void insertOntologyImportIsValidSPARQL11()
@@ -43,6 +44,27 @@ public void insertOntologyImportIsValidSPARQL11()
         assertTrue(update.contains("<https://example.org/ontology#>"));
     }
 
+    @Test
+    public void insertPackageImportIsValidSPARQL11()
+    {
+        String update = Updates.insertPackageImport(PACKAGE);
+
+        assertDoesNotThrow(() -> UpdateFactory.create(update, Syntax.syntaxSPARQL_11));
+        assertTrue(update.contains("<https://packages.linkeddatahub.com/skos/#this>"));
+        // the application is matched by type, never named: its URI is an opaque urn: identifier
+        assertTrue(update.contains("?app"));
+    }
+
+    @Test
+    public void deletePackageImportIsValidSPARQL11()
+    {
+        String update = Updates.deletePackageImport(PACKAGE);
+
+        assertDoesNotThrow(() -> UpdateFactory.create(update, Syntax.syntaxSPARQL_11));
+        assertTrue(update.contains("<https://packages.linkeddatahub.com/skos/#this>"));
+        assertFalse(update.contains("?package"));
+    }
+
     @Test
     public void insertGroupMemberIsValidSPARQL11()
     {
diff --git a/cli/src/test/java/com/atomgraph/linkeddatahub/cli/util/MementosTest.java b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/util/MementosTest.java
new file mode 100644
index 0000000000..7e3ea7ca9c
--- /dev/null
+++ b/cli/src/test/java/com/atomgraph/linkeddatahub/cli/util/MementosTest.java
@@ -0,0 +1,76 @@
+/*
+ * Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.atomgraph.linkeddatahub.cli.util;
+
+import java.net.URI;
+import org.junit.jupiter.api.Test;
+import static org.junit.jupiter.api.Assertions.assertEquals;
+import static org.junit.jupiter.api.Assertions.assertThrows;
+
+/**
+ * Tests the addressing of the Memento roles and the <code>Accept-Datetime</code> format.
+ */
+public class MementosTest
+{
+
+    static final URI DOC = URI.create("https://localhost:4443/some/");
+
+    @Test
+    public void mementoRolesAreQueryParamsOnTheDocumentURI()
+    {
+        assertEquals(URI.create("https://localhost:4443/some/?version=a1b2c3"), Mementos.version(DOC, "a1b2c3"));
+        assertEquals(URI.create("https://localhost:4443/some/?timemap"), Mementos.timeMap(DOC));
+        assertEquals(URI.create("https://localhost:4443/some/?timegate"), Mementos.timeGate(DOC));
+    }
+
+    @Test
+    public void valuelessParamsKeepTheBareFormTheServerAdvertises()
+    {
+        // the Link headers point at <doc?timemap>, not <doc?timemap=>
+        assertEquals("timemap", Mementos.timeMap(DOC).getRawQuery());
+        assertEquals("timegate", Mementos.timeGate(DOC).getRawQuery());
+    }
+
+    @Test
+    public void anExistingQueryIsKeptAndTheFragmentStaysLast()
+    {
+        assertEquals(URI.create("https://localhost:4443/some/?a=b&timemap"), Mementos.timeMap(URI.create("https://localhost:4443/some/?a=b")));
+        assertEquals(URI.create("https://localhost:4443/some/?version=a1b2c3#this"), Mementos.version(URI.create("https://localhost:4443/some/#this"), "a1b2c3"));
+    }
+
+    @Test
+    public void acceptDatetimeTakesRFC1123AndISO8601()
+    {
+        assertEquals("Thu, 20 Aug 2026 10:00:00 GMT", Mementos.acceptDatetime("Thu, 20 Aug 2026 10:00:00 GMT"));
+        assertEquals("Thu, 20 Aug 2026 10:00:00 GMT", Mementos.acceptDatetime("2026-08-20T10:00:00Z"));
+        assertEquals("Thu, 20 Aug 2026 10:00:00 GMT", Mementos.acceptDatetime("2026-08-20T12:00:00+02:00"));
+    }
+
+    @Test
+    public void theDayOfMonthIsZeroPadded()
+    {
+        // RFC_1123_DATE_TIME leaves it unpadded where the RFC 7089 grammar wants 2DIGIT
+        assertEquals("Wed, 05 Aug 2026 10:00:00 GMT", Mementos.acceptDatetime("2026-08-05T10:00:00Z"));
+    }
+
+    @Test
+    public void anUnparseableDatetimeIsRejected()
+    {
+        assertThrows(IllegalArgumentException.class, () -> Mementos.acceptDatetime("yesterday afternoon"));
+    }
+
+}
diff --git a/http-tests/access/group-authorization.sh b/http-tests/access/group-authorization.sh
index 92f4a8fc92..7f64436ef4 100755
--- a/http-tests/access/group-authorization.sh
+++ b/http-tests/access/group-authorization.sh
@@ -25,7 +25,7 @@ fi
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -33,7 +33,7 @@ ldh admin acl add-agent-to-group \
 
 # create container
 
-ldh create-container \
+ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/access/owner-authorization.sh b/http-tests/access/owner-authorization.sh
index b59f30adaa..25230657cd 100755
--- a/http-tests/access/owner-authorization.sh
+++ b/http-tests/access/owner-authorization.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/add/GET-proxied-source-POST-append.sh b/http-tests/add/GET-proxied-source-POST-append.sh
index ebf7333fbb..5fc7a338e4 100755
--- a/http-tests/add/GET-proxied-source-POST-append.sh
+++ b/http-tests/add/GET-proxied-source-POST-append.sh
@@ -13,13 +13,13 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group (to read through the proxy) and the writers group (to append)
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
   "${ADMIN_BASE_URL}acl/groups/readers/"
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -27,7 +27,7 @@ ldh admin acl add-agent-to-group \
 
 # create the target container
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/add/PUT-generate-container.sh b/http-tests/add/PUT-generate-container.sh
index 52b661e887..ead8fb54fe 100755
--- a/http-tests/add/PUT-generate-container.sh
+++ b/http-tests/add/PUT-generate-container.sh
@@ -16,7 +16,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/admin/acl/add-delete-authorization.sh b/http-tests/admin/acl/add-delete-authorization.sh
index b040aea527..866151d8b3 100755
--- a/http-tests/admin/acl/add-delete-authorization.sh
+++ b/http-tests/admin/acl/add-delete-authorization.sh
@@ -20,7 +20,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -30,7 +30,7 @@ container=$(ldh create-container \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -50,7 +50,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-delete-class-authorization.sh b/http-tests/admin/acl/add-delete-class-authorization.sh
index 1a8cbdab89..3f3b38741a 100755
--- a/http-tests/admin/acl/add-delete-class-authorization.sh
+++ b/http-tests/admin/acl/add-delete-class-authorization.sh
@@ -20,7 +20,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -30,7 +30,7 @@ container=$(ldh create-container \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -50,7 +50,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-delete-group-authorization.sh b/http-tests/admin/acl/add-delete-group-authorization.sh
index 781183ba25..b3404240b9 100755
--- a/http-tests/admin/acl/add-delete-group-authorization.sh
+++ b/http-tests/admin/acl/add-delete-group-authorization.sh
@@ -18,7 +18,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create group
 
-group_doc=$(ldh admin acl create-group \
+group_doc=$(ldh admin create group \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -36,7 +36,7 @@ group=$(curl -s -k \
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -46,7 +46,7 @@ container=$(ldh create-container \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -66,7 +66,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-get-authorization.sh b/http-tests/admin/acl/add-get-authorization.sh
index 77ecf4ee11..92e2695460 100755
--- a/http-tests/admin/acl/add-get-authorization.sh
+++ b/http-tests/admin/acl/add-get-authorization.sh
@@ -17,7 +17,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -36,7 +36,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-get-class-authorization.sh b/http-tests/admin/acl/add-get-class-authorization.sh
index 99ca051f98..f920205065 100755
--- a/http-tests/admin/acl/add-get-class-authorization.sh
+++ b/http-tests/admin/acl/add-get-class-authorization.sh
@@ -17,7 +17,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -36,7 +36,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-get-group-authorization.sh b/http-tests/admin/acl/add-get-group-authorization.sh
index 357b2b20d3..61817b8a13 100755
--- a/http-tests/admin/acl/add-get-group-authorization.sh
+++ b/http-tests/admin/acl/add-get-group-authorization.sh
@@ -17,7 +17,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create group
 
-group_doc=$(ldh admin acl create-group \
+group_doc=$(ldh admin create group \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -33,7 +33,7 @@ group=$(curl -s -k \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -52,7 +52,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-post-authorization.sh b/http-tests/admin/acl/add-post-authorization.sh
index d443706cd9..a39c8ccb98 100755
--- a/http-tests/admin/acl/add-post-authorization.sh
+++ b/http-tests/admin/acl/add-post-authorization.sh
@@ -24,7 +24,7 @@ EOF
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -50,7 +50,7 @@ EOF
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-post-class-authorization.sh b/http-tests/admin/acl/add-post-class-authorization.sh
index fc0627e4e3..b22f65517b 100755
--- a/http-tests/admin/acl/add-post-class-authorization.sh
+++ b/http-tests/admin/acl/add-post-class-authorization.sh
@@ -24,7 +24,7 @@ EOF
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -50,7 +50,7 @@ EOF
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-post-group-authorization.sh b/http-tests/admin/acl/add-post-group-authorization.sh
index cb532f634e..2683256abe 100755
--- a/http-tests/admin/acl/add-post-group-authorization.sh
+++ b/http-tests/admin/acl/add-post-group-authorization.sh
@@ -24,7 +24,7 @@ EOF
 
 # create group
 
-group_doc=$(ldh admin acl create-group \
+group_doc=$(ldh admin create group \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -40,7 +40,7 @@ group=$(curl -s -k \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -66,7 +66,7 @@ EOF
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-put-authorization.sh b/http-tests/admin/acl/add-put-authorization.sh
index 896c626b78..753d19aeff 100755
--- a/http-tests/admin/acl/add-put-authorization.sh
+++ b/http-tests/admin/acl/add-put-authorization.sh
@@ -24,7 +24,7 @@ EOF
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -50,7 +50,7 @@ EOF
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-put-class-authorization.sh b/http-tests/admin/acl/add-put-class-authorization.sh
index 3938f74135..f8eae7d9d1 100755
--- a/http-tests/admin/acl/add-put-class-authorization.sh
+++ b/http-tests/admin/acl/add-put-class-authorization.sh
@@ -24,7 +24,7 @@ EOF
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -50,7 +50,7 @@ EOF
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/add-put-group-authorization.sh b/http-tests/admin/acl/add-put-group-authorization.sh
index e594d247c6..eb64c3fd56 100755
--- a/http-tests/admin/acl/add-put-group-authorization.sh
+++ b/http-tests/admin/acl/add-put-group-authorization.sh
@@ -24,7 +24,7 @@ EOF
 
 # create group
 
-group_doc=$(ldh admin acl create-group \
+group_doc=$(ldh admin create group \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -40,7 +40,7 @@ group=$(curl -s -k \
 
 # create fake test.localhost authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -66,7 +66,7 @@ EOF
 
 # create real localhost authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/agent-acl-modes.sh b/http-tests/admin/acl/agent-acl-modes.sh
index dfccf4f9ae..2f71bd695d 100644
--- a/http-tests/admin/acl/agent-acl-modes.sh
+++ b/http-tests/admin/acl/agent-acl-modes.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -17,7 +17,7 @@ ldh admin acl add-agent-to-group \
 
 # create a new document to test ACL modes against
 
-doc_url=$(ldh create-item \
+doc_url=$(ldh create item \
   -b "$END_USER_BASE_URL" \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
diff --git a/http-tests/admin/acl/make-public.sh b/http-tests/admin/acl/make-public.sh
index 1a148817c8..6bc17130bd 100755
--- a/http-tests/admin/acl/make-public.sh
+++ b/http-tests/admin/acl/make-public.sh
@@ -16,7 +16,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -v \
 
 # create fake test.localhost public authorization (should be filtered out)
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "https://admin.test.localhost:4443/" \
@@ -34,7 +34,7 @@ curl -k -w "%{http_code}\n" -o /dev/null -v \
 
 # create real localhost public authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/acl/owner-acl-modes.sh b/http-tests/admin/acl/owner-acl-modes.sh
index fb0b938d0d..30795ad775 100644
--- a/http-tests/admin/acl/owner-acl-modes.sh
+++ b/http-tests/admin/acl/owner-acl-modes.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # create a new document to test ACL modes against
 
-doc_url=$(ldh create-item \
+doc_url=$(ldh create item \
   -b "$END_USER_BASE_URL" \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
diff --git a/http-tests/admin/model/add-class.sh b/http-tests/admin/model/add-class.sh
index ab860c4104..3938434713 100755
--- a/http-tests/admin/model/add-class.sh
+++ b/http-tests/admin/model/add-class.sh
@@ -14,7 +14,7 @@ namespace="${namespace_doc}#"
 ontology_doc="${ADMIN_BASE_URL}ontologies/namespace/"
 class="${namespace_doc}#NewClass"
 
-ldh admin ontologies add-class \
+ldh admin add class \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -25,7 +25,7 @@ ldh admin ontologies add-class \
 
 # clear ontology from memory
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/model/add-ontology-import.sh b/http-tests/admin/model/add-ontology-import.sh
index 43c954cd13..75d7eff057 100755
--- a/http-tests/admin/model/add-ontology-import.sh
+++ b/http-tests/admin/model/add-ontology-import.sh
@@ -14,7 +14,7 @@ import_uri="http://www.w3.org/ns/auth/acl"
 
 # add ontology import
 
-ldh admin add-ontology-import \
+ldh admin add ontology-import \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --import "$import_uri" \
@@ -22,7 +22,7 @@ ldh admin add-ontology-import \
 
 # clear the namespace ontology from memory
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/model/add-property-constraint.sh b/http-tests/admin/model/add-property-constraint.sh
index d91e6cd8ae..60635b7c41 100755
--- a/http-tests/admin/model/add-property-constraint.sh
+++ b/http-tests/admin/model/add-property-constraint.sh
@@ -14,7 +14,7 @@ namespace="${namespace_doc}#"
 ontology_doc="${ADMIN_BASE_URL}ontologies/namespace/"
 constraint="${namespace_doc}#NewConstraint"
 
-ldh admin ontologies add-property-constraint \
+ldh admin add property-constraint \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -25,7 +25,7 @@ ldh admin ontologies add-property-constraint \
 
 # create a class with the constraint
 
-ldh admin ontologies add-class \
+ldh admin add class \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -37,7 +37,7 @@ ldh admin ontologies add-class \
 
 # clear ontology from memory
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/model/add-restriction.sh b/http-tests/admin/model/add-restriction.sh
index 8f1b7ab012..89d275bf73 100755
--- a/http-tests/admin/model/add-restriction.sh
+++ b/http-tests/admin/model/add-restriction.sh
@@ -14,7 +14,7 @@ namespace="${namespace_doc}#"
 ontology_doc="${ADMIN_BASE_URL}ontologies/namespace/"
 restriction="${namespace_doc}#Restriction"
 
-ldh admin ontologies add-restriction \
+ldh admin add restriction \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -26,7 +26,7 @@ ldh admin ontologies add-restriction \
 
 # clear ontology from memory
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/model/import-ontology.sh b/http-tests/admin/model/import-ontology.sh
index 6b39b0173f..e6a9ef2d7a 100755
--- a/http-tests/admin/model/import-ontology.sh
+++ b/http-tests/admin/model/import-ontology.sh
@@ -15,7 +15,7 @@ import_uri="http://www.w3.org/2004/02/skos/core"
 
 slug="test"
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -26,7 +26,7 @@ item=$(ldh create-item \
 # import the ontology: derive class constructors into the item document; the vocabulary itself only
 # passes through a scratch document and is not persisted
 
-ldh admin ontologies import-ontology \
+ldh admin import ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -45,7 +45,6 @@ result=$(curl -k -f -s \
   "${ADMIN_BASE_URL}sparql")
 count=$(echo "$result" | xmllint --xpath "count(//*[local-name() = 'result'])" -)
 if [ "$count" != "0" ]; then
-  echo "DEBUG: Expected 0 raw vocabulary triples in the item graph, got: $count"
   exit 1
 fi
 
@@ -74,7 +73,7 @@ curl -k -f -s \
 # make the annotation document part of the application ontology (the vocabulary rides in via the
 # document's own owl:imports)
 
-ldh admin add-ontology-import \
+ldh admin add ontology-import \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --import "$item" \
@@ -82,7 +81,7 @@ ldh admin add-ontology-import \
 
 # clear the namespace ontology from memory
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/admin/model/ontology-import-upload-no-deadlock.sh b/http-tests/admin/model/ontology-import-upload-no-deadlock.sh
index fba3d6207e..e0d7b11004 100755
--- a/http-tests/admin/model/ontology-import-upload-no-deadlock.sh
+++ b/http-tests/admin/model/ontology-import-upload-no-deadlock.sh
@@ -19,7 +19,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group so they can upload files
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -31,7 +31,7 @@ file_content_type="text/turtle"
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
 # Create an item document to hold the file
-file_doc=$(ldh create-item \
+file_doc=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -40,7 +40,7 @@ file_doc=$(ldh create-item \
   --slug "$slug")
 
 # Add the file to the document
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -67,7 +67,7 @@ namespace_doc="${END_USER_BASE_URL}ns"
 namespace="${namespace_doc}#"
 ontology_doc="${ADMIN_BASE_URL}ontologies/namespace/"
 
-ldh admin add-ontology-import \
+ldh admin add ontology-import \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --import "$upload_uri" \
@@ -75,7 +75,7 @@ ldh admin add-ontology-import \
 
 # Step 4: Clear the namespace ontology from memory to force reload on next request
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/document-hierarchy/DELETE-404.sh b/http-tests/document-hierarchy/DELETE-404.sh
index 2b0516003d..b0e11887a8 100755
--- a/http-tests/document-hierarchy/DELETE-404.sh
+++ b/http-tests/document-hierarchy/DELETE-404.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/DELETE-conditional-412.sh b/http-tests/document-hierarchy/DELETE-conditional-412.sh
index bda0c28751..19cb2481f7 100755
--- a/http-tests/document-hierarchy/DELETE-conditional-412.sh
+++ b/http-tests/document-hierarchy/DELETE-conditional-412.sh
@@ -11,7 +11,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -21,7 +21,7 @@ container=$(ldh create-container \
 
 # add an explicit read/write authorization for the owner because add-agent-to-group.sh won't work non-existing URI
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
 -b "$ADMIN_BASE_URL" \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
diff --git a/http-tests/document-hierarchy/DELETE-conditional.sh b/http-tests/document-hierarchy/DELETE-conditional.sh
index 40726579f0..4683363b84 100755
--- a/http-tests/document-hierarchy/DELETE-conditional.sh
+++ b/http-tests/document-hierarchy/DELETE-conditional.sh
@@ -11,7 +11,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -21,7 +21,7 @@ container=$(ldh create-container \
 
 # add an explicit read/write authorization for the owner because add-agent-to-group.sh won't work non-existing URI
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
 -b "$ADMIN_BASE_URL" \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
diff --git a/http-tests/document-hierarchy/DELETE-owner-405.sh b/http-tests/document-hierarchy/DELETE-owner-405.sh
index 5e7d1260fc..9f06327318 100755
--- a/http-tests/document-hierarchy/DELETE-owner-405.sh
+++ b/http-tests/document-hierarchy/DELETE-owner-405.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/DELETE-root-405.sh b/http-tests/document-hierarchy/DELETE-root-405.sh
index fc421d88fd..54fa6822c6 100755
--- a/http-tests/document-hierarchy/DELETE-root-405.sh
+++ b/http-tests/document-hierarchy/DELETE-root-405.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/DELETE-secretary-405.sh b/http-tests/document-hierarchy/DELETE-secretary-405.sh
index c542de8f5f..5cb9d488ca 100755
--- a/http-tests/document-hierarchy/DELETE-secretary-405.sh
+++ b/http-tests/document-hierarchy/DELETE-secretary-405.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/DELETE.sh b/http-tests/document-hierarchy/DELETE.sh
index b7724dec73..4bc4d0c9bf 100755
--- a/http-tests/document-hierarchy/DELETE.sh
+++ b/http-tests/document-hierarchy/DELETE.sh
@@ -11,7 +11,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -21,7 +21,7 @@ container=$(ldh create-container \
 
 # add an explicit read/write authorization for the owner because add-agent-to-group.sh won't work non-existing URI
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
 -b "$ADMIN_BASE_URL" \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
diff --git a/http-tests/document-hierarchy/GET-404.sh b/http-tests/document-hierarchy/GET-404.sh
index a5f2a86514..cd12940ae2 100755
--- a/http-tests/document-hierarchy/GET-404.sh
+++ b/http-tests/document-hierarchy/GET-404.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET-admin-html.sh b/http-tests/document-hierarchy/GET-admin-html.sh
index 1bbe9b09c6..252ad80f95 100755
--- a/http-tests/document-hierarchy/GET-admin-html.sh
+++ b/http-tests/document-hierarchy/GET-admin-html.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET-admin.sh b/http-tests/document-hierarchy/GET-admin.sh
index 49d1c2f54b..65d7a2964d 100755
--- a/http-tests/document-hierarchy/GET-admin.sh
+++ b/http-tests/document-hierarchy/GET-admin.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET-children.sh b/http-tests/document-hierarchy/GET-children.sh
index 88c8372539..02fa2c4938 100755
--- a/http-tests/document-hierarchy/GET-children.sh
+++ b/http-tests/document-hierarchy/GET-children.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -34,7 +34,7 @@ curl -k -f -s \
 
 slug="test-children-query"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -54,7 +54,5 @@ response=$(curl -k -f -s \
   "${END_USER_BASE_URL}sparql?query=${encoded_query}")
 
 if ! grep -qF "<${container}>" <<< "$response"; then
-  echo "DEBUG: Expected the new container in the query results: <${container}>"
-  echo "DEBUG: Got: $response"
   exit 1
 fi
diff --git a/http-tests/document-hierarchy/GET-conditional-412.sh b/http-tests/document-hierarchy/GET-conditional-412.sh
index fe019e810e..192bf0865f 100755
--- a/http-tests/document-hierarchy/GET-conditional-412.sh
+++ b/http-tests/document-hierarchy/GET-conditional-412.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET-conditional.sh b/http-tests/document-hierarchy/GET-conditional.sh
index 6d9b0fa7f6..3096328687 100755
--- a/http-tests/document-hierarchy/GET-conditional.sh
+++ b/http-tests/document-hierarchy/GET-conditional.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET-html.sh b/http-tests/document-hierarchy/GET-html.sh
index 92627cc47b..377e4e6160 100755
--- a/http-tests/document-hierarchy/GET-html.sh
+++ b/http-tests/document-hierarchy/GET-html.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET-ntriples.sh b/http-tests/document-hierarchy/GET-ntriples.sh
index 10e5c0d146..66de847d53 100755
--- a/http-tests/document-hierarchy/GET-ntriples.sh
+++ b/http-tests/document-hierarchy/GET-ntriples.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET-sparql.sh b/http-tests/document-hierarchy/GET-sparql.sh
index 811f95df86..e64cc3a507 100755
--- a/http-tests/document-hierarchy/GET-sparql.sh
+++ b/http-tests/document-hierarchy/GET-sparql.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/GET.sh b/http-tests/document-hierarchy/GET.sh
index 95e9b2fa48..9663f76fe9 100755
--- a/http-tests/document-hierarchy/GET.sh
+++ b/http-tests/document-hierarchy/GET.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/HEAD-accept-lang.sh b/http-tests/document-hierarchy/HEAD-accept-lang.sh
index edc4d5c51a..cf5ab43688 100755
--- a/http-tests/document-hierarchy/HEAD-accept-lang.sh
+++ b/http-tests/document-hierarchy/HEAD-accept-lang.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/HEAD-accept.sh b/http-tests/document-hierarchy/HEAD-accept.sh
index d7f6888f4d..6cd3bfada0 100755
--- a/http-tests/document-hierarchy/HEAD-accept.sh
+++ b/http-tests/document-hierarchy/HEAD-accept.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-404.sh b/http-tests/document-hierarchy/PATCH-404.sh
index 0de72b24ab..9b33817843 100755
--- a/http-tests/document-hierarchy/PATCH-404.sh
+++ b/http-tests/document-hierarchy/PATCH-404.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-blank-node-skolemized.sh b/http-tests/document-hierarchy/PATCH-blank-node-skolemized.sh
index 4fc76956cf..ee28c79ae6 100755
--- a/http-tests/document-hierarchy/PATCH-blank-node-skolemized.sh
+++ b/http-tests/document-hierarchy/PATCH-blank-node-skolemized.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-constraint-422-body.sh b/http-tests/document-hierarchy/PATCH-constraint-422-body.sh
new file mode 100755
index 0000000000..120f0fed3a
--- /dev/null
+++ b/http-tests/document-hierarchy/PATCH-constraint-422-body.sh
@@ -0,0 +1,94 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+initialize_dataset "$END_USER_BASE_URL" "$TMP_END_USER_DATASET" "$END_USER_ENDPOINT_URL"
+initialize_dataset "$ADMIN_BASE_URL" "$TMP_ADMIN_DATASET" "$ADMIN_ENDPOINT_URL"
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$ADMIN_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+# add agent to the writers group
+
+ldh admin add agent \
+  -f "$OWNER_CERT_KEYSTORE" \
+  -p "$OWNER_CERT_PWD" \
+  --agent "$AGENT_URI" \
+  "${ADMIN_BASE_URL}acl/groups/writers/"
+
+# PATCH that strips rdf:value from the #select-children block trips ldh:MissingValue
+# (ldh:Object requires rdf:value) with spin:violationRoot = #select-children, while the
+# document itself stays valid. The whole post-PATCH graph gets validated, but the 422 body
+# must describe only the violating resource - not echo the entire would-be document graph.
+
+update=$(cat <<EOF
+DELETE WHERE
+{
+  <${END_USER_BASE_URL}#select-children> <http://www.w3.org/1999/02/22-rdf-syntax-ns#value> ?value
+}
+EOF
+)
+
+response=$(curl -k -w "%{http_code}\n" -s \
+  -E "$AGENT_CERT_FILE":"$AGENT_CERT_PWD" \
+  -X PATCH \
+  -H "Accept: application/n-triples" \
+  -H "Content-Type: application/sparql-update" \
+  "$END_USER_BASE_URL" \
+  --data-binary "$update")
+
+status=$(echo "$response" | tail -n 1)
+body=$(echo "$response" | sed '$d')
+
+echo "DEBUG: Expected status: $STATUS_UNPROCESSABLE_ENTITY"
+echo "DEBUG: Got status: $status"
+if [ "$status" != "$STATUS_UNPROCESSABLE_ENTITY" ]; then
+    echo "DEBUG: Status mismatch!"
+    exit 1
+fi
+
+ntriples=$(echo "$body" | rapper -q --input ntriples --output ntriples /dev/stdin -)
+echo "DEBUG: Response body as N-Triples:"
+echo "$ntriples"
+
+# the violation and its root
+
+expected="<http://spinrdf.org/spin#violationRoot> <${END_USER_BASE_URL}#select-children>"
+echo "DEBUG: Expected present: $expected"
+if ! echo "$ntriples" | grep -qF "$expected"; then
+    echo "DEBUG: Violation root missing!"
+    exit 1
+fi
+
+# the violating resource's post-update description
+
+expected="<${END_USER_BASE_URL}#select-children> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <https://w3id.org/atomgraph/linkeddatahub#Object>"
+echo "DEBUG: Expected present: $expected"
+if ! echo "$ntriples" | grep -qF "$expected"; then
+    echo "DEBUG: Violating resource description missing!"
+    exit 1
+fi
+
+# the violation source's label, which clients use to discriminate the constraint kind
+
+expected="<https://w3id.org/atomgraph/linkeddatahub#MissingValue> <http://www.w3.org/2000/01/rdf-schema#label>"
+echo "DEBUG: Expected present: $expected"
+if ! echo "$ntriples" | grep -qF "$expected"; then
+    echo "DEBUG: Violation source label missing!"
+    exit 1
+fi
+
+# the non-violating document description must be scoped out
+
+unexpected="<${END_USER_BASE_URL}> <http://purl.org/dc/terms/title> \"Root\""
+echo "DEBUG: Expected absent: $unexpected"
+if echo "$ntriples" | grep -qF "$unexpected"; then
+    echo "DEBUG: Document description leaked into the 422 body!"
+    exit 1
+fi
+
+unexpected="<http://www.w3.org/1999/02/22-rdf-syntax-ns#_1>"
+echo "DEBUG: Expected absent: $unexpected"
+if echo "$ntriples" | grep -qF "$unexpected"; then
+    echo "DEBUG: Document membership triple leaked into the 422 body!"
+    exit 1
+fi
diff --git a/http-tests/document-hierarchy/PATCH-constraint-422.sh b/http-tests/document-hierarchy/PATCH-constraint-422.sh
index 8061c117c8..254c5bd937 100755
--- a/http-tests/document-hierarchy/PATCH-constraint-422.sh
+++ b/http-tests/document-hierarchy/PATCH-constraint-422.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-delete-where-no-match.sh b/http-tests/document-hierarchy/PATCH-delete-where-no-match.sh
index b905ccf6b4..d763a43a4c 100755
--- a/http-tests/document-hierarchy/PATCH-delete-where-no-match.sh
+++ b/http-tests/document-hierarchy/PATCH-delete-where-no-match.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-empty-container.sh b/http-tests/document-hierarchy/PATCH-empty-container.sh
index 0dabcc6859..63c3d73ce1 100755
--- a/http-tests/document-hierarchy/PATCH-empty-container.sh
+++ b/http-tests/document-hierarchy/PATCH-empty-container.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/PATCH-empty-item.sh b/http-tests/document-hierarchy/PATCH-empty-item.sh
index 9a0654f7da..e074aa93b3 100755
--- a/http-tests/document-hierarchy/PATCH-empty-item.sh
+++ b/http-tests/document-hierarchy/PATCH-empty-item.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/PATCH-empty-root-405.sh b/http-tests/document-hierarchy/PATCH-empty-root-405.sh
index 1797220764..51c25e05e4 100755
--- a/http-tests/document-hierarchy/PATCH-empty-root-405.sh
+++ b/http-tests/document-hierarchy/PATCH-empty-root-405.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-graph-422.sh b/http-tests/document-hierarchy/PATCH-graph-422.sh
index a6532fcb26..a7b478d3ee 100755
--- a/http-tests/document-hierarchy/PATCH-graph-422.sh
+++ b/http-tests/document-hierarchy/PATCH-graph-422.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-invalid-content-block-422.sh b/http-tests/document-hierarchy/PATCH-invalid-content-block-422.sh
index e7a01120b0..0e57f30987 100755
--- a/http-tests/document-hierarchy/PATCH-invalid-content-block-422.sh
+++ b/http-tests/document-hierarchy/PATCH-invalid-content-block-422.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-missing-title-422-body.sh b/http-tests/document-hierarchy/PATCH-missing-title-422-body.sh
new file mode 100755
index 0000000000..0e7dd69e83
--- /dev/null
+++ b/http-tests/document-hierarchy/PATCH-missing-title-422-body.sh
@@ -0,0 +1,78 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+initialize_dataset "$END_USER_BASE_URL" "$TMP_END_USER_DATASET" "$END_USER_ENDPOINT_URL"
+initialize_dataset "$ADMIN_BASE_URL" "$TMP_ADMIN_DATASET" "$ADMIN_ENDPOINT_URL"
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$ADMIN_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+# add agent to the writers group
+
+ldh admin add agent \
+  -f "$OWNER_CERT_KEYSTORE" \
+  -p "$OWNER_CERT_PWD" \
+  --agent "$AGENT_URI" \
+  "${ADMIN_BASE_URL}acl/groups/writers/"
+
+# PATCH that strips the document's dct:title trips def:MissingTitle with the document itself
+# as spin:violationRoot. The 422 body must describe the violating document but not its
+# non-violating #select-children block.
+
+update=$(cat <<EOF
+DELETE WHERE
+{
+  <${END_USER_BASE_URL}> <http://purl.org/dc/terms/title> ?title
+}
+EOF
+)
+
+response=$(curl -k -w "%{http_code}\n" -s \
+  -E "$AGENT_CERT_FILE":"$AGENT_CERT_PWD" \
+  -X PATCH \
+  -H "Accept: application/n-triples" \
+  -H "Content-Type: application/sparql-update" \
+  "$END_USER_BASE_URL" \
+  --data-binary "$update")
+
+status=$(echo "$response" | tail -n 1)
+body=$(echo "$response" | sed '$d')
+
+echo "DEBUG: Expected status: $STATUS_UNPROCESSABLE_ENTITY"
+echo "DEBUG: Got status: $status"
+if [ "$status" != "$STATUS_UNPROCESSABLE_ENTITY" ]; then
+    echo "DEBUG: Status mismatch!"
+    exit 1
+fi
+
+ntriples=$(echo "$body" | rapper -q --input ntriples --output ntriples /dev/stdin -)
+echo "DEBUG: Response body as N-Triples:"
+echo "$ntriples"
+
+# the violation rooted in the document
+
+expected="<http://spinrdf.org/spin#violationRoot> <${END_USER_BASE_URL}>"
+echo "DEBUG: Expected present: $expected"
+if ! echo "$ntriples" | grep -qF "$expected"; then
+    echo "DEBUG: Violation root missing!"
+    exit 1
+fi
+
+# the violating document's post-update description
+
+expected="<${END_USER_BASE_URL}> <http://www.w3.org/1999/02/22-rdf-syntax-ns#_1> <${END_USER_BASE_URL}#select-children>"
+echo "DEBUG: Expected present: $expected"
+if ! echo "$ntriples" | grep -qF "$expected"; then
+    echo "DEBUG: Violating document description missing!"
+    exit 1
+fi
+
+# the non-violating block's description must be scoped out (it may appear as the object of the
+# document's rdf:_1 triple, but not as a subject)
+
+unexpected="^<${END_USER_BASE_URL}#select-children> "
+echo "DEBUG: Expected absent as subject: <${END_USER_BASE_URL}#select-children>"
+if echo "$ntriples" | grep -q "$unexpected"; then
+    echo "DEBUG: Block description leaked into the 422 body!"
+    exit 1
+fi
diff --git a/http-tests/document-hierarchy/PATCH-remove-subresource.sh b/http-tests/document-hierarchy/PATCH-remove-subresource.sh
index fb872f11e0..1e63e6fbf6 100755
--- a/http-tests/document-hierarchy/PATCH-remove-subresource.sh
+++ b/http-tests/document-hierarchy/PATCH-remove-subresource.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-strips-rdf-type-422.sh b/http-tests/document-hierarchy/PATCH-strips-rdf-type-422.sh
index b5c145cc7e..28fa250eed 100755
--- a/http-tests/document-hierarchy/PATCH-strips-rdf-type-422.sh
+++ b/http-tests/document-hierarchy/PATCH-strips-rdf-type-422.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH-swap-type.sh b/http-tests/document-hierarchy/PATCH-swap-type.sh
index 320a8f34b9..bec5f4cf43 100755
--- a/http-tests/document-hierarchy/PATCH-swap-type.sh
+++ b/http-tests/document-hierarchy/PATCH-swap-type.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PATCH.sh b/http-tests/document-hierarchy/PATCH.sh
index 15fe0edc6e..88b64ea992 100755
--- a/http-tests/document-hierarchy/PATCH.sh
+++ b/http-tests/document-hierarchy/PATCH.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/POST-404.sh b/http-tests/document-hierarchy/POST-404.sh
index b328a599fb..fc687d804b 100755
--- a/http-tests/document-hierarchy/POST-404.sh
+++ b/http-tests/document-hierarchy/POST-404.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/POST-conditional-412.sh b/http-tests/document-hierarchy/POST-conditional-412.sh
index e6d7d7a278..87b1108c25 100755
--- a/http-tests/document-hierarchy/POST-conditional-412.sh
+++ b/http-tests/document-hierarchy/POST-conditional-412.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/POST-conditional.sh b/http-tests/document-hierarchy/POST-conditional.sh
index 1fa89bdee8..684afa4e84 100755
--- a/http-tests/document-hierarchy/POST-conditional.sh
+++ b/http-tests/document-hierarchy/POST-conditional.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/POST-html-jsonld.sh b/http-tests/document-hierarchy/POST-html-jsonld.sh
index 6f9d480cad..f08bb4c33d 100755
--- a/http-tests/document-hierarchy/POST-html-jsonld.sh
+++ b/http-tests/document-hierarchy/POST-html-jsonld.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/POST-item-metadata.sh b/http-tests/document-hierarchy/POST-item-metadata.sh
index 6bcc27f411..a775df1154 100755
--- a/http-tests/document-hierarchy/POST-item-metadata.sh
+++ b/http-tests/document-hierarchy/POST-item-metadata.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/POST-ntriples-etag.sh b/http-tests/document-hierarchy/POST-ntriples-etag.sh
index 163654d128..39ceb9e952 100755
--- a/http-tests/document-hierarchy/POST-ntriples-etag.sh
+++ b/http-tests/document-hierarchy/POST-ntriples-etag.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/POST-ntriples-public-etag.sh b/http-tests/document-hierarchy/POST-ntriples-public-etag.sh
index 2e8ea9768a..c7127fd4dd 100755
--- a/http-tests/document-hierarchy/POST-ntriples-public-etag.sh
+++ b/http-tests/document-hierarchy/POST-ntriples-public-etag.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -17,7 +17,7 @@ ldh admin acl add-agent-to-group \
 
 # create public authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/document-hierarchy/POST-ntriples.sh b/http-tests/document-hierarchy/POST-ntriples.sh
index 3a91306b53..e4967cb1cd 100755
--- a/http-tests/document-hierarchy/POST-ntriples.sh
+++ b/http-tests/document-hierarchy/POST-ntriples.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-conditional-412.sh b/http-tests/document-hierarchy/PUT-conditional-412.sh
index ca81070b3c..0a55f0fb98 100755
--- a/http-tests/document-hierarchy/PUT-conditional-412.sh
+++ b/http-tests/document-hierarchy/PUT-conditional-412.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-conditional.sh b/http-tests/document-hierarchy/PUT-conditional.sh
index 36f4931387..9be74e0ce9 100755
--- a/http-tests/document-hierarchy/PUT-conditional.sh
+++ b/http-tests/document-hierarchy/PUT-conditional.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-content-blocks.sh b/http-tests/document-hierarchy/PUT-content-blocks.sh
index e15909ede7..39408cb325 100755
--- a/http-tests/document-hierarchy/PUT-content-blocks.sh
+++ b/http-tests/document-hierarchy/PUT-content-blocks.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/PUT-double-slash-uri-400.sh b/http-tests/document-hierarchy/PUT-double-slash-uri-400.sh
index cb461b6dd8..9530a09a0d 100755
--- a/http-tests/document-hierarchy/PUT-double-slash-uri-400.sh
+++ b/http-tests/document-hierarchy/PUT-double-slash-uri-400.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -18,7 +18,7 @@ ldh admin acl add-agent-to-group \
 # create a container - IRIx resolves ".." on "new-item//" to "new-item/" (one segment per slash),
 # so the parent container must exist for authorization to pass and reach the // validation in put()
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/PUT-empty.sh b/http-tests/document-hierarchy/PUT-empty.sh
index 5651a9c74b..88c666597a 100755
--- a/http-tests/document-hierarchy/PUT-empty.sh
+++ b/http-tests/document-hierarchy/PUT-empty.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-invalid-content-block-422.sh b/http-tests/document-hierarchy/PUT-invalid-content-block-422.sh
index b0cf90848b..984a2c3406 100755
--- a/http-tests/document-hierarchy/PUT-invalid-content-block-422.sh
+++ b/http-tests/document-hierarchy/PUT-invalid-content-block-422.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -31,14 +31,13 @@ item=$(ldh create-item \
 # (here: sp:Construct, a SPARQL query — must be wrapped in ldh:Object to be a valid block).
 # Expected: rejected by ldh:InvalidContentBlockType with 422.
 
-curl -k -w "%{http_code}\n" -o /dev/null -s \
+response=$(curl -k -w "%{http_code}\n" -s \
   -E "$AGENT_CERT_FILE":"$AGENT_CERT_PWD" \
   -X PUT \
   -H "Accept: application/n-triples" \
   -H "Content-Type: application/n-triples" \
   --data-binary @- \
-  "$item" <<EOF \
-| grep -q "$STATUS_UNPROCESSABLE_ENTITY"
+  "$item" <<EOF
 <${item}> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <https://www.w3.org/ns/ldt/document-hierarchy#Item> .
 <${item}> <http://purl.org/dc/terms/title> "Test item" .
 <${item}> <http://rdfs.org/sioc/ns#has_container> <${END_USER_BASE_URL}> .
@@ -47,3 +46,36 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
 <${item}#bad-block> <http://purl.org/dc/terms/title> "Not a valid content block" .
 <${item}#bad-block> <http://spinrdf.org/sp#text> "CONSTRUCT WHERE {}" .
 EOF
+)
+
+status=$(echo "$response" | tail -n 1)
+body=$(echo "$response" | sed '$d')
+
+echo "DEBUG: Expected status: $STATUS_UNPROCESSABLE_ENTITY"
+echo "DEBUG: Got status: $status"
+if [ "$status" != "$STATUS_UNPROCESSABLE_ENTITY" ]; then
+    echo "DEBUG: Status mismatch!"
+    exit 1
+fi
+
+# PUT keeps the full request-payload echo: the violating root here is the document, and
+# #bad-block is only the spin:violationValue — both must come back so the client can re-render
+# the whole submitted form. This pins 422 scoping to the PATCH seam, not the shared mapper.
+
+ntriples=$(echo "$body" | rapper -q --input ntriples --output ntriples /dev/stdin -)
+echo "DEBUG: Response body as N-Triples:"
+echo "$ntriples"
+
+expected="<${item}> <http://purl.org/dc/terms/title> \"Test item\""
+echo "DEBUG: Expected present: $expected"
+if ! echo "$ntriples" | grep -qF "$expected"; then
+    echo "DEBUG: Item description missing from the 422 body!"
+    exit 1
+fi
+
+expected="<${item}#bad-block> <http://purl.org/dc/terms/title> \"Not a valid content block\""
+echo "DEBUG: Expected present: $expected"
+if ! echo "$ntriples" | grep -qF "$expected"; then
+    echo "DEBUG: Co-submitted block description missing from the 422 body!"
+    exit 1
+fi
diff --git a/http-tests/document-hierarchy/PUT-item-metadata.sh b/http-tests/document-hierarchy/PUT-item-metadata.sh
index e012b47397..34543cb53f 100755
--- a/http-tests/document-hierarchy/PUT-item-metadata.sh
+++ b/http-tests/document-hierarchy/PUT-item-metadata.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-item-parent-403.sh b/http-tests/document-hierarchy/PUT-item-parent-403.sh
index d9ce58f83d..bb1fa2f9f9 100755
--- a/http-tests/document-hierarchy/PUT-item-parent-403.sh
+++ b/http-tests/document-hierarchy/PUT-item-parent-403.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug="test-item"
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/PUT-location.sh b/http-tests/document-hierarchy/PUT-location.sh
index dadb8f8f95..9ccf166922 100755
--- a/http-tests/document-hierarchy/PUT-location.sh
+++ b/http-tests/document-hierarchy/PUT-location.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-no-parent-403.sh b/http-tests/document-hierarchy/PUT-no-parent-403.sh
index b6494eb06d..4bb30da09b 100755
--- a/http-tests/document-hierarchy/PUT-no-parent-403.sh
+++ b/http-tests/document-hierarchy/PUT-no-parent-403.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-no-slash-308.sh b/http-tests/document-hierarchy/PUT-no-slash-308.sh
index af0326de48..e9bb6ad15e 100755
--- a/http-tests/document-hierarchy/PUT-no-slash-308.sh
+++ b/http-tests/document-hierarchy/PUT-no-slash-308.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -17,7 +17,7 @@ ldh admin acl add-agent-to-group \
 
 # add an explicit read/write authorization for the parent since the child document will inherit it
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -b "$ADMIN_BASE_URL" \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
diff --git a/http-tests/document-hierarchy/PUT-ntriples-etag.sh b/http-tests/document-hierarchy/PUT-ntriples-etag.sh
index 4b7732dcf1..0400a459e4 100755
--- a/http-tests/document-hierarchy/PUT-ntriples-etag.sh
+++ b/http-tests/document-hierarchy/PUT-ntriples-etag.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-ntriples-public-etag.sh b/http-tests/document-hierarchy/PUT-ntriples-public-etag.sh
index ff30219b84..2bc3db7781 100755
--- a/http-tests/document-hierarchy/PUT-ntriples-public-etag.sh
+++ b/http-tests/document-hierarchy/PUT-ntriples-public-etag.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -17,7 +17,7 @@ ldh admin acl add-agent-to-group \
 
 # create public authorization
 
-ldh admin acl create-authorization \
+ldh admin create authorization \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/document-hierarchy/PUT-ntriples.sh b/http-tests/document-hierarchy/PUT-ntriples.sh
index c2e3384386..5f36b9fdca 100755
--- a/http-tests/document-hierarchy/PUT-ntriples.sh
+++ b/http-tests/document-hierarchy/PUT-ntriples.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-orphan-bnode-object-skolemized.sh b/http-tests/document-hierarchy/PUT-orphan-bnode-object-skolemized.sh
index f4b7f48cff..a0fcb78460 100755
--- a/http-tests/document-hierarchy/PUT-orphan-bnode-object-skolemized.sh
+++ b/http-tests/document-hierarchy/PUT-orphan-bnode-object-skolemized.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/PUT-owner-405.sh b/http-tests/document-hierarchy/PUT-owner-405.sh
index 39a25a0803..7baab95226 100755
--- a/http-tests/document-hierarchy/PUT-owner-405.sh
+++ b/http-tests/document-hierarchy/PUT-owner-405.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-relative-uri-ntriples-400.sh b/http-tests/document-hierarchy/PUT-relative-uri-ntriples-400.sh
index 3e8409d2b0..408a850504 100755
--- a/http-tests/document-hierarchy/PUT-relative-uri-ntriples-400.sh
+++ b/http-tests/document-hierarchy/PUT-relative-uri-ntriples-400.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-relative-uri-turtle.sh b/http-tests/document-hierarchy/PUT-relative-uri-turtle.sh
index a01570203d..9d5b8a7974 100755
--- a/http-tests/document-hierarchy/PUT-relative-uri-turtle.sh
+++ b/http-tests/document-hierarchy/PUT-relative-uri-turtle.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -32,7 +32,6 @@ EOF
 )
 
 if [ "$status" != "$STATUS_CREATED" ]; then
-  echo "DEBUG: Expected $STATUS_CREATED from the PUT, got: $status"
   exit 1
 fi
 
@@ -52,8 +51,6 @@ for triple in \
   "<${item}named-subject-put> <http://example.com/default-predicate> \"named object PUT\" ."
 do
   if ! grep -qF "$triple" <<< "$response"; then
-    echo "DEBUG: Expected triple: $triple"
-    echo "DEBUG: Got: $response"
     exit 1
   fi
 done
diff --git a/http-tests/document-hierarchy/PUT-secretary-405.sh b/http-tests/document-hierarchy/PUT-secretary-405.sh
index c015c64ea8..4f0c7c2b42 100755
--- a/http-tests/document-hierarchy/PUT-secretary-405.sh
+++ b/http-tests/document-hierarchy/PUT-secretary-405.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/PUT-twice.sh b/http-tests/document-hierarchy/PUT-twice.sh
index c58e46e8d3..910285ae96 100755
--- a/http-tests/document-hierarchy/PUT-twice.sh
+++ b/http-tests/document-hierarchy/PUT-twice.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/document-hierarchy/create-container.sh b/http-tests/document-hierarchy/create-container.sh
index 16af5be945..42e4bee135 100755
--- a/http-tests/document-hierarchy/create-container.sh
+++ b/http-tests/document-hierarchy/create-container.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/create-item.sh b/http-tests/document-hierarchy/create-item.sh
index 07c36767d4..4de1ef134a 100755
--- a/http-tests/document-hierarchy/create-item.sh
+++ b/http-tests/document-hierarchy/create-item.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug="test-item"
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/owner-container.sh b/http-tests/document-hierarchy/owner-container.sh
index 4e3df66f80..b76add519c 100755
--- a/http-tests/document-hierarchy/owner-container.sh
+++ b/http-tests/document-hierarchy/owner-container.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug="test"
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/document-hierarchy/owner-item.sh b/http-tests/document-hierarchy/owner-item.sh
index bc718f18de..d656af7ebc 100755
--- a/http-tests/document-hierarchy/owner-item.sh
+++ b/http-tests/document-hierarchy/owner-item.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 slug="test-item"
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/federation/GET-remote-document-links.sh b/http-tests/federation/GET-remote-document-links.sh
index 0417656a84..2b6327526f 100755
--- a/http-tests/federation/GET-remote-document-links.sh
+++ b/http-tests/federation/GET-remote-document-links.sh
@@ -44,8 +44,6 @@ direct_etag=$(curl -k -f -s -I \
   "$remote_base" \
 | grep -i '^etag:' | tr -d '\r' | awk '{print $2}')
 
-echo "DEBUG: proxied ETag: $proxied_etag direct ETag: $direct_etag"
 if [ -z "$proxied_etag" ] || [ "$proxied_etag" != "$direct_etag" ]; then
-  echo "DEBUG: proxied ETag does not match the origin's ETag"
   exit 1
 fi
diff --git a/http-tests/federation/PATCH-remote-document-unauthorized.sh b/http-tests/federation/PATCH-remote-document-unauthorized.sh
index 3516cca1dc..7eaaa7855e 100755
--- a/http-tests/federation/PATCH-remote-document-unauthorized.sh
+++ b/http-tests/federation/PATCH-remote-document-unauthorized.sh
@@ -18,7 +18,7 @@ remote_base="https://test.localhost:4443/"
 # create the target on B as the owner (authorized), so only the *writer* differs from the
 # positive test
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$remote_base" \
@@ -48,9 +48,7 @@ code=$(curl -k -w "%{http_code}" -o /dev/null -s \
   --data-binary "$update" \
   "$END_USER_BASE_URL")
 
-echo "DEBUG: unauthorized cross-instance PATCH returned: $code"
 if ! echo "$code" | grep -qE "^($STATUS_UNAUTHORIZED|$STATUS_FORBIDDEN)$"; then
-  echo "DEBUG: expected 401 or 403 for the unauthorized delegated write, got: $code"
   exit 1
 fi
 
@@ -61,6 +59,5 @@ if curl -k -f -s \
   -H "Accept: application/n-triples" \
   "$item" \
 | grep -q "Should not land"; then
-  echo "DEBUG: unauthorized delta landed on the remote document"
   exit 1
 fi
diff --git a/http-tests/federation/PATCH-remote-document.sh b/http-tests/federation/PATCH-remote-document.sh
index c3d2d89338..a59cd16384 100755
--- a/http-tests/federation/PATCH-remote-document.sh
+++ b/http-tests/federation/PATCH-remote-document.sh
@@ -17,7 +17,7 @@ remote_base="https://test.localhost:4443/"
 
 # create the document on B (the owner is authorized on both dataspaces in the test setup)
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$remote_base" \
@@ -35,9 +35,7 @@ etag=$(curl -k -f -s -o /dev/null -D - \
   "$END_USER_BASE_URL" \
 | grep -i '^etag:' | tr -d '\r' | awk '{print $2}')
 
-echo "DEBUG: ETag for If-Match: $etag"
 if [ -z "$etag" ]; then
-  echo "DEBUG: no ETag on the proxied response"
   exit 1
 fi
 
@@ -66,7 +64,6 @@ stale_code=$(curl -k -w "%{http_code}" -o /dev/null -s \
   --data-binary "$update" \
   "$END_USER_BASE_URL")
 
-echo "DEBUG: stale If-Match returned: $stale_code (expected $STATUS_PRECONDITION_FAILED)"
 if [ "$stale_code" != "$STATUS_PRECONDITION_FAILED" ]; then
   exit 1
 fi
@@ -83,7 +80,6 @@ valid_code=$(curl -k -w "%{http_code}" -o /dev/null -s \
   --data-binary "$update" \
   "$END_USER_BASE_URL")
 
-echo "DEBUG: valid If-Match returned: $valid_code (expected $STATUS_NO_CONTENT)"
 if [ "$valid_code" != "$STATUS_NO_CONTENT" ]; then
   exit 1
 fi
diff --git a/http-tests/federation/POST-remote-endpoint-query.sh b/http-tests/federation/POST-remote-endpoint-query.sh
index c057a4b32c..12d1f980f2 100755
--- a/http-tests/federation/POST-remote-endpoint-query.sh
+++ b/http-tests/federation/POST-remote-endpoint-query.sh
@@ -25,9 +25,7 @@ curl -k -f -s -o /dev/null -D "$headers" \
 
 endpoint=$(grep -i '^link:' "$headers" | tr ',' '\n' | grep 'sparql-service-description#endpoint' | sed 's/.*<\([^>]*\)>.*/\1/')
 
-echo "DEBUG: discovered endpoint: $endpoint"
 if [ -z "$endpoint" ]; then
-  echo "DEBUG: no sd:endpoint Link header forwarded"
   exit 1
 fi
 
@@ -46,6 +44,5 @@ count=$(curl -k -f -s \
 | xmllint --xpath "count(//*[local-name() = 'result'])" -)
 
 if [ "$count" != "1" ]; then
-  echo "DEBUG: Expected 1 result from the discovered remote endpoint, got: $count"
   exit 1
 fi
diff --git a/http-tests/federation/POST-remote-ns-constructors.sh b/http-tests/federation/POST-remote-ns-constructors.sh
index c15ece2448..6e8d7753da 100755
--- a/http-tests/federation/POST-remote-ns-constructors.sh
+++ b/http-tests/federation/POST-remote-ns-constructors.sh
@@ -32,6 +32,5 @@ echo "$results" | grep -q "https://w3id.org/atomgraph/linkeddatahub#TitleConstru
 
 count=$(echo "$results" | xmllint --xpath "count(//*[local-name() = 'binding'][@name = 'text']/*[local-name() = 'literal'][contains(., 'CONSTRUCT')])" -)
 if [ "$count" -lt 1 ]; then
-  echo "DEBUG: Expected at least 1 constructor text from the remote ns, got: $count"
   exit 1
 fi
diff --git a/http-tests/imports/GET-file-404.sh b/http-tests/imports/GET-file-404.sh
index 88bea1336f..177d37f913 100755
--- a/http-tests/imports/GET-file-404.sh
+++ b/http-tests/imports/GET-file-404.sh
@@ -8,7 +8,7 @@ purge_cache "$ADMIN_VARNISH_SERVICE"
 purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/imports/GET-file-range.sh b/http-tests/imports/GET-file-range.sh
index 954c6fb8ff..d810aaea3d 100755
--- a/http-tests/imports/GET-file-range.sh
+++ b/http-tests/imports/GET-file-range.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -25,7 +25,7 @@ file_content_type="application/octet-stream"
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
 # Create an item document to hold the file
-file_doc=$(ldh create-item \
+file_doc=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -34,7 +34,7 @@ file_doc=$(ldh create-item \
   --slug "$slug")
 
 # Add the file to the document
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/imports/GET-file-sha1sum.sh b/http-tests/imports/GET-file-sha1sum.sh
index 5f52a76506..34772f10ef 100755
--- a/http-tests/imports/GET-file-sha1sum.sh
+++ b/http-tests/imports/GET-file-sha1sum.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -24,7 +24,7 @@ time dd if=/dev/urandom of="$filename" bs=1 count=1024
 file_content_type="application/octet-stream"
 
 # Create a container for files first
-ldh create-container \
+ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -33,7 +33,7 @@ ldh create-container \
   --slug "files"
 
 # Create an item document to hold the file
-file_doc=$(ldh create-item \
+file_doc=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -41,7 +41,7 @@ file_doc=$(ldh create-item \
   --container "${END_USER_BASE_URL}files/")
 
 # Add the file to the document
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/imports/GET-file-utf8-charset.sh b/http-tests/imports/GET-file-utf8-charset.sh
index d7b40159d8..b31253c546 100755
--- a/http-tests/imports/GET-file-utf8-charset.sh
+++ b/http-tests/imports/GET-file-utf8-charset.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -33,7 +33,7 @@ EOF
 file_content_type="text/markdown"
 
 # Create a container for files first
-ldh create-container \
+ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -42,7 +42,7 @@ ldh create-container \
   --slug "files"
 
 # Create an item document to hold the file
-file_doc=$(ldh create-item \
+file_doc=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -50,7 +50,7 @@ file_doc=$(ldh create-item \
   --container "${END_USER_BASE_URL}files/")
 
 # Add the file to the document
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/imports/PUT-file-format-explicit.sh b/http-tests/imports/PUT-file-format-explicit.sh
index a90ab21895..25c6576449 100755
--- a/http-tests/imports/PUT-file-format-explicit.sh
+++ b/http-tests/imports/PUT-file-format-explicit.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -27,7 +27,7 @@ echo "4,5,6" >> "$test_file"
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
 # Create an item document to hold the file
-file_doc=$(ldh create-item \
+file_doc=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -36,7 +36,7 @@ file_doc=$(ldh create-item \
   --slug "$slug")
 
 # upload file with explicit media type: text/plain
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -72,7 +72,7 @@ fi
 # re-upload the same file but different explicit media type: text/csv
 # this simulates editing the file document through the UI and uploading a new file
 
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/imports/PUT-file-format.sh b/http-tests/imports/PUT-file-format.sh
index f07859a506..87df855258 100755
--- a/http-tests/imports/PUT-file-format.sh
+++ b/http-tests/imports/PUT-file-format.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -27,7 +27,7 @@ echo "4,5,6" >> "$test_file"
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
 # Create an item document to hold the file
-file_doc=$(ldh create-item \
+file_doc=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -36,7 +36,7 @@ file_doc=$(ldh create-item \
   --slug "$slug")
 
 # upload file WITHOUT explicit media type (rely on browser detection via `file -b --mime-type`)
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -65,7 +65,7 @@ initial_format=$(echo "$file_doc_ntriples" | sed -rn "s/<${file_uri//\//\\/}> <h
 # re-upload the same file but WITH explicit media type: text/csv
 # this simulates editing and uploading with a corrected format after browser auto-detection was wrong
 
-ldh add-file \
+ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/imports/create-file.sh b/http-tests/imports/create-file.sh
index 5f40a61582..cd10f085c6 100755
--- a/http-tests/imports/create-file.sh
+++ b/http-tests/imports/create-file.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -23,7 +23,7 @@ file_content_type="text/csv"
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
 # Create an item document to hold the file
-file_doc=$(ldh create-item \
+file_doc=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -33,7 +33,7 @@ file_doc=$(ldh create-item \
 
 # Add the file to the document. ldh prints the content-addressed upload URI, which the shell
 # script did not - capture it, or it lands on this script's stdout alongside the URL below.
-file=$(ldh add-file \
+file=$(ldh add file \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -45,8 +45,6 @@ file=$(ldh add-file \
 # the upload URI is content-addressed, so an independently computed digest must reproduce it
 
 sha1sum=$(shasum -a 1 "$pwd/test.csv" | awk '{print $1}')
-echo "DEBUG: Expected: ${END_USER_BASE_URL}uploads/${sha1sum}" >&2
-echo "DEBUG: Got: $file" >&2
 [ "$file" = "${END_USER_BASE_URL}uploads/${sha1sum}" ]
 
 echo "$file" # file URL used in other tests
diff --git a/http-tests/imports/import-csv.sh b/http-tests/imports/import-csv.sh
index 275e191cd2..33909c1aec 100755
--- a/http-tests/imports/import-csv.sh
+++ b/http-tests/imports/import-csv.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 # create import item
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -28,7 +28,7 @@ item=$(ldh create-item \
 
 # create target container
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -38,7 +38,7 @@ container=$(ldh create-container \
 
 # import CSV
 
-ldh imports import-csv \
+ldh import csv \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/imports/import-internal-url-400.sh b/http-tests/imports/import-internal-url-400.sh
new file mode 100755
index 0000000000..5b6a21a9ae
--- /dev/null
+++ b/http-tests/imports/import-internal-url-400.sh
@@ -0,0 +1,57 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+initialize_dataset "$END_USER_BASE_URL" "$TMP_END_USER_DATASET" "$END_USER_ENDPOINT_URL"
+initialize_dataset "$ADMIN_BASE_URL" "$TMP_ADMIN_DATASET" "$ADMIN_ENDPOINT_URL"
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$ADMIN_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+# create the import target item
+
+item=$(create-item.sh \
+  -f "$OWNER_CERT_FILE" \
+  -p "$OWNER_CERT_PWD" \
+  -b "$END_USER_BASE_URL" \
+  --title "RDF import" \
+  --container "$END_USER_BASE_URL")
+
+# POST an ldh:RDFImport with the given ldh:file / spin:query and assert 400 Bad Request:
+# the import URIs must be SSRF-validated before the server dereferences them (loopback stays allowed)
+
+post_import()
+{
+    file="$1"
+    query="$2"
+
+    body="@prefix ldh:  <https://w3id.org/atomgraph/linkeddatahub#> .
+@prefix dct:  <http://purl.org/dc/terms/> .
+@prefix spin: <http://spinrdf.org/spin#> .
+_:import a ldh:RDFImport ;
+    dct:title \"SSRF test\" ;
+    ldh:file <${file}> ."
+
+    if [ -n "$query" ]; then
+        body="${body}
+_:import spin:query <${query}> ."
+    fi
+
+    curl -k -w "%{http_code}\n" -o /dev/null -s \
+      -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+      -X POST \
+      -H "Content-Type: text/turtle" \
+      --data-binary "$body" \
+      "$item" \
+    | grep -q "$STATUS_BAD_REQUEST"
+}
+
+# SSRF via ldh:file: link-local (169.254/16) and RFC-1918 (10/8, 172.16/12, 192.168/16) sources must be rejected
+
+post_import "http://169.254.1.1/data.ttl" ""
+post_import "http://10.0.0.1/data.ttl" ""
+post_import "http://172.16.0.0/data.ttl" ""
+post_import "http://192.168.1.1/data.ttl" ""
+
+# SSRF via spin:query: a valid (loopback) file but an internal transform-query URI must also be rejected
+
+post_import "http://127.0.0.1/data.ttl" "http://10.0.0.1/query#this"
diff --git a/http-tests/imports/import-rdf-no-query.sh b/http-tests/imports/import-rdf-no-query.sh
index 32abd5e495..647065df0e 100755
--- a/http-tests/imports/import-rdf-no-query.sh
+++ b/http-tests/imports/import-rdf-no-query.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 # create import item
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -28,7 +28,7 @@ item=$(ldh create-item \
 
 # create target item
 
-graph=$(ldh create-item \
+graph=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -38,7 +38,7 @@ graph=$(ldh create-item \
 
 # import RDF
 
-ldh imports import-rdf \
+ldh import rdf \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/imports/import-rdf.sh b/http-tests/imports/import-rdf.sh
index f66a3af38e..a4b7cd04df 100755
--- a/http-tests/imports/import-rdf.sh
+++ b/http-tests/imports/import-rdf.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -19,7 +19,7 @@ ldh admin acl add-agent-to-group \
 
 # create import item
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -28,7 +28,7 @@ item=$(ldh create-item \
 
 # create target container
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -38,7 +38,7 @@ container=$(ldh create-container \
 
 # import RDF
 
-ldh imports import-rdf \
+ldh import rdf \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/language/content-language-by-reader.sh b/http-tests/language/content-language-by-reader.sh
new file mode 100755
index 0000000000..b8c2c84aef
--- /dev/null
+++ b/http-tests/language/content-language-by-reader.sh
@@ -0,0 +1,65 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# Content-Language names the language the page was composed in, which is the first of the reader's accepted languages that
+# the UI translation bundle actually has - not the reader's top preference. The bundle ships English and Spanish, so a
+# Lithuanian or German reader gets an honest en rather than their own request echoed back at them. What is published is the
+# shortest tag the bundle justifies: its keys are en-US and es-ES, but neither region distinguishes anything.
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+response()
+{
+    curl -i -k -s \
+      -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+      -H "Accept: text/html" \
+      "$@" \
+      "$END_USER_BASE_URL" \
+    | tr -d '\r'
+}
+
+assert_language()
+{
+    local accept_language="$1"
+    local expected="$2"
+    local response actual
+
+    if [ -n "$accept_language" ]; then
+        response=$(response -H "Accept-Language: $accept_language")
+    else
+        response=$(response)
+    fi
+
+    # an error page is rendered through the same stylesheet and carries a Content-Language of its own, so every probe
+    # confirms this is the document rather than a failure that happens to be labelled
+    echo "$response" | grep -qE "^HTTP/[0-9.]+ 200"
+
+    actual=$(echo "$response" | grep -i "^Content-Language:" | sed 's/^Content-Language: *//i' || true)
+
+    [ "$actual" = "$expected" ]
+}
+
+# the bundle keys are region-qualified while browsers send primary subtags, so matching is RFC 4647 Basic
+# Filtering - but the published tag drops a region that distinguishes nothing, per BCP 47
+
+assert_language "en-US,en;q=0.9,da;q=0.8,lt;q=0.7" "en"
+assert_language "en" "en"
+assert_language "es" "es"
+
+# preference order decides between two languages the bundle has, rather than bundle order
+
+assert_language "es,en;q=0.9" "es"
+assert_language "en,es;q=0.9" "en"
+
+# the bundle has no Lithuanian, so the page is composed in the next language it does have
+
+assert_language "lt,en-US;q=0.9,en;q=0.8" "en"
+
+# none of the reader's languages are available: fall back rather than claim a language the page is not in
+
+assert_language "de,fr;q=0.9" "en"
+
+# no preference expressed at all
+
+assert_language "" "en"
diff --git a/http-tests/language/content-language-media-type.sh b/http-tests/language/content-language-media-type.sh
new file mode 100755
index 0000000000..3dc3cde3f3
--- /dev/null
+++ b/http-tests/language/content-language-media-type.sh
@@ -0,0 +1,55 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# Only a representation whose rendering depends on language gets labelled with one. An RDF representation is byte-identical
+# for every reader - its literals carry their own tags and none is dropped - so it is intended for all language audiences,
+# which RFC 9110 spells as no Content-Language at all.
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+headers()
+{
+    curl -i -k -s \
+      -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+      -H "Accept: $1" \
+      -H "Accept-Language: en" \
+      "$END_USER_BASE_URL" \
+    | tr -d '\r'
+}
+
+assert_labelled()
+{
+    local response actual
+
+    response=$(headers "$1")
+
+    # an error page is rendered through the same stylesheet and carries a Content-Language of its own, so every probe
+    # confirms this is the representation rather than a failure that happens to be labelled
+    echo "$response" | grep -qE "^HTTP/[0-9.]+ 200"
+
+    actual=$(echo "$response" | grep -i "^Content-Language:" | sed 's/^Content-Language: *//i' || true)
+
+    [ "$actual" = "en" ]
+}
+
+assert_unlabelled()
+{
+    local response
+
+    response=$(headers "$1")
+
+    echo "$response" | grep -qE "^HTTP/[0-9.]+ 200"
+
+    ! echo "$response" | grep -qi "^Content-Language:"
+}
+
+# both HTML flavours are rendered through the translation bundle and so are composed in one language
+
+assert_labelled "text/html"
+assert_labelled "application/xhtml+xml"
+
+assert_unlabelled "application/rdf+xml"
+assert_unlabelled "text/turtle"
+assert_unlabelled "application/n-triples"
+assert_unlabelled "application/ld+json"
diff --git a/http-tests/language/etag-varies-by-language.sh b/http-tests/language/etag-varies-by-language.sh
new file mode 100755
index 0000000000..e29c4c3a89
--- /dev/null
+++ b/http-tests/language/etag-varies-by-language.sh
@@ -0,0 +1,53 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# Two readers get two different HTML representations of the same document, so the two must not share an entity tag: a
+# Spanish reader arriving with the English reader's tag would be told 304 and shown a page in a language they never asked
+# for. The RDF representation is the same bytes for both, so its tag has to stay stable across them.
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+etag()
+{
+    curl -i -k -s \
+      -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+      -H "Accept: $1" \
+      -H "Accept-Language: $2" \
+      "$END_USER_BASE_URL" \
+    | tr -d '\r' \
+    | grep -i "^ETag:" \
+    | sed 's/^ETag: *//i' || true
+}
+
+html_en=$(etag "text/html" "en")
+html_es=$(etag "text/html" "es")
+
+[ -n "$html_en" ]
+
+# two languages must not share one entity tag, or a conditional request would serve the wrong language
+
+[ "$html_en" != "$html_es" ]
+
+# the tag is still stable for one reader, otherwise conditional requests never revalidate
+
+[ "$html_en" = "$(etag "text/html" "en")" ]
+
+status()
+{
+    curl -k -w "%{http_code}" -o /dev/null -s \
+      -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+      -H "Accept: text/html" \
+      -H "Accept-Language: $1" \
+      -H "If-None-Match: $2" \
+      "$END_USER_BASE_URL"
+}
+
+# the reader's own tag revalidates, another reader's does not
+
+[ "$(status "en" "$html_en")" = "$STATUS_NOT_MODIFIED" ]
+[ "$(status "es" "$html_en")" = "$STATUS_OK" ]
+
+# RDF carries every language at once, so language is not part of its identity
+
+[ "$(etag "application/n-triples" "en")" = "$(etag "application/n-triples" "es")" ]
diff --git a/http-tests/language/html-lang-matches-content-language.sh b/http-tests/language/html-lang-matches-content-language.sh
new file mode 100755
index 0000000000..6db397dbe9
--- /dev/null
+++ b/http-tests/language/html-lang-matches-content-language.sh
@@ -0,0 +1,45 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# The header and the document have to agree about what language the page is in. They do because both read the same
+# computation: the stylesheet takes the root lang straight from Content-Language rather than from the request. A reader whose
+# language the bundle lacks is the case that used to disagree - the header said nothing while the document claimed lt.
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+assert_agrees()
+{
+    local expected="$2"
+    local headers body header document
+
+    headers=$(mktemp)
+
+    # XHTML is the same rendering as text/html but well-formed, so the document can be queried with XPath rather than
+    # matched as text - attribute order is a serialization detail and nothing here depends on it
+    body=$(curl -k -s \
+      -D "$headers" \
+      -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+      -H "Accept: application/xhtml+xml" \
+      -H "Accept-Language: $1" \
+      "$END_USER_BASE_URL")
+
+    # an error page is rendered through the same stylesheet and agrees with itself just as happily, so confirm this is the
+    # document before comparing the two
+    head -1 "$headers" | grep -qE "^HTTP/[0-9.]+ 200"
+
+    header=$(tr -d '\r' < "$headers" | grep -i "^Content-Language:" | sed 's/^Content-Language: *//i' || true)
+    rm -f "$headers"
+
+    document=$(echo "$body" | xmllint --xpath 'string(/*[local-name() = "html"]/@lang)' - 2> /dev/null || true)
+
+    [ "$header" = "$expected" ] && [ "$document" = "$expected" ]
+}
+
+assert_agrees "en" "en"
+assert_agrees "es" "es"
+
+# the bundle has no Lithuanian and no German: the root must not claim a language the page is not written in
+
+assert_agrees "lt,en;q=0.9" "en"
+assert_agrees "de" "en"
diff --git a/http-tests/language/literal-lang-attributes.sh b/http-tests/language/literal-lang-attributes.sh
new file mode 100755
index 0000000000..4ab40110e7
--- /dev/null
+++ b/http-tests/language/literal-lang-attributes.sh
@@ -0,0 +1,75 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# RDF carries language per literal, HTML per element, so every rendered value declares its own rather than inheriting the
+# document's. A property renders every language it has, side by side, and the root value is wrong for at least one of them:
+# without this a screen reader says "Square" with Lithuanian phonetics and "Aikštė" with an English voice. An untagged
+# literal makes no language claim at all, which HTML spells lang="" - the exact counterpart of RDF's absent tag - while a
+# number is not prose and inherits, so it is read out in the reader's own language.
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
+doc_url="${END_USER_BASE_URL}${slug}/"
+
+# the properties belong to the document's primary topic: a document describing nothing but itself renders its title and
+# an empty body, so the values would never reach a dd
+
+echo "<${doc_url}> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <https://www.w3.org/ns/ldt/document-hierarchy#Item> .
+<${doc_url}> <http://purl.org/dc/terms/title> \"Language marking\" .
+<${doc_url}> <http://xmlns.com/foaf/0.1/primaryTopic> <${doc_url}#this> .
+<${doc_url}#this> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <https://example.org/test#Thing> .
+<${doc_url}#this> <https://example.org/test#tagged> \"Aikštė\"@lt .
+<${doc_url}#this> <https://example.org/test#tagged> \"Square\"@en .
+<${doc_url}#this> <https://example.org/test#plain> \"Untagged value\" .
+<${doc_url}#this> <https://example.org/test#typed> \"42\"^^<http://www.w3.org/2001/XMLSchema#integer> ." | \
+  ldh put \
+    -f "$OWNER_CERT_KEYSTORE" \
+    -p "$OWNER_CERT_PWD" \
+    -t "application/n-triples" \
+    "$doc_url"
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+# XHTML is the same rendering as text/html but well-formed, so the values can be queried with XPath rather than matched as
+# text. Attribute order is a serialization detail - the build inlines entities through an XML round trip that alphabetizes
+# literal-result-element attributes, while xsl:attribute instructions append in execution order - and nothing here depends
+# on it
+body=$(curl -k -s \
+  -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+  -H "Accept: application/xhtml+xml" \
+  -H "Accept-Language: en" \
+  "$doc_url")
+
+count()
+{
+    echo "$body" | xmllint --xpath "count($1)" - 2> /dev/null || echo "0"
+}
+
+# the assertions anchor on the RDFa @property carrier, whichever layout element it rides - the property grid
+# currently puts it (with @lang) on the .value cell inside the dd, not the dd itself
+
+# the page is in English and both values are on it: each says which language it is in
+
+[ "$(count "//*[@property = 'https://example.org/test#tagged'][@lang = 'lt']")" = "1" ]
+[ "$(count "//*[@property = 'https://example.org/test#tagged'][@lang = 'en']")" = "1" ]
+
+# an untagged literal claims no language rather than inheriting the document's
+
+[ "$(count "//*[@property = 'https://example.org/test#plain'][@lang = '']")" = "1" ]
+
+# a number is not prose - it inherits, so it is read out in whatever language the reader is in
+
+[ "$(count "//*[@property = 'https://example.org/test#typed']")" = "1" ]
+[ "$(count "//*[@property = 'https://example.org/test#typed'][@lang]")" = "0" ]
+
+# both languages of the property survive to the page - suppressing one is the defect this marking exists to make safe
+
+[ "$(count "//*[local-name() = 'span'][@class = 'ldhc-tag em-quiet co-accent sz-xs']")" = "2" ]
+
+ldh delete \
+  -f "$OWNER_CERT_KEYSTORE" \
+  -p "$OWNER_CERT_PWD" \
+  "$doc_url" > /dev/null
diff --git a/http-tests/language/vary-accept-language.sh b/http-tests/language/vary-accept-language.sh
new file mode 100755
index 0000000000..19fffde866
--- /dev/null
+++ b/http-tests/language/vary-accept-language.sh
@@ -0,0 +1,39 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# An HTML representation differs by the reader's language, so the response has to say so or a shared cache will hand one
+# reader's page to another. This is the header the caches downstream key on, and the reason two readers can be served from
+# the same URL at all.
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+curl -i -k -s \
+  -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+  -H "Accept: text/html" \
+  -H "Accept-Language: en" \
+  "$END_USER_BASE_URL" \
+| tr -d '\r' \
+| grep -i "^Vary:" \
+| grep -qi "Accept-Language"
+
+# the same URL must survive two readers in sequence through the caches in front of it
+
+purge_cache "$END_USER_VARNISH_SERVICE"
+purge_cache "$FRONTEND_VARNISH_SERVICE"
+
+fetch_language()
+{
+    curl -i -k -s \
+      -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
+      -H "Accept: text/html" \
+      -H "Accept-Language: $1" \
+      "$END_USER_BASE_URL" \
+    | tr -d '\r' \
+    | grep -i "^Content-Language:" \
+    | sed 's/^Content-Language: *//i' || true
+}
+
+[ "$(fetch_language "en")" = "en" ]
+[ "$(fetch_language "es")" = "es" ]
+[ "$(fetch_language "en")" = "en" ]
diff --git a/http-tests/misc/PATCH-settings-package-import.sh b/http-tests/misc/PATCH-settings-package-import.sh
index f9e080e3c1..08408c91cd 100755
--- a/http-tests/misc/PATCH-settings-package-import.sh
+++ b/http-tests/misc/PATCH-settings-package-import.sh
@@ -41,15 +41,6 @@ function patch_settings()
     "${END_USER_BASE_URL}settings"
 }
 
-function import_triple_count()
-{
-  curl -k -s \
-    -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
-    -H "Accept: application/n-triples" \
-    "${END_USER_BASE_URL}settings" \
-  | grep -c "linkeddatahub#import" || true
-}
-
 # The settings live in the in-memory application model, which initialize_dataset does not
 # reset - an import left behind by a failed assertion would stay for the rest of the suite.
 
@@ -64,7 +55,6 @@ trap remove_import EXIT
 response=$(homepage)
 
 if grep -qF "$marker" <<< "$response"; then
-  echo "DEBUG: package stylesheet marker present before import"
   exit 1
 fi
 
@@ -72,7 +62,6 @@ fi
 status=$(patch_settings "INSERT { <${app_uri}> <https://w3id.org/atomgraph/linkeddatahub#import> <${package_uri}> . } WHERE { }")
 
 if [[ ! "$status" =~ ^($STATUS_NO_CONTENT)$ ]]; then
-  echo "DEBUG: Expected $STATUS_NO_CONTENT from the INSERT PATCH, got: $status"
   exit 1
 fi
 
@@ -80,10 +69,6 @@ fi
 response=$(homepage)
 
 if ! grep -qF "$marker" <<< "$response"; then
-  echo "DEBUG: package stylesheet marker missing after import"
-  echo "DEBUG: Expected marker: $marker"
-  echo "DEBUG: Response size: $(wc -c <<< "$response") bytes"
-  echo "DEBUG: ldh:import triple count in settings = $(import_triple_count)"
   exit 1
 fi
 
@@ -91,7 +76,6 @@ fi
 status=$(patch_settings "DELETE { <${app_uri}> <https://w3id.org/atomgraph/linkeddatahub#import> <${package_uri}> . } WHERE { }")
 
 if [[ ! "$status" =~ ^($STATUS_NO_CONTENT)$ ]]; then
-  echo "DEBUG: Expected $STATUS_NO_CONTENT from the DELETE PATCH, got: $status"
   exit 1
 fi
 
@@ -99,7 +83,5 @@ fi
 response=$(homepage)
 
 if grep -qF "$marker" <<< "$response"; then
-  echo "DEBUG: package stylesheet marker still present after removal"
-  echo "DEBUG: ldh:import triple count in settings = $(import_triple_count)"
   exit 1
 fi
diff --git a/http-tests/misc/PATCH-settings-package-ontology.sh b/http-tests/misc/PATCH-settings-package-ontology.sh
index 6d415ba911..8642cbc195 100755
--- a/http-tests/misc/PATCH-settings-package-ontology.sh
+++ b/http-tests/misc/PATCH-settings-package-ontology.sh
@@ -16,19 +16,35 @@ package_uri="https://packages.linkeddatahub.com/skos/#this"
 
 query='SELECT ?text WHERE { <http://www.w3.org/2004/02/skos/core#Concept> <http://spinrdf.org/spin#constructor> ?constructor . ?constructor <http://spinrdf.org/sp#text> ?text . }'
 
-constructor_count() {
+# the ldh:view declarations are what render the Broader/Narrower concept blocks - the user-facing
+# feature of the package, and the thing that goes silent if the import stops being composed
+view_query='SELECT ?view WHERE { VALUES ?property { <http://www.w3.org/2004/02/skos/core#broader> <http://www.w3.org/2004/02/skos/core#narrower> } ?property <https://w3id.org/atomgraph/linkeddatahub#view> ?view . }'
+
+ns_result_count() {
   curl -k -f -s -G \
     -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
     -H "Accept: application/sparql-results+xml" \
     "${END_USER_BASE_URL}ns" \
-    --data-urlencode "query=${query}" \
+    --data-urlencode "query=${1}" \
   | xmllint --xpath "count(//*[local-name() = 'result'])" -
 }
 
+constructor_count() {
+  ns_result_count "$query"
+}
+
+view_count() {
+  ns_result_count "$view_query"
+}
+
 # the skos:Concept constructor is not in the app ontology closure initially
 count=$(constructor_count)
 if [ "$count" != "0" ]; then
-  echo "DEBUG: Expected 0 skos:Concept constructors before import, got: $count"
+  exit 1
+fi
+
+views=$(view_count)
+if [ "$views" != "0" ]; then
   exit 1
 fi
 
@@ -50,7 +66,11 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 # the package ontology joined the closure - no restart, no sleep
 count=$(constructor_count)
 if [ "$count" != "1" ]; then
-  echo "DEBUG: Expected 1 skos:Concept constructor after import, got: $count"
+  exit 1
+fi
+
+views=$(view_count)
+if [ "$views" != "2" ]; then
   exit 1
 fi
 
@@ -69,14 +89,12 @@ purge_cache "$END_USER_VARNISH_SERVICE"
 purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # the package ontology left the closure
+views=$(view_count)
+if [ "$views" != "0" ]; then
+  exit 1
+fi
+
 count=$(constructor_count)
 if [ "$count" != "0" ]; then
-  echo "DEBUG: Expected 0 skos:Concept constructors after removal, got: $count"
-  echo "DEBUG: does /settings still carry the ldh:import triple after the DELETE?"
-  curl -k -s \
-    -E "$OWNER_CERT_FILE":"$OWNER_CERT_PWD" \
-    -H "Accept: application/n-triples" \
-    "${END_USER_BASE_URL}settings" \
-  | grep -c "linkeddatahub#import" | sed 's/^/DEBUG: ldh:import triple count in settings = /'
   exit 1
 fi
diff --git a/http-tests/misc/POST-content-length-413.sh b/http-tests/misc/POST-content-length-413.sh
index 171b2dbe55..5af79a6a51 100755
--- a/http-tests/misc/POST-content-length-413.sh
+++ b/http-tests/misc/POST-content-length-413.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group to be able to read/write documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/misc/POST-transfer-chunked-413.sh b/http-tests/misc/POST-transfer-chunked-413.sh
index 3b5d8b2d07..ea19088f7f 100755
--- a/http-tests/misc/POST-transfer-chunked-413.sh
+++ b/http-tests/misc/POST-transfer-chunked-413.sh
@@ -11,7 +11,7 @@ pwd=$(realpath "$PWD")
 
 # add agent to the writers group to be able to read/write documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/misc/admin-webid-delegation.sh b/http-tests/misc/admin-webid-delegation.sh
index 58a08694ba..b27d444874 100755
--- a/http-tests/misc/admin-webid-delegation.sh
+++ b/http-tests/misc/admin-webid-delegation.sh
@@ -27,7 +27,7 @@ curl --head -k -w "%{http_code}\n" -o /dev/null -s \
 
 # add agent to the owners group to be able to control the admin app
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/misc/cors-static.sh b/http-tests/misc/cors-static.sh
index ae39023f76..b761797f5f 100755
--- a/http-tests/misc/cors-static.sh
+++ b/http-tests/misc/cors-static.sh
@@ -6,16 +6,20 @@ set -euo pipefail
 
 response=$(curl -i -k -s \
   -H "Origin: https://example.com" \
-  "${END_USER_BASE_URL}static/com/atomgraph/linkeddatahub/css/bootstrap.css")
+  "${END_USER_BASE_URL}static/com/atomgraph/linkeddatahub/css/ldh.css")
+
+# The headers sit at the top of a response whose body is the whole stylesheet: `grep -q` closes
+# the pipe on its first match, and with `set -o pipefail` the SIGPIPE'd echo fails the pipeline
+# even though the header was found. Here-strings instead of pipes, as in PATCH-settings-package-import.sh.
 
 # Verify Access-Control-Allow-Origin header is present
-if ! echo "$response" | grep -q "Access-Control-Allow-Origin: \*"; then
+if ! grep -q "Access-Control-Allow-Origin: \*" <<< "$response"; then
   echo "CORS header 'Access-Control-Allow-Origin' not found on static file"
   exit 1
 fi
 
 # Verify the static file was served successfully
-if ! echo "$response" | grep -q "HTTP/.* 200"; then
+if ! grep -q "HTTP/.* 200" <<< "$response"; then
   echo "Static file request did not return 200 OK"
   exit 1
 fi
@@ -26,10 +30,10 @@ preflight=$(curl -i -k -s \
   -X OPTIONS \
   -H "Origin: https://example.com" \
   -H "Access-Control-Request-Method: GET" \
-  "${END_USER_BASE_URL}static/com/atomgraph/linkeddatahub/css/bootstrap.css")
+  "${END_USER_BASE_URL}static/com/atomgraph/linkeddatahub/css/ldh.css")
 
 # Verify preflight response has CORS headers
-if ! echo "$preflight" | grep -q "Access-Control-Allow-Origin: \*"; then
+if ! grep -q "Access-Control-Allow-Origin: \*" <<< "$preflight"; then
   echo "CORS header 'Access-Control-Allow-Origin' not found in OPTIONS response for static file"
   exit 1
 fi
diff --git a/http-tests/misc/webid-delegation.sh b/http-tests/misc/webid-delegation.sh
index c331049bab..f95fb7ffe3 100755
--- a/http-tests/misc/webid-delegation.sh
+++ b/http-tests/misc/webid-delegation.sh
@@ -27,7 +27,7 @@ curl --head -k -w "%{http_code}\n" -o /dev/null -s \
 
 # add agent to the writers group to be able to read/write documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-404.sh b/http-tests/proxy/GET-proxied-404.sh
index fd573b562a..0ce17e840b 100755
--- a/http-tests/proxy/GET-proxied-404.sh
+++ b/http-tests/proxy/GET-proxied-404.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-accept-forwarded.sh b/http-tests/proxy/GET-proxied-accept-forwarded.sh
index 3709e398f2..73c16ed791 100755
--- a/http-tests/proxy/GET-proxied-accept-forwarded.sh
+++ b/http-tests/proxy/GET-proxied-accept-forwarded.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-accept-html-not-preferred.sh b/http-tests/proxy/GET-proxied-accept-html-not-preferred.sh
index a907af72c4..3cdcd0ff17 100755
--- a/http-tests/proxy/GET-proxied-accept-html-not-preferred.sh
+++ b/http-tests/proxy/GET-proxied-accept-html-not-preferred.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-external-502.sh b/http-tests/proxy/GET-proxied-external-502.sh
index 957a5c3ff5..8b3ec1c2d5 100755
--- a/http-tests/proxy/GET-proxied-external-502.sh
+++ b/http-tests/proxy/GET-proxied-external-502.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-external.sh b/http-tests/proxy/GET-proxied-external.sh
index 7382e708c4..d321b3a939 100755
--- a/http-tests/proxy/GET-proxied-external.sh
+++ b/http-tests/proxy/GET-proxied-external.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-html-jsonld.sh b/http-tests/proxy/GET-proxied-html-jsonld.sh
index 9a127b46fe..bcd6c1a14b 100755
--- a/http-tests/proxy/GET-proxied-html-jsonld.sh
+++ b/http-tests/proxy/GET-proxied-html-jsonld.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-internal-403.sh b/http-tests/proxy/GET-proxied-internal-403.sh
index 752c3ef51f..79ab8deac5 100755
--- a/http-tests/proxy/GET-proxied-internal-403.sh
+++ b/http-tests/proxy/GET-proxied-internal-403.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-mapped-vocab.sh b/http-tests/proxy/GET-proxied-mapped-vocab.sh
index 29e025cb66..4ec6d241e5 100755
--- a/http-tests/proxy/GET-proxied-mapped-vocab.sh
+++ b/http-tests/proxy/GET-proxied-mapped-vocab.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied-rfc1918-403.sh b/http-tests/proxy/GET-proxied-rfc1918-403.sh
index ddcded0060..ee84256d3c 100755
--- a/http-tests/proxy/GET-proxied-rfc1918-403.sh
+++ b/http-tests/proxy/GET-proxied-rfc1918-403.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/GET-proxied.sh b/http-tests/proxy/GET-proxied.sh
index b38546b89c..9af9534118 100755
--- a/http-tests/proxy/GET-proxied.sh
+++ b/http-tests/proxy/GET-proxied.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/HEAD-proxied-accept.sh b/http-tests/proxy/HEAD-proxied-accept.sh
index 56fa126c95..580aeccf3b 100755
--- a/http-tests/proxy/HEAD-proxied-accept.sh
+++ b/http-tests/proxy/HEAD-proxied-accept.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/HEAD-proxied-etag.sh b/http-tests/proxy/HEAD-proxied-etag.sh
index 0a1e067c2f..fb3b689f51 100755
--- a/http-tests/proxy/HEAD-proxied-etag.sh
+++ b/http-tests/proxy/HEAD-proxied-etag.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the readers group to be able to read documents
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/PATCH-proxied-constructor-update.sh b/http-tests/proxy/PATCH-proxied-constructor-update.sh
index 2edbceebe2..19857f0a68 100755
--- a/http-tests/proxy/PATCH-proxied-constructor-update.sh
+++ b/http-tests/proxy/PATCH-proxied-constructor-update.sh
@@ -41,7 +41,7 @@ curl -k -f -s -o /dev/null \
 
 # Rebuild the in-memory ontology so the constructor hash URI enters the OntModel.
 # After this, the DESCRIBE check in ProxyRequestFilter will fire for the PATCH.
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -66,7 +66,6 @@ status=$(curl -k -w "%{http_code}" -o /dev/null -s \
   "$END_USER_BASE_URL")
 
 if [[ ! "$status" =~ ^($STATUS_PATCH_SUCCESS)$ ]]; then
-  echo "DEBUG: Expected $STATUS_PATCH_SUCCESS from the proxied PATCH, got: $status"
   exit 1
 fi
 
@@ -81,7 +80,5 @@ response=$(curl -k -f -s \
   "$ontology_doc")
 
 if ! grep -qF "TestClassUpdated" <<< "$response"; then
-  echo "DEBUG: Expected the constructor text to contain: TestClassUpdated"
-  echo "DEBUG: Got: $response"
   exit 1
 fi
diff --git a/http-tests/proxy/PATCH-proxied-update.sh b/http-tests/proxy/PATCH-proxied-update.sh
index 22a83b4626..56f8451942 100755
--- a/http-tests/proxy/PATCH-proxied-update.sh
+++ b/http-tests/proxy/PATCH-proxied-update.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -17,7 +17,7 @@ ldh admin acl add-agent-to-group \
 
 # create item document to PATCH
 
-item=$(ldh create-item \
+item=$(ldh create item \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/proxy/POST-proxied-form.sh b/http-tests/proxy/POST-proxied-form.sh
index 3a0f900dbb..a0d60079cd 100755
--- a/http-tests/proxy/POST-proxied-form.sh
+++ b/http-tests/proxy/POST-proxied-form.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/POST-proxied-query.sh b/http-tests/proxy/POST-proxied-query.sh
index 58b38b4083..b97a632532 100644
--- a/http-tests/proxy/POST-proxied-query.sh
+++ b/http-tests/proxy/POST-proxied-query.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group - POST requests count as write operations
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/proxy/PUT-proxied-location.sh b/http-tests/proxy/PUT-proxied-location.sh
index f724d820f3..7169dbddeb 100755
--- a/http-tests/proxy/PUT-proxied-location.sh
+++ b/http-tests/proxy/PUT-proxied-location.sh
@@ -9,7 +9,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/run.sh b/http-tests/run.sh
index 54b294201a..a859ec88aa 100755
--- a/http-tests/run.sh
+++ b/http-tests/run.sh
@@ -284,6 +284,10 @@ run_tests "sparql-protocol" $(find ./sparql-protocol/ -type f -name '*.sh')
 (( error_count += $? ))
 run_tests "versioning" $(find ./versioning/ -type f -name '*.sh')
 (( error_count += $? ))
+run_tests "language" $(find ./language/ -type f -name '*.sh')
+(( error_count += $? ))
+run_tests "system" $(find ./system/ -type f -name '*.sh')
+(( error_count += $? ))
 
 end_time=$(date +%s)
 runtime=$((end_time-start_time))
diff --git a/http-tests/sparql-protocol/query/GET-ns-constructors.sh b/http-tests/sparql-protocol/query/GET-ns-constructors.sh
index 349e1fe3a0..7980781bc7 100755
--- a/http-tests/sparql-protocol/query/GET-ns-constructors.sh
+++ b/http-tests/sparql-protocol/query/GET-ns-constructors.sh
@@ -27,6 +27,5 @@ echo "$results" | grep -q "https://w3id.org/atomgraph/linkeddatahub#TitleConstru
 # the constructor texts are returned (CONSTRUCT templates the client instantiates)
 count=$(echo "$results" | xmllint --xpath "count(//*[local-name() = 'binding'][@name = 'text']/*[local-name() = 'literal'][contains(., 'CONSTRUCT')])" -)
 if [ "$count" -lt 3 ]; then
-  echo "DEBUG: Expected at least 3 constructor texts, got: $count"
   exit 1
 fi
diff --git a/http-tests/sparql-protocol/query/GET-ns-no-query.sh b/http-tests/sparql-protocol/query/GET-ns-no-query.sh
index 5cb09bd307..88124aa92a 100755
--- a/http-tests/sparql-protocol/query/GET-ns-no-query.sh
+++ b/http-tests/sparql-protocol/query/GET-ns-no-query.sh
@@ -14,7 +14,7 @@ namespace="${namespace_doc}#"
 ontology_doc="${ADMIN_BASE_URL}ontologies/namespace/"
 class="${namespace}ClassThree"
 
-ldh admin ontologies add-class \
+ldh admin add class \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -24,7 +24,7 @@ ldh admin ontologies add-class \
 
 # clear ontology from memory so the new class is loaded on next request
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/sparql-protocol/query/GET-ns-relative-uri.sh b/http-tests/sparql-protocol/query/GET-ns-relative-uri.sh
index fa65fc40d9..a53333aece 100755
--- a/http-tests/sparql-protocol/query/GET-ns-relative-uri.sh
+++ b/http-tests/sparql-protocol/query/GET-ns-relative-uri.sh
@@ -14,7 +14,7 @@ namespace="${namespace_doc}#"
 ontology_doc="${ADMIN_BASE_URL}ontologies/namespace/"
 class="${namespace}NewClass"
 
-ldh admin ontologies add-class \
+ldh admin add class \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -24,7 +24,7 @@ ldh admin ontologies add-class \
 
 # clear ontology from memory
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-from-override.sh b/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-from-override.sh
index 23eb625342..90775f3149 100755
--- a/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-from-override.sh
+++ b/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-from-override.sh
@@ -12,7 +12,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 slug_one=$(uuidgen | tr '[:upper:]' '[:lower:]')
 slug_two=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-container_one=$(ldh create-container \
+container_one=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -20,7 +20,7 @@ container_one=$(ldh create-container \
   --slug "$slug_one" \
   --parent "$END_USER_BASE_URL")
 
-container_two=$(ldh create-container \
+container_two=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-graph-pattern.sh b/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-graph-pattern.sh
index e831ad6b24..3af6b26f60 100755
--- a/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-graph-pattern.sh
+++ b/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri-graph-pattern.sh
@@ -11,7 +11,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 slug=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-container=$(ldh create-container \
+container=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri.sh b/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri.sh
index 187d1587b6..b7172725e9 100755
--- a/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri.sh
+++ b/http-tests/sparql-protocol/query/GET-sparql-default-graph-uri.sh
@@ -12,7 +12,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 slug_one=$(uuidgen | tr '[:upper:]' '[:lower:]')
 slug_two=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-container_one=$(ldh create-container \
+container_one=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -20,7 +20,7 @@ container_one=$(ldh create-container \
   --slug "$slug_one" \
   --parent "$END_USER_BASE_URL")
 
-container_two=$(ldh create-container \
+container_two=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/sparql-protocol/query/POST-ns-relative-uri.sh b/http-tests/sparql-protocol/query/POST-ns-relative-uri.sh
index fc08375556..94f62fa9b6 100644
--- a/http-tests/sparql-protocol/query/POST-ns-relative-uri.sh
+++ b/http-tests/sparql-protocol/query/POST-ns-relative-uri.sh
@@ -14,7 +14,7 @@ namespace="${namespace_doc}#"
 ontology_doc="${ADMIN_BASE_URL}ontologies/namespace/"
 class="${namespace}NewClass"
 
-ldh admin ontologies add-class \
+ldh admin add class \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
@@ -24,7 +24,7 @@ ldh admin ontologies add-class \
 
 # clear ontology from memory
 
-ldh admin clear-ontology \
+ldh admin clear ontology \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$ADMIN_BASE_URL" \
diff --git a/http-tests/sparql-protocol/query/POST-sparql-default-graph-uri.sh b/http-tests/sparql-protocol/query/POST-sparql-default-graph-uri.sh
index 7d3cecfb40..db544f2b7f 100755
--- a/http-tests/sparql-protocol/query/POST-sparql-default-graph-uri.sh
+++ b/http-tests/sparql-protocol/query/POST-sparql-default-graph-uri.sh
@@ -12,7 +12,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 slug_one=$(uuidgen | tr '[:upper:]' '[:lower:]')
 slug_two=$(uuidgen | tr '[:upper:]' '[:lower:]')
 
-container_one=$(ldh create-container \
+container_one=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
@@ -20,7 +20,7 @@ container_one=$(ldh create-container \
   --slug "$slug_one" \
   --parent "$END_USER_BASE_URL")
 
-container_two=$(ldh create-container \
+container_two=$(ldh create container \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   -b "$END_USER_BASE_URL" \
diff --git a/http-tests/system/admin/POST-clear-403.sh b/http-tests/system/admin/POST-clear-403.sh
index 5e9f822c57..0005bc3c85 100755
--- a/http-tests/system/admin/POST-clear-403.sh
+++ b/http-tests/system/admin/POST-clear-403.sh
@@ -10,7 +10,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 # POST /clear with a writer (not owner) should return 403
 # /clear is only in the full-control authorization which is restricted to owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/system/admin/POST-clear-readers-403.sh b/http-tests/system/admin/POST-clear-readers-403.sh
index 56a2f8ad98..9c99655c95 100755
--- a/http-tests/system/admin/POST-clear-readers-403.sh
+++ b/http-tests/system/admin/POST-clear-readers-403.sh
@@ -10,7 +10,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 # POST /clear with a reader should return 403
 # /clear is only in the full-control authorization which is restricted to owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/system/end-user/GET-settings-403.sh b/http-tests/system/end-user/GET-settings-403.sh
index a05ff98159..978c5e8db9 100755
--- a/http-tests/system/end-user/GET-settings-403.sh
+++ b/http-tests/system/end-user/GET-settings-403.sh
@@ -10,7 +10,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 # GET /settings with a writer (not owner) should return 403
 # /settings is only in the full-control authorization which is restricted to owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/system/end-user/GET-settings-readers-403.sh b/http-tests/system/end-user/GET-settings-readers-403.sh
index a7361daad0..2cf5dd24d3 100755
--- a/http-tests/system/end-user/GET-settings-readers-403.sh
+++ b/http-tests/system/end-user/GET-settings-readers-403.sh
@@ -10,7 +10,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 # GET /settings with a reader should return 403
 # /settings is only in the full-control authorization which is restricted to owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/system/end-user/PATCH-settings-403.sh b/http-tests/system/end-user/PATCH-settings-403.sh
index 199d83e789..e2dd469444 100755
--- a/http-tests/system/end-user/PATCH-settings-403.sh
+++ b/http-tests/system/end-user/PATCH-settings-403.sh
@@ -10,7 +10,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 # PATCH /settings with a writer (not owner) should return 403
 # /settings is only in the full-control authorization which is restricted to owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/system/end-user/PATCH-settings-readers-403.sh b/http-tests/system/end-user/PATCH-settings-readers-403.sh
index 13fda096be..4822aaeb54 100755
--- a/http-tests/system/end-user/PATCH-settings-readers-403.sh
+++ b/http-tests/system/end-user/PATCH-settings-readers-403.sh
@@ -10,7 +10,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 # PATCH /settings with a reader should return 403
 # /settings is only in the full-control authorization which is restricted to owners
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
diff --git a/http-tests/versioning/DELETE-removes-file.sh b/http-tests/versioning/DELETE-removes-file.sh
index 847e1254e8..bf9a7ee06a 100755
--- a/http-tests/versioning/DELETE-removes-file.sh
+++ b/http-tests/versioning/DELETE-removes-file.sh
@@ -17,7 +17,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -37,13 +37,22 @@ echo "<${doc_url}> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <https://ww
     -t "application/n-triples" \
     "$doc_url"
 
+# the poll is the assertion: re-reading the file after it succeeded only asks GitHub the same
+# question again, and a read that just returned the file can still 404 moments later
+
+found=""
+
 for i in $(seq 1 30); do
     if gh api "repos/${VERSIONING_TEST_REPO}/contents/${path}?ref=${VERSIONING_TEST_BRANCH:-main}" > /dev/null 2>&1; then
+        found=1
         break
     fi
     sleep 1
 done
-gh api "repos/${VERSIONING_TEST_REPO}/contents/${path}?ref=${VERSIONING_TEST_BRANCH:-main}" > /dev/null
+
+if [ -z "$found" ]; then
+    exit 1
+fi
 
 # delete the document and check that the file disappears
 
@@ -59,5 +68,4 @@ for i in $(seq 1 30); do
     sleep 1
 done
 
-echo "DEBUG: file '${path}' still present in ${VERSIONING_TEST_REPO} after document deletion"
 exit 1
diff --git a/http-tests/versioning/GET-timegate.sh b/http-tests/versioning/GET-timegate.sh
index cba201d672..dabd95b04a 100755
--- a/http-tests/versioning/GET-timegate.sh
+++ b/http-tests/versioning/GET-timegate.sh
@@ -17,7 +17,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -76,23 +76,20 @@ ldh get \
   "$doc_url" \
 | tr -d '\r')
 
-echo "DEBUG: Original Resource headers:"
-echo "$response_headers"
-
 echo "$response_headers" | grep -q "<${doc_url}?timegate>; rel=timegate"
 
 # without Accept-Datetime the TimeGate selects the most recent Memento
 
 timegate_headers=$(
-curl -k -s -D - -o /dev/null \
-  -E "$AGENT_CERT_FILE":"$AGENT_CERT_PWD" \
-  "${doc_url}?timegate" \
+ldh get \
+  -f "$AGENT_CERT_KEYSTORE" \
+  -p "$AGENT_CERT_PWD" \
+  --timegate \
+  --head \
+  "$doc_url" \
 | tr -d '\r')
 
-echo "DEBUG: TimeGate headers (no Accept-Datetime):"
-echo "$timegate_headers"
-
-echo "$timegate_headers" | grep -q '^HTTP/.* 302'
+echo "$timegate_headers" | grep -q '^HTTP 302'
 echo "$timegate_headers" | grep -qi "^Location: ${doc_url}?version=${sha2}"
 echo "$timegate_headers" | grep -qi '^Vary:.*accept-datetime'
 echo "$timegate_headers" | grep -q "<${doc_url}>; rel=original"
@@ -102,28 +99,32 @@ echo "$timegate_headers" | grep -qi '^Cache-Control:.*no-store'
 # a 302 TimeGate response must not carry Memento-Datetime
 
 if echo "$timegate_headers" | grep -qi '^Memento-Datetime:'; then
-    echo "DEBUG: TimeGate 302 response must not carry Memento-Datetime"
     exit 1
 fi
 
-# with Accept-Datetime at the first commit's time, the TimeGate selects the first Memento
+# the negotiated Memento is the only line the command prints, so it composes into a `ldh get`
 
-accept_datetime=$(date -u -j -f "%Y-%m-%dT%H:%M:%SZ" "$first_datetime" "+%a, %d %b %Y %H:%M:%S GMT" 2> /dev/null \
-    || date -u -d "$first_datetime" "+%a, %d %b %Y %H:%M:%S GMT")
+memento=$(
+ldh get \
+  -f "$AGENT_CERT_KEYSTORE" \
+  -p "$AGENT_CERT_PWD" \
+  --timegate \
+  "$doc_url")
 
-echo "DEBUG: Accept-Datetime: $accept_datetime (commit $sha1 at $first_datetime)"
+[ "$memento" = "${doc_url}?version=${sha2}" ]
 
-dated_headers=$(
-curl -k -s -D - -o /dev/null \
-  -E "$AGENT_CERT_FILE":"$AGENT_CERT_PWD" \
-  -H "Accept-Datetime: ${accept_datetime}" \
-  "${doc_url}?timegate" \
-| tr -d '\r')
+# with Accept-Datetime at the first commit's time, the TimeGate selects the first Memento.
+# --datetime takes the ISO 8601 datetime the commit carries, no shell date conversion
 
-echo "DEBUG: TimeGate headers (Accept-Datetime at first commit):"
-echo "$dated_headers"
+dated_memento=$(
+ldh get \
+  -f "$AGENT_CERT_KEYSTORE" \
+  -p "$AGENT_CERT_PWD" \
+  --timegate \
+  --datetime "$first_datetime" \
+  "$doc_url")
 
-echo "$dated_headers" | grep -qi "^Location: ${doc_url}?version=${sha1}"
+[ "$dated_memento" = "${doc_url}?version=${sha1}" ]
 
 # a malformed Accept-Datetime is rejected
 
@@ -133,7 +134,6 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
   -H "Accept-Datetime: yesterday afternoon" \
   "${doc_url}?timegate")
 
-echo "DEBUG: malformed Accept-Datetime status: $status (expected 400)"
 [ "$status" = "400" ]
 
 # the TimeGate is read-only
@@ -146,5 +146,4 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
   --data-binary "<${doc_url}> <http://purl.org/dc/terms/title> \"Overwrite attempt\" ." \
   "${doc_url}?timegate")
 
-echo "DEBUG: PUT to TimeGate status: $status (expected 405)"
 [ "$status" = "405" ]
diff --git a/http-tests/versioning/GET-timemap.sh b/http-tests/versioning/GET-timemap.sh
index 543f2cc85d..358bc0b0bc 100755
--- a/http-tests/versioning/GET-timemap.sh
+++ b/http-tests/versioning/GET-timemap.sh
@@ -17,7 +17,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -37,13 +37,25 @@ echo "<${doc_url}> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <https://ww
     -t "application/n-triples" \
     "$doc_url"
 
+# wait for the commit listing, not for the file: the TimeMap is built from that listing, and GitHub
+# indexes it per path asynchronously, so it lags behind the Contents API by seconds
+
+head_sha()
+{
+    gh api "repos/${VERSIONING_TEST_REPO}/commits?path=${path}&sha=${VERSIONING_TEST_BRANCH:-main}&per_page=1" --jq '.[0].sha' 2> /dev/null || true
+}
+
+sha=""
+
 for i in $(seq 1 30); do
-    if gh api "repos/${VERSIONING_TEST_REPO}/contents/${path}?ref=${VERSIONING_TEST_BRANCH:-main}" > /dev/null 2>&1; then
-        break
-    fi
+    sha=$(head_sha)
+    if [ -n "$sha" ]; then break; fi
     sleep 1
 done
-gh api "repos/${VERSIONING_TEST_REPO}/contents/${path}?ref=${VERSIONING_TEST_BRANCH:-main}" > /dev/null
+
+if [ -z "$sha" ]; then
+    exit 1
+fi
 
 # check that the document advertises its TimeMap via the Link header
 
@@ -56,16 +68,12 @@ ldh get \
   "$doc_url" \
 | tr -d '\r')
 
-echo "DEBUG: Response headers:"
-echo "$response_headers"
-
 # RFC 7089: the Original Resource advertises rel=timemap with the link-format media type,
 # and MUST NOT carry rel=original
 echo "$response_headers" | grep -q 'rel=timemap'
 echo "$response_headers" | grep -q 'type="application/link-format"'
 
 if echo "$response_headers" | grep -q 'rel=original'; then
-    echo "DEBUG: Original Resource must not carry rel=original"
     exit 1
 fi
 
@@ -76,10 +84,8 @@ ldh get \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   --accept 'application/n-triples' \
-  "${doc_url}?timemap")
-
-echo "DEBUG: TimeMap:"
-echo "$timemap"
+  --timemap \
+  "$doc_url")
 
 echo "$timemap" | grep -q "ns/prov#Collection"
 echo "$timemap" | grep -q "ns/prov#hadMember"
@@ -95,10 +101,8 @@ ldh get \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   --accept 'application/link-format' \
-  "${doc_url}?timemap")
-
-echo "DEBUG: link-format TimeMap:"
-echo "$link_format"
+  --timemap \
+  "$doc_url")
 
 echo "$link_format" | grep -q "<${doc_url}>;rel=\"original\""
 echo "$link_format" | grep -q "<${doc_url}?timemap>;rel=\"self\";type=\"application/link-format\""
@@ -114,5 +118,4 @@ curl -k -w "%{http_code}\n" -o /dev/null -s \
   -H "Accept: application/link-format" \
   "$doc_url")
 
-echo "DEBUG: link-format status on the document itself: $status (expected 406)"
 [ "$status" = "406" ]
diff --git a/http-tests/versioning/GET-version.sh b/http-tests/versioning/GET-version.sh
index c4ad815997..bb5a34560b 100755
--- a/http-tests/versioning/GET-version.sh
+++ b/http-tests/versioning/GET-version.sh
@@ -17,7 +17,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -72,15 +72,12 @@ ldh get \
   -f "$AGENT_CERT_KEYSTORE" \
   -p "$AGENT_CERT_PWD" \
   --accept 'application/n-triples' \
-  "${doc_url}?version=${sha1}")
-
-echo "DEBUG: Response body:"
-echo "$response_body"
+  --version "$sha1" \
+  "$doc_url")
 
 echo "$response_body" | grep -q "First version"
 
 if echo "$response_body" | grep -q "Second version"; then
-    echo "DEBUG: historical version response contains the updated title"
     exit 1
 fi
 
@@ -92,12 +89,10 @@ ldh get \
   -p "$AGENT_CERT_PWD" \
   --accept 'application/n-triples' \
   --head \
-  "${doc_url}?version=${sha1}" \
+  --version "$sha1" \
+  "$doc_url" \
 | tr -d '\r')
 
-echo "DEBUG: Response headers:"
-echo "$response_headers"
-
 echo "$response_headers" | grep -qi '^Memento-Datetime:'
 echo "$response_headers" | grep -qi '^Cache-Control:.*immutable'
 
@@ -113,12 +108,10 @@ echo "$response_headers" | grep -q 'rel=timemap'
 echo "$response_headers" | grep -q 'acl#Read'
 
 if echo "$response_headers" | grep -q 'acl#Write'; then
-    echo "DEBUG: version response advertises acl:Write"
     exit 1
 fi
 
 if echo "$response_headers" | grep -q 'acl#Append'; then
-    echo "DEBUG: version response advertises acl:Append"
     exit 1
 fi
 
diff --git a/http-tests/versioning/PUT-creates-commit.sh b/http-tests/versioning/PUT-creates-commit.sh
index ce3693f20c..ef95e27096 100755
--- a/http-tests/versioning/PUT-creates-commit.sh
+++ b/http-tests/versioning/PUT-creates-commit.sh
@@ -17,7 +17,7 @@ purge_cache "$FRONTEND_VARNISH_SERVICE"
 
 # add agent to the writers group
 
-ldh admin acl add-agent-to-group \
+ldh admin add agent \
   -f "$OWNER_CERT_KEYSTORE" \
   -p "$OWNER_CERT_PWD" \
   --agent "$AGENT_URI" \
@@ -36,21 +36,24 @@ echo "<${doc_url}> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <https://ww
     -t "application/n-triples" \
     "$doc_url"
 
-# wait for the async versioning commit to appear in the repository
+# wait for the async versioning commit to appear in the repository, and check that its author is
+# the agent's WebID. The wait polls the commit listing rather than the file: the listing is what
+# carries the author, and GitHub indexes it per path asynchronously, so it lags behind the Contents
+# API by seconds - a file that is already readable can still have an empty commit history.
 
 path="${VERSIONING_PATH_PREFIX:-graphs}/${slug}.nt"
 
+commit_author()
+{
+    gh api "repos/${VERSIONING_TEST_REPO}/commits?path=${path}&sha=${VERSIONING_TEST_BRANCH:-main}&per_page=1" --jq '.[0].commit.author.name' 2> /dev/null || true
+}
+
+author=""
+
 for i in $(seq 1 30); do
-    if gh api "repos/${VERSIONING_TEST_REPO}/contents/${path}?ref=${VERSIONING_TEST_BRANCH:-main}" > /dev/null 2>&1; then
-        break
-    fi
+    author=$(commit_author)
+    if [ -n "$author" ]; then break; fi
     sleep 1
 done
-gh api "repos/${VERSIONING_TEST_REPO}/contents/${path}?ref=${VERSIONING_TEST_BRANCH:-main}" > /dev/null
-
-# check that the commit author is the agent's WebID
 
-author=$(gh api "repos/${VERSIONING_TEST_REPO}/commits?path=${path}&sha=${VERSIONING_TEST_BRANCH:-main}&per_page=1" --jq '.[0].commit.author.name')
-echo "DEBUG: Expected author: $AGENT_URI"
-echo "DEBUG: Got author: $author"
 [ "$author" = "$AGENT_URI" ]
diff --git a/platform/namespace-ontology.trig.template b/platform/namespace-ontology.trig.template
index b9042d5a61..6594834d3a 100644
--- a/platform/namespace-ontology.trig.template
+++ b/platform/namespace-ontology.trig.template
@@ -87,7 +87,7 @@
         rdfs:label "Write/append access" ;
         rdfs:comment "Allows write access to all documents and containers" ;
         acl:accessToClass dh:Item, dh:Container, def:Root ;
-        acl:accessTo <${end_user_origin}/sparql>, <${end_user_origin}/importer>, <${end_user_origin}/add>, <${end_user_origin}/generate>, <${end_user_origin}/ns> ;
+        acl:accessTo <${end_user_origin}/sparql>, <${end_user_origin}/importer>, <${end_user_origin}/ns> ;
         acl:mode acl:Write, acl:Append ;
         acl:agentGroup <acl/groups/owners/#this>, <acl/groups/writers/#this> .
 
@@ -107,7 +107,7 @@
         rdfs:label "Full control" ;
         rdfs:comment "Allows full read/write access to all application resources" ;
         acl:accessToClass dh:Item, dh:Container, def:Root ;
-        acl:accessTo <${end_user_origin}/sparql>, <${end_user_origin}/importer>, <${end_user_origin}/add>, <${end_user_origin}/generate>, <${end_user_origin}/ns>, <${end_user_origin}/settings> ;
+        acl:accessTo <${end_user_origin}/sparql>, <${end_user_origin}/importer>, <${end_user_origin}/ns>, <${end_user_origin}/settings> ;
         acl:mode acl:Read, acl:Append, acl:Write, acl:Control ;
         acl:agentGroup <acl/groups/owners/#this> .
 
diff --git a/pom.xml b/pom.xml
index 3337245c84..ee4f38032b 100644
--- a/pom.xml
+++ b/pom.xml
@@ -3,7 +3,7 @@
 
     <groupId>com.atomgraph</groupId>
     <artifactId>linkeddatahub</artifactId>
-    <version>5.10.0</version>
+    <version>6.0.0-SNAPSHOT</version>
     <packaging>${packaging.type}</packaging>
 
     <name>AtomGraph LinkedDataHub</name>
@@ -46,7 +46,7 @@
         <url>https://github.com/AtomGraph/LinkedDataHub</url>
         <connection>scm:git:git://github.com/AtomGraph/LinkedDataHub.git</connection>
         <developerConnection>scm:git:git@github.com:AtomGraph/LinkedDataHub.git</developerConnection>
-        <tag>linkeddatahub-5.10.0</tag>
+        <tag>linkeddatahub-5.5.4</tag>
     </scm>
 
     <repositories>
@@ -92,7 +92,7 @@
         <dependency>
             <groupId>org.glassfish.jersey.connectors</groupId>
             <artifactId>jersey-apache-connector</artifactId>
-            <version>3.1.12</version>
+            <version>3.1.11</version>
             <exclusions>
                 <!-- exclude commons-logging (via httpclient) - jcl-over-slf4j from Jena provides the JCL API. Otherwise duplicate org.apache.commons.logging classes on the classpath -->
                 <exclusion>
@@ -110,12 +110,12 @@
         <dependency>
             <groupId>org.glassfish.jersey.media</groupId>
             <artifactId>jersey-media-multipart</artifactId>
-            <version>3.1.12</version>
+            <version>3.1.11</version>
         </dependency>
         <dependency>
             <groupId>org.glassfish.jersey.media</groupId>
             <artifactId>jersey-media-json-processing</artifactId>
-            <version>3.1.12</version>
+            <version>3.1.11</version>
         </dependency>
         <dependency>
             <groupId>com.sun.mail</groupId>
@@ -159,7 +159,7 @@
         <dependency>
             <groupId>${project.groupId}</groupId>
             <artifactId>twirl</artifactId>
-            <version>2.0.0</version>
+            <version>2.0.1-SNAPSHOT</version>
         </dependency>
         <dependency>
             <groupId>org.slf4j</groupId>
@@ -169,13 +169,13 @@
         <dependency>
             <groupId>${project.groupId}</groupId>
             <artifactId>client</artifactId>
-            <version>5.0.3</version>
+            <version>6.0.0-SNAPSHOT</version>
             <classifier>classes</classifier>
         </dependency>
         <dependency>
             <groupId>${project.groupId}</groupId>
             <artifactId>client</artifactId>
-            <version>5.0.3</version>
+            <version>6.0.0-SNAPSHOT</version>
             <type>war</type>
         </dependency>
         <dependency>
diff --git a/release.sh b/release.sh
index 8e2166020a..addd5b7cfa 100755
--- a/release.sh
+++ b/release.sh
@@ -23,6 +23,9 @@ print_error() {
 
 # Track if release completed successfully
 RELEASE_SUCCESSFUL=false
+# Set once release:perform has deployed. Publishing to Maven Central cannot be undone, so past this
+# point the local git state is the only record of what was published and must not be thrown away.
+PUBLISHED=false
 
 # Trap handler for automatic cleanup on failure
 cleanup_on_failure() {
@@ -30,6 +33,17 @@ cleanup_on_failure() {
 
     # Only clean up if release failed (non-zero exit) and wasn't successful
     if [ $exit_code -ne 0 ] && [ "$RELEASE_SUCCESSFUL" = false ]; then
+        if [ "$PUBLISHED" = true ]; then
+            print_error "Release failed AFTER publishing $RELEASE_VERSION to Maven Central."
+            print_error "Not rolling back: the tag and commits are the only record of what was published."
+            print_error "Finish by hand from the current state:"
+            print_error "  git checkout master && git merge --no-ff $RELEASE_TAG^{commit} -m \"Release version $RELEASE_VERSION\""
+            print_error "  git push origin master && git push origin $RELEASE_TAG"
+            print_error "  git checkout develop && git merge --no-ff $RELEASE_BRANCH -m \"Post-release version bump\""
+            print_error "  git push origin develop"
+            exit $exit_code
+        fi
+
         print_error "Release failed! Rolling back changes..."
 
         # Clean up Maven release artifacts
@@ -48,7 +62,7 @@ cleanup_on_failure() {
             git branch -D "$RELEASE_BRANCH" 2>/dev/null || true
         fi
 
-        print_status "Rollback complete. You're back on develop branch."
+        print_status "Rollback complete. You're back on develop branch. Nothing was published."
         exit $exit_code
     fi
 }
@@ -74,6 +88,24 @@ if ! git diff-index --quiet HEAD --; then
     exit 1
 fi
 
+# git diff-index above cannot see files marked skip-worktree or assume-unchanged: git reports them as
+# matching the index no matter what is on disk. A branch switch is not so forgiving - it refuses to
+# overwrite one whose content has diverged, which is how a release once died on `git checkout master`
+# after Maven Central had already been published to.
+DIVERGED_HIDDEN=$(git ls-files -v | grep -vE '^H ' | cut -c3- | while read -r file; do
+    [ -e "$file" ] || continue
+    [ "$(git hash-object "$file")" = "$(git rev-parse "HEAD:$file" 2>/dev/null)" ] || echo "  $file"
+done)
+
+# Only a warning: keeping local config out of commits this way is deliberate and usually harmless.
+# It becomes fatal solely when such a file also differs between the branches being switched between,
+# which assert_can_switch_to checks precisely, right before the irreversible step.
+if [ -n "$DIVERGED_HIDDEN" ]; then
+    print_warning "Hidden from git status (skip-worktree/assume-unchanged) but differing from HEAD:"
+    echo "$DIVERGED_HIDDEN" >&2
+    print_warning "Harmless unless one also differs between develop and master - checked before publishing."
+fi
+
 # Check if GPG is installed and configured
 if ! command -v gpg &> /dev/null; then
     print_error "GPG is not installed. Maven release requires GPG to sign artifacts."
@@ -144,30 +176,58 @@ if git tag -l | grep -q "^$RELEASE_TAG$"; then
     fi
 fi
 
-# Align the CLI before release:prepare, so its version is already correct in the commit that gets
-# tagged - and so the two commits release:prepare adds stay the last two, which the merge below reads
-# by position
+# Align the CLI before release:prepare, so its version is already correct in the commit that gets tagged
 sync_cli_version "$RELEASE_VERSION"
 
+# Anchor for deriving the commits release:prepare is about to add. Reading them back positionally
+# (git log -2) breaks the moment anything else commits in between.
+PREPARE_BASE=$(git rev-parse HEAD)
+
 # Configure Maven release plugin to not push changes automatically
 mvn release:clean release:prepare -DpushChanges=false -DlocalCheckout=true
 
-print_status "Performing Maven release (deploying to Sonatype)..."
-mvn release:perform -DlocalCheckout=true
-
-# Capture the commit hashes
-RELEASE_COMMIT=$(git log --oneline -2 --pretty=format:"%H" | tail -1)
-SNAPSHOT_COMMIT=$(git log --oneline -1 --pretty=format:"%H")
+# release:prepare adds the release commit and then the next-development commit on top of PREPARE_BASE
+RELEASE_COMMIT=$(git rev-list --ancestry-path "$PREPARE_BASE"..HEAD | tail -1)
+SNAPSHOT_COMMIT=$(git rev-parse HEAD)
 
 print_status "Release commit: $RELEASE_COMMIT"
 print_status "Development commit (SNAPSHOT bump): $SNAPSHOT_COMMIT"
 
 # Follow the platform onto the next development version. Deliberately after the two hashes are
-# captured: it adds a commit on top, and both are read by position. Master merges $RELEASE_COMMIT
-# alone so it does not go there, develop merges the whole branch so it does.
+# captured, so it does not land between $PREPARE_BASE and the commits derived from it. Master merges
+# $RELEASE_COMMIT alone so it does not go there, develop merges the whole branch so it does.
 NEXT_VERSION=$(mvn help:evaluate -Dexpression=project.version -q -DforceStdout)
 sync_cli_version "$NEXT_VERSION"
 
+# Everything below release:perform is unwindable; release:perform itself is not - Maven Central does
+# not take artifacts back. So prove the branch switches it is followed by can actually happen while
+# failing is still free. This is git's own checkout refusal condition: a file that differs between
+# the branches, whose working-tree copy differs from HEAD.
+assert_can_switch_to() {
+    local target="$1" blocked="" file
+
+    # process substitution, not a pipe: a `while read` on the right of a pipe runs in a subshell,
+    # where the exit below would only kill the subshell and let the release carry on regardless
+    while read -r file; do
+        [ -e "$file" ] || continue
+        [ "$(git hash-object "$file")" = "$(git rev-parse "HEAD:$file" 2>/dev/null)" ] || blocked+="  $file"$'\n'
+    done < <(git diff --name-only HEAD "$target")
+
+    if [ -n "$blocked" ]; then
+        print_error "Cannot switch to '$target' - these files would be overwritten:"
+        printf '%s' "$blocked" >&2
+        print_error "Aborting before publishing to Maven Central, which cannot be undone."
+        exit 1
+    fi
+}
+
+assert_can_switch_to master
+assert_can_switch_to develop
+
+print_status "Performing Maven release (deploying to Sonatype)..."
+mvn release:perform -DlocalCheckout=true
+PUBLISHED=true
+
 # Switch to master and merge only the release commit
 print_status "Merging release commit to master branch..."
 git checkout master
diff --git a/src/main/java/com/atomgraph/linkeddatahub/Application.java b/src/main/java/com/atomgraph/linkeddatahub/Application.java
index 03a1f401f5..8288868dba 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/Application.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/Application.java
@@ -108,7 +108,7 @@
 import com.atomgraph.linkeddatahub.server.filter.response.CacheInvalidationFilter;
 import com.atomgraph.linkeddatahub.server.filter.response.VersioningFilter;
 import com.atomgraph.linkeddatahub.server.filter.response.XsltExecutableFilter;
-import com.atomgraph.linkeddatahub.server.interceptor.RDFPostMediaTypeInterceptor;
+import com.atomgraph.client.interceptor.RDFPostMediaTypeInterceptor;
 import com.atomgraph.linkeddatahub.server.mapper.auth.oauth2.TokenExpiredExceptionMapper;
 import com.atomgraph.linkeddatahub.server.model.impl.Dispatcher;
 import com.atomgraph.linkeddatahub.server.security.AgentContext;
@@ -180,8 +180,9 @@
 import java.io.FileOutputStream;
 import java.io.UnsupportedEncodingException;
 import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.nio.file.StandardCopyOption;
 import java.security.MessageDigest;
-import java.util.Arrays;
 import java.util.List;
 import java.util.Locale;
 import java.util.Objects;
@@ -228,6 +229,7 @@
 import org.apache.http.protocol.HttpCoreContext;
 import org.apache.jena.query.DatasetFactory;
 import org.apache.jena.rdf.model.ModelFactory;
+import org.apache.jena.rdf.model.RDFNode;
 import org.apache.jena.rdf.model.ResIterator;
 import org.apache.jena.rdf.model.Resource;
 import org.apache.jena.riot.resultset.ResultSetLang;
@@ -298,7 +300,9 @@ public class Application extends ResourceConfig
     private final String oidcRefreshTokensPropertiesPath;
     private final Properties oidcRefreshTokens;
     private final URI contextDatasetURI;
-    private final Dataset contextDataset;
+    // volatile: updateApp() replaces the dataset copy-on-write while request threads read it unsynchronized
+    private volatile Dataset contextDataset;
+    private final Object contextDatasetWriteLock = new Object();
     private final URI frontendProxy;
     private final URI backendProxyAdmin;
     private final URI backendProxyEndUser;
@@ -358,7 +362,6 @@ public Application(@Context ServletConfig servletConfig) throws URISyntaxExcepti
             System.getProperty("com.atomgraph.linkeddatahub.validateAfterInactivity") != null ? Integer.valueOf(System.getProperty("com.atomgraph.linkeddatahub.validateAfterInactivity")) : null,
             servletConfig.getServletContext().getInitParameter(LDHC.maxImportThreads.getURI()) != null ? Integer.valueOf(servletConfig.getServletContext().getInitParameter(LDHC.maxImportThreads.getURI())) : null,
             servletConfig.getServletContext().getInitParameter(LDHC.notificationAddress.getURI()) != null ? servletConfig.getServletContext().getInitParameter(LDHC.notificationAddress.getURI()) : null,
-            servletConfig.getServletContext().getInitParameter(LDHC.supportedLanguages.getURI()) != null ? servletConfig.getServletContext().getInitParameter(LDHC.supportedLanguages.getURI()) : null,
             servletConfig.getServletContext().getInitParameter(LDHC.enableWebIDSignUp.getURI()) != null ? Boolean.parseBoolean(servletConfig.getServletContext().getInitParameter(LDHC.enableWebIDSignUp.getURI())) : true,
             servletConfig.getServletContext().getInitParameter(LDHC.oidcRefreshTokens.getURI()),
             servletConfig.getServletContext().getInitParameter(LDHC.frontendProxy.getURI()) != null ? servletConfig.getServletContext().getInitParameter(LDHC.frontendProxy.getURI()) : null,
@@ -414,7 +417,6 @@ public Application(@Context ServletConfig servletConfig) throws URISyntaxExcepti
      * @param maxRequestRetries maximum number of times that the HTTP client will retry a request
      * @param maxImportThreads maximum number of threads used for asynchronous imports
      * @param notificationAddressString email address used to send notifications
-     * @param supportedLanguageCodes comma-separated codes of supported languages
      * @param enableWebIDSignUp true if WebID signup is enabled
      * @param oidcRefreshTokensPropertiesPath path to the properties file with OIDC refresh tokens
      * @param mailUser username of the SMTP email server
@@ -443,7 +445,7 @@ public Application(final ServletConfig servletConfig, final MediaTypes mediaType
             final Integer cookieMaxAge, final boolean enableLinkedDataProxy, final boolean allowInternalUrls, final Integer maxContentLength,
             final Integer maxConnPerRoute, final Integer maxTotalConn, final Integer maxRequestRetries, final Integer connectionRequestTimeout,
             final Integer socketTimeout, final Integer connectTimeout, final Long connectionTimeToLive, final Integer validateAfterInactivity, final Integer maxImportThreads,
-            final String notificationAddressString, final String supportedLanguageCodes, final boolean enableWebIDSignUp, final String oidcRefreshTokensPropertiesPath,
+            final String notificationAddressString, final boolean enableWebIDSignUp, final String oidcRefreshTokensPropertiesPath,
             final String frontendProxyString, final String backendProxyAdminString, final String backendProxyEndUserString,
             final String mailUser, final String mailPassword, final String smtpHost, final String smtpPort,
             final String googleClientID, final String googleClientSecret,
@@ -561,12 +563,15 @@ public Application(final ServletConfig servletConfig, final MediaTypes mediaType
         this.importThreadPool = Executors.newFixedThreadPool(maxImportThreads);
         servletConfig.getServletContext().setAttribute(LDHC.maxImportThreads.getURI(), importThreadPool); // used in ImportListener to shutdown the thread pool
         
-        if (supportedLanguageCodes == null)
+        try
         {
-            if (log.isErrorEnabled()) log.error("Supported languages ({}) not configured", LDHC.supportedLanguages.getURI());
-            throw new ConfigurationException(LDHC.supportedLanguages);
+            this.supportedLanguages = readBundleLanguages(servletConfig.getServletContext());
+        }
+        catch (IOException ex)
+        {
+            if (log.isErrorEnabled()) log.error("Could not read UI translations: {}", XSLTWriterBase.TRANSLATIONS_PATH, ex);
+            throw new IllegalStateException(ex);
         }
-        this.supportedLanguages = Arrays.asList(supportedLanguageCodes.split(",")).stream().map(code -> Locale.forLanguageTag(code)).collect(Collectors.toList());
         
         this.servletConfig = servletConfig;
         this.mediaTypes = mediaTypes;
@@ -832,13 +837,14 @@ protected PasswordAuthentication getPasswordAuthentication()
             xsltProc.registerExtensionFunction(new DecodeURI());
             xsltProc.registerExtensionFunction(new com.atomgraph.linkeddatahub.writer.function.URLDecode());
             xsltProc.registerExtensionFunction(new com.atomgraph.linkeddatahub.writer.function.SendHTTPRequest(xsltProc, client));
+            xsltProc.registerExtensionFunction(new com.atomgraph.linkeddatahub.writer.function.ParseQuery());
             
             try
             {
-                for (String prefix : getRepository().getPrefixMappings().keySet())
+                for (String prefix : repository.getPrefixMappings().keySet())
                 {
                     // register mapped RDF documents in the XSLT processor so that document() returns them cached, throughout multiple transformations
-                    TreeInfo doc = xsltProc.getUnderlyingConfiguration().buildDocumentTree(getResolver().resolve("", prefix));
+                    TreeInfo doc = xsltProc.getUnderlyingConfiguration().buildDocumentTree(resolver.resolve("", prefix));
                     xsltProc.getUnderlyingConfiguration().getGlobalDocumentPool().add(doc, prefix);
                 }
 
@@ -2296,26 +2302,39 @@ public void updateApp(com.atomgraph.linkeddatahub.apps.model.Application applica
         if (application == null) throw new IllegalArgumentException("Application cannot be null");
         if (newModel == null) throw new IllegalArgumentException("Model cannot be null");
 
-        synchronized (getContextDataset())
+        synchronized (contextDatasetWriteLock)
         {
             String dataspaceURI = application.getURI();
 
-            // Update the named graph in the dataset
-            getContextDataset().removeNamedModel(dataspaceURI).
-                addNamedModel(dataspaceURI, newModel);
+            // copy-on-write: readers (getContextModel() et al) hold live views over the current dataset from
+            // unsynchronized request threads, so mutating it in place would race them. Build a replacement
+            // dataset sharing the untouched graphs and swap the volatile reference once it is complete.
+            Dataset updated = DatasetFactory.create();
+            updated.setDefaultModel(getContextDataset().getDefaultModel());
+            getContextDataset().listModelNames().forEachRemaining(name ->
+            {
+                if (!name.getURI().equals(dataspaceURI)) updated.addNamedModel(name.getURI(), getContextDataset().getNamedModel(name.getURI()));
+            });
+            updated.addNamedModel(dataspaceURI, ModelFactory.createDefaultModel().add(newModel)); // copy so the caller's reference cannot mutate the published snapshot
 
             // Write the updated dataset back to file using RDFDataMgr
             // Support both absolute file:// URIs and relative webapp paths (like getDataset does)
-            try (java.io.OutputStream out = (getContextDatasetURI().isAbsolute() ?
-                    new FileOutputStream(new java.io.File(getContextDatasetURI())) :
-                    new FileOutputStream(getServletConfig().getServletContext().getRealPath(getContextDatasetURI().toString()))))
+            Lang lang = RDFDataMgr.determineLang(getContextDatasetURI().toString(), null, null);
+            if (lang == null) throw new IOException("Could not determine RDF format from dataset URI: " + getContextDatasetURI().toString());
+
+            java.io.File targetFile = getContextDatasetURI().isAbsolute() ?
+                    new java.io.File(getContextDatasetURI()) :
+                    new java.io.File(getServletConfig().getServletContext().getRealPath(getContextDatasetURI().toString()));
+            // temp file in the target directory + atomic move: a crash mid-write must not truncate the deployment's configuration
+            java.io.File tempFile = java.io.File.createTempFile(targetFile.getName(), null, targetFile.getParentFile());
+            try (java.io.OutputStream out = new FileOutputStream(tempFile))
             {
-                Lang lang = RDFDataMgr.determineLang(getContextDatasetURI().toString(), null, null);
-                if (lang == null) throw new IOException("Could not determine RDF format from dataset URI: " + getContextDatasetURI().toString());
-
-                RDFDataMgr.write(out, getContextDataset(), lang);
-                if (log.isInfoEnabled()) log.info("Updated dataspace <{}> in context dataset: {}", dataspaceURI, getContextDatasetURI());
+                RDFDataMgr.write(out, updated, lang);
             }
+            Files.move(tempFile.toPath(), targetFile.toPath(), StandardCopyOption.REPLACE_EXISTING, StandardCopyOption.ATOMIC_MOVE);
+
+            this.contextDataset = updated;
+            if (log.isInfoEnabled()) log.info("Updated dataspace <{}> in context dataset: {}", dataspaceURI, getContextDatasetURI());
         }
     }
 
@@ -2517,13 +2536,55 @@ public MessageDigest getMessageDigest()
     
     /**
      * Returns list of locales for languages supported by the UI.
-     * 
+     *
      * @return locale list
      */
     public List<Locale> getSupportedLanguages()
     {
         return supportedLanguages;
     }
+
+    /**
+     * Reads the languages the UI translation bundle actually provides.
+     *
+     * Derived from the bundle rather than configured separately: a hand-maintained list can claim a language the bundle does
+     * not have, and the two drifted - the config said <code>en,es</code> while the bundle is tagged <code>en-US,es-ES</code>,
+     * and neither described the languages of the data being rendered.
+     *
+     * @param servletContext servlet context
+     * @return locales, ordered by language tag so variant selection is deterministic
+     * @throws IOException if the bundle cannot be read
+     */
+    public static List<Locale> readBundleLanguages(ServletContext servletContext) throws IOException
+    {
+        try (InputStream translations = servletContext.getResourceAsStream(XSLTWriterBase.TRANSLATIONS_PATH))
+        {
+            if (translations == null) throw new IOException("UI translations not found: " + XSLTWriterBase.TRANSLATIONS_PATH);
+
+            return readBundleLanguages(translations);
+        }
+    }
+
+    /**
+     * Reads the languages present in a UI translation bundle.
+     *
+     * @param translations RDF/XML translation bundle
+     * @return locales, ordered by language tag so variant selection is deterministic
+     */
+    public static List<Locale> readBundleLanguages(InputStream translations)
+    {
+        Model model = ModelFactory.createDefaultModel();
+        RDFParser.create().source(translations).lang(Lang.RDFXML).build().parse(model);
+
+        return model.listObjects().toList().stream().
+            filter(RDFNode::isLiteral).
+            map(node -> node.asLiteral().getLanguage()).
+            filter(lang -> !lang.isEmpty()).
+            distinct().
+            sorted().
+            map(Locale::forLanguageTag).
+            collect(Collectors.toList());
+    }
     
     /**
      * Returns true if WebID signup is enabled.
@@ -2555,11 +2616,19 @@ public String getRefreshToken(String clientID)
      */
     public void storeRefreshToken(String clientID, String refreshToken) throws IOException
     {
-        oidcRefreshTokens.put(clientID, refreshToken);
-        
-        try (FileOutputStream fos = new FileOutputStream(oidcRefreshTokensPropertiesPath))
+        // serialized + written via temp file and atomic move: concurrent OAuth callbacks opening the same
+        // file with truncating streams would interleave and corrupt the token store
+        synchronized (oidcRefreshTokens)
         {
-            oidcRefreshTokens.store(fos, null);
+            oidcRefreshTokens.put(clientID, refreshToken);
+
+            java.io.File targetFile = new java.io.File(oidcRefreshTokensPropertiesPath);
+            java.io.File tempFile = java.io.File.createTempFile(targetFile.getName(), null, targetFile.getParentFile());
+            try (FileOutputStream fos = new FileOutputStream(tempFile))
+            {
+                oidcRefreshTokens.store(fos, null);
+            }
+            Files.move(tempFile.toPath(), targetFile.toPath(), StandardCopyOption.REPLACE_EXISTING, StandardCopyOption.ATOMIC_MOVE);
         }
     }
     
diff --git a/src/main/java/com/atomgraph/linkeddatahub/client/GitHubClient.java b/src/main/java/com/atomgraph/linkeddatahub/client/GitHubClient.java
index 0883195cd5..aa0dfce2e0 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/client/GitHubClient.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/client/GitHubClient.java
@@ -61,6 +61,10 @@ public class GitHubClient
     public static final String AUTHOR_EMAIL = "noreply@linkeddatahub.invalid";
     /** Maximum retries on rate-limited requests */
     public static final int MAX_RETRIES = 2;
+    /** Maximum retries on conflicting writes */
+    public static final int MAX_CONFLICT_RETRIES = 3;
+    /** Delay before the first conflict retry, multiplied by the attempt number on subsequent ones */
+    public static final long CONFLICT_RETRY_DELAY_MILLIS = 200;
     /** Commits requested per page when walking a file's history */
     public static final int COMMITS_PER_PAGE = 100;
     /** Maximum history pages retrieved, bounding the API calls a single TimeMap request can make */
@@ -94,7 +98,8 @@ public GitHubClient(Client client, URI apiBase, String token, String owner, Stri
 
     /**
      * Creates or updates a file on the branch.
-     * The current blob SHA is fetched first, as the Contents API requires it for updates (optimistic locking).
+     * The current blob SHA is fetched first, as the Contents API requires it for updates (optimistic locking);
+     * a conflicting write is retried with a re-read SHA, up to {@link #MAX_CONFLICT_RETRIES} times.
      *
      * @param path file path within the repository
      * @param content file content
@@ -104,32 +109,43 @@ public GitHubClient(Client client, URI apiBase, String token, String owner, Stri
      */
     public Commit putFile(String path, byte[] content, String message, String authorName)
     {
-        Optional<String> sha = getFileSha(path);
+        for (int attempt = 0; ; attempt++)
+        {
+            Optional<String> sha = getFileSha(path); // re-probed on every attempt: a conflict means this SHA has moved
 
-        JsonObjectBuilder json = Json.createObjectBuilder().
-            add("message", message).
-            add("content", Base64.getEncoder().encodeToString(content)).
-            add("branch", branch).
-            add("author", author(authorName));
-        sha.ifPresent(s -> json.add("sha", s));
+            JsonObjectBuilder builder = Json.createObjectBuilder().
+                add("message", message).
+                add("content", Base64.getEncoder().encodeToString(content)).
+                add("branch", branch).
+                add("author", author(authorName));
+            sha.ifPresent(s -> builder.add("sha", s));
+            JsonObject json = builder.build(); // built once: a builder yields its object only to the first build()
 
-        try (Response response = invoke(() -> contents(path).
-                request(GITHUB_JSON).
-                header(HttpHeaders.AUTHORIZATION, authorization).
-                buildPut(Entity.entity(json.build(), MediaType.APPLICATION_JSON_TYPE))))
-        {
-            if (response.getStatus() == Response.Status.OK.getStatusCode() || response.getStatus() == Response.Status.CREATED.getStatusCode())
+            try (Response response = invoke(() -> contents(path).
+                    request(GITHUB_JSON).
+                    header(HttpHeaders.AUTHORIZATION, authorization).
+                    buildPut(Entity.entity(json, MediaType.APPLICATION_JSON_TYPE))))
             {
-                JsonObject result = response.readEntity(JsonObject.class);
-                return new Commit(result.getJsonObject("commit").getString("sha"), result.getJsonObject("content").getString("sha"));
-            }
+                if (response.getStatus() == Response.Status.OK.getStatusCode() || response.getStatus() == Response.Status.CREATED.getStatusCode())
+                {
+                    JsonObject result = response.readEntity(JsonObject.class);
+                    return new Commit(result.getJsonObject("commit").getString("sha"), result.getJsonObject("content").getString("sha"));
+                }
 
-            throw new RuntimeException("GitHub commit of '" + path + "' to " + owner + "/" + repo + " failed with status " + response.getStatus());
+                if (response.getStatus() == Response.Status.CONFLICT.getStatusCode() && attempt < MAX_CONFLICT_RETRIES)
+                {
+                    backOff(attempt, path);
+                    continue;
+                }
+
+                throw new RuntimeException("GitHub commit of '" + path + "' to " + owner + "/" + repo + " failed with status " + response.getStatus());
+            }
         }
     }
 
     /**
      * Deletes a file from the branch. A no-op if the file does not exist.
+     * A conflicting write is retried with a re-read SHA, up to {@link #MAX_CONFLICT_RETRIES} times.
      *
      * @param path file path within the repository
      * @param message commit message
@@ -137,28 +153,38 @@ public Commit putFile(String path, byte[] content, String message, String author
      */
     public void deleteFile(String path, String message, String authorName)
     {
-        Optional<String> sha = getFileSha(path);
-        if (sha.isEmpty())
+        for (int attempt = 0; ; attempt++)
         {
-            if (log.isDebugEnabled()) log.debug("File '{}' not found in {}/{}, nothing to delete", path, owner, repo);
-            return;
-        }
+            Optional<String> sha = getFileSha(path); // re-probed on every attempt: a conflict means this SHA has moved
+            if (sha.isEmpty())
+            {
+                if (log.isDebugEnabled()) log.debug("File '{}' not found in {}/{}, nothing to delete", path, owner, repo);
+                return;
+            }
 
-        JsonObject json = Json.createObjectBuilder().
-            add("message", message).
-            add("sha", sha.get()).
-            add("branch", branch).
-            add("author", author(authorName)).
-            build();
+            JsonObject json = Json.createObjectBuilder().
+                add("message", message).
+                add("sha", sha.get()).
+                add("branch", branch).
+                add("author", author(authorName)).
+                build();
+
+            try (Response response = invoke(() -> contents(path).
+                    request(GITHUB_JSON).
+                    property(ClientProperties.SUPPRESS_HTTP_COMPLIANCE_VALIDATION, true). // the Contents API requires a body on DELETE
+                    header(HttpHeaders.AUTHORIZATION, authorization).
+                    build("DELETE", Entity.entity(json, MediaType.APPLICATION_JSON_TYPE))))
+            {
+                if (response.getStatus() == Response.Status.OK.getStatusCode()) return;
+
+                if (response.getStatus() == Response.Status.CONFLICT.getStatusCode() && attempt < MAX_CONFLICT_RETRIES)
+                {
+                    backOff(attempt, path);
+                    continue;
+                }
 
-        try (Response response = invoke(() -> contents(path).
-                request(GITHUB_JSON).
-                property(ClientProperties.SUPPRESS_HTTP_COMPLIANCE_VALIDATION, true). // the Contents API requires a body on DELETE
-                header(HttpHeaders.AUTHORIZATION, authorization).
-                build("DELETE", Entity.entity(json, MediaType.APPLICATION_JSON_TYPE))))
-        {
-            if (response.getStatus() != Response.Status.OK.getStatusCode())
                 throw new RuntimeException("GitHub deletion of '" + path + "' from " + owner + "/" + repo + " failed with status " + response.getStatus());
+            }
         }
     }
 
@@ -273,6 +299,36 @@ public Optional<String> getFileSha(String path)
         }
     }
 
+    /**
+     * Returns the repository owner.
+     *
+     * @return owner name
+     */
+    public String getOwner()
+    {
+        return owner;
+    }
+
+    /**
+     * Returns the repository name.
+     *
+     * @return repository name
+     */
+    public String getRepo()
+    {
+        return repo;
+    }
+
+    /**
+     * Returns the branch that commits are made on.
+     *
+     * @return branch name
+     */
+    public String getBranch()
+    {
+        return branch;
+    }
+
     private WebTarget contents(String path)
     {
         return endpoint.path("repos/{owner}/{repo}/contents/{path}").
@@ -323,6 +379,24 @@ private boolean isRateLimited(Response response)
             (response.getHeaderString("Retry-After") != null || "0".equals(response.getHeaderString("x-ratelimit-remaining")));
     }
 
+    /**
+     * Sleeps before retrying a write that conflicted, backing off linearly to give the competing writer time to finish.
+     */
+    private void backOff(int attempt, String path)
+    {
+        if (log.isWarnEnabled()) log.warn("Conflicting write of '{}' to {}/{} on branch '{}', retrying", path, owner, repo, branch);
+
+        try
+        {
+            Thread.sleep(CONFLICT_RETRY_DELAY_MILLIS * (attempt + 1));
+        }
+        catch (InterruptedException ex)
+        {
+            Thread.currentThread().interrupt();
+            throw new RuntimeException(ex);
+        }
+    }
+
     private long retryAfter(Response response)
     {
         String retryAfter = response.getHeaderString("Retry-After");
diff --git a/src/main/java/com/atomgraph/linkeddatahub/imports/ImportExecutor.java b/src/main/java/com/atomgraph/linkeddatahub/imports/ImportExecutor.java
index faef1ed0c2..2dc77cbcc8 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/imports/ImportExecutor.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/imports/ImportExecutor.java
@@ -109,6 +109,10 @@ public void start(Service service, Service adminService, com.atomgraph.linkeddat
         if (csvImport == null) throw new IllegalArgumentException("CSVImport cannot be null");
         if (log.isDebugEnabled()) log.debug("Submitting new import to thread pool: {}", csvImport.toString());
 
+        // LNK-002: validate the attacker-controlled import URIs to prevent SSRF before dereferencing them
+        system.getURLValidator().validate(URI.create(csvImport.getFile().getURI()));
+        system.getURLValidator().validate(URI.create(csvImport.getQuery().getURI())); // query is required on CSVImport
+
         Resource provImport = ModelFactory.createDefaultModel().createResource(csvImport.getURI()).
                 addProperty(PROV.startedAtTime, csvImport.getModel().createTypedLiteral(Calendar.getInstance()));
 
@@ -119,7 +123,6 @@ public void start(Service service, Service adminService, com.atomgraph.linkeddat
         final Query query = pss.asQuery();
 
         Supplier<Response> fileSupplier = new ClientResponseSupplier(gsc, CSV_MEDIA_TYPES, URI.create(csvImport.getFile().getURI()));
-        // skip validation because it will be done during final POST anyway
         CompletableFuture.supplyAsync(fileSupplier, getExecutorService()).thenApplyAsync(getStreamRDFOutputWriter(service, adminService, system,
                 gsc, queryBaseURI, query, csvImport), getExecutorService()).
             thenAcceptAsync(success(service, system, csvImport, provImport), getExecutorService()).
@@ -141,6 +144,10 @@ public void start(Service service, Service adminService, com.atomgraph.linkeddat
         if (rdfImport == null) throw new IllegalArgumentException("RDFImport cannot be null");
         if (log.isDebugEnabled()) log.debug("Submitting new import to thread pool: {}", rdfImport.toString());
 
+        // LNK-002: validate the attacker-controlled import URIs to prevent SSRF before dereferencing them
+        system.getURLValidator().validate(URI.create(rdfImport.getFile().getURI()));
+        if (rdfImport.getQuery() != null) system.getURLValidator().validate(URI.create(rdfImport.getQuery().getURI())); // query is optional on RDFImport
+
         Resource provImport = ModelFactory.createDefaultModel().createResource(rdfImport.getURI()).
                 addProperty(PROV.startedAtTime, rdfImport.getModel().createTypedLiteral(Calendar.getInstance()));
 
@@ -157,7 +164,6 @@ public void start(Service service, Service adminService, com.atomgraph.linkeddat
             query = null;
 
         Supplier<Response> fileSupplier = new ClientResponseSupplier(gsc, RDF_MEDIA_TYPES, URI.create(rdfImport.getFile().getURI()));
-        // skip validation because it will be done during final POST anyway
         CompletableFuture.supplyAsync(fileSupplier, getExecutorService()).thenApplyAsync(getStreamRDFOutputWriter(service, adminService, system,
                 gsc, queryBaseURI, query, rdfImport), getExecutorService()).
             thenAcceptAsync(success(service, system, rdfImport, provImport), getExecutorService()).
diff --git a/src/main/java/com/atomgraph/linkeddatahub/listener/EMailListener.java b/src/main/java/com/atomgraph/linkeddatahub/listener/EMailListener.java
index 09be170ee4..e3cbc92563 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/listener/EMailListener.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/listener/EMailListener.java
@@ -62,7 +62,7 @@ public void contextDestroyed(ServletContextEvent sce)
      */
     public static void submit(Message message)
     {
-        CompletableFuture.runAsync(new MessageSender(message)).
+        CompletableFuture.runAsync(new MessageSender(message), THREAD_POOL).
             exceptionally(failure(message));
     }
     
diff --git a/src/main/java/com/atomgraph/linkeddatahub/resource/admin/SignUp.java b/src/main/java/com/atomgraph/linkeddatahub/resource/admin/SignUp.java
index 06f4115095..8931093a1b 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/resource/admin/SignUp.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/resource/admin/SignUp.java
@@ -112,7 +112,7 @@ public class SignUp extends DocumentHierarchyGraphStoreImpl
     /** Media type of the WebID client certificate */
     public static final MediaType PKCS12_MEDIA_TYPE = MediaType.valueOf("application/x-pkcs12");
     /** Relative URL to the RDF file with country metadata */
-    public static final String COUNTRY_DATASET_PATH = "/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/admin/countries.rdf";
+    public static final String COUNTRY_DATASET_PATH = "/static/com/atomgraph/linkeddatahub/xsl/admin/countries.rdf";
     /** Relative URL of the agent container */
     public static final String AGENT_PATH = "acl/agents/";
     /** Relative URL of the public key container */
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyFilter.java b/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyFilter.java
index 40cf8efcda..782e0aab92 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyFilter.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyFilter.java
@@ -32,10 +32,15 @@
 import jakarta.ws.rs.container.ContainerRequestContext;
 import jakarta.ws.rs.container.ContainerRequestFilter;
 import jakarta.ws.rs.container.PreMatching;
+import org.apache.jena.graph.Graph;
+import org.apache.jena.graph.Node;
+import org.apache.jena.graph.NodeFactory;
+import org.apache.jena.graph.Triple;
 import org.apache.jena.ontapi.OntModelFactory;
 import org.apache.jena.ontapi.OntSpecification;
 import org.apache.jena.ontapi.UnionGraph;
 import org.apache.jena.ontapi.model.OntModel;
+import org.apache.jena.ontapi.utils.Graphs;
 import org.apache.jena.rdf.model.Model;
 import org.apache.jena.rdf.model.ModelFactory;
 import org.apache.jena.vocabulary.RDF;
@@ -169,48 +174,94 @@ public OntModel getOntology(Application app, String uri)
     }
 
     /**
-     * Assembles the ontology's owl:imports closure as a union graph. ontapi resolves the closure through
-     * a scoped repository view: raw per-document graphs are read through (and cached in) the shared
-     * repository, while ontapi's union-graph bookkeeping stays local to the view — the shared repository
-     * keeps serving raw document graphs, and duplicate ontology IDs across applications cannot collide.
-     * No inference is applied: all consumers traverse class/property hierarchies explicitly.
+     * Assembles the ontology's owl:imports closure composed with the ontologies of the imported
+     * packages. Each package ontology is declared as an owl:imports of the application ontology, and
+     * ontapi resolves it — along with its own transitive imports — as part of the closure, through the
+     * same scoped repository view as every other import. The declaration is derived from the
+     * application's ldh:import data on every load and never persisted, so the ldh:import triples remain
+     * the single source of truth. A package ontology that cannot be resolved is skipped so a broken
+     * package cannot take the application ontology down.
      *
      * @param repository graph repository
      * @param uri ontology URI
+     * @param packageOntologies package ontology URIs
      * @return closure union graph
      */
+    public static UnionGraph loadOntology(PrefixGraphRepository repository, String uri, List<URI> packageOntologies)
+    {
+        if (!packageOntologies.isEmpty()) declarePackageImports(repository, uri, packageOntologies);
+
+        return loadOntology(repository, uri);
+    }
+
     /**
-     * Assembles the ontology's owl:imports closure composed with the ontologies of the imported
-     * packages. Each package ontology is assembled as its own closure union (so its owl:imports
-     * resolve too) and added as a member of the application ontology's union — derived in memory,
-     * mirroring the stylesheet composition in {@code XsltExecutableFilter}; no owl:imports triple
-     * is materialized anywhere. A package ontology that fails to load is skipped so a broken
-     * package cannot take the application ontology down.
+     * Declares the package ontologies as owl:imports of the application ontology on its base graph, so
+     * that ontapi pulls them into the imports closure when the model is constructed.
+     * <p>
+     * The declaration is additive: {@code ClearOntology} evicts the raw graph before every reload, so an
+     * uninstalled package's import cannot survive in the cached copy. A reload path that skipped that
+     * eviction would need this to reconcile against {@code packageOntologies} rather than only add.
      *
      * @param repository graph repository
      * @param uri ontology URI
      * @param packageOntologies package ontology URIs
-     * @return closure union graph
      */
-    public static UnionGraph loadOntology(PrefixGraphRepository repository, String uri, List<URI> packageOntologies)
+    public static void declarePackageImports(PrefixGraphRepository repository, String uri, List<URI> packageOntologies)
     {
-        UnionGraph union = loadOntology(repository, uri);
+        Graph base = repository.get(uri);
+        Optional<Node> name = Graphs.findOntologyNameNode(base);
+        if (name.isEmpty())
+        {
+            if (log.isErrorEnabled()) log.error("Ontology with URI '{}' carries no ontology header, cannot import packages {} into it", uri, packageOntologies);
+            return;
+        }
 
         for (URI packageOntology : packageOntologies)
         {
-            try
+            // the model is constructed with ignoreUnresolvedImports, which silently substitutes an empty
+            // graph for an import it cannot resolve — resolve it here so that a broken package is reported
+            // instead of composing as nothing
+            if (!isResolvable(repository, packageOntology.toString()))
             {
-                union.addSubGraph(loadOntology(repository, packageOntology.toString()));
-            }
-            catch (RuntimeException ex)
-            {
-                if (log.isErrorEnabled()) log.error("Could not load package ontology '{}', skipping it", packageOntology, ex);
+                if (log.isErrorEnabled()) log.error("Could not load package ontology '{}', skipping it", packageOntology);
+                continue;
             }
+
+            base.add(Triple.create(name.get(), OWL.imports.asNode(), NodeFactory.createURI(packageOntology.toString())));
         }
+    }
 
-        return union;
+    /**
+     * Returns true if the repository can supply a graph for the given ID.
+     *
+     * @param repository graph repository
+     * @param id graph ID
+     * @return true if resolvable
+     */
+    public static boolean isResolvable(PrefixGraphRepository repository, String id)
+    {
+        try
+        {
+            return repository.get(id) != null;
+        }
+        catch (RuntimeException ex) // unmapped location, 404, connection refused, unparseable document...
+        {
+            if (log.isDebugEnabled()) log.debug("Could not resolve graph with ID '{}'", id, ex);
+            return false;
+        }
     }
 
+    /**
+     * Assembles the ontology's owl:imports closure as a union graph. ontapi resolves the closure through
+     * a scoped repository view: raw per-document graphs are read through (and cached in) the shared
+     * repository, while ontapi's union-graph bookkeeping stays local to the view — the shared repository
+     * keeps serving raw document graphs, and duplicate ontology IDs across applications cannot collide.
+     * No inference is applied: all consumers traverse class/property hierarchies explicitly.
+     *
+     * @param repository graph repository
+     * @param uri ontology URI
+     * @return closure union graph
+     */
     public static UnionGraph loadOntology(PrefixGraphRepository repository, String uri)
     {
         if (log.isDebugEnabled()) log.debug("Started loading ontology with URI '{}'", uri);
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/IDTokenFilterBase.java b/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/IDTokenFilterBase.java
index 7d42cb81c3..b25736f256 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/IDTokenFilterBase.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/IDTokenFilterBase.java
@@ -203,7 +203,9 @@ public SecurityContext authenticate(ContainerRequestContext request)
         String cacheKey = jwt.getIssuer() + jwt.getSubject();
         final Model agentModel;
         Literal userId = ResourceFactory.createStringLiteral(jwt.getSubject());
-        if (getSystem().getOIDCModelCache().containsKey(cacheKey)) agentModel = getSystem().getOIDCModelCache().get(cacheKey);
+        // single get(): with containsKey()-then-get() the entry can expire between the calls and get() returns null
+        Model cachedModel = getSystem().getOIDCModelCache().get(cacheKey);
+        if (cachedModel != null) agentModel = cachedModel;
         else
         {
             QuerySolutionMap qsm = new QuerySolutionMap();
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/WebIDFilter.java b/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/WebIDFilter.java
index 7dbfa8baf8..aa93344f8c 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/WebIDFilter.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/filter/request/auth/WebIDFilter.java
@@ -259,11 +259,11 @@ public Resource authenticate(Model webIDModel, URI webID, RSAPublicKey publicKey
      */
     public Model loadWebID(URI webID)
     {
-        if (getSystem().getWebIDModelCache().containsKey(webID)) return getSystem().getWebIDModelCache().get(webID);
-        
-        Model model = loadWebIDFromURI(webID);
-        
-        return model;
+        // single get(): with containsKey()-then-get() the entry can expire between the calls and get() returns null
+        Model cachedModel = getSystem().getWebIDModelCache().get(webID);
+        if (cachedModel != null) return cachedModel;
+
+        return loadWebIDFromURI(webID);
     }
     
     /**
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/ResponseHeadersFilter.java b/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/ResponseHeadersFilter.java
index 619f0806b7..a5a97df8d6 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/ResponseHeadersFilter.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/ResponseHeadersFilter.java
@@ -16,9 +16,11 @@
  */
 package com.atomgraph.linkeddatahub.server.filter.response;
 
+import com.atomgraph.client.util.HTMLMediaTypePredicate;
 import com.atomgraph.client.vocabulary.AC;
 import com.atomgraph.client.vocabulary.LDT;
 import com.atomgraph.core.vocabulary.SD;
+import com.atomgraph.linkeddatahub.server.util.LanguageNegotiator;
 import com.atomgraph.linkeddatahub.apps.model.Application;
 import com.atomgraph.linkeddatahub.apps.model.Dataset;
 import com.atomgraph.linkeddatahub.model.auth.Agent;
@@ -65,6 +67,18 @@ public void filter(ContainerRequestContext request, ContainerResponseContext res
         if (response.getStatusInfo().equals(Response.Status.NO_CONTENT))
             response.getHeaders().remove(HttpHeaders.CONTENT_TYPE); // needs to be explicitly unset for some reason
 
+        // Content-Language states the language of the representation, and must agree with the document's own <html lang>.
+        // Both come from this one computation. Variant selection cannot supply it: it matched only when the reader's top
+        // preference happened to be an offered language, so it announced es on a page holding no Spanish and said nothing
+        // at all on a page that was entirely Lithuanian
+        // only where the rendering actually depends on language. An RDF representation is byte-identical for every reader -
+        // its literals carry their own tags and none is dropped - so it is intended for all language audiences, which RFC 9110
+        // spells as no Content-Language at all. Labelling it would also contradict its own Vary, which carries no
+        // Accept-Language dimension for exactly the same reason
+        if (response.hasEntity() && response.getMediaType() != null && getApplication().isPresent() && new HTMLMediaTypePredicate().test(response.getMediaType()))
+            response.getHeaders().putSingle(HttpHeaders.CONTENT_LANGUAGE,
+                LanguageNegotiator.publishedTag(request.getAcceptableLanguages(), getSystem().getSupportedLanguages()));
+
         if (request.getSecurityContext().getUserPrincipal() instanceof Agent)
         {
             Agent agent = ((Agent)(request.getSecurityContext().getUserPrincipal()));
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilter.java b/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilter.java
index be71ed7d3a..cc3a301689 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilter.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilter.java
@@ -29,6 +29,7 @@
 import java.security.NoSuchAlgorithmException;
 import java.util.List;
 import java.util.Map;
+import java.util.concurrent.CompletionException;
 import jakarta.annotation.Priority;
 import jakarta.inject.Inject;
 import jakarta.servlet.ServletContext;
@@ -139,17 +140,22 @@ public XsltExecutable getXsltExecutable(com.atomgraph.linkeddatahub.apps.model.A
             Map<URI, XsltExecutable> xsltExecCache = getXsltExecutableCache();
 
             if (isCacheStylesheet())
-            {
-                // create cache entry if it does not exist
-                if (!xsltExecCache.containsKey(key))
-                    xsltExecCache.put(key, getXsltExecutable(getComposedSource(app, stylesheet, packages)));
-
-                return xsltExecCache.get(key);
-            }
+                // computeIfAbsent: a cold-start herd compiles the stylesheet once instead of once per thread
+                return xsltExecCache.computeIfAbsent(key, k ->
+                {
+                    try
+                    {
+                        return getXsltExecutable(getComposedSource(app, stylesheet, packages));
+                    }
+                    catch (SaxonApiException | IOException | ParserConfigurationException | SAXException ex)
+                    {
+                        throw new CompletionException(ex);
+                    }
+                });
 
             return getXsltExecutable(getComposedSource(app, stylesheet, packages));
         }
-        catch (SaxonApiException | IOException | ParserConfigurationException | SAXException ex)
+        catch (SaxonApiException | IOException | ParserConfigurationException | SAXException | CompletionException ex)
         {
             if (log.isErrorEnabled()) log.error("Could not compile stylesheet '{}' composed with packages {}, falling back to the stylesheet alone", stylesheet, packages, ex);
             return getXsltExecutable(stylesheet);
@@ -337,13 +343,30 @@ public XsltExecutable getXsltExecutable(URI stylesheet, Map<URI, XsltExecutable>
     {
         if (isCacheStylesheet())
         {
-            // create cache entry if it does not exist
-            if (!xsltExecCache.containsKey(stylesheet))
-                xsltExecCache.put(stylesheet, getXsltExecutable(getSource(stylesheet.toString())));
-            
-            return xsltExecCache.get(stylesheet);
+            try
+            {
+                // computeIfAbsent: a cold-start herd compiles the stylesheet once instead of once per thread
+                return xsltExecCache.computeIfAbsent(stylesheet, key ->
+                {
+                    try
+                    {
+                        return getXsltExecutable(getSource(key.toString()));
+                    }
+                    catch (IOException | SaxonApiException ex)
+                    {
+                        throw new CompletionException(ex);
+                    }
+                });
+            }
+            catch (CompletionException ex)
+            {
+                // unwrap so callers keep seeing the declared checked exceptions
+                if (ex.getCause() instanceof IOException ioEx) throw ioEx;
+                if (ex.getCause() instanceof SaxonApiException saxonEx) throw saxonEx;
+                throw ex;
+            }
         }
-        
+
         return getXsltExecutable(getSource(stylesheet.toString()));
     }
     
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/interceptor/RDFPostMediaTypeInterceptor.java b/src/main/java/com/atomgraph/linkeddatahub/server/interceptor/RDFPostMediaTypeInterceptor.java
deleted file mode 100644
index 082e0ed3e2..0000000000
--- a/src/main/java/com/atomgraph/linkeddatahub/server/interceptor/RDFPostMediaTypeInterceptor.java
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- *  Copyright 2019 Martynas Jusevičius <martynas@atomgraph.com>
- *
- *  Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- *  You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the License is distributed on an "AS IS" BASIS,
- *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *  See the License for the specific language governing permissions and
- *  limitations under the License.
- *
- */
-package com.atomgraph.linkeddatahub.server.interceptor;
-
-import com.atomgraph.core.MediaType;
-import com.atomgraph.core.riot.lang.TokenizerRDFPost;
-import java.io.ByteArrayInputStream;
-import java.io.IOException;
-import java.io.StringWriter;
-import java.nio.charset.StandardCharsets;
-import jakarta.annotation.Priority;
-import jakarta.ws.rs.Priorities;
-import jakarta.ws.rs.WebApplicationException;
-import jakarta.ws.rs.ext.ReaderInterceptor;
-import jakarta.ws.rs.ext.ReaderInterceptorContext;
-import org.apache.commons.io.IOUtils;
-import org.slf4j.Logger;
-import org.slf4j.LoggerFactory;
-
-/**
- * Request interceptor that fixes RDF/POST media type.
- * 
- * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
- */
-@Priority(Priorities.ENTITY_CODER)
-public class RDFPostMediaTypeInterceptor implements ReaderInterceptor
-{
-
-    private static final Logger log = LoggerFactory.getLogger(RDFPostMediaTypeInterceptor.class);
-
-    @Override
-    public Object aroundReadFrom(ReaderInterceptorContext context) throws IOException, WebApplicationException
-    {
-        // cannot use the RDF/POST-specific MediaType.APPLICATION_RDF_URLENCODED_TYPE because browsers do not support it as form/@enctype: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-enctype -->
-        if (context.getMediaType() != null && context.getMediaType().isCompatible(MediaType.APPLICATION_FORM_URLENCODED_TYPE))
-        {
-            StringWriter writer = new StringWriter();
-            IOUtils.copy(context.getInputStream(), writer, StandardCharsets.UTF_8);
-            
-            String formData = writer.toString();
-            
-            if (formData.startsWith(TokenizerRDFPost.RDF))
-                // replace the generic "application/x-www-form-urlencoded" media type with RDF/POST
-                context.setMediaType(MediaType.APPLICATION_RDF_URLENCODED_TYPE);
-            
-            context.setInputStream(new ByteArrayInputStream(formData.getBytes(StandardCharsets.UTF_8))); // restore the request entity
-        }
-        
-        return context.proceed();
-    }
-    
-}
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/io/ValidatingModelProvider.java b/src/main/java/com/atomgraph/linkeddatahub/server/io/ValidatingModelProvider.java
index 757c86bc1c..2bc284e7c7 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/io/ValidatingModelProvider.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/io/ValidatingModelProvider.java
@@ -219,12 +219,6 @@ public Resource processRead(Resource resource) // this logic really belongs in a
             try
             {
                 UpdateFactory.create(updateString);
-                Resource type = null;
-                if (type != null)
-                {
-                    resource.addProperty(RDF.type, type);
-                    if (log.isDebugEnabled()) log.debug("Resource: {} adding type: {}", resource, type);
-                }
             }
             catch (QueryParseException ex)
             {
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/model/impl/DocumentHierarchyGraphStoreImpl.java b/src/main/java/com/atomgraph/linkeddatahub/server/model/impl/DocumentHierarchyGraphStoreImpl.java
index f97d7d4ec3..bd63efa835 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/model/impl/DocumentHierarchyGraphStoreImpl.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/model/impl/DocumentHierarchyGraphStoreImpl.java
@@ -38,7 +38,10 @@
 import com.atomgraph.linkeddatahub.vocabulary.NFO;
 import com.atomgraph.linkeddatahub.vocabulary.SIOC;
 import com.atomgraph.linkeddatahub.writer.TimeMapWriter;
+import com.atomgraph.server.exception.SHACLConstraintViolationException;
+import com.atomgraph.server.exception.SPINConstraintViolationException;
 import static com.atomgraph.server.status.UnprocessableEntityStatus.UNPROCESSABLE_ENTITY;
+import com.atomgraph.spinrdf.constraints.ConstraintViolation;
 import java.net.URI;
 import java.net.URISyntaxException;
 import java.security.MessageDigest;
@@ -104,11 +107,13 @@
 import org.apache.jena.query.DatasetFactory;
 import org.apache.jena.rdf.model.Model;
 import org.apache.jena.rdf.model.ModelFactory;
+import org.apache.jena.rdf.model.RDFNode;
 import org.apache.jena.rdf.model.ResIterator;
 import org.apache.jena.rdf.model.Resource;
 import org.apache.jena.rdf.model.ResourceFactory;
 import org.apache.jena.rdf.model.Statement;
 import org.apache.jena.rdf.model.StmtIterator;
+import org.apache.jena.shacl.validation.ReportEntry;
 import org.apache.jena.sparql.modify.request.UpdateDeleteWhere;
 import org.apache.jena.sparql.modify.request.UpdateModify;
 import org.apache.jena.sparql.vocabulary.FOAF;
@@ -197,9 +202,9 @@ public DocumentHierarchyGraphStoreImpl(@Context Request request, @Context UriInf
         @Context SecurityContext securityContext, Optional<AgentContext> agentContext,
         @Context Providers providers, com.atomgraph.linkeddatahub.Application system, @Context HttpHeaders httpHeaders)
     {
-        super(request, system.getServiceContext(service.get()).getGraphStoreClient(), mediaTypes, uriInfo);
+        // orElseThrow: the super() call dereferences the service before any statement can check emptiness
+        super(request, system.getServiceContext(service.orElseThrow(() -> new InternalServerErrorException("Service is not specified"))).getGraphStoreClient(), mediaTypes, uriInfo);
         if (ontology.isEmpty()) throw new InternalServerErrorException("Ontology is not specified");
-        if (service.isEmpty()) throw new InternalServerErrorException("Service is not specified");
         this.application = application;
         this.ontology = ontology.get();
         this.service = service.get();
@@ -561,7 +566,29 @@ public Response patch(UpdateRequest updateRequest)
                 throw new WebApplicationException("rdf:type cannot be removed from resource <" + resource + ">", UNPROCESSABLE_ENTITY.getStatusCode());
         }
 
-        validate(dataset.getDefaultModel()); // this would normally be done transparently by the ValidatingModelProvider
+        try
+        {
+            validate(dataset.getDefaultModel()); // this would normally be done transparently by the ValidatingModelProvider
+        }
+        catch (SPINConstraintViolationException ex)
+        {
+            // the whole post-PATCH graph gets validated, but the 422 body must describe only the
+            // violating resources - the full graph would leak every sibling resource into the
+            // error response, unlike POST/PUT whose echoed model is the request payload
+            Set<Resource> roots = new HashSet<>();
+            for (ConstraintViolation cv : ex.getConstraintViolations())
+                if (cv.getRoot() != null) roots.add(cv.getRoot());
+
+            throw new SPINConstraintViolationException(ex.getConstraintViolations(), describeResources(roots, dataset.getDefaultModel()));
+        }
+        catch (SHACLConstraintViolationException ex)
+        {
+            Set<Resource> roots = new HashSet<>();
+            for (ReportEntry entry : ex.getValidationReport().getEntries())
+                if (!entry.focusNode().isLiteral()) roots.add(dataset.getDefaultModel().asRDFNode(entry.focusNode()).asResource());
+
+            throw new SHACLConstraintViolationException(ex.getValidationReport(), describeResources(roots, dataset.getDefaultModel()));
+        }
         put(dataset.getDefaultModel(), Boolean.FALSE, getURI());
         
         return getInternalResponse(dataset.getDefaultModel(), null).getResponseBuilder(). // entity tag of the updated graph
@@ -746,7 +773,10 @@ public com.atomgraph.core.model.impl.Response getInternalResponse(Model model, U
                 getWritableMediaTypes(Model.class),
                 getLanguages(),
                 getEncodings(),
-                new HTMLMediaTypePredicate());
+                new HTMLMediaTypePredicate(),
+                // the HTML rendering negotiates over the whole accepted-language list, so two requests selecting the same
+                // variant can still differ; passing it makes the entity tag tell those representations apart
+                getHttpHeaders().getAcceptableLanguages());
     }
     
     /**
@@ -1039,9 +1069,48 @@ public Model validate(Model model)
     {
         MessageBodyReader<Model> reader = getProviders().getMessageBodyReader(Model.class, null, null, com.atomgraph.core.MediaType.APPLICATION_NTRIPLES_TYPE);
         if (reader instanceof ValidatingModelProvider validatingModelProvider) return validatingModelProvider.processRead(model);
-        
+
         throw new InternalServerErrorException("Could not obtain ValidatingModelProvider instance");
     }
+
+    /**
+     * Copies the concise bounded descriptions of the given resources from a model.
+     *
+     * @param resources described resources
+     * @param model source model
+     * @return model with the descriptions
+     */
+    public Model describeResources(Set<Resource> resources, Model model)
+    {
+        Model description = ModelFactory.createDefaultModel();
+        for (Resource resource : resources) addDescription(resource.inModel(model), description);
+        return description;
+    }
+
+    /**
+     * Adds a resource's properties to the description model, following anonymous objects.
+     *
+     * @param resource described resource
+     * @param description target model
+     */
+    protected void addDescription(Resource resource, Model description)
+    {
+        StmtIterator it = resource.listProperties();
+        try
+        {
+            while (it.hasNext())
+            {
+                Statement stmt = it.next();
+                description.add(stmt);
+                if (stmt.getObject().isAnon() && !description.contains(stmt.getResource(), null, (RDFNode)null))
+                    addDescription(stmt.getResource(), description);
+            }
+        }
+        finally
+        {
+            it.close();
+        }
+    }
     
     /**
      * Evaluates the state of the given graph against the request preconditions.
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/util/GraphVersioningService.java b/src/main/java/com/atomgraph/linkeddatahub/server/util/GraphVersioningService.java
index f60a371854..e512ca7c2d 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/server/util/GraphVersioningService.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/util/GraphVersioningService.java
@@ -61,8 +61,9 @@
  * Mirrors named graphs of versioning-enabled applications into GitHub repositories.
  * The unit of work is reconciliation: a task re-reads the graph from the application's
  * SPARQL service at execution time and makes the repository file match — including deleting
- * the file when the graph is gone. Tasks for the same file are chained sequentially so
- * commits never race the GitHub Contents API's SHA-based optimistic locking.
+ * the file when the graph is gone. Tasks for the same repository branch are chained sequentially:
+ * the GitHub Contents API takes its optimistic lock on the branch head rather than on the file, so
+ * commits to one branch conflict with each other no matter which files they touch.
  * Versioning is best-effort: task failures are logged, never propagated.
  *
  * @author Martynas Jusevičius {@literal <martynas@atomgraph.com>}
@@ -79,7 +80,7 @@ public class GraphVersioningService
     public record Repository(GitHubClient client, String pathPrefix) { }
 
     private final Map<String, Repository> repositories;
-    private final Map<String, CompletableFuture<Void>> commitChains = new ConcurrentHashMap<>();
+    private final Map<String, CompletableFuture<Void>> commitChains = new ConcurrentHashMap<>(); // keyed by repository branch
     private final ExecutorService executor = Executors.newFixedThreadPool(4);
 
     /**
@@ -149,7 +150,7 @@ public Optional<Repository> getRepository(String appURI)
 
     /**
      * Schedules asynchronous reconciliation of a graph's repository file with its current store state.
-     * Chained per file path; returns immediately.
+     * Chained per repository branch; returns immediately.
      *
      * @param serviceContext deployment context of the application's SPARQL service
      * @param appURI application URI
@@ -165,19 +166,23 @@ public void commitAsync(ServiceContext serviceContext, String appURI, URI appBas
 
         String path = path(repository.pathPrefix(), appBase, graphURI);
         String message = method + " " + graphURI;
+        // all commits to a branch share one chain: two files committed concurrently would race the branch head
+        String repositoryBranch = repository.client().getOwner() + "/" + repository.client().getRepo() + "/" + repository.client().getBranch();
 
-        commitChains.compute(path, (key, chain) ->
+        CompletableFuture<Void> next = commitChains.compute(repositoryBranch, (key, chain) ->
         {
             CompletableFuture<Void> previous = chain != null ? chain : CompletableFuture.completedFuture(null);
-            CompletableFuture<Void> next = previous.thenRunAsync(() -> reconcile(serviceContext, repository, path, graphURI, message, agentWebID), executor).
+            return previous.thenRunAsync(() -> reconcile(serviceContext, repository, path, graphURI, message, agentWebID), executor).
                 exceptionally(ex ->
                 {
                     if (log.isErrorEnabled()) log.error("Failed to version graph <{}> as '{}': {}", graphURI, path, ex.getMessage());
                     return null;
                 });
-            next.whenComplete((result, ex) -> commitChains.remove(key, next));
-            return next;
         });
+        // cleanup is registered after compute() returns: whenComplete runs on the calling thread when the
+        // future is already done, and ConcurrentHashMap forbids re-entrant updates from inside compute -
+        // registered inside, a fast completion removes the entry before compute installs it, leaking it forever
+        next.whenComplete((result, ex) -> commitChains.remove(repositoryBranch, next));
     }
 
     private void reconcile(ServiceContext serviceContext, Repository repository, String path, URI graphURI, String message, String agentWebID)
diff --git a/src/main/java/com/atomgraph/linkeddatahub/server/util/LanguageNegotiator.java b/src/main/java/com/atomgraph/linkeddatahub/server/util/LanguageNegotiator.java
new file mode 100644
index 0000000000..09d9d2cdbf
--- /dev/null
+++ b/src/main/java/com/atomgraph/linkeddatahub/server/util/LanguageNegotiator.java
@@ -0,0 +1,93 @@
+/**
+ *  Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ *
+ */
+package com.atomgraph.linkeddatahub.server.util;
+
+import java.util.List;
+import java.util.Locale;
+
+/**
+ * Picks the language a representation is composed in from the languages a reader accepts.
+ *
+ * @author {@literal Martynas Jusevičius <martynas@atomgraph.com>}
+ */
+public class LanguageNegotiator
+{
+
+    /**
+     * Returns the language a representation is composed in: the highest-ranked language the reader accepts that the UI
+     * actually provides, falling back to the first supported language when the reader accepts none of them.
+     *
+     * This is deliberately not the reader's top preference. Asking for German does not make a page German, and reporting
+     * the request as the content's language is what put <code>lang="de"</code> on pages written entirely in English.
+     *
+     * Matching is RFC 4647 Basic Filtering through {@link Locale#filter}, not Lookup. The supported languages are derived
+     * from the UI translation bundle and carry region-qualified tags (<code>en-US</code>), while Accept-Language arrives as
+     * primary subtags (<code>en</code>). Lookup truncates the range and so returns only tags equal to or less specific than
+     * it, which does not match that direction; Basic Filtering does.
+     *
+     * @param acceptableLanguages the reader's languages, highest priority first
+     * @param supportedLanguages the languages the UI provides
+     * @return the composition language, never null
+     */
+    public static Locale negotiate(List<Locale> acceptableLanguages, List<Locale> supportedLanguages)
+    {
+        if (supportedLanguages.isEmpty()) return Locale.ENGLISH;
+
+        for (Locale acceptable : acceptableLanguages)
+        {
+            // JAX-RS reports a wildcard Accept-Language as a locale whose language is "*"; it expresses no preference
+            if (acceptable.getLanguage().isEmpty() || acceptable.getLanguage().equals("*")) continue;
+
+            List<Locale> matches = Locale.filter(List.of(new Locale.LanguageRange(acceptable.toLanguageTag())), supportedLanguages);
+            if (!matches.isEmpty()) return matches.get(0);
+        }
+
+        return supportedLanguages.get(0);
+    }
+
+    /**
+     * Returns the tag to publish for a representation: the negotiated language, carrying its region subtag only where the
+     * bundle actually distinguishes more than one variant of that language.
+     *
+     * BCP 47 puts it as "Region subtags MAY be omitted, as when it adds no distinguishing value to the tag" (RFC 5646
+     * section 2.2.4), and asks in section 4.1 for a tag no more specific than is justified. The region in <code>en-US</code>
+     * is an artifact of how the translation bundle is keyed rather than a claim that the page is American English, and
+     * RFC 9110 section 8.5 reads Content-Language as the audience the representation is intended for - so publishing
+     * <code>es-ES</code> announces it is meant for readers of Castilian Spanish.
+     *
+     * Over-specifying also costs something measurable under RFC 4647: a reader asking for <code>es-MX</code> reaches a page
+     * tagged <code>es</code> by truncating their own range, and never reaches one tagged <code>es-ES</code>. Ship
+     * <code>pt-BR</code> alongside <code>pt-PT</code> and the region does distinguish, so there both keep it.
+     *
+     * The bundle's own <code>xml:lang</code> keys stay as they are. XPath's <code>fn:lang()</code> prefix-matches in the
+     * opposite direction - <code>fn:lang('es')</code> matches <code>xml:lang="es-ES"</code> but not the reverse - so a
+     * specific key is the more reachable one. Same rule, opposite optimum: the internal key and the published claim are not
+     * the same string.
+     *
+     * @param acceptableLanguages the reader's languages, highest priority first
+     * @param supportedLanguages the languages the UI provides
+     * @return a BCP 47 language tag, never null
+     */
+    public static String publishedTag(List<Locale> acceptableLanguages, List<Locale> supportedLanguages)
+    {
+        Locale negotiated = negotiate(acceptableLanguages, supportedLanguages);
+        long variants = supportedLanguages.stream().filter(supported -> supported.getLanguage().equals(negotiated.getLanguage())).count();
+
+        return variants > 1 ? negotiated.toLanguageTag() : negotiated.getLanguage();
+    }
+
+}
diff --git a/src/main/java/com/atomgraph/linkeddatahub/writer/XSLTWriterBase.java b/src/main/java/com/atomgraph/linkeddatahub/writer/XSLTWriterBase.java
index bbdaf3442c..9889047f3a 100644
--- a/src/main/java/com/atomgraph/linkeddatahub/writer/XSLTWriterBase.java
+++ b/src/main/java/com/atomgraph/linkeddatahub/writer/XSLTWriterBase.java
@@ -75,7 +75,7 @@ public abstract class XSLTWriterBase extends com.atomgraph.client.writer.XSLTWri
     private static final Logger log = LoggerFactory.getLogger(XSLTWriterBase.class);
     private static final Set<String> NAMESPACES;
     /** The relative URL of the RDF file with localized labels */
-    public static final String TRANSLATIONS_PATH = "static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf";
+    public static final String TRANSLATIONS_PATH = "static/com/atomgraph/linkeddatahub/xsl/translations.rdf";
     
     static
     {
diff --git a/src/main/java/com/atomgraph/linkeddatahub/writer/function/ParseQuery.java b/src/main/java/com/atomgraph/linkeddatahub/writer/function/ParseQuery.java
new file mode 100644
index 0000000000..47f67434b4
--- /dev/null
+++ b/src/main/java/com/atomgraph/linkeddatahub/writer/function/ParseQuery.java
@@ -0,0 +1,139 @@
+/**
+ *  Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ *
+ */
+package com.atomgraph.linkeddatahub.writer.function;
+
+import com.atomgraph.linkeddatahub.vocabulary.LDH;
+import net.sf.saxon.s9api.ExtensionFunction;
+import net.sf.saxon.s9api.ItemType;
+import net.sf.saxon.s9api.OccurrenceIndicator;
+import net.sf.saxon.s9api.QName;
+import net.sf.saxon.s9api.SaxonApiException;
+import net.sf.saxon.s9api.SequenceType;
+import net.sf.saxon.s9api.XdmAtomicValue;
+import net.sf.saxon.s9api.XdmValue;
+import org.apache.jena.atlas.json.JsonArray;
+import org.apache.jena.atlas.json.JsonObject;
+import org.apache.jena.datatypes.xsd.XSDDatatype;
+import org.apache.jena.graph.Node;
+import org.apache.jena.graph.Triple;
+import org.apache.jena.query.Query;
+import org.apache.jena.query.QueryFactory;
+import org.apache.jena.query.QueryParseException;
+import org.apache.jena.sparql.syntax.Element;
+import org.apache.jena.sparql.syntax.ElementGroup;
+
+/**
+ * Server-side counterpart of the browser's SPARQL.js 2.x <code>Parser</code>, backing the Saxon
+ * declaration of the <code>ldh:parse-query</code> stylesheet function so that
+ * <code>ldh:construct-instance</code> runs identically on both products.
+ * <p>
+ * This is deliberately NOT a full SPARQL.js replacement: it emits only the subset of the parse
+ * tree that the stylesheets consume — a <code>template</code> array of triple maps and a
+ * <code>where</code> array whose non-emptiness marks a query that cannot be instantiated as a pure
+ * template (SPARQL.js puts the actual parsed patterns there; only the emptiness test is shared).
+ * Term strings follow the SPARQL.js 2.x serialization expected by
+ * <code>ldh:triples-to-descriptions</code>: bare URIs (no angle brackets), <code>_:label</code>
+ * blank nodes, <code>?name</code> variables, and <code>"lex"</code> /
+ * <code>"lex"@lang</code> / <code>"lex"^^datatypeURI</code> literals with the datatype URI
+ * unwrapped — a 2.x quirk that the stylesheet regexes depend on. Divergences from SPARQL.js:
+ * blank node labels are Jena's parser-allocated ones, not the source labels (downstream only needs
+ * per-query consistency — <code>ldh:instance-term</code> prefixes them per constructor); variables
+ * are normalized to the <code>?</code> sigil (SPARQL.js preserves <code>$</code>, and the
+ * stylesheets accept both); plain literals are emitted without <code>^^xsd:string</code> to match
+ * SPARQL.js 2.x, although Jena types them as such per RDF 1.1.
+ * <p>
+ * If SPARQL.js is ever upgraded to 3.x (see the TO-DO in <code>ldh:triples-to-descriptions</code>),
+ * this function, <code>ldh:triples-to-descriptions</code> and <code>ldh:construct-instance</code>
+ * must change in lockstep.
+ *
+ * @author {@literal Martynas Jusevičius <martynas@atomgraph.com>}
+ */
+public class ParseQuery implements ExtensionFunction
+{
+
+    @Override
+    public QName getName()
+    {
+        return new QName(LDH.NS, "parse-query");
+    }
+
+    @Override
+    public SequenceType getResultType()
+    {
+        return SequenceType.makeSequenceType(ItemType.STRING, OccurrenceIndicator.ONE);
+    }
+
+    @Override
+    public SequenceType[] getArgumentTypes()
+    {
+        return new SequenceType[]
+        {
+            SequenceType.makeSequenceType(ItemType.STRING, OccurrenceIndicator.ONE),
+        };
+    }
+
+    @Override
+    public XdmValue call(XdmValue[] arguments) throws SaxonApiException
+    {
+        try
+        {
+            Query query = QueryFactory.create(arguments[0].itemAt(0).getStringValue());
+            JsonObject json = new JsonObject();
+            JsonArray template = new JsonArray();
+            JsonArray where = new JsonArray();
+
+            if (query.isConstructType())
+                for (Triple triple : query.getConstructTemplate().getBGP().getList())
+                {
+                    JsonObject map = new JsonObject();
+                    map.put("subject", term(triple.getSubject()));
+                    map.put("predicate", term(triple.getPredicate()));
+                    map.put("object", term(triple.getObject()));
+                    template.add(map);
+                }
+            else
+                where.add(new JsonObject()); // not a CONSTRUCT: mark as non-instantiable
+
+            Element pattern = query.getQueryPattern();
+            if (pattern != null && !(pattern instanceof ElementGroup && ((ElementGroup)pattern).isEmpty()))
+                where.add(new JsonObject());
+
+            json.put("template", template);
+            json.put("where", where);
+            return new XdmAtomicValue(json.toString());
+        }
+        catch (QueryParseException ex)
+        {
+            throw new SaxonApiException(ex);
+        }
+    }
+
+    private String term(Node node)
+    {
+        if (node.isVariable()) return "?" + node.getName();
+        if (node.isBlank()) return "_:" + node.getBlankNodeLabel();
+        if (node.isLiteral())
+        {
+            String lex = "\"" + node.getLiteralLexicalForm() + "\"";
+            if (!node.getLiteralLanguage().isEmpty()) return lex + "@" + node.getLiteralLanguage();
+            if (node.getLiteralDatatypeURI() != null && !node.getLiteralDatatypeURI().equals(XSDDatatype.XSDstring.getURI())) return lex + "^^" + node.getLiteralDatatypeURI();
+            return lex;
+        }
+        return node.getURI();
+    }
+
+}
diff --git a/src/main/java/com/atomgraph/server/mapper/SPINConstraintViolationExceptionMapper.java b/src/main/java/com/atomgraph/server/mapper/SPINConstraintViolationExceptionMapper.java
index 5da173d19d..62e28f4eb5 100644
--- a/src/main/java/com/atomgraph/server/mapper/SPINConstraintViolationExceptionMapper.java
+++ b/src/main/java/com/atomgraph/server/mapper/SPINConstraintViolationExceptionMapper.java
@@ -25,6 +25,8 @@
 import org.apache.jena.rdf.model.Resource;
 import org.apache.jena.rdf.model.ResourceFactory;
 import org.apache.jena.vocabulary.RDF;
+import org.apache.jena.vocabulary.RDFS;
+import com.atomgraph.spinrdf.constraints.ConstraintViolation;
 import com.atomgraph.spinrdf.constraints.SPINConstraints;
 import com.atomgraph.spinrdf.vocabulary.SPIN;
 import jakarta.inject.Inject;
@@ -50,6 +52,19 @@ public Response toResponse(SPINConstraintViolationException ex)
         ex.getModel().add(exception.getModel());
         
         SPINConstraints.addConstraintViolationsRDF(ex.getConstraintViolations(), ex.getModel(), true);
+
+        // describe each violation's spin:violationSource within the response, so that clients can tell the
+        // constraint kind (e.g. ldh:MissingPropertyValue) and read its authored label without the ontology
+        for (ConstraintViolation cv : ex.getConstraintViolations())
+        {
+            Resource source = cv.getSource();
+            if (source != null)
+            {
+                ex.getModel().add(source.listProperties(RDF.type));
+                ex.getModel().add(source.listProperties(RDFS.label));
+            }
+        }
+
         ResIterator it = ex.getModel().listSubjectsWithProperty(RDF.type, SPIN.ConstraintViolation);
         try
         {
diff --git a/src/main/java/com/atomgraph/server/vocabulary/LDT.java b/src/main/java/com/atomgraph/server/vocabulary/LDT.java
index 28cb52bcf9..e9bb82e871 100644
--- a/src/main/java/com/atomgraph/server/vocabulary/LDT.java
+++ b/src/main/java/com/atomgraph/server/vocabulary/LDT.java
@@ -94,8 +94,6 @@ public static String getURI()
 
     public static final Property cacheControl = m_model.createDataProperty( NS + "cacheControl" );
     
-    public static final Property lang = m_model.createObjectProperty( NS + "lang" );
-
     public static final Property template = m_model.createObjectProperty( NS + "template" );
 
 }
diff --git a/src/main/resources/com/atomgraph/linkeddatahub/app/admin/lacl.ttl b/src/main/resources/com/atomgraph/linkeddatahub/app/admin/lacl.ttl
index a45a58977a..b547724968 100644
--- a/src/main/resources/com/atomgraph/linkeddatahub/app/admin/lacl.ttl
+++ b/src/main/resources/com/atomgraph/linkeddatahub/app/admin/lacl.ttl
@@ -76,7 +76,7 @@
     rdfs:isDefinedBy : .
 
 :MissingRequestMode a ldh:MissingPropertyValue ;
-    rdfs:label "Missing request agent" ;
+    rdfs:label "Missing request mode" ;
     sp:arg1 :requestMode ;
     rdfs:isDefinedBy : .
 
diff --git a/src/main/resources/com/atomgraph/linkeddatahub/ldh.ttl b/src/main/resources/com/atomgraph/linkeddatahub/ldh.ttl
index c6a2c85232..dcf00270b1 100644
--- a/src/main/resources/com/atomgraph/linkeddatahub/ldh.ttl
+++ b/src/main/resources/com/atomgraph/linkeddatahub/ldh.ttl
@@ -437,7 +437,7 @@ WHERE {
     rdfs:isDefinedBy : .
 
 :PropertyCardinality a spin:Template ;
-    rdfs:label "Missing property value" ;
+    rdfs:label "Property cardinality violation" ;
     spin:body :ConstructPropertyCardinality ;
     spin:labelTemplate "Instance violates the cardinality of RDF property {?arg1}: {?arg2}" ;
     spin:constraint [ a spl:Argument ;
diff --git a/src/main/resources/com/linkeddatahub/packages/skos/package.ttl b/src/main/resources/com/linkeddatahub/packages/skos/package.ttl
index f1e0681a4b..692cf4ba5c 100644
--- a/src/main/resources/com/linkeddatahub/packages/skos/package.ttl
+++ b/src/main/resources/com/linkeddatahub/packages/skos/package.ttl
@@ -13,7 +13,8 @@
     dct:description "Provides SKOS (Simple Knowledge Organization System) vocabulary support with custom templates for concept hierarchies, schemes, and collections." ;
     dct:creator <https://atomgraph.com/#company> ;
     ldt:ontology <https://raw.githubusercontent.com/AtomGraph/LinkedDataHub-Apps/refs/heads/master/packages/skos/ns.ttl#> ;
-    ac:stylesheet <https://raw.githubusercontent.com/AtomGraph/LinkedDataHub-Apps/refs/heads/master/packages/skos/layout.xsl> .
+    # the stylesheet is fetched live at import time and must match this branch's mode contract; releases point back at master
+    ac:stylesheet <https://raw.githubusercontent.com/AtomGraph/LinkedDataHub-Apps/refs/heads/develop/packages/skos/layout.xsl> .
 
 <https://atomgraph.com/#company> a foaf:Organization ;
     foaf:name "AtomGraph" ;
diff --git a/src/main/webapp/WEB-INF/web.xml b/src/main/webapp/WEB-INF/web.xml
index decd5bcf9a..27c4a5440f 100644
--- a/src/main/webapp/WEB-INF/web.xml
+++ b/src/main/webapp/WEB-INF/web.xml
@@ -7,10 +7,6 @@
     <display-name>LinkedDataHub</display-name>
     <description>The low-code Knowledge Graph application platform</description>
     <!-- most of the following context-params can be set in docker-compose.yml (via conf/ROOT.xml) -->
-    <context-param>
-        <param-name>https://w3id.org/atomgraph/linkeddatahub/config#supportedLanguages</param-name>
-        <param-value>en,es</param-value>
-    </context-param>
     <context-param>
         <param-name>https://w3id.org/atomgraph/linkeddatahub/config#authCacheControl</param-name>
         <param-value>max-age=69</param-value>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/app.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/app.css
new file mode 100644
index 0000000000..f6f78920ae
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/app.css
@@ -0,0 +1,4131 @@
+/* =========================================================================
+   LinkedDataHub App UI kit — composition styles
+   Builds on ../../colors_and_type.css and the core primitives. Keep tokens here
+   to a minimum; this file is for layout / component skins.
+   ========================================================================= */
+
+/* Core primitives (incl. the .msi icon base) — app pages link app.css directly,
+   so the dependency is declared here rather than assumed from styles.css. */
+@import url('core.css');
+
+* { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+body { background: var(--bg-page); color: var(--fg-1); font-family: var(--font-sans); }
+
+a { color: var(--fg-link); text-decoration: none; }
+a:hover { text-decoration: underline; text-underline-offset: 2px; }
+
+button { font-family: inherit; cursor: pointer; }
+
+/* Material Symbols (.msi) now lives in ui_kits/core/core.css — the icon
+   primitive is core-level. app.css inherits it via styles.css. */
+
+/* ---------- App shell ---------- */
+.app {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Chrome geometry, declared once. The rail's top offset is derived from these,
+   so changing a height cannot silently misalign it. */
+:root {
+  --ldh-header-h: 56px;
+  --ldh-tabs-h: 40px;
+  --ldh-chrome-h: calc(var(--ldh-header-h) + var(--ldh-tabs-h));
+  --ldh-rail-w: 264px;
+}
+
+/* The rail is a DRAWER: it slides over the content, it does not push it.
+   It was briefly changed to push (offsetting .ldh-actionbar/.ldh-main/.ldh-footer
+   by --ldh-rail-w) to stop it obscuring blocks. That fixed a symptom by changing
+   what the component IS: a drawer legitimately covers content, and earns it by
+   being evidently temporary — hence the backdrop below and dismiss-on-click.
+   Push also reflowed the whole document on every open, and re-wrapped the text
+   the user was reading. */
+
+/* Backdrop. One z below the rail, above everything else, so the covered content
+   reads as behind a temporary panel rather than as broken layout — and clicking
+   it closes, which is the affordance that makes covering acceptable. */
+.ldh-rail-backdrop {
+  position: fixed; inset: 0; z-index: 29;
+  background: rgba(15, 18, 26, 0.32);
+  -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px);
+  border: 0; padding: 0; cursor: pointer;
+  animation: ldhc-fade-in var(--dur-base) var(--ease-out-soft);
+}
+
+/* Top header — dark accent gradient with knowledge-graph dot pattern overlay.
+   STICKY, not relative: the rail is position:fixed and offset below the chrome,
+   so if the chrome scrolled away the rail would hang in the middle of the page
+   with a 96px band of content showing above it. Sticky keeps the offset true at
+   any scroll position, which is what makes "the rail belongs to the tab you are
+   in" readable rather than just asserted. */
+.ldh-header {
+  position: sticky; top: 0; z-index: 40;
+  height: var(--ldh-header-h);
+  padding: 0 var(--sp-6);
+  display: grid;
+  grid-template-columns: 220px 1fr auto;
+  align-items: center;
+  gap: var(--sp-6);
+  background: var(--grad-deep);
+  color: #fff;
+  flex-shrink: 0;
+  isolation: isolate; /* contain ::before stacking without clipping descendants */
+}
+.ldh-header::before {
+  content: "";
+  position: absolute; inset: 0;
+  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.10) 1px, transparent 1.4px);
+  background-size: 22px 22px;
+  pointer-events: none;
+  opacity: 0.55;
+  z-index: -1; /* sit under header children so dropdowns can overflow downward */
+}
+.ldh-header > * { position: relative; }
+
+.ldh-wordmark {
+  display: flex; align-items: center; gap: var(--sp-2);
+  font-family: var(--font-sans);
+  font-weight: var(--fw-semibold);
+  font-size: 16px;
+  letter-spacing: var(--tracking-snug);
+  color: #fff;
+  text-decoration: none;
+}
+.ldh-wordmark .mark {
+  width: 24px; height: 24px;
+  border-radius: 6px;
+  background: linear-gradient(135deg, var(--ldh-blue-400) 0%, var(--ldh-violet-400) 100%);
+  position: relative;
+  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
+}
+.ldh-wordmark .mark::before, .ldh-wordmark .mark::after {
+  content: ""; position: absolute; border-radius: 50%; background: rgba(255,255,255,0.9);
+}
+.ldh-wordmark .mark::before { width: 6px; height: 6px; top: 4px; left: 4px; }
+.ldh-wordmark .mark::after  { width: 4px; height: 4px; bottom: 5px; right: 5px; }
+
+.ldh-address {
+  display: flex; align-items: center;
+  height: 36px;
+  min-width: 0;
+  width: 100%;
+  max-width: 720px;
+  padding: 0 12px;
+  background: rgba(255,255,255,0.08);
+  border: 1px solid rgba(255,255,255,0.14);
+  border-radius: var(--r-md);
+  color: #fff;
+  gap: 8px;
+  justify-self: center;
+}
+.ldh-address:focus-within {
+  background: rgba(255,255,255,0.16);
+  border-color: rgba(255,255,255,0.32);
+  box-shadow: 0 0 0 4px rgba(77, 148, 248, 0.18);
+}
+.ldh-address .msi { color: rgba(255,255,255,0.72); }
+.ldh-address input {
+  flex: 1;
+  min-width: 0;
+  background: transparent;
+  border: 0;
+  outline: 0;
+  color: #fff;
+  font-family: var(--font-mono);
+  letter-spacing: 0.02em;
+  font-size: var(--fs-sm);
+}
+.ldh-address input::placeholder { color: rgba(255,255,255,0.55); font-family: var(--font-mono); letter-spacing: 0.02em; }
+
+.ldh-search {
+  display: flex; align-items: center;
+  height: 36px;
+  background: rgba(255,255,255,0.10);
+  border: 1px solid rgba(255,255,255,0.14);
+  border-radius: var(--r-md);
+  padding: 0 var(--sp-3);
+  gap: var(--sp-2);
+  color: rgba(255,255,255,0.92);
+  transition: background var(--dur-base) var(--ease-out-soft), border-color var(--dur-base) var(--ease-out-soft);
+  max-width: 720px;
+  width: 100%;
+  justify-self: center;
+}
+.ldh-search:focus-within {
+  background: rgba(255,255,255,0.16);
+  border-color: rgba(255,255,255,0.32);
+  box-shadow: 0 0 0 4px rgba(77, 148, 248, 0.18);
+}
+.ldh-search .msi { color: rgba(255,255,255,0.72); }
+.ldh-search input {
+  flex: 1;
+  background: transparent;
+  border: 0;
+  outline: 0;
+  color: #fff;
+  font-family: var(--font-sans);
+  font-size: var(--fs-sm);
+}
+.ldh-search input::placeholder { color: rgba(255,255,255,0.55); font-family: var(--font-mono); letter-spacing: 0.02em; }
+.ldh-search kbd {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: rgba(255,255,255,0.55);
+  padding: 2px 6px;
+  border: 1px solid rgba(255,255,255,0.18);
+  border-radius: 4px;
+}
+
+.ldh-header-actions { display: flex; align-items: center; gap: var(--sp-2); }
+/* The header's icon buttons take the HEADER's ink by inheritance, never a
+   hardcoded literal: m3 makes the bar dark (light ink) while base44 makes it
+   light (dark ink), and `intent="inverse"` would pin white in both. Hover tints
+   with currentColor so it lands correctly on either. This is why the button
+   needs no per-skin colour patch at all. */
+.ldh-header .ldhc-iconbtn { color: inherit; }
+.ldh-header .ldhc-iconbtn:hover { background: color-mix(in srgb, currentColor 12%, transparent); color: inherit; }
+.ldh-header .ldhc-iconbtn:active { background: color-mix(in srgb, currentColor 18%, transparent); }
+
+/* Header icon buttons are core <IconButton size="lg">; the
+   unread dot is a core <Badge dot>. The old .ldh-icon-btn hardcoded
+   rgba(255,255,255,.10) and rgba(10,45,87,.95) — raw values, not tokens. */
+
+.ldh-avatar-wrap { position: relative; display: inline-flex; }
+/* Account avatar. A solid accent disc rather than a translucent one: the header
+   bar is dark under m3 and light under base44, and --bg-accent / --fg-on-accent
+   is the one pair that stays legible on both without a per-skin patch. */
+.ldh-avatar {
+  width: 32px; height: 32px; flex-shrink: 0; padding: 0;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: 0; border-radius: 50%;
+  background: var(--bg-accent); color: var(--fg-on-accent);
+  font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
+  letter-spacing: 0.02em; cursor: pointer;
+  transition: filter var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-avatar:hover { filter: brightness(1.08); }
+.ldh-avatar:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldh-avatar.is-open { box-shadow: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--bg-accent); }
+
+/* Header icon buttons take the bar's own ink instead of a fixed intent: m3
+   renders a dark bar and base44 a light one, so a hardcoded inverse would be
+   invisible in one of them. .ldh-header sets the ink once; these inherit it and
+   tint their hover from currentColor. */
+.ldh-header .ldhc-iconbtn { color: inherit; opacity: 0.82; }
+.ldh-header .ldhc-iconbtn:hover {
+  opacity: 1; color: inherit;
+  background: color-mix(in srgb, currentColor 14%, transparent);
+}
+.ldh-header .ldhc-iconbtn:active { background: color-mix(in srgb, currentColor 22%, transparent); }
+.ldh-user-menu {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  min-width: 248px;
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.28), 0 4px 12px -4px rgba(15, 23, 42, 0.18);
+  padding: var(--sp-2);
+  z-index: 70;
+  animation: menu-pop var(--dur-fast) var(--ease-out-soft);
+  color: var(--fg-1);
+}
+@keyframes menu-pop {
+  from { opacity: 0; transform: translateY(-4px) scale(0.98); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+.ldh-user-menu .umhead {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-2);
+}
+.ldh-user-menu .umavatar {
+  width: 36px; height: 36px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, var(--ldh-blue-400), var(--ldh-violet-400));
+  color: #fff;
+  display: inline-flex; align-items: center; justify-content: center;
+  font-size: var(--fs-xs);
+  font-weight: var(--fw-semibold);
+  letter-spacing: 0.04em;
+  flex-shrink: 0;
+}
+.ldh-user-menu .umid { min-width: 0; }
+.ldh-user-menu .umname {
+  font-weight: var(--fw-semibold);
+  font-size: var(--fs-sm);
+  color: var(--fg-1);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.ldh-user-menu .umemail {
+  font-size: 11px;
+  color: var(--fg-2);
+  font-family: var(--font-mono);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.ldh-user-menu .umdiv {
+  height: 1px;
+  background: var(--border-default);
+  margin: var(--sp-1) 0;
+}
+.ldh-user-menu .umitem {
+  display: flex; align-items: center; gap: var(--sp-2);
+  width: 100%;
+  padding: var(--sp-2);
+  border: 0;
+  background: transparent;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  font-size: var(--fs-sm);
+  color: var(--fg-1);
+  text-align: left;
+  font-family: inherit;
+}
+.ldh-user-menu .umitem:hover { background: var(--surface-2); }
+.ldh-user-menu .umitem.is-danger { color: var(--danger-500); }
+.ldh-user-menu .umitem.is-danger:hover { background: rgba(180, 35, 24, 0.08); }
+.ldh-user-menu .umitem .msi { color: inherit; }
+
+/* ---------- Tabs row (dataspaces) ---------- */
+/* Tab strip — ul > li > a + close. The sticky bar surface lives here (not in a
+   consumer stylesheet): surface-1 ground, bottom border, underline-active.
+   Flex on the UL, so the LI is the item that carries the active treatment. */
+.ldh-tabs { list-style: none; margin: 0; padding: 0 var(--sp-4); }
+.ldh-tabs > li {
+  display: inline-flex; align-items: center; gap: 2px;
+  border-bottom: 2px solid transparent;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-tabs > li:hover { background: var(--bg-hover); }
+/* The underline spans the whole item, close button included, which is why the
+   state is on the LI rather than the anchor. */
+.ldh-tabs > li.is-active { border-bottom-color: var(--fg-selected); }
+.ldh-tabs > li.is-active > .ldh-tab { color: var(--fg-selected); font-weight: var(--fw-medium); }
+.ldh-tabs > li > .ldh-tab {
+  display: inline-flex; align-items: center; gap: var(--sp-2);
+  padding: 0 var(--sp-2); height: 100%;
+  color: var(--ink-3); text-decoration: none; white-space: nowrap;
+}
+.ldh-tabs > li > .ldh-tab:hover { color: var(--fg-1); text-decoration: none; }
+.ldh-tabs > li > .ldh-tab:focus-visible { outline: 0; box-shadow: var(--focus-ring); border-radius: var(--r-xs); }
+
+/* Legacy nav>button anatomy — kept one cycle while the bundle recompiles. */
+.ldh-tabs {
+  display: flex;
+  align-items: stretch;
+  gap: 2px;
+  padding: 0 var(--sp-6);
+  background: var(--surface-1);
+  border-bottom: 1px solid var(--border-default);
+  height: var(--ldh-tabs-h);
+  box-sizing: border-box;
+}
+/* Sticky goes on the <nav> WRAPPER, not on the <ul>. A sticky element can only
+   travel within its containing block, and the nav is exactly the ul's height —
+   so sticking the ul pinned it to a box it already filled and it scrolled away
+   with the page. The nav is the element in the document flow, so it is the one
+   that can stick.
+   One z below the header; both must out-rank the rail (z-index 30), or the rail
+   slides over the chrome it hangs from. */
+nav:has(> .ldh-tabs) {
+  position: sticky; top: var(--ldh-header-h); z-index: 39;
+  background: var(--surface-1);
+}
+.ldh-tab {
+  display: inline-flex; align-items: center; gap: var(--sp-2);
+  padding: 0 var(--sp-4);
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-medium);
+  color: var(--fg-muted);
+  border: 0;
+  background: transparent;
+  border-bottom: 2px solid transparent;
+  transition: color var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-tab:hover { color: var(--fg-1); }
+/* Active marker uses the semantic --fg-selected (not a raw ramp step), so it
+   matches core's .ldhc-tab.is-on and follows any skin without a per-skin patch. */
+.ldh-tab.is-active { color: var(--fg-selected); border-bottom-color: var(--fg-selected); }
+/* Scoped to the STRIP, not to `.ldh-tab`: §17b moved the close button out of
+   the anchor to be its sibling in the `li` (a button inside an anchor is
+   invalid), so `.ldh-tab .tab-close` stopped matching and it fell back to UA
+   button styling — a bordered white box, oversized, sitting outside the tab.
+   `.ldh-tabs .tab-close` matches wherever it sits inside the strip, so it also
+   covers the legacy nested markup while a stale bundle is still serving it.
+   It is a real <button> now, so it needs the reset an inert <span> did not. */
+.ldh-tabs .tab-close {
+  width: 18px; height: 18px; flex-shrink: 0; padding: 0;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: 0; background: transparent; cursor: pointer;
+  font: inherit; line-height: 1;
+  border-radius: var(--r-xs); color: var(--fg-hint);
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-tabs .tab-close:hover { background: var(--bg-hover); color: var(--fg-1); }
+.ldh-tabs .tab-close:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldh-tabs .tab-close .msi { font-size: 14px; }
+
+/* ---------- Action bar (Add / Breadcrumb / Toolbar) ---------- */
+/* Action bar Create dropdown — Container / Item picker. */
+.ldh-add-wrap { position: relative; display: inline-flex; }
+.ldh-add-wrap .ldhc-btn.is-open .caret { transform: rotate(180deg); }
+.ldh-add-wrap .ldhc-btn .caret { transition: transform var(--dur-fast) var(--ease-out-soft); }
+.ldh-add-menu {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  min-width: 280px;
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.28), 0 4px 12px -4px rgba(15, 23, 42, 0.18);
+  padding: var(--sp-2);
+  z-index: 50;
+  animation: menu-pop var(--dur-fast) var(--ease-out-soft);
+  color: var(--fg-1);
+}
+.ldh-add-menu .hd {
+  padding: 6px 8px 4px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--fg-muted);
+}
+.ldh-add-menu .it {
+  display: grid;
+  grid-template-columns: 32px 1fr;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 8px;
+  border: 0;
+  background: transparent;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+  color: var(--fg-1);
+}
+.ldh-add-menu .it:hover { background: var(--surface-1); }
+.ldh-add-menu .it .ico {
+  width: 32px; height: 32px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: var(--r-sm);
+  background: var(--bg-accent-quiet);
+  color: var(--ldh-blue-700);
+}
+.ldh-add-menu .it .body { display: flex; flex-direction: column; min-width: 0; }
+.ldh-add-menu .it .body .lbl {
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-medium);
+  color: var(--fg-1);
+}
+.ldh-add-menu .it .body .sub {
+  font-size: var(--fs-xs);
+  color: var(--fg-2);
+}
+
+.ldh-actionbar {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: var(--sp-6);
+  padding: var(--sp-3) var(--sp-6);
+  background: var(--surface-0);
+  border-bottom: 1px solid var(--border-default);
+  flex-shrink: 0;
+}
+
+/* Buttons live in ui_kits/core/core.css as .ldhc-btn — the ONE button system.
+   The app kit's legacy .ldh-btn is gone; markup uses the core class directly. */
+
+/* ---------- Breadcrumb · Drive (Google-Drive-flavored, default) ----------
+   Roomy horizontal path. Ancestors are quiet medium-weight links with a hover
+   pill; the current resource is large + bold with a dropdown caret. */
+.ldh-bc-drive {
+  display: flex; align-items: center;
+  gap: 2px;
+  min-width: 0;
+}
+.ldh-bc-drive .bc-d-up {
+  display: inline-flex; align-items: center;
+  padding: 4px 9px;
+  border-radius: var(--r-md);
+  color: var(--fg-2);
+  font-size: var(--fs-base);
+  font-weight: var(--fw-medium);
+  white-space: nowrap;
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-bc-drive .bc-d-up:hover {
+  background: var(--surface-2);
+  color: var(--fg-1);
+  text-decoration: none;
+}
+.ldh-bc-drive .bc-d-sep {
+  color: var(--fg-hint);
+  font-size: 18px;
+  opacity: 0.7;
+  flex-shrink: 0;
+}
+.ldh-bc-drive .bc-d-here {
+  display: inline-flex; align-items: center;
+  padding: 4px 9px;
+  border-radius: var(--r-md);
+  font: inherit;
+  color: var(--fg-1);
+  min-width: 0;
+}
+.ldh-bc-drive .bc-d-name {
+  font-size: var(--fs-base);
+  font-weight: var(--fw-medium);
+  color: var(--fg-1);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+
+/* ---------- Breadcrumb · Stack (modern hero) ----------
+   Two stacked lines in the middle of the actionbar:
+     · Parent path — tiny uppercase mono "you came from here" trail.
+     · Current — large bold name + icon chip + optional class badge.
+   Reads as a "you are here" hero rather than a list of equal links. */
+.ldh-bc-stack {
+  display: flex; flex-direction: column;
+  justify-content: center;
+  gap: 2px;
+  min-width: 0;
+  line-height: 1.2;
+}
+.ldh-bc-stack .bc-path {
+  display: flex; align-items: center; gap: 4px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--fg-muted);
+  min-width: 0;
+}
+.ldh-bc-stack .bc-up {
+  display: inline-flex; align-items: center; gap: 4px;
+  padding: 1px 4px;
+  border-radius: 4px;
+  color: inherit;
+}
+.ldh-bc-stack .bc-up:hover {
+  background: var(--surface-2);
+  color: var(--fg-2);
+  text-decoration: none;
+}
+.ldh-bc-stack .bc-up .msi { font-size: 13px; opacity: 0.7; }
+.ldh-bc-stack .bc-sep {
+  color: var(--fg-hint);
+  opacity: 0.55;
+  font-size: 11px;
+}
+.ldh-bc-stack .bc-here {
+  display: inline-flex; align-items: center; gap: 8px;
+  min-width: 0;
+}
+.ldh-bc-stack .bc-here-ico {
+  width: 24px; height: 24px;
+  border-radius: 6px;
+  background: var(--bg-accent-quiet);
+  color: var(--ldh-blue-700);
+  display: inline-flex; align-items: center; justify-content: center;
+  flex-shrink: 0;
+}
+.ldh-bc-stack .bc-here-ico .msi { font-size: 16px; }
+.ldh-bc-stack .bc-here-name {
+  font-size: 15px;
+  font-weight: var(--fw-semibold);
+  color: var(--fg-1);
+  letter-spacing: -0.005em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+.ldh-bc-stack .bc-here-badge {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  letter-spacing: 0.02em;
+  color: var(--ldh-blue-700);
+  background: var(--bg-accent-quiet);
+  border: 1px solid var(--ldh-blue-100);
+  padding: 1px 6px;
+  border-radius: var(--r-pill);
+  flex-shrink: 0;
+}
+
+/* ---------- Breadcrumb · Pills ---------- */
+.ldh-bc-pills {
+  display: flex; align-items: center; gap: 4px;
+  /* NOWRAP on purpose: see .ab-mid above. A wrapping breadcrumb stops reading
+     as a path. Overflow is absorbed by truncating pill labels instead. */
+  flex-wrap: nowrap;
+  min-width: 0;
+}
+.ldh-bc-pills .bc-pill {
+  display: inline-flex; align-items: center; gap: 6px;
+  min-width: 0;
+  padding: 4px 10px;
+  height: 26px;
+  border-radius: var(--r-pill);
+  background: var(--surface-1);
+  border: 1px solid transparent;
+  color: var(--fg-2);
+  font-size: var(--fs-sm);
+  white-space: nowrap;
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-bc-pills .bc-pill:hover { background: var(--bg-hover); color: var(--fg-1); text-decoration: none; }
+.ldh-bc-pills .bc-pill.is-current {
+  background: var(--bg-accent-quiet);
+  border-color: var(--ldh-blue-100);
+  color: var(--ldh-blue-700);
+  font-weight: var(--fw-medium);
+}
+.ldh-bc-pills .bc-pill .msi { font-size: 14px; opacity: 0.85; flex-shrink: 0; }
+/* The label truncates; the icon and the current pill do not. Keeping the
+   current step whole matters most — it is where you are. */
+.ldh-bc-pills .bc-pill > span:not(.msi) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.ldh-bc-pills .bc-pill.is-current { flex-shrink: 0; }
+.ldh-bc-pills .bc-sep { flex-shrink: 0; }
+.ldh-bc-pills .bc-sep {
+  color: var(--fg-hint);
+  font-size: 14px;
+  opacity: 0.7;
+}
+
+/* ---------- Breadcrumb · Compact (iOS-style back + current) ---------- */
+.ldh-bc-compact {
+  display: inline-flex; align-items: center; gap: 8px;
+  min-width: 0;
+}
+.ldh-bc-compact .bc-back {
+  display: inline-flex; align-items: center; gap: 2px;
+  padding: 4px 8px 4px 4px;
+  border-radius: var(--r-sm);
+  color: var(--fg-link);
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-medium);
+  white-space: nowrap;
+}
+.ldh-bc-compact .bc-back:hover { background: var(--surface-2); text-decoration: none; }
+.ldh-bc-compact .bc-back .msi { font-size: 14px; }
+.ldh-bc-compact .bc-divider {
+  width: 1px; height: 20px;
+  background: var(--border-default);
+}
+.ldh-bc-compact .bc-here-compact {
+  display: inline-flex; align-items: center; gap: 6px;
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-semibold);
+  color: var(--fg-1);
+  white-space: nowrap;
+}
+.ldh-bc-compact .bc-here-compact .msi {
+  color: var(--ldh-blue-700);
+}
+
+/* The Stack style is taller than the rest. Adjust actionbar vertical padding
+   to keep the row visually balanced regardless of style. */
+.ldh-actionbar--bc-stack { padding-top: var(--sp-2); padding-bottom: var(--sp-2); }
+.ldh-actionbar--bc-drive { padding-top: var(--sp-2); padding-bottom: var(--sp-2); }
+
+/* ─────────────────────────────────────────────────────────────────────────
+   Tweak-driven overrides — toggled by data-attributes on <html>.
+   Set by index.html based on the Tweaks panel state.
+   ───────────────────────────────────────────────────────────────────────── */
+
+
+/* Density — compact tightens row padding across the property editor. */
+html[data-tweak-density="compact"] .ldh-prop-row > .value,
+html[data-tweak-density="compact"] .ldh-prop-row > .row-actions {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+html[data-tweak-density="compact"] .ldh-prop-group > .label {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+html[data-tweak-density="compact"] .ldh-actionbar {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+html[data-tweak-density="compact"] .ldh-block-body { padding: var(--sp-3) 0; }
+
+/* Header style — subtle = solid dark navy, no gradient. Flat = light card. */
+html[data-tweak-header="subtle"] .ldh-header {
+  background: var(--ldh-blue-900, #0a1230);
+}
+html[data-tweak-header="subtle"] .ldh-header::before { opacity: 0; }
+html[data-tweak-header="flat"] .ldh-header {
+  background: var(--bg-card);
+  color: var(--fg-1);
+  border-bottom: 1px solid var(--border-default);
+}
+html[data-tweak-header="flat"] .ldh-header::before { opacity: 0; }
+html[data-tweak-header="flat"] .ldh-wordmark { color: var(--fg-1); }
+html[data-tweak-header="flat"] .ldh-wordmark .mark {
+  background: linear-gradient(135deg, var(--ldh-blue-400), var(--ldh-violet-400));
+}
+html[data-tweak-header="flat"] .ldh-address {
+  background: var(--surface-1);
+  border-color: var(--border-default);
+  color: var(--fg-1);
+}
+html[data-tweak-header="flat"] .ldh-address input { color: var(--fg-1); }
+html[data-tweak-header="flat"] .ldh-address input::placeholder { color: var(--fg-muted); }
+html[data-tweak-header="flat"] .ldh-address .msi { color: var(--fg-muted); }
+html[data-tweak-header="flat"] .ldh-avatar { border: 2px solid var(--border-default); }
+
+/* Block edges — sharp = no radius, borderless = no border + no radius. */
+html[data-tweak-block-edges="sharp"] .ldh-block,
+html[data-tweak-block-edges="sharp"] .ldh-view {
+  border-radius: 0;
+}
+html[data-tweak-block-edges="borderless"] .ldh-block,
+html[data-tweak-block-edges="borderless"] .ldh-view {
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+html[data-tweak-block-edges="borderless"] .ldh-block-head {
+  border-bottom: 1px solid var(--border-default);
+}
+
+/* Flow — the document treatment: blocks dissolve their card frame (no fill,
+   border, radius or shadow); the data they contain (grid cards, chart plots,
+   statement rows) keeps its own surfaces. Consecutive blocks are separated by
+   a hairline + even vertical rhythm, so prose and structured views interleave
+   as one continuous reading surface rather than a stack of widgets. */
+html[data-tweak-block-edges="flow"] .ldh-block,
+html[data-tweak-block-edges="flow"] .ldh-view {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+html[data-tweak-block-edges="flow"] .ldh-block:hover {
+  box-shadow: none;
+  transform: none;
+}
+html[data-tweak-block-edges="flow"] .ldh-content { gap: 0; }
+html[data-tweak-block-edges="flow"] .ldh-block-row { padding: var(--sp-6) 0; }
+html[data-tweak-block-edges="flow"] .ldh-block-row + .ldh-block-row {
+  border-top: 1px solid var(--border-default);
+}
+/* …but data-visualisation bodies still want a white ground — a chart plotted
+   straight onto the tinted floor reads as unanchored. Plate the chart body
+   (its own controls/canvas padding supplies the inset) so the plot sits on a
+   clean surface while prose blocks stay transparent. */
+html[data-tweak-block-edges="flow"] .ldh-block-body:has(> .chart-canvas),
+html[data-tweak-block-edges="flow"] .ldh-block-body:has(> .chart-controls) {
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  padding: 0;
+  overflow: hidden;
+}
+/* Resource blocks are structured data surfaces too: the statement list — and
+   especially a media-header block, whose full-bleed image must keep its corners
+   clipped — stay on a white card in flow mode (like charts), so the description
+   doesn't float transparent over the tinted floor. */
+html[data-tweak-block-edges="flow"] .ldh-block:has(.ldh-edit-form) {
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-lg);
+  overflow: hidden;
+}
+
+/* Action toolbar (right cluster) */
+.ldh-toolbar {
+  display: flex; align-items: center; gap: var(--sp-1);
+  color: var(--fg-muted);
+}
+.ldh-toolbar .ts {
+  font-family: var(--font-mono);
+  font-size: var(--fs-xs);
+  color: var(--fg-hint);
+  margin-right: var(--sp-3);
+  white-space: nowrap;
+}
+/* =========================================================================
+   Icon buttons: core <IconButton> only.
+   `.tb` and `.rb` are gone. They were the app kit's own icon-button classes,
+   doing the same job as the core primitive with their own sizes, hover and
+   focus rules — the last duplicated primitive in the system. Sizes map
+   xs 28 / sm 32 / md 34 / lg 36, intents neutral | destructive | accent,
+   toggles use `pressed`, and a tally uses `count`.
+   ========================================================================= */
+.ldh-toolbar .divider {
+  width: 1px; height: 20px; background: var(--border-default); margin: 0 var(--sp-2);
+}
+
+/* ─── Redesigned action cluster (declutter): mode · contextual primary · ⋯ ── */
+.ldh-actions { display: flex; align-items: center; gap: var(--sp-1); color: var(--fg-muted); }
+.ldh-actions-div { width: 1px; height: 20px; background: var(--border-default); margin: 0 var(--sp-2); }
+.ldh-actions .ldhc-btn .msi { font-size: 18px; }
+
+/* Document dateTime as quiet metadata — never a control */
+.ldh-ab-ts {
+  display: inline-flex; align-items: center; gap: 4px;
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+  color: var(--fg-hint); white-space: nowrap; flex-shrink: 0;
+}
+.ldh-ab-ts .msi { font-size: 14px; opacity: 0.7; }
+
+/* Overflow kebab */
+.ldh-of-wrap { position: relative; display: inline-flex; }
+/* The kebab is <IconButton size="lg">; only its open state is scoped here. */
+.ldh-of-wrap.is-open .ldhc-iconbtn { background: var(--bg-hover); color: var(--fg-1); }
+.ldh-of-menu {
+  position: absolute; top: calc(100% + 6px); right: 0; z-index: 50;
+  min-width: 184px; padding: 6px;
+  background: var(--surface-0); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); box-shadow: var(--shadow-lg);
+  display: flex; flex-direction: column; gap: 2px;
+  color: var(--fg-1);
+}
+.ldh-of-menu .it {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: 8px 10px; border: 0; background: transparent; cursor: pointer;
+  border-radius: var(--r-sm); font: inherit; font-size: var(--fs-sm);
+  color: var(--fg-2); text-align: left;
+}
+.ldh-of-menu .it:hover { background: var(--bg-hover); color: var(--fg-1); }
+.ldh-of-menu .it.is-danger { color: var(--danger-500); }
+.ldh-of-menu .it.is-danger:hover { background: var(--danger-50); }
+.ldh-of-menu .it .msi { font-size: 18px; }
+.ldh-of-menu .it-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
+.ldh-of-menu .it-hint { font-size: var(--fs-xs); color: var(--ink-4); }
+.ldh-of-menu .it:hover .it-hint { color: var(--fg-hint); }
+.ldh-of-menu .it.is-danger .it-hint { color: var(--ink-4); }
+.ldh-of-div { height: 1px; background: var(--border-default); margin: 4px 2px; }
+
+/* Mid zone (breadcrumb + timestamp) for zoned/contextual single-row layouts.
+   The timestamp pushes to the right edge of the zone (just before the actions),
+   so the "last modified" stamp reads as right-aligned metadata. */
+.ldh-actionbar--zoned .ab-mid,
+.ldh-actionbar--contextual .ab-mid {
+  display: flex; align-items: center; gap: var(--sp-4); min-width: 0;
+  /* The mid zone holds two different KINDS of thing: the breadcrumb, which is
+     navigation and must stay legible, and the timestamp, which is metadata.
+     When they don't both fit, the METADATA yields — it drops to a second line.
+     This was nowrap, so the only thing that could give was the breadcrumb's own
+     wrap, which stacked the pills one per row and doubled the bar's height. */
+  flex-wrap: wrap;
+  row-gap: 2px;
+}
+.ldh-actionbar--zoned .ab-mid .ldh-ab-ts,
+.ldh-actionbar--contextual .ab-mid .ldh-ab-ts { margin-left: auto; padding-left: var(--sp-4); }
+
+/* TWO-TIER — location line above, controls line below */
+.ldh-actionbar--twotier {
+  display: flex; flex-direction: column; align-items: stretch; gap: var(--sp-2);
+}
+.ldh-actionbar--twotier .ab-context {
+  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); min-width: 0;
+}
+.ldh-actionbar--twotier .ab-controls { display: flex; align-items: center; gap: var(--sp-4); }
+.ldh-actionbar--twotier .ab-spacer { flex: 1; }
+
+/* CONTEXTUAL — minimal at rest; secondary actions (Edit + ⋯) reveal on hover/
+   focus of the bar. Mode switcher stays visible as the one persistent control. */
+.ldh-actionbar--contextual .ldh-actions .ldhc-btn,
+.ldh-actionbar--contextual .ldh-actions .ldh-of-wrap,
+.ldh-actionbar--contextual .ldh-actions .ldh-actions-div {
+  opacity: 0; transition: opacity var(--dur-base) var(--ease-out-soft);
+}
+.ldh-actionbar--contextual:hover .ldh-actions .ldhc-btn,
+.ldh-actionbar--contextual:focus-within .ldh-actions .ldhc-btn,
+.ldh-actionbar--contextual:hover .ldh-actions .ldh-of-wrap,
+.ldh-actionbar--contextual:focus-within .ldh-actions .ldh-of-wrap,
+.ldh-actionbar--contextual:hover .ldh-actions .ldh-actions-div,
+.ldh-actionbar--contextual:focus-within .ldh-actions .ldh-actions-div { opacity: 1; }
+
+/* Mode switcher — segmented dropdown */
+.ldh-mode {
+  position: relative;
+  display: inline-flex; align-items: center; gap: var(--sp-2);
+  height: 36px;
+  padding: 0 var(--sp-3);
+  background: var(--surface-2);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  color: var(--fg-2);
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-medium);
+  margin-right: var(--sp-2);
+}
+.ldh-mode .label-row { display: inline-flex; align-items: center; gap: var(--sp-2); }
+.ldh-mode .label { letter-spacing: 0.02em; }
+/* Compact variant — the same dropdown inside a view's own toolbar, where it
+   sits beside the facet pills rather than in the page-level action bar. Trigger
+   only: the popover keeps its full size, since the mode descriptions are the
+   reason it reads better than five unlabelled icons. */
+.ldh-mode.sz-sm {
+  height: 28px; padding: 0 var(--sp-2); gap: 5px;
+  margin-right: 0;
+  font-size: var(--fs-xs);
+}
+.ldh-mode.sz-sm .label-row { gap: 5px; }
+.ldh-mode.sz-sm .msi { font-size: 16px; }
+.ldh-mode .modes-pop {
+  position: absolute; top: calc(100% + 6px); right: 0;
+  min-width: 220px;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  box-shadow: var(--shadow-lg);
+  padding: var(--sp-1);
+  display: none;
+  z-index: 50;
+  color: var(--fg-1);
+}
+.ldh-mode.is-open .modes-pop { display: block; }
+.ldh-mode .mi {
+  display: flex; align-items: center; gap: var(--sp-3);
+  padding: var(--sp-2) var(--sp-3);
+  font-size: var(--fs-sm); color: var(--fg-2);
+  border-radius: var(--r-sm);
+  width: 100%;
+  background: transparent; border: 0;
+  cursor: pointer;
+  text-align: left;
+}
+.ldh-mode .mi:hover { background: var(--bg-hover); color: var(--fg-1); }
+.ldh-mode .mi.is-active { background: var(--ldh-blue-50); color: var(--ldh-blue-700); font-weight: var(--fw-medium); }
+.ldh-mode .mi .msi { color: var(--fg-muted); }
+.ldh-mode .mi.is-active .msi { color: var(--ldh-blue-600); }
+.ldh-mode .mi .desc { display: block; font-size: 11px; color: var(--fg-hint); font-weight: 400; margin-top: 1px; }
+.ldh-mode .mi .label-col { flex: 1; }
+
+/* ---------- Main layout ---------- */
+.ldh-main {
+  flex: 1;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: var(--sp-5);
+  padding: var(--sp-5) var(--sp-6);
+  max-width: var(--container-xl);
+  width: 100%;
+  margin: 0 auto;
+  align-items: start;
+}
+.ldh-main.is-flush { padding: var(--sp-3) var(--sp-3); max-width: none; }
+.ldh-content {
+  display: flex; flex-direction: column; gap: var(--sp-6);
+  min-width: 0;
+}
+
+/* Per-view-block row: the block-scoped drawer (backlinks/related/parallax)
+   slides in from the right edge of the block and overlays its right portion.
+   The drawer is scoped to the block's height — no global push, no body scroll
+   hijack. The row stays display:block so its content keeps full width when
+   the drawer is closed AND when it's open. */
+.ldh-block-row { position: relative; }
+.ldh-block-row > .row-main { min-width: 0; }
+
+/* Backlinks / related panel */
+.ldh-panel {
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-lg);
+  overflow: hidden;
+}
+.ldh-panel .ph {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--sp-3) var(--sp-4);
+  background: var(--surface-1);
+  border-bottom: 1px solid var(--border-default);
+}
+.ldh-panel .ph .title {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  letter-spacing: var(--tracking-wide);
+  text-transform: uppercase;
+  color: var(--fg-muted);
+}
+.ldh-panel.is-collapsed .pb { display: none; }
+.ldh-panel.is-collapsed .ph { border-bottom: 0; }
+.ldh-panel .pb { padding: var(--sp-3) var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-2); }
+.ldh-panel .pb a { display: block; font-size: var(--fs-sm); padding: 4px 0; color: var(--fg-2); }
+.ldh-panel .pb a:hover { color: var(--fg-link); }
+.ldh-panel .pb .empty { font-size: var(--fs-sm); color: var(--fg-hint); padding: 4px 0; }
+
+/* ---------- Footer ---------- */
+.ldh-footer {
+  margin-top: var(--sp-12);
+  padding: var(--sp-10) var(--sp-6) var(--sp-8);
+  background: var(--surface-1);
+  border-top: 1px solid var(--border-default);
+}
+.ldh-footer .cols {
+  max-width: var(--container-xl);
+  margin: 0 auto;
+  display: grid;
+  grid-template-columns: 1.4fr repeat(4, 1fr);
+  gap: var(--sp-8);
+}
+.ldh-footer .col .ftitle {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  letter-spacing: var(--tracking-wide);
+  text-transform: uppercase;
+  color: var(--fg-muted);
+  margin: 0 0 var(--sp-3);
+}
+.ldh-footer .col a { display: block; padding: 4px 0; font-size: var(--fs-sm); color: var(--fg-2); }
+.ldh-footer .col a:hover { color: var(--fg-link); }
+.ldh-footer .brand-col p {
+  font-size: var(--fs-sm); color: var(--fg-muted); line-height: var(--lh-base); max-width: 280px; margin: var(--sp-3) 0 0;
+}
+.ldh-footer .legal {
+  max-width: var(--container-xl);
+  margin: var(--sp-8) auto 0;
+  padding-top: var(--sp-4);
+  border-top: 1px solid var(--border-default);
+  display: flex; justify-content: space-between;
+  font-size: var(--fs-xs);
+  color: var(--fg-hint);
+  font-family: var(--font-mono);
+}
+
+/* ---------- Generic Block (view block wrapper) ---------- */
+.ldh-block {
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-lg);
+  overflow: hidden;
+  transition: box-shadow var(--dur-base) var(--ease-out-soft), border-color var(--dur-base) var(--ease-out-soft);
+}
+.ldh-block:hover { box-shadow: var(--shadow-sm); }
+.ldh-block.is-quiet { border: 0; background: transparent; }
+.ldh-block.is-quiet:hover { box-shadow: none; }
+.ldh-block-head {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  padding: var(--sp-5) var(--sp-6) var(--sp-3);
+  gap: var(--sp-4);
+}
+.ldh-block-head .ttl { font-size: var(--fs-xl); font-weight: var(--fw-semibold); color: var(--fg-1); margin: 0; line-height: var(--lh-snug); letter-spacing: var(--tracking-snug); }
+/* Hero text block — the lead resource's title reads at page-title scale, not
+   block-heading scale, so the top of a document anchors the page. */
+.ldh-block-head .ttl--hero { font-size: var(--fs-3xl); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: var(--tracking-tight); }
+.ldh-block-head .sub { display: block; font-size: var(--fs-sm); color: var(--fg-muted); margin-top: 4px; font-weight: 400; }
+.ldh-block-head .actions { display: flex; gap: var(--sp-1); }
+/* Actions are core <IconButton>; box, hover and intents come from it. */
+
+/* Links button — opens the block-scoped drawer. It is
+   <IconButton intent="accent" count={n}>, so the shape and states come from the
+   primitive; only the hero placement is scoped. */
+.hero-actions {
+  position: absolute;
+  top: var(--sp-4);
+  right: var(--sp-4);
+  display: flex;
+  gap: var(--sp-1);
+  z-index: 2;
+}
+/* The hero's links button is core <IconButton intent="accent" count>, and needs
+   a translucent ground because it sits on the hero's gradient rather than on a
+   card. Scoped to .ldhc-iconbtn — this rule still said `.tb-links`, a class
+   retired when the icon buttons were unified, so it had been dead. */
+.hero-actions .ldhc-iconbtn {
+  background: rgba(255,255,255,0.72);
+  -webkit-backdrop-filter: blur(6px);
+  backdrop-filter: blur(6px);
+}
+.hero-actions .ldhc-iconbtn:hover { background: rgba(255,255,255,0.9); }
+
+/* Block drawer — fixed to the viewport's right edge so it sits FLUSH against
+   the page edge regardless of where the block lives inside the centered
+   .ldh-main container. Top/height are set inline by the React component to
+   match the anchor block's bounding rect, so the drawer stays block-scoped
+   vertically. */
+.ldh-drawer {
+  position: fixed;
+  right: 0;
+  width: min(360px, 92vw);
+  color: var(--fg-1);
+  background: var(--surface-0);
+  border: 0;
+  border-left: 1px solid var(--border-default);
+  border-radius: 0;
+  box-shadow: -8px 0 24px -22px rgba(15, 23, 42, 0.16);
+  display: flex; flex-direction: column;
+  z-index: 25;
+  animation: drawer-slide var(--dur-base) var(--ease-out-soft);
+  overflow: hidden;
+}
+@keyframes drawer-slide {
+  from { transform: translateX(100%); opacity: 0; }
+  to   { transform: translateX(0);    opacity: 1; }
+}
+
+/* Edge-hover sensor — invisible hot-zone flush to the viewport's right edge,
+   vertically scoped to its block (top/height set inline). Reaching it slides
+   the drawer out, no click needed. A faint handle peeks in so the gesture is
+   discoverable. */
+.ldh-edge-sensor {
+  position: fixed;
+  right: 0;
+  width: 20px;
+  z-index: 24;
+  display: flex; align-items: center; justify-content: flex-end;
+  cursor: pointer;
+}
+.ldh-edge-handle {
+  display: flex; align-items: center; justify-content: center;
+  width: 17px; height: 54px;
+  border-radius: var(--r-pill) 0 0 var(--r-pill);
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-right: 0;
+  color: var(--fg-hint);
+  box-shadow: -8px 0 18px -14px rgba(15, 23, 42, 0.28);
+  opacity: 0.5;
+  transform: translateX(7px);
+  transition: opacity var(--dur-base) var(--ease-out-soft),
+              transform var(--dur-base) var(--ease-out-soft),
+              color var(--dur-fast) var(--ease-out-soft),
+              border-color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-edge-handle .msi { font-size: 18px; }
+.ldh-edge-sensor:hover .ldh-edge-handle {
+  opacity: 1;
+  transform: translateX(0);
+  /* --accent is set only at RUNTIME by index.html's accent tweak, so on every
+     other surface (preview cards, templates, screen-*.html) it is undefined and
+     the hover colour silently fell back to inherited body ink. The tweak stays
+     as an override; --fg-link is the static default because it is the system's
+     interactive colour and remaps per skin (base44 → lime). */
+  color: var(--accent, var(--fg-link));
+  border-color: var(--accent, var(--fg-link));
+}
+.ldh-drawer .dh {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  padding: var(--sp-5) var(--sp-5) var(--sp-4);
+  border-bottom: 1px solid var(--border-default);
+}
+.ldh-drawer .dh .eyebrow {
+  font-family: var(--font-mono); font-size: 10px;
+  letter-spacing: var(--tracking-wide); text-transform: uppercase;
+  color: var(--fg-muted);
+}
+.ldh-drawer .dh h3 {
+  margin: 4px 0 0;
+  font-size: var(--fs-lg);
+  font-weight: var(--fw-semibold);
+  letter-spacing: var(--tracking-snug);
+  color: var(--fg-1);
+}
+/* Drawer close is core <IconButton size="sm"> — no bespoke rule needed. */
+
+.ldh-drawer .db {
+  flex: 1;
+  overflow: auto;
+  padding: var(--sp-3) var(--sp-3) var(--sp-5);
+  display: flex; flex-direction: column; gap: var(--sp-4);
+}
+.ldh-drawer .dgroup { display: flex; flex-direction: column; gap: 2px; }
+.ldh-drawer .dh2 {
+  display: flex; align-items: baseline; justify-content: space-between;
+  padding: var(--sp-2) var(--sp-2) 4px;
+  font-family: var(--font-mono); font-size: 10px;
+  letter-spacing: var(--tracking-wide); text-transform: uppercase;
+  color: var(--fg-muted);
+}
+.ldh-drawer .dh2 em {
+  font-style: normal;
+  font-family: var(--font-mono); font-size: 10px;
+  color: var(--fg-hint);
+  background: var(--surface-2);
+  padding: 1px 6px; border-radius: var(--r-pill);
+  letter-spacing: 0;
+}
+.ldh-drawer .drow {
+  display: flex; align-items: center; gap: 8px;
+  padding: 6px 8px;
+  border-radius: var(--r-sm);
+  text-decoration: none;
+  color: var(--fg-2);
+  font-size: var(--fs-sm);
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-drawer .drow:hover { background: var(--bg-hover); color: var(--fg-1); text-decoration: none; }
+.ldh-drawer .drow .msi { color: var(--fg-hint); flex-shrink: 0; }
+.ldh-drawer .drow .lbl { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ldh-drawer .drow .tag {
+  font-family: var(--font-mono); font-size: 9.5px; color: var(--fg-hint);
+  background: var(--surface-2); padding: 1px 6px; border-radius: var(--r-pill);
+}
+.ldh-drawer .drow.is-current {
+  background: var(--bg-accent-quiet);
+  color: var(--ldh-blue-700);
+  font-weight: var(--fw-medium);
+}
+.ldh-drawer .drow.is-current .msi { color: var(--ldh-blue-600); }
+.ldh-drawer .drow.is-current .tag { background: var(--surface-0); color: var(--ldh-blue-600); }
+
+/* Parallax pivot row — a predicate with a direction button each way. Not a
+   .drow: a .drow IS the link, whereas here the row is a label and the two
+   buttons are the navigation, so the row itself must not be interactive. */
+.dpivot {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: 4px 4px 4px 8px;
+  border-radius: var(--r-sm);
+  font-size: var(--fs-sm); color: var(--fg-2);
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.dpivot:hover { background: var(--bg-hover); }
+.dpivot-pred { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
+.dpivot-pred .msi { color: var(--fg-hint); flex-shrink: 0; }
+.dpivot-pred .lbl { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+/* The two directions read as one control, so they sit in a shared track. */
+.dpivot-dirs {
+  display: flex; align-items: center; gap: 2px; flex-shrink: 0;
+  padding: 2px;
+  background: var(--surface-2);
+  border-radius: var(--r-sm);
+}
+.dpivot-dirs .ldhc-iconbtn { color: var(--fg-muted); }
+.dpivot-dirs .ldhc-iconbtn:hover { background: var(--surface-0); color: var(--ldh-blue-700); }
+/* A direction with no matches stays visible but inert — its absence would
+   wrongly imply the predicate does not exist that way round. */
+.dpivot-dirs .ldhc-iconbtn:disabled { opacity: 0.32; }
+.dpivot.is-current { background: var(--bg-accent-quiet); color: var(--ldh-blue-700); font-weight: var(--fw-medium); }
+.dpivot.is-current .dpivot-pred .msi { color: var(--ldh-blue-600); }
+.dpivot.is-current .dpivot-dirs { background: var(--surface-0); }
+
+.ldh-drawer .df {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--sp-3) var(--sp-4);
+  border-top: 1px solid var(--border-default);
+  background: var(--surface-1);
+  font-family: var(--font-mono);
+  font-size: var(--fs-xs);
+  color: var(--fg-muted);
+}
+.ldh-block-body { padding: 0 var(--sp-6) var(--sp-6); }
+.ldh-block-body.is-flush { padding: 0; }
+.ldh-block-foot {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--sp-3) var(--sp-6);
+  border-top: 1px solid var(--border-default);
+  background: var(--surface-1);
+}
+
+/* Section header — for grouping blocks in ContentMode */
+.ldh-section {
+  display: flex; flex-direction: column; gap: var(--sp-2);
+  margin-top: var(--sp-4);
+}
+.ldh-section .eyebrow { font-family: var(--font-mono); font-size: 11px; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ldh-blue-600); }
+.ldh-section h2 { margin: 0; font-size: var(--fs-2xl); font-weight: var(--fw-semibold); letter-spacing: var(--tracking-snug); color: var(--fg-1); }
+.ldh-section p { margin: 4px 0 0; color: var(--fg-2); max-width: 56ch; }
+
+/* Hero block — uses pastel gradient for the document intro */
+.ldh-hero {
+  position: relative;
+  background: var(--grad-aurora);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-lg);
+  padding: var(--sp-10) var(--sp-8);
+  overflow: hidden;
+}
+.ldh-hero::before {
+  content: ""; position: absolute; inset: 0;
+  background-image: radial-gradient(circle at 1px 1px, rgba(11,14,20,0.06) 1px, transparent 1.4px);
+  background-size: 24px 24px;
+  opacity: 0.7;
+  pointer-events: none;
+}
+.ldh-hero > * { position: relative; }
+
+/* Dark theme: pastel hero would strand light text on a light wash — swap to the
+   dark accent gradient (governance: pastels/gradients are hero-only anyway). */
+:root[data-theme="dark"] .ldh-hero {
+  background: var(--grad-deep);
+  border-color: var(--line-2);
+}
+:root[data-theme="dark"] .ldh-hero::before {
+  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.08) 1px, transparent 1.4px);
+}
+.ldh-hero .eyebrow { font-family: var(--font-mono); font-size: 11px; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ldh-violet-700); }
+.ldh-hero h1 {
+  margin: var(--sp-2) 0 var(--sp-3);
+  font-size: var(--fs-4xl);
+  font-weight: var(--fw-semibold);
+  letter-spacing: var(--tracking-tight);
+  color: var(--fg-1);
+  line-height: var(--lh-tight);
+}
+.ldh-hero h1 em { font-style: italic; font-family: var(--font-display); font-weight: 400; }
+.ldh-hero .lede { font-size: var(--fs-md); color: var(--ink-2); max-width: 56ch; line-height: var(--lh-base); margin: 0; }
+.ldh-hero .lede + p { margin-top: var(--sp-3); }
+
+/* Chart controls (re-styled <select>s) */
+.chart-controls {
+  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4);
+  padding: var(--sp-4) var(--sp-6);
+  background: var(--surface-1);
+  border-bottom: 1px dashed var(--border-default);
+  border-top: 1px dashed var(--border-default);
+}
+.chart-controls .field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
+/* The controls themselves are core <Label> + <Select>. */
+.chart-canvas { padding: var(--sp-6); }
+/* ChartMode hero canvas — the chart fills the full block width (fluid SVG),
+   so it never gets letterboxed inside a fixed-height box like the small
+   dashboard charts do. */
+.chart-canvas--hero { padding: var(--sp-5) var(--sp-6) var(--sp-8); }
+
+/* =========================================================================
+   RESOURCE BLOCK HEADER — one composite header for every resource.
+   Thumbnail (or class icon) · title with its type chips inline · description
+   lede · actions. The earlier full-bleed media header is gone: it was a poster
+   treatment on a data surface, needed a scrim and its own on-media button
+   styles, and gave a resource with an image a structurally different header
+   from one without.
+   Built from the same parts as every other block head — .ldh-block-head owns
+   the padding and the .actions row, and the buttons are core <IconButton>.
+   ========================================================================= */
+.ldh-res-head { gap: var(--sp-4); align-items: flex-start; }
+/* Thumbnail and icon share one footprint, so the title starts at the same x
+   whether or not the resource has a depiction. */
+.ldh-res-thumb,
+.ldh-res-icon {
+  width: 72px; height: 72px; flex-shrink: 0;
+  border-radius: var(--r-md);
+  overflow: hidden;
+}
+.ldh-res-thumb { display: block; background: var(--surface-2); }
+/* image-slot's empty state is sized for a hero-scale target: at 72px its
+   caption plus "or browse files" overflows and clips. ::part(empty) is the
+   component's own styling hook, so scale the type down there rather than
+   fighting the shadow DOM — the icon does the communicating at this size and
+   the full prompt lives in the title attribute. */
+.ldh-res-thumb::part(empty) {
+  font-size: 9px; line-height: 1.15; gap: 3px; padding: 4px;
+  overflow: hidden; text-align: center;
+}
+.ldh-res-icon {
+  display: inline-flex; align-items: center; justify-content: center;
+  background: var(--bg-accent-quiet); color: var(--ldh-blue-700);
+}
+.ldh-res-icon .msi { font-size: 32px; }
+.ldh-res-text { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 1; }
+/* Title + type chips on one line; the chips wrap under a long title rather
+   than forcing it to truncate. */
+.ldh-res-titleline {
+  display: flex; align-items: baseline; gap: var(--sp-2);
+  flex-wrap: wrap; min-width: 0;
+}
+.ldh-res-titleline .ttl { margin: 0; }
+/* The lede. Capped so a summary stays a summary — the full text is still in
+   the statement list when it exceeds the promotion limit. */
+.ldh-res-desc {
+  margin: 0; max-width: 78ch;
+  font-size: var(--fs-base); line-height: var(--lh-base); color: var(--fg-2);
+  text-wrap: pretty;
+}
+@media (max-width: 560px) {
+  .ldh-res-thumb, .ldh-res-icon { width: 56px; height: 56px; }
+  .ldh-res-icon .msi { font-size: 26px; }
+}
+
+/* Resource list — grid of category cards */
+.ldh-grid {
+  display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+  gap: var(--sp-4);
+}
+/* Grid cards are core <Card size="sm" tone="…">; the six per-tone rules and the
+   .gi/.gt/.gc anatomy moved to .ldhc-card-ic / -title / -meta. */
+
+/* ---------- Property editor (read + edit on a row level) ----------
+   Each row reads as a clean label/value pair by default. Click the value to
+   edit it; the visual chrome (input border + bg) only appears while editing.
+   No block-wide editing flag; saves are optimistic per-row.
+
+   The READ-mode list rides dl / dt / dd — a resource description is an
+   association list, and the product carries RDFa on these rows, so the markup
+   is the data representation. Every selector below stays CLASS-keyed, never
+   element-keyed: ResourceForm.jsx's whole-form mode reuses these same classes
+   on divs, because a form body is not a description list. */
+.ldh-prop-form {
+  display: flex; flex-direction: column;
+  /* Cancels the UA block margin now that read mode is a <dl>; harmless on the
+     form mode's <div>. No <dd> reset is needed — .ldh-prop-row is
+     display:contents, so it generates no box for margin-inline-start to hit. */
+  margin: 0;
+}
+
+/* One predicate (with N values) lives in a .ldh-prop-group grid. The label
+   cell spans N rows; each value's .ldh-prop-row uses display:contents so its
+   value/type/actions cells slot into columns 2/3/4 of the parent grid. */
+.ldh-prop-group {
+  display: grid;
+  grid-template-columns: 200px 1fr 64px;
+  /* MUST stay 0 — see the statement-delimiter block below. */
+  column-gap: 0;
+}
+
+/* Shared label cell. Spans all value rows when there are >1; align text to
+   the right and vertically center across the spanned rows. */
+.ldh-prop-group > .label {
+  position: relative;
+  padding: var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-6);
+  text-align: right;
+  line-height: 1.25;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-self: stretch;
+}
+/* No predicate CURIE in the label column. The label column shows the human
+   label only; the machine name is the group's identity in the data, reachable
+   through the rdfs:comment toggletip and the row's own actions. */
+.ldh-prop-group > .label .pred {
+  color: var(--fg-2);
+  font-family: var(--font-sans);
+  font-weight: var(--fw-medium);
+  font-size: var(--fs-sm);
+}
+
+/* Value row — display:contents puts its cells (value, row-actions)
+   directly into the parent grid's columns 2, 3. */
+.ldh-prop-row { display: contents; }
+.ldh-prop-row > .value,
+.ldh-prop-row > .row-actions {
+  /* MUST stretch: these share a grid row with the (spanning) label cell, and
+     the statement hairline + hover band are drawn on all three. A cell that
+     sizes to its content draws its rule at a different y than its neighbours. */
+  align-self: stretch;
+  padding-top: var(--sp-3);
+  padding-bottom: var(--sp-3);
+  padding-left: var(--sp-3);
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-prop-row > .row-actions { padding-right: var(--sp-6); }
+
+/* =========================================================================
+   STATEMENT DELIMITERS — a hairline under each statement, as in the product.
+   .ldh-prop-row is display:contents, so the rule has to go on the CELLS; put
+   it on all three and they line up into one continuous rule.
+
+   The label cell SPANS a multi-value group, so its border draws once at the
+   bottom of the whole span while .value / .row-actions draw per value. That
+   falls out exactly right: a single-value statement gets one full-width rule,
+   and extra values of the same predicate are separated only across columns
+   2–3 — the unbroken label column reads as "still the same predicate".
+
+   The final statement has no rule: the card edge already ends the list, and a
+   trailing hairline reads as a dangling separator.
+   ========================================================================= */
+.ldh-prop-form .ldh-prop-group > .label,
+.ldh-prop-form .ldh-prop-row > .value,
+.ldh-prop-form .ldh-prop-row > .row-actions { border-bottom: 1px solid var(--border-default); }
+.ldh-prop-form > .ldh-prop-group:last-child > .label,
+.ldh-prop-form > .ldh-prop-group:last-child .ldh-prop-row:last-child > .value,
+.ldh-prop-form > .ldh-prop-group:last-child .ldh-prop-row:last-child > .row-actions { border-bottom: 0; }
+.ldh-prop-group:hover > .label,
+.ldh-prop-row:hover > .value,
+.ldh-prop-row:hover > .row-actions {
+  background: var(--surface-1);
+}
+/* Bridge the grid column-gaps so the hover highlight reads as one continuous
+   band rather than three segments separated by white gaps. Each end cell
+   extends only toward the value; the value extends both ways. */
+/* No bridging shadows needed now that column-gap is 0 — the three cells are
+   adjacent, so their hover backgrounds already form one continuous band. */
+
+/* Value cell — looks like plain text in read mode. Clickable interactive rows
+   get a subtle hover affordance. Inputs only appear when editing. */
+.ldh-prop-row .value {
+  min-height: 32px;
+  font-size: var(--fs-sm);
+  color: var(--fg-1);
+  border: 1px solid transparent;
+  background: transparent;
+  display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
+  min-width: 0;
+  transition: background var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);
+  cursor: text;
+  word-break: break-word;
+}
+.ldh-prop-row.is-interactive .value:hover {
+  background: var(--surface-1);
+}
+.ldh-prop-row.is-interactive .value:focus-visible {
+  outline: 0;
+  background: var(--surface-2);
+  border-color: var(--ldh-blue-300);
+  box-shadow: var(--shadow-glow-blue);
+}
+.ldh-prop-row .value .long { white-space: pre-wrap; }
+
+/* Edit state — input fills the value cell with a distinct (recessed) surface so
+   the active field reads as separate from the white card around it. */
+.ldh-prop-row.is-editing .value {
+  background: var(--surface-2);
+  border-color: var(--ldh-blue-300);
+  /* the delimiter is the list's, not the field's — keep it through editing */
+  border-bottom-color: var(--border-default);
+  box-shadow: var(--shadow-glow-blue);
+  padding: 4px 6px;
+}
+.ldh-prop-row.is-editing .value input,
+.ldh-prop-row.is-editing .value textarea,
+.ldh-prop-row.is-editing .value select {
+  flex: 1; min-width: 0;
+  background: transparent;
+  border: 0;
+  outline: 0;
+  padding: 4px 4px;
+  font: inherit;
+  color: inherit;
+  resize: vertical;
+  line-height: 1.5;
+}
+.ldh-prop-row.is-editing .value textarea {
+  min-height: 80px;
+}
+
+/* Resource typeahead picker — used in place of the plain input when editing
+   a resource-valued cell. Composed of a small search input followed by an
+   inline dropdown list of dataspace matches. */
+.ldh-resource-pick {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.ldh-resource-pick-input {
+  display: flex; align-items: center; gap: 6px;
+  height: 32px;
+  padding: 0 10px;
+  border-radius: var(--r-sm);
+  border: 1px solid var(--ldh-blue-400);
+  background: var(--surface-0);
+  box-shadow: 0 0 0 3px var(--bg-accent-quiet);
+}
+.ldh-resource-pick-input .msi { color: var(--fg-2); flex-shrink: 0; }
+.ldh-resource-pick-input input {
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  font: inherit;
+  color: var(--fg-1);
+}
+.ldh-resource-pick-input input::placeholder { color: var(--fg-hint); }
+
+.ldh-resource-pick-list {
+  position: absolute;
+  top: calc(32px + 6px);
+  left: 0;
+  right: 0;
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.28), 0 4px 12px -4px rgba(15, 23, 42, 0.18);
+  padding: 4px;
+  max-height: 320px;
+  overflow: auto;
+  z-index: 20;
+  animation: menu-pop var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-resource-pick-section {
+  padding: 6px 10px 4px;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--fg-muted);
+}
+.ldh-resource-pick-item {
+  display: grid;
+  grid-template-columns: 22px 1fr auto;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 10px;
+  border: 0;
+  background: transparent;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+  color: var(--fg-1);
+}
+.ldh-resource-pick-item:hover,
+.ldh-resource-pick-item.is-active {
+  background: var(--surface-1);
+}
+.ldh-resource-pick-item .ico {
+  width: 22px; height: 22px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: var(--r-sm);
+  background: var(--bg-accent-quiet);
+  color: var(--ldh-blue-700);
+  flex-shrink: 0;
+}
+.ldh-resource-pick-item .body {
+  display: flex; flex-direction: column;
+  min-width: 0;
+}
+.ldh-resource-pick-item .body .label {
+  font-size: var(--fs-sm);
+  color: var(--fg-1);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.ldh-resource-pick-item .body .iri {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--fg-hint);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.ldh-resource-pick-item .cls {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--ldh-blue-700);
+  background: var(--bg-accent-quiet);
+  padding: 1px 6px;
+  border-radius: var(--r-pill);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.ldh-resource-pick-empty {
+  display: flex; align-items: flex-start; gap: 8px;
+  padding: 12px 10px;
+  color: var(--fg-2);
+  font-size: var(--fs-sm);
+}
+.ldh-resource-pick-empty .hint {
+  font-size: 11px;
+  color: var(--fg-hint);
+  margin-top: 2px;
+}
+
+/* Non-interactive value display variants */
+.ldh-prop-row .value .chip-inline {
+  display: inline-flex; align-items: center; gap: 4px;
+  padding: 2px 8px; border-radius: var(--r-pill);
+  background: var(--ldh-violet-50);
+  color: var(--ldh-violet-700);
+  font-family: var(--font-sans); font-size: 12px; font-weight: var(--fw-medium);
+}
+.ldh-prop-row .value .image-mini {
+  display: inline-flex; align-items: center; gap: 8px;
+}
+.ldh-prop-row .value .image-mini .thumb {
+  width: 24px; height: 24px; border-radius: 4px;
+  background: var(--surf-peach);
+  display: inline-flex; align-items: center; justify-content: center;
+  color: #c25c00;
+}
+.ldh-prop-row .value .iri-link {
+  font-family: var(--font-mono);
+  color: var(--ldh-blue-700);
+}
+
+/* Right-side row actions — edit (interactive rows) + remove.
+   The reveal is on the BUTTONS, not on the cell: the cell carries the statement
+   delimiter, and fading the cell faded its border too, so the hairline stopped
+   short of the actions column. Fading the controls keeps the cell (and its
+   rule) present while the row is at rest, and the footprint never shifts. */
+.ldh-prop-row .row-actions {
+  display: flex; gap: 2px;
+  justify-content: flex-end;
+  align-items: center;
+}
+.ldh-prop-row .row-actions > * {
+  opacity: 0;
+  transition: opacity var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-prop-row:hover .row-actions > *,
+.ldh-prop-row.is-editing .row-actions > *,
+.ldh-prop-row:focus-within .row-actions > * { opacity: 1; }
+/* ALWAYS-ON API. Because the reveal moved from the cell to its children, the
+   old `.row-actions { opacity: 1 }` override silently stopped working — it now
+   sets a cell that is already opaque and never reaches the buttons. Anything
+   that needs the affordances permanently visible (documentation specimens, a
+   touch-only surface with no hover) must use one of these instead of setting
+   opacity on the cell:
+     · .row-actions.is-always-on   — one row
+     · .ldh-prop-form.is-specimen  — every row in the form
+   Cell-level opacity is deliberately no longer a knob: it hides the statement
+   delimiter drawn on that cell along with the buttons. */
+.ldh-prop-row .row-actions.is-always-on > *,
+.ldh-prop-form.is-specimen .ldh-prop-row .row-actions > * { opacity: 1; }
+
+/* Row add/remove are <IconButton size="xs" intent="accent|destructive"> — the
+   primitive already carries the 28px box and both hover tints. */
+
+/* Add-row footer — single block-level affordance that survived the row-level refactor */
+.ldh-prop-addrow {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-3) var(--sp-6);
+  background: var(--surface-1);
+  border-top: 1px dashed var(--border-default);
+}
+.ldh-prop-addrow .pred-pick {
+  display: inline-flex; align-items: center; gap: var(--sp-2);
+  height: 32px; padding: 0 var(--sp-3);
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-sm);
+  font-size: var(--fs-sm);
+  color: var(--fg-2);
+  font-family: var(--font-mono);
+}
+.ldh-prop-addrow .add-prop {
+  width: 32px; height: 32px;
+  display: inline-flex; align-items: center; justify-content: center;
+  background: var(--ldh-blue-50); color: var(--ldh-blue-700);
+  border: 1px solid var(--ldh-blue-100);
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-prop-addrow .add-prop:hover { background: var(--ldh-blue-100); }
+
+/* RDF type tag — small pill at right of input */
+.ldh-rdf-type {
+  display: inline-flex; align-items: center; gap: 4px;
+  padding: 2px 8px;
+  border-radius: var(--r-pill);
+  font-family: var(--font-mono);
+  font-size: 10px;
+  font-weight: var(--fw-medium);
+  letter-spacing: 0.02em;
+  text-transform: lowercase;
+  border: 1px solid transparent;
+  justify-self: start;
+  white-space: nowrap;
+}
+
+/* In a property row the rdf-type pill is no longer shown — the term type is
+   conveyed by the value rendering itself (links for resources, plain text for
+   literals). The .ldh-rdf-type component below is still used by the RDF-tags
+   card and the graph detail panel. */
+.ldh-rdf-type.class    { color: var(--ldh-violet-700); background: var(--ldh-violet-50); border-color: var(--ldh-violet-100); }
+.ldh-rdf-type.resource { color: var(--ldh-blue-700);   background: var(--ldh-blue-50);   border-color: var(--ldh-blue-100); }
+.ldh-rdf-type.literal  { color: var(--success-500);    background: var(--success-50);    border-color: #c8eedb; }
+.ldh-rdf-type.blank    { color: var(--warning-500);    background: var(--warning-50);    border-color: #f6e1ad; }
+.ldh-rdf-type.named    { color: var(--ldh-violet-700); background: #f4ecfb; border-color: #e1cdf6; }
+.ldh-rdf-type::before {
+  content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: 0.85;
+}
+
+/* ---------- Text block (XHTML embedded content) ---------- */
+/* No own padding: it sits inside .ldh-block-body, which already provides the
+   block's content inset. Re-padding here double-indented the prose past the
+   block header and the other blocks (charts, etc.). */
+.ldh-text-block { padding: 0; }
+.ldh-text-block p { margin: 0 0 var(--sp-3); color: var(--ink-2); line-height: var(--lh-base); font-size: var(--fs-base); }
+.ldh-text-block p:last-child { margin-bottom: 0; }
+.ldh-text-block a { color: var(--fg-link); }
+
+/* ---------- Empty state for misc ---------- */
+.ldh-empty {
+  padding: var(--sp-6); text-align: center; color: var(--fg-hint); font-size: var(--fs-sm);
+}
+
+/* =========================================================================
+   BLOCK STATES — failed / empty / loading.
+
+   DECISION: a block KEEPS its card chrome and header in every state; only the
+   BODY swaps. It does not collapse to a bare alert. Three reasons:
+     1. A block is a persistent addressable object — it has an IRI and block
+        actions (copy IRI, edit query, delete). Collapsing to an alert strips
+        exactly the affordances the failure case needs most.
+     2. The title comes from RDF and is known before the query resolves, so
+        there is nothing to gain by hiding it while loading.
+     3. Layout stability — the card holds its footprint, so the document does
+        not reflow as blocks resolve.
+   The header gains one status marker so the state is legible when the block is
+   scrolled past or collapsed.
+   ========================================================================= */
+
+/* Header status marker — sits after the title, before the actions. */
+.ldh-block-state {
+  display: inline-flex; align-items: center; gap: 4px;
+  margin-left: var(--sp-2); padding: 1px 8px;
+  border-radius: var(--r-pill); flex-shrink: 0;
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  white-space: nowrap; vertical-align: middle;
+}
+.ldh-block-state .msi { font-size: 13px; }
+.ldh-block-state.is-failed  { background: var(--danger-50);  color: var(--danger-500); }
+.ldh-block-state.is-empty   { background: var(--surface-2);  color: var(--fg-muted); }
+.ldh-block-state.is-loading { background: var(--surface-2);  color: var(--fg-muted); }
+.ldh-block-state.is-loading .msi { animation: spin 1.1s linear infinite; }
+/* A failed block gets a warm ring so it's findable in a long document. This is
+   an `outline`, not a border: skins differ on whether cards even have borders
+   (m3 uses box-shadow elevation and sets border-width: 0), and an outline
+   survives both without fighting the skin's elevation shadow. Offset inward so
+   it lands on the card edge rather than outside it. */
+.ldh-block.is-failed {
+  outline: 1px solid color-mix(in srgb, var(--danger-500) 38%, transparent);
+  outline-offset: -1px;
+  border-color: color-mix(in srgb, var(--danger-500) 28%, var(--border-default));
+}
+
+/* Error body: the alert owns the message; the raw detail is demoted. */
+.ldh-block-error { display: flex; flex-direction: column; gap: var(--sp-3); }
+/* Technical detail — collapsed by default, mono and muted when open. Never the
+   first thing read, but never hidden from the person who needs it either. */
+.ldh-block-detail { border-top: 1px dashed var(--border-default); padding-top: var(--sp-3); }
+.ldh-block-detail > summary {
+  display: inline-flex; align-items: center; gap: 5px;
+  cursor: pointer; list-style: none;
+  font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  color: var(--fg-muted); border-radius: var(--r-xs);
+}
+.ldh-block-detail > summary::-webkit-details-marker { display: none; }
+.ldh-block-detail > summary:hover { color: var(--fg-1); }
+.ldh-block-detail > summary:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldh-block-detail > summary .msi { font-size: 15px; transition: transform var(--dur-fast) var(--ease-out-soft); }
+.ldh-block-detail[open] > summary .msi { transform: rotate(90deg); }
+.ldh-block-detail pre {
+  margin: var(--sp-2) 0 0; padding: var(--sp-3); overflow-x: auto;
+  background: var(--surface-2); border-radius: var(--r-sm);
+  font-family: var(--font-mono); font-size: var(--fs-xs); line-height: 1.6;
+  color: var(--fg-muted); white-space: pre-wrap; word-break: break-word;
+}
+
+/* Empty body: literal, quiet, with the one action that resolves it. Per the
+   copy rules — "No results." not "Nothing here yet 👀". */
+.ldh-block-blank {
+  display: flex; flex-direction: column; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-8) var(--sp-4); text-align: center;
+}
+.ldh-block-blank > .msi { font-size: 28px; color: var(--ink-5); }
+.ldh-block-blank .bb-msg { font-size: var(--fs-base); color: var(--fg-2); font-weight: var(--fw-medium); }
+.ldh-block-blank .bb-sub { font-size: var(--fs-sm); color: var(--fg-hint); max-width: 46ch; line-height: var(--lh-base); }
+.ldh-block-blank .bb-act { margin-top: var(--sp-2); }
+
+/* Loading body: skeleton shaped like the content it replaces. */
+.ldh-block-loading { display: flex; flex-direction: column; gap: var(--sp-3); }
+.ldh-block-loading .bl-row { display: flex; align-items: center; gap: var(--sp-3); }
+/* Core's .ldhc-skel-group is width:100% (it's normally a block-level stack), so
+   a fixed-width skeleton used as a flex child still claims a 100% flex base and
+   over-subscribes the row — leaving no free space for a flex:1 sibling to grow
+   into, which collapses it to 0. Pin the fixed columns to their content width so
+   the fluid column keeps the remainder. */
+.ldh-block-loading .bl-row > .ldhc-skel-group { flex: 0 0 auto; width: auto; }
+
+/* ---------- View-block toolbar (facets / sort / count, sits inside .ldh-block between head and body) ---------- */
+.ldh-view-toolbar {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-3) var(--sp-6);
+  border-bottom: 1px dashed var(--border-default);
+  background: var(--surface-1);
+  flex-wrap: wrap;
+}
+.ldh-view-toolbar .left { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
+.ldh-view-toolbar .right { display: flex; align-items: center; gap: var(--sp-2); margin-left: auto; }
+.ldh-view-toolbar .count {
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+  color: var(--fg-muted); white-space: nowrap;
+}
+.ldh-view-toolbar .count b { color: var(--fg-1); font-weight: var(--fw-semibold); }
+
+/* Facet pills — read like Linear/Notion filter chips. Compact, removable. */
+.facet-pill {
+  display: inline-flex; align-items: center; gap: 6px;
+  height: 28px; padding: 0 10px;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-pill);
+  font-family: var(--font-sans); font-size: var(--fs-sm);
+  color: var(--fg-2);
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);
+  white-space: nowrap;
+}
+.facet-pill:hover { border-color: var(--border-strong); background: var(--surface-2); }
+.facet-pill .pred {
+  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.02em;
+  color: var(--fg-hint); text-transform: lowercase;
+}
+.facet-pill .val { font-weight: var(--fw-medium); color: var(--fg-1); }
+.facet-pill.is-active { background: var(--ldh-blue-50); color: var(--ldh-blue-700); border-color: var(--ldh-blue-200); }
+.facet-pill.is-active .pred { color: var(--ldh-blue-600); }
+.facet-pill.is-active .val { color: var(--ldh-blue-700); }
+.facet-pill .x {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 16px; height: 16px; border-radius: 50%;
+  color: var(--fg-muted);
+  margin-left: 2px;
+}
+.facet-pill .x:hover { background: rgba(0,0,0,0.06); color: var(--fg-1); }
+.facet-pill .caret { color: var(--fg-muted); margin-left: 1px; }
+.facet-pill.is-open { border-color: var(--ldh-blue-300); background: var(--surface-2); }
+.facet-pill.add {
+  border-style: dashed; color: var(--fg-muted); background: transparent;
+}
+.facet-pill.add:hover { color: var(--fg-1); border-color: var(--border-strong); }
+/* Sort direction toggle — a .facet-pill so it matches the bar, but it states a
+   direction rather than a filter, so the arrow carries the accent and the pill
+   itself stays neutral. */
+.facet-pill.sort-dir { gap: 4px; }
+.facet-pill.sort-dir .msi { color: var(--ldh-blue-600); }
+.facet-pill.sort-dir:hover .msi { color: var(--ldh-blue-700); }
+.facet-pill.sort-dir .val { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.02em; }
+
+/* Filters lead icon + clear-all */
+.ldh-view-toolbar .facet-lead { display: inline-flex; align-items: center; color: var(--fg-hint); margin-right: 2px; }
+.facet-clear-all {
+  border: 0; background: transparent; cursor: pointer;
+  font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  color: var(--fg-link); padding: 0 6px; height: 28px;
+}
+.facet-clear-all:hover { text-decoration: underline; }
+
+/* Facet popover (anchored to a pill) */
+.facet-pop {
+  position: absolute; top: calc(100% + 6px); left: 0;
+  min-width: 240px;
+  background: var(--surface-0); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); box-shadow: var(--shadow-lg);
+  padding: var(--sp-2);
+  z-index: 40;
+}
+.facet-pop .opt {
+  display: flex; align-items: center; gap: var(--sp-2);
+  width: 100%; text-align: left;
+  padding: 6px var(--sp-2);
+  border: 0; background: transparent;
+  border-radius: var(--r-sm);
+  font-family: inherit; font-size: var(--fs-sm);
+  color: var(--fg-2);
+  cursor: pointer;
+}
+.facet-pop .opt:hover { background: var(--bg-hover); color: var(--fg-1); }
+.facet-pop .opt .check {
+  width: 14px; height: 14px; border-radius: 3px;
+  border: 1.5px solid var(--border-strong);
+  display: inline-flex; align-items: center; justify-content: center;
+  color: #fff; background: var(--surface-0);
+  flex-shrink: 0;
+}
+.facet-pop .opt.is-on .check { background: var(--ldh-blue-500); border-color: var(--ldh-blue-500); }
+.facet-pop .opt .nm { flex: 1; }
+.facet-pop .opt .cnt { font-family: var(--font-mono); font-size: 10px; color: var(--fg-hint); }
+.facet-pop .facet-values { display: flex; flex-direction: column; gap: 1px; max-height: 264px; overflow: auto; }
+.facet-pop .facet-empty { padding: 8px var(--sp-2); font-size: var(--fs-xs); color: var(--fg-muted); }
+/* Sort menu — single-selection, so no leading checkbox. The chosen key is the
+   highlighted row plus a trailing tick; the facet menu's .check box is its
+   multi-select affordance and would misdescribe this one. */
+.facet-pop.sort-pop .opt.is-on { background: var(--bg-selected); color: var(--fg-selected); font-weight: var(--fw-medium); }
+.facet-pop.sort-pop .opt .tick { margin-left: auto; color: var(--fg-selected); flex-shrink: 0; }
+.facet-pop .head {
+  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2);
+  padding: 6px var(--sp-2) 6px;
+  border-bottom: 1px solid var(--border-default);
+  margin-bottom: 4px;
+}
+.facet-pop .head .pname {
+  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.02em;
+  text-transform: uppercase; color: var(--fg-muted);
+}
+.facet-pop .head .clear {
+  border: 0; background: transparent; cursor: pointer;
+  font-family: var(--font-sans); font-size: 11px; font-weight: var(--fw-medium);
+  color: var(--fg-link); padding: 0;
+}
+.facet-pop .head .clear:hover { text-decoration: underline; }
+
+/* Two-option list/grid toggle in the sidebar's Latest-documents modal. NOT the
+   view's layout switcher any more — five options in a strip was too much
+   toolbar for too little; that is <ModeSwitcher size="sm"> now. A segmented
+   control still earns its space at two options. */
+.view-mode-seg {
+  display: inline-flex; align-items: center;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  padding: 2px;
+}
+.view-mode-seg button {
+  width: 28px; height: 24px;
+  display: inline-flex; align-items: center; justify-content: center;
+  background: transparent; border: 0; border-radius: 4px;
+  color: var(--fg-muted);
+}
+.view-mode-seg button:hover { background: var(--bg-hover); color: var(--fg-1); }
+.view-mode-seg button.is-on { background: var(--bg-accent-quiet); color: var(--ldh-blue-700); }
+
+/* The sort control is <SortControl>: a .facet-pill key dropdown plus a
+   .facet-pill.sort-dir direction button. The old static .sort-drop div (a
+   hardcoded arrow that opened nothing) is gone. */
+
+/* ---------- GridViewBlock — cards grid ---------- */
+.ldh-grid-block {
+  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: var(--sp-4);
+  padding: var(--sp-5) var(--sp-6);
+}
+/* When a view block sits inside the standard <Block> shell, its .ldh-block-body
+   already provides the 24px content inset (titles align to it). The grid and the
+   view-toolbar must NOT re-pad horizontally or they double it (cards landed at
+   ~48px while the block title sat at 24px). Drop the redundant horizontal inset
+   and the grid's doubled bottom padding so everything aligns to the title. */
+.ldh-block-body > .ldh-grid-block { padding: var(--sp-2) 0 0; }
+.ldh-block-body > .ldh-view-toolbar { padding-left: 0; padding-right: 0; }
+/* The pivot bar is the toolbar's sibling and must take the same treatment: the
+   block body already supplies the --sp-6 inset, so keeping its own would push
+   the pivot pills 24px right of the facet pills. */
+.ldh-block-body > .ldh-pivot-bar { padding-left: 0; padding-right: 0; }
+.ldh-grid-block .card {
+  position: relative;
+  display: flex; flex-direction: column; align-items: stretch;
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  overflow: hidden;
+  text-decoration: none; color: inherit;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft), transform var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-grid-block .card:hover {
+  border-color: var(--ldh-blue-300);
+  box-shadow: var(--shadow-sm);
+  transform: translateY(-2px);
+  text-decoration: none;
+}
+.ldh-grid-block .card .img {
+  aspect-ratio: 4 / 3;
+  display: flex; align-items: center; justify-content: center;
+  color: rgba(0,0,0,0.45);
+}
+.ldh-grid-block .card .img .msi { font-size: 56px; }
+.ldh-grid-block .card .card-body { padding: var(--sp-3) var(--sp-4); display: flex; flex-direction: column; gap: 4px; }
+.ldh-grid-block .card .ti { display: block; font-weight: var(--fw-semibold); color: var(--ldh-blue-700); font-size: var(--fs-base); line-height: var(--lh-snug); }
+.ldh-grid-block .card .meta { display: block; font-size: var(--fs-xs); color: var(--fg-muted); line-height: var(--lh-base); }
+.ldh-grid-block .card .pin {
+  position: absolute; top: var(--sp-2); right: var(--sp-2);
+  display: flex; gap: 2px;
+  opacity: 0; transition: opacity var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-grid-block .card:hover .pin { opacity: 1; }
+/* Decorative icon slots inside a card link — they cannot be buttons (nested
+   interactive content), so they get their own class rather than borrowing one. */
+.ldh-grid-block .card .pin .ldh-pin-ic {
+  width: 28px; height: 28px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: var(--r-sm);
+  background: rgba(255,255,255,0.92); backdrop-filter: blur(6px);
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  color: var(--fg-2);
+  display: inline-flex; align-items: center; justify-content: center;
+}
+
+/* Pastel image fills for category cards */
+.img-lavender { background: var(--surf-lavender); }
+.img-mint     { background: var(--surf-mint); }
+.img-peach    { background: var(--surf-peach); }
+.img-sky      { background: var(--surf-sky); }
+.img-blush    { background: var(--surf-blush); }
+.img-sand     { background: var(--surf-sand); }
+.img-mesh     { background: var(--grad-aurora); }
+
+/* ---------- ListViewBlock — rows of resources ---------- */
+.ldh-list-block { display: flex; flex-direction: column; }
+.ldh-list-block .row {
+  display: grid; grid-template-columns: 28px 1fr auto auto;
+  align-items: center; gap: var(--sp-3);
+  padding: var(--sp-3) var(--sp-6);
+  border-bottom: 1px solid var(--border-default);
+  text-decoration: none; color: inherit;
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-list-block .row:last-child { border-bottom: 0; }
+.ldh-list-block .row:hover { background: var(--surface-1); text-decoration: none; }
+.ldh-list-block .row .ti {
+  font-weight: var(--fw-medium); color: var(--ldh-blue-700); font-size: var(--fs-base);
+}
+.ldh-list-block .row .desc { display: block; font-size: var(--fs-sm); color: var(--fg-muted); font-weight: 400; margin-top: 1px; }
+.ldh-list-block .row .ic {
+  width: 28px; height: 28px; border-radius: var(--r-sm);
+  display: inline-flex; align-items: center; justify-content: center;
+  color: var(--fg-muted); background: var(--surface-2);
+}
+.ldh-list-block .row .ts {
+  font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); white-space: nowrap;
+}
+/* An rdf:type value renders as the core type Tag (.ldhc-tag.em-quiet.co-primary)
+   wherever it lands — property values, table cells and list rows alike. The
+   `.type` cell only PLACES that Tag; it paints no pill of its own. Only the
+   title-line `a.ldh-type-chip` stays distinct, as the linked variant.
+   `.ldh-type-chip` here is the OUTGOING markup — the shipped bundle still
+   emits it until recompile, so it keeps its placement rule. */
+.ldh-list-block .row .type { display: inline-flex; flex-shrink: 0; }
+.ldh-list-block .row .ldh-type-chip { flex-shrink: 0; }
+
+/* ---------- Full-bleed mode wrappers (Graph / Map) ---------- */
+.ldh-fullbleed {
+  position: relative;
+  height: calc(100vh - 56px - 40px - 64px - 64px);   /* viewport - header - tabs - actionbar - some breathing */
+  min-height: 520px;
+  border-radius: var(--r-lg);
+  overflow: hidden;
+  border: 1px solid var(--border-default);
+}
+.ldh-fullbleed .overlay {
+  position: absolute;
+  z-index: 5;
+  background: rgba(255,255,255,0.92);
+  backdrop-filter: blur(8px);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  padding: var(--sp-2) var(--sp-3);
+  font-size: var(--fs-sm); color: var(--fg-2);
+  box-shadow: var(--shadow-sm);
+}
+.ldh-fullbleed .overlay.on-dark {
+  background: rgba(8, 14, 32, 0.7);
+  border-color: rgba(255,255,255,0.10);
+  color: rgba(255,255,255,0.92);
+}
+.ldh-fullbleed .overlay.tl { top: var(--sp-3); left: var(--sp-3); }
+.ldh-fullbleed .overlay.tr { top: var(--sp-3); right: var(--sp-3); }
+.ldh-fullbleed .overlay.bl { bottom: var(--sp-3); left: var(--sp-3); }
+.ldh-fullbleed .overlay.bc { bottom: var(--sp-3); left: 50%; transform: translateX(-50%); }
+
+/* Graph viewer */
+.graph-canvas {
+  position: absolute; inset: 0;
+  background:
+    radial-gradient(circle at 1px 1px, rgba(255,255,255,0.10) 1px, transparent 1.4px) 0 0 / 22px 22px,
+    radial-gradient(60% 60% at 30% 20%, rgba(77,148,248,0.22) 0%, transparent 60%),
+    radial-gradient(50% 50% at 80% 70%, rgba(153,84,187,0.20) 0%, transparent 65%),
+    linear-gradient(180deg, #0a1230 0%, #141d3d 100%);
+}
+.graph-canvas svg { width: 100%; height: 100%; display: block; }
+.graph-canvas .node-label {
+  position: absolute; transform: translate(-50%, -50%);
+  font-family: var(--font-mono); font-size: 10px;
+  color: rgba(255,255,255,0.85);
+  background: rgba(8, 14, 32, 0.6);
+  padding: 1px 6px; border-radius: 3px;
+  pointer-events: none; white-space: nowrap;
+}
+.graph-filters .row {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: 4px 0;
+  font-size: var(--fs-sm); color: rgba(255,255,255,0.85);
+  cursor: pointer;
+}
+.graph-filters .row .check {
+  width: 14px; height: 14px; border-radius: 3px;
+  border: 1.5px solid rgba(255,255,255,0.45);
+  display: inline-flex; align-items: center; justify-content: center;
+  color: #0a1230;
+}
+.graph-filters .row.is-on .check { background: var(--ldh-blue-400); border-color: var(--ldh-blue-400); }
+.graph-filters .row.is-disabled { opacity: 0.45; }
+
+.graph-zoom {
+  display: flex; flex-direction: column; gap: 2px;
+  padding: 2px;
+}
+.graph-zoom button {
+  width: 32px; height: 28px;
+  background: transparent; border: 0; color: var(--fg-2);
+  border-radius: 4px;
+  display: inline-flex; align-items: center; justify-content: center;
+}
+.graph-zoom button + button { border-top: 1px solid var(--border-default); border-radius: 0; }
+.graph-zoom button:hover { background: var(--surface-2); }
+
+/* Selected-node side panel (right-side floating) */
+.graph-detail {
+  position: absolute; top: var(--sp-3); right: var(--sp-3); bottom: var(--sp-3);
+  width: 280px;
+  background: rgba(8, 14, 32, 0.84);
+  backdrop-filter: blur(12px);
+  color: rgba(255,255,255,0.92);
+  border: 1px solid rgba(255,255,255,0.10);
+  border-radius: var(--r-md);
+  padding: var(--sp-4);
+  display: flex; flex-direction: column; gap: var(--sp-3);
+  font-size: var(--fs-sm);
+  z-index: 6;
+}
+.graph-detail .iri { font-family: var(--font-mono); font-size: var(--fs-xs); color: rgba(255,255,255,0.65); word-break: break-all; }
+.graph-detail .h { font-weight: var(--fw-semibold); color: #fff; }
+.graph-detail dl { display: grid; grid-template-columns: 96px 1fr; gap: 4px var(--sp-3); margin: 0; }
+.graph-detail dt { font-family: var(--font-mono); font-size: 10px; color: rgba(255,255,255,0.55); text-align: right; letter-spacing: 0.02em; }
+.graph-detail dd { margin: 0; color: rgba(255,255,255,0.92); }
+
+/* Map canvas */
+.map-canvas {
+  position: absolute; inset: 0;
+  background:
+    radial-gradient(ellipse at 30% 40%, #f5edd9 0%, #f5edd9 12%, transparent 14%),
+    radial-gradient(ellipse at 55% 50%, #f5edd9 0%, #f5edd9 18%, transparent 20%),
+    radial-gradient(ellipse at 75% 35%, #f5edd9 0%, #f5edd9 10%, transparent 12%),
+    radial-gradient(ellipse at 65% 70%, #f5edd9 0%, #f5edd9 14%, transparent 16%),
+    linear-gradient(180deg, #d6e7f5 0%, #c4dbef 100%);
+  background-size: 200% 180%, 240% 200%, 180% 160%, 200% 180%, 100% 100%;
+  background-position: -40% 30%, 25% 20%, 60% -10%, 40% 60%, 0 0;
+  background-repeat: no-repeat;
+}
+.map-canvas::before {
+  content: "";
+  position: absolute; inset: 0;
+  background-image:
+    linear-gradient(0deg, transparent 49%, rgba(78, 128, 178, 0.12) 50%, transparent 51%),
+    linear-gradient(90deg, transparent 49%, rgba(78, 128, 178, 0.12) 50%, transparent 51%);
+  background-size: 80px 80px;
+  opacity: 0.5;
+}
+.map-pin {
+  position: absolute;
+  width: 16px; height: 16px; border-radius: 50%;
+  background: var(--ldh-blue-500);
+  border: 3px solid #fff;
+  box-shadow: 0 4px 10px -2px rgba(15,23,42,0.45);
+  transform: translate(-50%, -100%);
+}
+.map-pin.warn { background: var(--warning-500); }
+.map-pin.good { background: var(--success-500); }
+.map-pin.accent { background: var(--ldh-violet-500); }
+.map-attrib {
+  position: absolute; bottom: 6px; right: 8px;
+  font-size: 10px; color: rgba(0,0,0,0.55); font-family: var(--font-sans);
+  background: rgba(255,255,255,0.7); padding: 1px 6px; border-radius: 3px;
+}
+.map-scale {
+  position: absolute; bottom: 28px; left: 14px;
+  display: flex; align-items: center; gap: 6px;
+  background: rgba(255,255,255,0.85); padding: 3px 8px; border-radius: 4px;
+  font-family: var(--font-mono); font-size: 10px; color: var(--fg-2);
+}
+.map-scale .bar { display: inline-block; width: 50px; height: 4px; background: var(--ink-2); border-radius: 1px; }
+
+/* Document edit modal — larger than search; reuses .ldh-prop-* primitives */
+/* size="lg" + core header replace the old .ldh-doc-edit width/.mhead rules. */
+
+/* IRI bar under the modal header */
+.ldh-doc-iri-edit {
+  padding: 10px var(--sp-6);
+  font-family: var(--font-mono);
+  font-size: var(--fs-xs);
+  color: var(--ldh-blue-700);
+  background: var(--surface-1);
+  border-bottom: 1px solid var(--border-default);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Create-intent: parent container + slug input. The slug input grows to fill
+   remaining space; the parent IRI is read-only and ellipses on overflow. */
+.ldh-doc-iri-create {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 10px var(--sp-6);
+  font-family: var(--font-mono);
+  font-size: var(--fs-xs);
+  background: var(--surface-1);
+  border-bottom: 1px solid var(--border-default);
+  min-width: 0;
+}
+.ldh-doc-iri-create .msi {
+  color: var(--ldh-blue-700);
+  flex-shrink: 0;
+}
+.ldh-doc-iri-create .parent {
+  color: var(--ldh-blue-700);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+  flex-shrink: 1;
+}
+.ldh-doc-iri-create .trail {
+  color: var(--ldh-blue-700);
+  flex-shrink: 0;
+}
+.ldh-doc-iri-create .slug {
+  font: inherit;
+  color: var(--fg-1);
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-sm);
+  padding: 3px 8px;
+  min-width: 0;
+  flex: 1;
+  outline: none;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-doc-iri-create .slug:focus {
+  border-color: var(--ldh-blue-400);
+  box-shadow: 0 0 0 3px rgba(77, 148, 248, 0.18);
+}
+.ldh-doc-edit-body {
+  flex: 1; overflow: auto;
+  display: flex; flex-direction: column;
+}
+
+/* ---------- Constructor modal ---------- */
+.ldh-ctor-modal { width: min(760px, calc(100vw - var(--sp-12))); max-height: calc(100vh - 96px); display: flex; flex-direction: column; }
+.ldh-ctor-body { flex: 1; overflow: auto; padding: var(--sp-5) var(--sp-6); display: flex; flex-direction: column; gap: var(--sp-4); }
+.ldh-ctor-lede { margin: 0; font-size: var(--fs-sm); color: var(--fg-2); line-height: var(--lh-base); }
+.ldh-ctor-card {
+  border: 1px solid var(--border-default); border-radius: var(--r-lg);
+  background: var(--surface-1); overflow: hidden;
+}
+.ldh-ctor-card-head {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--sp-3) var(--sp-4);
+  border-bottom: 1px solid var(--border-default);
+  background: var(--surface-0);
+}
+.ldh-ctor-card-head .ttl {
+  font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: 0.02em;
+  color: var(--ldh-blue-700); font-weight: var(--fw-semibold);
+}
+.ldh-ctor-rmctor {
+  width: 28px; height: 28px; border: 0; background: transparent; border-radius: var(--r-sm);
+  display: inline-flex; align-items: center; justify-content: center; color: var(--fg-muted); cursor: pointer;
+}
+.ldh-ctor-rmctor:hover { background: var(--danger-50); color: var(--danger-500); }
+.ldh-ctor-rows { display: flex; flex-direction: column; }
+.ldh-ctor-empty { padding: var(--sp-4); font-size: var(--fs-sm); color: var(--fg-muted); text-align: center; }
+.ldh-ctor-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) auto minmax(0, 1fr) 32px;
+  align-items: center; gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-4);
+  border-top: 1px solid var(--border-default);
+}
+.ldh-ctor-rows .ldh-ctor-row:first-child { border-top: 0; }
+.ldh-ctor-row select {
+  height: 36px; min-width: 0; padding: 0 var(--sp-2) 0 10px;
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  background: var(--surface-0); color: var(--fg-1);
+  font: inherit; font-size: var(--fs-sm); cursor: pointer;
+}
+.ldh-ctor-row select.ctor-pred { font-weight: var(--fw-medium); }
+.ldh-ctor-row select.ctor-range { font-family: var(--font-mono); }
+.ldh-ctor-row select:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: 0 0 0 3px rgba(77,148,248,0.18); }
+
+/* Predicate typeahead (combobox) */
+.ctor-pred-ta { position: relative; min-width: 0; }
+.ctor-pred-btn {
+  display: flex; align-items: baseline; gap: 8px; width: 100%;
+  height: 36px; padding: 0 8px 0 10px;
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  background: var(--surface-0); cursor: pointer; font: inherit; text-align: left;
+}
+.ctor-pred-btn:hover { border-color: var(--border-strong); }
+.ctor-pred-btn.is-open { border-color: var(--ldh-blue-400); box-shadow: 0 0 0 3px rgba(77,148,248,0.18); }
+.ctor-pred-btn .lbl { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--fg-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ctor-pred-btn .curie { font-family: var(--font-mono); font-size: 10px; color: var(--fg-hint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; }
+.ctor-pred-btn .caret { color: var(--fg-muted); align-self: center; flex-shrink: 0; }
+.ctor-pred-pop {
+  position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 70;
+  background: var(--surface-0); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); box-shadow: var(--shadow-md);
+  overflow: hidden; min-width: 320px;
+  animation: menu-pop var(--dur-fast) var(--ease-out-soft);
+}
+.ctor-pred-search {
+  display: flex; align-items: center; gap: 6px;
+  padding: 8px 10px; border-bottom: 1px solid var(--border-default);
+}
+.ctor-pred-search .msi { color: var(--fg-muted); }
+.ctor-pred-search input {
+  flex: 1; border: 0; outline: none; background: transparent;
+  font: inherit; font-size: var(--fs-sm); color: var(--fg-1);
+}
+.ctor-pred-list { max-height: 264px; overflow: auto; padding: 4px; }
+.ctor-pred-opt {
+  display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px;
+  width: 100%; text-align: left;
+  padding: 7px 8px; border: 0; background: transparent; border-radius: var(--r-sm); cursor: pointer;
+}
+.ctor-pred-opt:hover, .ctor-pred-opt.is-active { background: var(--surface-1); }
+.ctor-pred-opt.is-sel { background: var(--bg-accent-quiet); }
+.ctor-pred-opt .lbl { font-size: var(--fs-sm); color: var(--fg-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ctor-pred-opt .curie { font-family: var(--font-mono); font-size: 11px; color: var(--ldh-blue-700); }
+.ctor-pred-opt .chk { color: var(--ldh-blue-700); }
+.ctor-pred-empty { padding: 10px; display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-sm); color: var(--fg-2); }
+.ctor-pred-empty .hint { font-size: var(--fs-xs); color: var(--fg-muted); }
+.ctor-term {
+  display: inline-flex; padding: 2px; gap: 2px;
+  background: var(--surface-2); border: 1px solid var(--border-default); border-radius: var(--r-md);
+}
+.ctor-term button {
+  border: 0; background: transparent; cursor: pointer;
+  padding: 4px 10px; border-radius: var(--r-sm);
+  font: inherit; font-size: var(--fs-xs); font-weight: var(--fw-medium); color: var(--fg-2);
+}
+.ctor-term button:hover { color: var(--fg-1); }
+.ctor-term button.is-on { background: var(--surface-0); color: var(--ldh-blue-700); box-shadow: var(--shadow-xs); }
+.ctor-rm {
+  width: 32px; height: 32px; border: 0; background: transparent; border-radius: var(--r-sm);
+  display: inline-flex; align-items: center; justify-content: center; color: var(--fg-muted); cursor: pointer;
+}
+.ctor-rm:hover { background: var(--danger-50); color: var(--danger-500); }
+.ldh-ctor-addprop {
+  display: flex; align-items: center; gap: 6px; width: 100%;
+  padding: var(--sp-3) var(--sp-4);
+  border: 0; border-top: 1px dashed var(--border-default);
+  background: transparent; color: var(--ldh-blue-700);
+  font: inherit; font-size: var(--fs-sm); font-weight: var(--fw-medium); cursor: pointer;
+}
+.ldh-ctor-addprop:hover { background: var(--bg-accent-quiet); }
+.ldh-ctor-addctor {
+  align-self: flex-start;
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 8px 12px;
+  border: 1px dashed var(--border-strong); border-radius: var(--r-md);
+  background: transparent; color: var(--fg-2);
+  font: inherit; font-size: var(--fs-sm); font-weight: var(--fw-medium); cursor: pointer;
+}
+.ldh-ctor-addctor:hover { color: var(--fg-1); border-color: var(--ldh-blue-400); background: var(--surface-1); }
+
+/* ============================================================
+   Resource edit form — subject identity bar + form actions
+   Shared by the read-mode property editor and the edit/create
+   modal (via <ResourceEditForm>), so every authoring surface
+   carries the identical subject-URI control and Actions menu.
+   ============================================================ */
+.ldh-edit-form { display: flex; flex-direction: column; }
+
+/* Subject toggle is <IconButton pressed>; the primitive owns both states. */
+
+/* Subject identity — a single row (term-type select + IRI field + copy +
+   Actions), revealed by the header toggle. Replaces the live product's
+   chevron-toggled URI row and the redundant read-only summary. */
+.ldh-subject {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-5);
+  background: var(--surface-1);
+  border-bottom: 1px solid var(--border-default);
+}
+.ldh-subject .term-select {
+  flex-shrink: 0;
+  height: 38px; padding: 0 var(--sp-2) 0 12px;
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  background: var(--surface-0); color: var(--fg-1);
+  font: inherit; font-size: var(--fs-sm); font-weight: var(--fw-medium);
+  cursor: pointer;
+}
+.ldh-subject .term-select:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: 0 0 0 3px rgba(77,148,248,0.18); }
+.ldh-subject .uri-field {
+  flex: 1; min-width: 0;
+  display: flex; align-items: center; gap: var(--sp-2);
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  padding: 0 10px; height: 38px;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-subject .uri-field .msi { color: var(--ldh-blue-700); flex-shrink: 0; }
+.ldh-subject .uri-field .msi.warn { color: var(--danger-500); margin-left: auto; }
+.ldh-subject .uri-field input {
+  flex: 1; min-width: 0; border: 0; background: transparent; outline: none;
+  font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--fg-1);
+}
+.ldh-subject .uri-field:focus-within { border-color: var(--ldh-blue-400); box-shadow: 0 0 0 3px rgba(77,148,248,0.18); }
+.ldh-subject .uri-field.invalid { border-color: var(--danger-500); }
+.ldh-subject .uri-field .parent { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--ldh-blue-700); white-space: nowrap; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; }
+.ldh-subject .uri-field .slug { flex: 1; }
+.ldh-subject .uri-field .trail { font-family: var(--font-mono); color: var(--ldh-blue-700); flex-shrink: 0; }
+.ldh-subject .bnode-inline {
+  flex: 1; min-width: 0;
+  display: flex; align-items: center; gap: var(--sp-2);
+  height: 38px; font-size: var(--fs-sm); color: var(--fg-2);
+}
+.ldh-subject code { font-family: var(--font-mono); background: var(--surface-0); border: 1px solid var(--border-default); padding: 2px 7px; border-radius: var(--r-xs); color: var(--fg-1); }
+.ldh-subject-tools { display: flex; align-items: center; gap: var(--sp-1); flex-shrink: 0; }
+.ldh-subject-copy {
+  width: 34px; height: 34px; flex-shrink: 0;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: 0; background: transparent; border-radius: var(--r-sm);
+  color: var(--fg-muted); cursor: pointer;
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-subject-copy:hover { background: var(--bg-hover); color: var(--fg-1); }
+
+/* Form action(s): a single action is a direct button; 2+ become a dropdown. */
+.ldh-form-actions-wrap { position: relative; }
+.ldh-form-action {
+  display: inline-flex; align-items: center; gap: 6px;
+  height: 34px; padding: 0 10px;
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  background: var(--surface-0); color: var(--fg-1);
+  font: inherit; font-size: var(--fs-sm); font-weight: var(--fw-medium);
+  cursor: pointer; white-space: nowrap;
+  transition: background var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-form-action:hover { background: var(--bg-hover); border-color: var(--border-strong); }
+.ldh-form-action .caret { margin-left: -2px; transition: transform var(--dur-fast) var(--ease-out-soft); }
+.ldh-form-action.is-open .caret { transform: rotate(180deg); }
+.ldh-form-actions-menu {
+  position: absolute; right: 0; top: calc(100% + 6px);
+  min-width: 264px;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  box-shadow: var(--shadow-md);
+  padding: var(--sp-1); z-index: 60;
+  animation: menu-pop var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-form-actions-menu .it {
+  display: grid; grid-template-columns: 28px 1fr; gap: var(--sp-2);
+  width: 100%; text-align: left;
+  padding: var(--sp-2); border: 0; background: transparent;
+  border-radius: var(--r-sm); cursor: pointer; font: inherit; color: var(--fg-1);
+}
+.ldh-form-actions-menu .it:hover { background: var(--surface-1); }
+.ldh-form-actions-menu .it .ico {
+  width: 28px; height: 28px; border-radius: var(--r-sm);
+  display: inline-flex; align-items: center; justify-content: center;
+  background: var(--bg-accent-quiet); color: var(--ldh-blue-700);
+}
+.ldh-form-actions-menu .it .body { min-width: 0; display: flex; flex-direction: column; }
+.ldh-form-actions-menu .it .lbl { font-size: var(--fs-sm); font-weight: var(--fw-medium); }
+.ldh-form-actions-menu .it .sub { font-size: var(--fs-xs); color: var(--fg-2); }
+.ldh-form-actions-menu .it.is-danger .ico { background: var(--danger-50); color: var(--danger-500); }
+
+/* Modal chrome is core: .ldhc-backdrop / .ldhc-modal / .ldhc-modal-head|body|foot
+   (ui_kits/core/overlays.css). The old .ldh-modal-backdrop + .ldh-modal + .mhead
+   set was a SECOND modal system with no focus trap, no Escape handling and no
+   depth stacking; all five dialogs now use core <Modal>, which has all three.
+   What remains below is per-dialog BODY styling only. */
+/* ---------- Access-request modal ---------- */
+/* The dialog's leading glyph is core <Modal icon>; .ldhc-modal-icon styles it. */
+.ar-body { padding: var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-4); overflow-y: auto; }
+.ar-pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
+.ar-card {
+  display: flex; flex-direction: column; gap: 4px;
+  padding: var(--sp-3); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); background: var(--surface-1); min-width: 0;
+}
+.ar-k { font-size: var(--fs-xs); color: var(--fg-hint); font-weight: var(--fw-medium); }
+.ar-v { display: flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--fg-1); }
+.ar-v .msi { color: var(--fg-muted); }
+.ar-iri {
+  font-family: var(--font-mono); font-size: 11px; color: var(--ink-4);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.ar-current {
+  display: flex; align-items: center; gap: var(--sp-2);
+  font-size: var(--fs-sm); color: var(--fg-2);
+  background: var(--surf-sky); padding: var(--sp-2) var(--sp-3); border-radius: var(--r-sm);
+}
+.ar-current .msi { color: var(--bg-accent); flex-shrink: 0; }
+.ar-modes { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
+.ar-modes legend { font-size: var(--fs-xs); color: var(--fg-hint); font-weight: var(--fw-medium); padding: 0; margin-bottom: 2px; }
+.ar-mode {
+  display: flex; align-items: center; gap: var(--sp-3);
+  padding: var(--sp-3); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); cursor: pointer;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.ar-mode:hover { background: var(--bg-hover); }
+.ar-mode input { position: absolute; opacity: 0; pointer-events: none; }
+.ar-mode.is-on { border-color: var(--bg-accent); background: var(--bg-accent-quiet); }
+.ar-mode-ic {
+  width: 32px; height: 32px; flex-shrink: 0;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: var(--r-sm); background: var(--surface-2); color: var(--fg-muted);
+}
+.ar-mode.is-on .ar-mode-ic { background: var(--bg-accent); color: var(--fg-on-accent); }
+.ar-mode-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
+.ar-mode-label { display: flex; align-items: center; gap: var(--sp-2); font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--fg-1); }
+.ar-mode-pred { font-family: var(--font-mono); font-size: 10px; font-weight: var(--fw-regular); color: var(--ink-4); }
+.ar-mode-desc { font-size: var(--fs-xs); color: var(--fg-muted); }
+.ar-mode-check { color: var(--bg-accent); opacity: 0; flex-shrink: 0; }
+.ar-mode.is-on .ar-mode-check { opacity: 1; }
+.ar-msg { display: flex; flex-direction: column; gap: 6px; }
+.ar-opt { font-weight: var(--fw-regular); color: var(--ink-4); }
+.ar-msg textarea {
+  font: inherit; font-size: var(--fs-sm); color: var(--fg-1);
+  padding: var(--sp-2) var(--sp-3); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); background: var(--surface-0); resize: vertical;
+}
+.ar-msg textarea:focus { outline: none; border-color: var(--ldh-blue-400); box-shadow: 0 0 0 3px var(--bg-accent-quiet); }
+.ar-foot {
+  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3);
+  padding: var(--sp-3) var(--sp-5); border-top: 1px solid var(--border-default); background: var(--surface-1);
+}
+.ar-foot-note { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--fg-hint); }
+.ar-foot-note .msi { font-size: 14px; }
+.ar-foot-btns { display: flex; align-items: center; gap: var(--sp-2); }
+.ar-sent { padding: var(--sp-8) var(--sp-6); text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--sp-2); }
+.ar-sent-ic {
+  width: 56px; height: 56px; margin-bottom: var(--sp-2);
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: 999px; background: var(--success-50); color: var(--success-500);
+}
+.ar-sent-ic .msi { font-size: 28px; }
+.ar-sent h3 { margin: 0; font-size: var(--fs-lg); font-weight: var(--fw-semibold); color: var(--fg-1); }
+.ar-sent p { margin: 0 0 var(--sp-3); font-size: var(--fs-sm); color: var(--fg-muted); max-width: 360px; }
+/* Search field — the query input at the top of the search modal. Replaces
+   .minput, which was search-only despite the generic name. */
+.ldh-search-field {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: 0 var(--sp-5);
+  border-bottom: 1px solid var(--border-default);
+  height: 60px; flex-shrink: 0;
+}
+.ldh-search-field > .msi { color: var(--fg-muted); flex-shrink: 0; }
+.ldh-search-field input {
+  flex: 1; min-width: 0; height: 100%; border: 0; outline: 0;
+  background: transparent; font: inherit; font-size: var(--fs-lg); color: var(--fg-1);
+}
+.ldh-search-field input::placeholder { color: var(--fg-hint); }
+/* type="search" makes WebKit/Blink render their OWN clear button, which sat
+   next to our IconButton — two × controls, one unstyled and unthemed. The
+   input keeps type="search" (correct semantics, and it gets the platform's
+   search affordances) and we suppress the native decorations. */
+.ldh-search-field input::-webkit-search-cancel-button,
+.ldh-search-field input::-webkit-search-decoration,
+.ldh-search-field input::-webkit-search-results-button,
+.ldh-search-field input::-webkit-search-results-decoration {
+  -webkit-appearance: none; appearance: none; display: none;
+}
+
+/* The embedded results view. Search results ARE a view — the real <View>
+   block is mounted here, so it must sit flush inside the flush modal body
+   rather than reading as a card floating in a dialog. */
+.ldh-search-view { flex: 1; min-height: 0; overflow-y: auto; }
+/* No chrome overrides here: the embedded <View> is passed `quiet`, so it
+   renders .ldh-block.is-quiet — the variant that is already transparent and
+   borderless, and which every skin already patches. Overriding .ldh-block from
+   this scope instead would be a specificity war against each skin's own block
+   rules (the m3 flow patch alone is (0,4,0)), and one the later-loaded skin
+   file wins. */
+/* The block row must not clip the parallax drawer's slide-in. */
+.ldh-search-view .ldh-block-row { overflow: visible; }
+
+.ldhc-modal .mtoolbar {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-5);
+  background: var(--surface-1);
+  border-bottom: 1px solid var(--border-default);
+  font-size: var(--fs-sm); color: var(--fg-muted);
+}
+.ldhc-modal .mtoolbar .count b {
+  display: inline-block; min-width: 20px; padding: 2px 6px;
+  background: var(--ink-1); color: #fff; border-radius: var(--r-pill);
+  font-family: var(--font-mono); font-size: 10px; font-weight: 600; text-align: center;
+  margin-left: 6px;
+}
+.ldhc-modal .mtoolbar .right { margin-left: auto; display: flex; align-items: center; gap: var(--sp-2); }
+.ldhc-modal .mlist { overflow-y: auto; flex: 1; padding: var(--sp-2); }
+.ldhc-modal .mresult {
+  display: grid; grid-template-columns: 32px 1fr auto;
+  gap: var(--sp-3); align-items: center;
+  padding: var(--sp-3); border-radius: var(--r-sm);
+  cursor: pointer;
+}
+.ldhc-modal .mresult:hover { background: var(--surface-1); }
+.ldhc-modal .mresult .ic {
+  width: 32px; height: 32px; border-radius: var(--r-sm);
+  background: var(--bg-accent-quiet); color: var(--ldh-blue-700);
+  display: inline-flex; align-items: center; justify-content: center;
+}
+.ldhc-modal .mresult .ti { font-weight: var(--fw-medium); color: var(--ldh-blue-700); }
+.ldhc-modal .mresult .meta { display: block; font-size: var(--fs-xs); color: var(--fg-muted); margin-top: 2px; font-family: var(--font-mono); }
+.ldhc-modal .mresult .badge {
+  font-family: var(--font-mono); font-size: 10px; color: var(--fg-muted);
+  padding: 2px 8px; background: var(--surface-2); border-radius: var(--r-pill);
+}
+.ldhc-modal .mhint {
+  display: flex; align-items: center; gap: var(--sp-3);
+  padding: var(--sp-3) var(--sp-5);
+  background: var(--surface-1);
+  border-top: 1px solid var(--border-default);
+  font-size: var(--fs-xs); color: var(--fg-muted);
+  /* Pinned: it is the last child of a flex-column flush body, so without this
+     it would compress when the results region runs out of room. */
+  flex-shrink: 0;
+}
+.ldhc-modal .mhint kbd {
+  font-family: var(--font-mono); font-size: 10px;
+  padding: 2px 6px; border: 1px solid var(--border-default); border-radius: 4px;
+  background: var(--surface-0);
+}
+.chart-svg { width: 100%; height: 220px; }
+.chart-svg .axis line, .chart-svg .axis path { stroke: var(--line-1); fill: none; }
+.chart-svg .axis text { font-family: var(--font-mono); font-size: 9px; fill: var(--fg-muted); }
+.chart-svg .grid line { stroke: var(--surface-3); stroke-dasharray: 2 3; }
+.chart-svg .series-line { fill: none; stroke: var(--ldh-blue-500); stroke-width: 2; }
+.chart-svg .series-area { fill: var(--ldh-blue-100); opacity: 0.5; }
+.chart-svg .series-dot { fill: var(--ldh-blue-500); }
+.chart-svg .bar { fill: var(--ldh-blue-500); }
+.chart-svg .bar:hover { fill: var(--ldh-blue-600); }
+.chart-svg .legend text { font-family: var(--font-sans); font-size: 10px; fill: var(--fg-muted); }
+
+/* =========================================================================
+   LEFT RAIL — a document tree, and nothing else.
+   The search field, CLASSES and OTHER sections are gone (see DocumentTree.jsx
+   for why each was duplication). What is left is the one thing no other surface
+   does — lateral navigation through the container hierarchy — which is what
+   makes persistent space defensible.
+
+   ANATOMY: ul.ldh-tree > li.is-active > .tree-row > IconButton + a.tree-link
+   Indentation comes from a --depth custom property rather than an inline
+   paddingLeft per row: one rule owns the ramp, so changing it is one edit.
+   ========================================================================= */
+/* The rail is DATASPACE-specific, not global, so it starts below the header and
+   the dataspace tab bar rather than at the top of the viewport — it belongs to
+   the tab you are in, and spanning the chrome would claim otherwise.
+   The offset is DERIVED from --ldh-chrome-h, never a literal: a hardcoded 96
+   duplicates two heights declared elsewhere and misaligns silently if either
+   changes. This only holds because the chrome is sticky (see .ldh-header). */
+.ldh-sidebar {
+  position: fixed; top: var(--ldh-chrome-h); left: 0; bottom: 0; z-index: 30;
+  width: var(--ldh-rail-w); box-sizing: border-box;
+  display: flex; flex-direction: column;
+  background: var(--surface-1);
+  border-right: 1px solid var(--border-default);
+  transform: translateX(-100%);
+  /* Fallback for engines without `inert` (the component sets that attribute
+     when closed): `visibility: hidden` is the one hiding mechanism that DOES
+     remove descendants from the tab order. Transitioned alongside the slide —
+     visibility animates in discrete steps, so the panel stays visible for the
+     whole slide-out and only then goes untabbable. */
+  visibility: hidden;
+  transition: transform var(--dur-base) var(--ease-out-soft),
+              visibility var(--dur-base) var(--ease-out-soft);
+}
+.ldh-sidebar.is-open { transform: none; visibility: visible; }
+
+.sb-head {
+  display: flex; align-items: center; gap: var(--sp-2); flex-shrink: 0;
+  padding: var(--sp-3);
+  border-bottom: 1px solid var(--border-default);
+}
+/* Search is a BUTTON, not a readOnly input — it opens a dialog, so it must not
+   impersonate a field. Styled like a field because that is the shape people
+   look for, but the element tells the truth. */
+.sb-search {
+  display: flex; align-items: center; gap: var(--sp-2);
+  flex: 1; min-width: 0; height: 32px; padding: 0 8px;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  cursor: pointer; text-align: left;
+  font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-hint);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.sb-search:hover { border-color: var(--border-strong); color: var(--fg-2); }
+.sb-search:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.sb-search .msi { color: var(--fg-hint); flex-shrink: 0; }
+.sb-search-label { flex: 1; min-width: 0; }
+.sb-search kbd {
+  flex-shrink: 0; padding: 1px 5px;
+  background: var(--surface-2); border: 1px solid var(--border-default); border-radius: var(--r-xs);
+  font-family: var(--font-mono); font-size: 10px; color: var(--fg-muted);
+}
+
+/* One scroll box for all sections, so the search row and the close button stay
+   pinned while Documents + Classes scroll together. */
+.sb-scroll { flex: 1; min-height: 0; overflow-y: auto; padding-bottom: var(--sp-4); }
+.sb-section + .sb-section { border-top: 1px solid var(--border-default); margin-top: var(--sp-2); padding-top: var(--sp-2); }
+.sb-heading {
+  display: flex; align-items: center; gap: var(--sp-2);
+  margin: 0; padding: var(--sp-2) var(--sp-3) var(--sp-1);
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--fg-hint);
+}
+.sb-heading > span:first-child { flex: 1; min-width: 0; }
+
+/* Classes — the TYPE axis. Same row vocabulary as the tree (.tree-link), since
+   it is the same kind of statement; only the list wrapper differs. */
+.sb-classes { list-style: none; margin: 0; padding: 0 var(--sp-2); }
+/* Classes are a FLAT list — no hierarchy, so no disclosure column. They take a
+   small dot marker rather than the tree's 28px spacer, which is what the
+   reference does and why the spacer version read as misaligned: an indent that
+   deep implies a parent the class list does not have. */
+.sb-classes > li { display: flex; align-items: center; min-width: 0; border-radius: var(--r-sm); }
+.sb-classes > li:hover { background: var(--bg-hover); }
+.sb-classes > li.is-active { background: var(--bg-selected); box-shadow: inset 2px 0 0 var(--fg-selected); }
+.sb-classes > li.is-active .tree-label { color: var(--fg-selected); font-weight: var(--fw-medium); }
+/* The dot sits where the tree's disclosure chevron would, so the two lists share
+   a left edge without the class rows borrowing an indent they have no use for. */
+.sb-classes > li > .tree-link { padding-left: var(--sp-2); }
+.sb-class-dot {
+  width: 6px; height: 6px; flex-shrink: 0; margin-right: 2px;
+  border-radius: 50%; background: var(--ldh-violet-400);
+}
+.sb-classes > li.is-active .sb-class-dot { background: var(--fg-selected); }
+
+/* OTHER — Geo and Latest. A list sharing .tree-link, like the other two
+   sections, so all three scan as one rail rather than three widgets. */
+.sb-other { list-style: none; margin: 0; padding: 0 var(--sp-2); }
+.sb-other > li { display: flex; min-width: 0; border-radius: var(--r-sm); }
+.sb-other > li:hover { background: var(--bg-hover); }
+.sb-other > li > .tree-link { padding-left: var(--sp-2); }
+/* Trailing glyph marking an entry that opens a dialog rather than navigating. */
+.sb-out { margin-left: auto; color: var(--ink-5); flex-shrink: 0; }
+
+.sb-view {
+  display: inline-flex; align-items: center; gap: 6px;
+  flex: 1; justify-content: center; height: 30px; padding: 0 10px;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  color: var(--fg-2); text-decoration: none;
+  font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium);
+  transition: background var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.sb-view:hover { background: var(--bg-accent-quiet); border-color: var(--ldh-blue-400); color: var(--ldh-blue-700); text-decoration: none; }
+.sb-view:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.sb-view .msi { color: var(--fg-hint); }
+.sb-view:hover .msi { color: var(--ldh-blue-700); }
+
+.ldh-tree, .ldh-tree ul { list-style: none; margin: 0; padding: 0; }
+.ldh-tree { padding: 0 var(--sp-2); }
+/* The row is the flex container; the LI carries state so the ground spans the
+   twisty as well as the link (same reason as the tab strip's li.is-active). */
+.ldh-tree .tree-row {
+  display: flex; align-items: center; gap: 2px;
+  padding-left: calc(var(--depth, 0) * 14px);
+  border-radius: var(--r-sm);
+}
+.ldh-tree .tree-row:hover { background: var(--bg-hover); }
+.ldh-tree > li.is-active > .tree-row,
+.ldh-tree li.is-active > .tree-row {
+  background: var(--bg-selected);
+  box-shadow: inset 2px 0 0 var(--fg-selected);
+}
+.ldh-tree li.is-active > .tree-row .tree-label { color: var(--fg-selected); font-weight: var(--fw-medium); }
+.ldh-tree li.is-active > .tree-row .tree-icon { color: var(--fg-selected); }
+
+/* Shared row parts — UNSCOPED, because both navigation axes use them: the
+   document tree and the class list are the same kind of row, so they must be
+   the same rule. Scoping these under .ldh-tree is what left the class list's
+   spacer at 123px (no width, so it just flexed) and the two axes 66px apart.
+   Only genuinely tree-specific things stay scoped: the --depth ramp, the
+   is-active ground, and the lazy-loading row.
+
+   .tree-spacer matches the twisty's 28px box, so labels align whether or not a
+   node has children. Inert — alignment, not a control. */
+.tree-spacer { width: 28px; height: 28px; flex-shrink: 0; }
+
+.tree-link {
+  display: flex; align-items: center; gap: var(--sp-2);
+  flex: 1; min-width: 0; padding: 5px var(--sp-2) 5px 0;
+  color: var(--fg-2); text-decoration: none;
+  font-family: var(--font-sans); font-size: var(--fs-sm);
+  border-radius: var(--r-sm);
+}
+.tree-link:hover { color: var(--fg-1); text-decoration: none; }
+.tree-link:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.tree-icon { color: var(--fg-hint); flex-shrink: 0; }
+.tree-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+/* The member count is a core Tag; only its placement is scoped here. */
+.tree-link > .ldhc-tag { flex-shrink: 0; }
+/* Lazy children in flight. */
+.ldh-tree .tree-loading {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: 5px var(--sp-2) 5px calc(var(--depth, 0) * 14px + 28px);
+  font-size: var(--fs-xs); color: var(--fg-hint);
+}
+
+
+/* ---------- Floating "Show sidebar" toggle ---------- */
+/* Never visible at the same time as the rail: it is fixed bottom-left, and the
+   rail spans from --ldh-chrome-h to the viewport bottom, so an open rail would
+   have the pill sitting in its scroll area over two tree rows. The rail carries
+   its own close button, so while it is open this control is redundant as well
+   as in the way. index.html renders it conditionally; this is the guard for a
+   consumer that does not. */
+.ldh-sidebar.is-open ~ .sidebar-toggle { display: none; }
+.sidebar-toggle {
+  position: fixed; left: var(--sp-4); bottom: var(--sp-4);
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 8px 12px;
+  background: var(--ink-1);
+  color: #fff;
+  border: 0;
+  border-radius: var(--r-pill);
+  font-family: var(--font-mono);
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  cursor: pointer;
+  box-shadow: var(--shadow-lg);
+  z-index: 80;
+  transition: transform var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.sidebar-toggle:hover { transform: translateY(-1px); background: var(--ldh-blue-700); }
+.sidebar-toggle[aria-pressed="true"] { background: var(--ldh-blue-600); }
+.sidebar-toggle .msi { color: rgba(255,255,255,0.9); }
+
+/* Parallax navigation is <PivotBar> — its own row under the facet toolbar,
+   one pill per predicate per direction. The old .ldh-parallax two-column rail
+   is gone; pivots were undiscoverable in a side panel. */
+
+/* =========================================================================
+   Pager — container pagination (limit/offset), sits quietly under a view's
+   list/table. Three zones: page-size selector · prev/status/next · page count.
+   ========================================================================= */
+.ldh-pager {
+  display: flex; align-items: center; justify-content: space-between;
+  gap: var(--sp-4); flex-wrap: wrap;
+  padding: var(--sp-3) var(--sp-6);
+  margin-top: var(--sp-2);
+  border-top: 1px solid var(--border-default);
+}
+/* When the pager sits flush under a grid/list body that already zeroes its
+   side padding (inside .ldh-block-body), align it to the same edges. */
+.ldh-block-body > .ldh-pager { padding-left: 0; padding-right: 0; }
+
+.ldh-pager-size { display: flex; align-items: center; gap: var(--sp-2); }
+.ldh-pager-size label {
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+  letter-spacing: var(--tracking-wide); text-transform: uppercase;
+  color: var(--fg-muted);
+}
+.ldh-pager-select { position: relative; display: inline-flex; align-items: center; }
+.ldh-pager-select select {
+  appearance: none; -webkit-appearance: none;
+  font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-1);
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  padding: 5px 26px 5px 10px; cursor: pointer;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-pager-select select:hover { border-color: var(--border-strong); }
+.ldh-pager-select select:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldh-pager-select .caret {
+  position: absolute; right: 7px; pointer-events: none; color: var(--fg-hint);
+}
+
+.ldh-pager-nav { display: flex; align-items: center; gap: var(--sp-2); }
+/* Pager prev/next are core <Button size="sm" appearance="outline">, which
+   renders an <a> when given href, so paging stays URL-driven. */
+.ldh-pager-status {
+  display: inline-flex; align-items: baseline; gap: 5px;
+  padding: 0 var(--sp-2);
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+  color: var(--fg-muted); white-space: nowrap;
+}
+.ldh-pager-status b { color: var(--fg-1); font-weight: var(--fw-semibold); font-size: var(--fs-sm); }
+.ldh-pager-status .of { color: var(--fg-hint); }
+
+.ldh-pager-page {
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+  color: var(--fg-hint); white-space: nowrap;
+}
+.ldh-pager-page b { color: var(--fg-2); font-weight: var(--fw-semibold); }
+
+@media (max-width: 640px) {
+  .ldh-pager { justify-content: center; }
+  .ldh-pager-page { display: none; }
+}
+
+/* =========================================================================
+   Nested blocks — block-in-block. Each level is a recessed well (no shadow);
+   recession deepens and radius steps DOWN one stop per depth so deep nesting
+   stays calm and corners never mix --r-xs with --r-2xl.
+   ========================================================================= */
+.ldh-nblock {
+  border: 1px solid var(--border-default);
+  background: var(--surface-2);
+  border-radius: var(--r-md);
+  overflow: hidden;
+  margin-top: var(--sp-4);
+}
+.ldh-text-block + .ldh-nblock { margin-top: var(--sp-5); }
+/* Depth ramp: background recedes, radius steps down. */
+.ldh-nblock[data-depth="1"] { background: var(--surface-2); border-radius: var(--r-md); }
+.ldh-nblock[data-depth="2"] { background: var(--surface-3); border-radius: var(--r-sm); }
+.ldh-nblock[data-depth="3"] { background: var(--surface-3); border-color: var(--border-strong); border-radius: var(--r-xs); }
+/* Nested-in-nested spacing tightens slightly with depth. */
+.ldh-nblock .ldh-nblock { margin-top: var(--sp-3); }
+
+.ldh-nblock-head {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-3);
+  border-bottom: 1px solid var(--border-default);
+  background: transparent;
+}
+.ldh-nblock[data-depth="2"] .ldh-nblock-head,
+.ldh-nblock[data-depth="3"] .ldh-nblock-head { border-bottom-color: var(--border-strong); }
+
+.ldh-nblock-drag {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 22px; height: 22px; flex-shrink: 0;
+  color: var(--ink-4); cursor: grab; border-radius: var(--r-xs);
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-nblock-drag:hover { background: var(--bg-hover); color: var(--fg-2); }
+.ldh-nblock-drag:active { cursor: grabbing; }
+.ldh-nblock-drag:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+
+.ldh-nblock-icon {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 24px; height: 24px; flex-shrink: 0;
+  border-radius: var(--r-sm);
+  background: var(--surface-0); color: var(--fg-muted);
+  border: 1px solid var(--border-default);
+}
+.ldh-nblock-titles { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
+/* Title + type chips on one line, mirroring .ldh-res-titleline in the resource
+   header. Replaces .ldh-nblock-kind, a 9.5px mono uppercase eyebrow that gave a
+   chart or view a different type treatment from a person or a product. */
+.ldh-nblock-titleline {
+  display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; min-width: 0;
+}
+/* A nested header is smaller than a block header, so the shared chip steps down
+   with it rather than dominating the title. */
+.ldh-nblock-titleline .ldh-type-chip { height: 18px; padding: 0 6px 0 7px; font-size: 10px; }
+.ldh-nblock-titleline .ldh-type-chip .msi { font-size: 11px; }
+/* Kept live, not renamed: the shipped bundle still emits .ldh-nblock-kind until
+   it recompiles, and pulling its styling in the same turn as the JSX change is
+   what left the resource header unstyled earlier. Remove once no markup emits
+   it. */
+.ldh-nblock-kind {
+  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--tracking-wide);
+  text-transform: uppercase; color: var(--fg-hint);
+}
+.ldh-nblock-title {
+  margin: 0; font-family: var(--font-sans); font-size: var(--fs-sm);
+  font-weight: var(--fw-semibold); color: var(--fg-2);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.ldh-nblock-actions { display: flex; align-items: center; gap: 2px; margin-left: auto; }
+/* A nested toolbar just rests quieter and gains emphasis when its block is
+   hovered; the box itself comes from <IconButton>. */
+.ldh-nblock-actions .ldhc-iconbtn { color: var(--ink-4); }
+.ldh-nblock:hover .ldh-nblock-actions .ldhc-iconbtn { color: var(--fg-muted); }
+
+.ldh-nblock-body { padding: var(--sp-3); }
+.ldh-nblock-lede { margin: 0; font-size: var(--fs-sm); color: var(--fg-muted); line-height: var(--lh-base); }
+.ldh-nblock-foot {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-3);
+  border-top: 1px dashed var(--border-default);
+}
+.ldh-nblock-note { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); }
+/* A chart dropped into a nested block sits on white so the plot reads clearly. */
+.ldh-nchart {
+  background: var(--surface-0); border: 1px solid var(--border-default);
+  border-radius: var(--r-sm); padding: var(--sp-3);
+}
+
+/* Tables are core <DataTable> (.ldhc-table). The four bespoke implementations
+   here — .ldh-data-table, .ldh-mini-table, .ldh-map-table, .ldh-run-list —
+   differed only in column tracks, which is now a --ldhc-cols variable. */
+
+/* =========================================================================
+   Admin surfaces — Ontology editor · Imports · SPARQL editor.
+   All render inside .ldh-content and reuse the shell.
+   ========================================================================= */
+.ldh-admin { display: flex; flex-direction: column; gap: var(--sp-6); width: 100%; min-width: 0; }
+
+/* Shared admin page header */
+.ldh-admin-head {
+  display: flex; align-items: flex-start; justify-content: space-between; gap: var(--sp-4);
+  flex-wrap: wrap;
+}
+.ldh-admin-head-main { display: flex; align-items: flex-start; gap: var(--sp-3); min-width: 0; }
+.ldh-admin-head-icon {
+  width: 44px; height: 44px; flex-shrink: 0; border-radius: var(--r-md);
+  display: inline-flex; align-items: center; justify-content: center;
+  background: var(--bg-accent-quiet); color: var(--ldh-blue-700);
+}
+.ldh-admin-head-icon .msi { font-size: 24px; }
+.ldh-admin-eyebrow {
+  font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: var(--tracking-wide);
+  text-transform: uppercase; color: var(--ldh-blue-600);
+}
+.ldh-admin-title { margin: 2px 0 0; font-family: var(--font-sans); font-size: var(--fs-2xl); font-weight: var(--fw-semibold); letter-spacing: var(--tracking-snug); color: var(--fg-1); }
+.ldh-admin-lede { margin: 6px 0 0; font-size: var(--fs-base); color: var(--fg-muted); line-height: var(--lh-base); max-width: 68ch; }
+.ldh-admin-head-actions { display: flex; align-items: center; gap: var(--sp-2); flex-shrink: 0; }
+
+/* Legacy segmented control. No JSX consumer remains — the import-type and
+   per-browser pickers moved to core <Tabs>, and the view-mode picker to the
+   <ModeSwitcher> dropdown. Kept for hand-written markup; prefer those. */
+.ldh-seg {
+  display: inline-flex; align-items: center; gap: 2px;
+  padding: 3px; background: var(--surface-2);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  align-self: flex-start; flex-wrap: wrap;
+}
+.ldh-seg button {
+  display: inline-flex; align-items: center; gap: 6px;
+  height: 32px; padding: 0 14px; border: 0; background: transparent; cursor: pointer;
+  font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--fg-muted);
+  border-radius: var(--r-sm);
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-seg button:hover { color: var(--fg-1); background: var(--bg-hover); }
+.ldh-seg button.is-on { background: var(--surface-0); color: var(--ldh-blue-700); box-shadow: var(--shadow-xs); }
+.ldh-seg button:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+
+/* ---------- Ontology editor ---------- */
+.ldh-onto-grid { display: grid; grid-template-columns: 300px 1fr; gap: var(--sp-5); align-items: start; }
+.ldh-onto-list {
+  display: flex; flex-direction: column; gap: var(--sp-4);
+  background: var(--bg-card); border: 1px solid var(--border-default);
+  border-radius: var(--r-lg); padding: var(--sp-4);
+  position: sticky; top: var(--sp-4);
+}
+.ldh-onto-group { display: flex; flex-direction: column; gap: 2px; }
+.ldh-onto-group-h {
+  font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: var(--tracking-wide);
+  text-transform: uppercase; color: var(--fg-hint); padding: 0 var(--sp-2) var(--sp-1);
+}
+.ldh-onto-group-h em { font-style: normal; color: var(--ink-4); }
+.ldh-onto-term {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-2); border: 0; background: transparent; cursor: pointer; text-align: left;
+  border-radius: var(--r-sm); width: 100%;
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-onto-term:hover { background: var(--bg-hover); }
+.ldh-onto-term.is-sel { background: var(--bg-selected); }
+.ldh-onto-term:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldh-onto-term-ic {
+  width: 26px; height: 26px; flex-shrink: 0; border-radius: var(--r-sm);
+  display: inline-flex; align-items: center; justify-content: center;
+}
+.ldh-onto-term-ic.class { background: var(--ldh-violet-100); color: var(--ldh-violet-700); }
+.ldh-onto-term-ic.property { background: var(--success-50); color: var(--success-500); }
+.ldh-onto-term-ic.lg { width: 44px; height: 44px; }
+.ldh-onto-term-ic.lg .msi { font-size: 24px; }
+.ldh-onto-term-body { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
+.ldh-onto-term-label { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--fg-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ldh-onto-term.is-sel .ldh-onto-term-label { color: var(--ldh-blue-700); }
+.ldh-onto-term-iri { font-family: var(--font-mono); font-size: 11px; color: var(--fg-hint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ldh-onto-term-count {
+  margin-left: auto; font-family: var(--font-mono); font-size: 10px; color: var(--fg-muted);
+  background: var(--surface-2); border-radius: var(--r-pill); padding: 1px 8px;
+}
+
+.ldh-onto-detail { background: var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--r-lg); overflow: hidden; }
+.ldh-onto-detail-head {
+  display: flex; align-items: center; gap: var(--sp-3);
+  padding: var(--sp-4) var(--sp-5); border-bottom: 1px solid var(--border-default);
+}
+.ldh-onto-detail-kind { font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--fg-hint); }
+.ldh-onto-detail-title { margin: 2px 0; font-family: var(--font-sans); font-size: var(--fs-xl); font-weight: var(--fw-semibold); color: var(--fg-1); }
+.ldh-onto-detail-iri { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--ldh-blue-700); }
+.ldh-onto-form { padding: var(--sp-2) var(--sp-5) var(--sp-5); }
+
+@media (max-width: 900px) {
+  .ldh-onto-grid { grid-template-columns: 1fr; }
+  .ldh-onto-list { position: static; }
+}
+
+/* ---------- Imports ---------- */
+.ldh-import-flow { display: flex; flex-direction: column; gap: var(--sp-5); }
+.ldh-import-tabs > .ldhc-tabpanel { padding-top: var(--sp-5); }
+.ldh-import-step {
+  background: var(--bg-card); border: 1px solid var(--border-default);
+  border-radius: var(--r-lg); padding: var(--sp-5);
+}
+/* Steps are core <Step> (.ldhc-step-*). */
+.ldh-step-hint { font-size: var(--fs-sm); color: var(--fg-muted); }
+
+.ldh-dropzone {
+  display: flex; flex-direction: column; align-items: center; gap: 6px;
+  padding: var(--sp-8); text-align: center; cursor: pointer;
+  border: 1.5px dashed var(--border-strong); border-radius: var(--r-md);
+  background: var(--surface-1); color: var(--fg-muted);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-dropzone .msi { font-size: 32px; color: var(--fg-hint); }
+.ldh-dropzone:hover { border-color: var(--ldh-blue-400); background: var(--bg-accent-quiet); }
+.ldh-dropzone:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldh-dropzone .dz-main { font-size: var(--fs-base); color: var(--fg-2); }
+.ldh-dropzone .dz-main b { color: var(--fg-1); font-weight: var(--fw-semibold); }
+.ldh-dropzone .dz-link { color: var(--fg-link); text-decoration: underline; }
+.ldh-dropzone .dz-sub { font-size: var(--fs-xs); color: var(--fg-hint); font-family: var(--font-mono); }
+
+.ldh-file-chip {
+  display: flex; align-items: center; gap: var(--sp-2); margin-top: var(--sp-3);
+  padding: var(--sp-2) var(--sp-3); background: var(--surface-2);
+  border: 1px solid var(--border-default); border-radius: var(--r-sm);
+}
+.ldh-file-chip .fc-name { font-weight: var(--fw-medium); color: var(--fg-1); font-size: var(--fs-sm); }
+.ldh-file-chip .fc-meta { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); }
+.ldh-file-chip .fc-x {
+  margin-left: auto; width: 26px; height: 26px; border: 0; background: transparent; cursor: pointer;
+  color: var(--fg-muted); border-radius: var(--r-sm); display: inline-flex; align-items: center; justify-content: center;
+}
+.ldh-file-chip .fc-x:hover { background: var(--danger-50); color: var(--danger-500); }
+.ldh-file-chip .fc-x:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+
+/* Column-mapping cells. The table itself is core <DataTable>; these are the
+   cell contents. */
+.ldh-map-col { display: flex; align-items: center; gap: var(--sp-2); min-width: 0; color: var(--fg-muted); }
+.ldh-map-colname { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--fg-1); font-weight: var(--fw-medium); }
+.ldh-map-sample { font-size: var(--fs-xs); color: var(--fg-hint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ldh-map-arrow { display: inline-flex; justify-content: center; color: var(--ink-4); }
+.ldh-map-pred { min-width: 0; }
+
+.ldh-map-foot { display: flex; align-items: flex-end; gap: var(--sp-4); margin-top: var(--sp-4); flex-wrap: wrap; }
+.ldh-inline-field { display: flex; flex-direction: column; gap: 5px; }
+.ldh-inline-field > span { font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--fg-muted); }
+.ldh-select-wrap { position: relative; display: inline-flex; align-items: center; }
+.ldh-select-wrap select {
+  appearance: none; -webkit-appearance: none;
+  font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-1);
+  background: var(--surface-0); border: 1px solid var(--border-default); border-radius: var(--r-sm);
+  padding: 7px 28px 7px 10px; cursor: pointer; min-width: 180px;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-select-wrap select:hover { border-color: var(--border-strong); }
+.ldh-select-wrap select:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldh-select-wrap .caret { position: absolute; right: 8px; pointer-events: none; color: var(--fg-hint); }
+
+/* Run-list cells; the table is core <DataTable>. */
+.ldh-run-row > .msi { color: var(--fg-hint); }
+.ldh-run-file { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--fg-1); }
+.ldh-run-rows { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-muted); font-variant-numeric: tabular-nums; }
+.ldh-run-note { color: var(--fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ldh-run-when { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); white-space: nowrap; text-align: right; }
+.ldh-run-status { display: inline-flex; align-items: center; gap: 5px; padding: 2px 10px; border-radius: var(--r-pill); font-size: var(--fs-xs); font-weight: var(--fw-medium); white-space: nowrap; }
+.ldh-run-status .msi { font-size: 15px; }
+.ldh-run-status.completed { background: var(--success-50); color: var(--success-500); }
+.ldh-run-status.running { background: var(--bg-accent-quiet); color: var(--ldh-blue-700); }
+.ldh-run-status.running .msi { animation: spin 1.1s linear infinite; }
+.ldh-run-status.queued { background: var(--surface-2); color: var(--fg-muted); }
+.ldh-run-status.failed { background: var(--danger-50); color: var(--danger-500); }
+@keyframes spin { to { transform: rotate(360deg); } }
+
+/* URL / graph fields (RDF import) */
+.ldh-url-field {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: 0 var(--sp-3); height: 44px;
+  background: var(--surface-0); border: 1px solid var(--border-default); border-radius: var(--r-md);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-url-field:focus-within { border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldh-url-field > .msi { color: var(--fg-hint); }
+.ldh-url-field input { flex: 1; min-width: 0; border: 0; background: transparent; outline: none; font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--fg-1); }
+.ldh-url-field input::placeholder { color: var(--fg-hint); }
+.ldh-url-fmt select, .ldh-url-field select {
+  appearance: none; -webkit-appearance: none; border: 0; background: var(--surface-2);
+  border-radius: var(--r-sm); padding: 4px 10px; font-size: var(--fs-xs); color: var(--fg-2); cursor: pointer;
+}
+.ldh-or { text-align: center; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); text-transform: uppercase; letter-spacing: var(--tracking-wide); margin: var(--sp-3) 0; }
+.ldh-check { display: flex; align-items: center; gap: var(--sp-2); margin-top: var(--sp-3); font-size: var(--fs-sm); color: var(--fg-2); cursor: pointer; }
+.ldh-check input { width: 16px; height: 16px; accent-color: var(--bg-accent); }
+.ldh-import-actions { display: flex; justify-content: flex-end; gap: var(--sp-2); margin-top: var(--sp-4); }
+
+/* ---------- SPARQL editor ---------- */
+.ldh-endpoint-note {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 6px 12px; border-radius: var(--r-pill);
+  background: var(--surface-2); border: 1px solid var(--border-default);
+  font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-muted);
+}
+.ldh-endpoint-note .msi { color: var(--warning-500); }
+.ldh-sparql-tabs { max-width: 100%; overflow-x: auto; }
+.ldh-sparql-newtab { width: 30px; padding: 0 !important; justify-content: center; }
+
+.ldh-sparql-pane {
+  display: flex; background: #0d1220; border: 1px solid var(--border-default);
+  border-radius: var(--r-md) var(--r-md) 0 0; overflow: hidden;
+}
+:root[data-theme="dark"] .ldh-sparql-pane { background: #0a0e17; }
+.ldh-sparql-gutter {
+  display: flex; flex-direction: column; padding: var(--sp-4) var(--sp-3); text-align: right;
+  font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.65;
+  color: rgba(255,255,255,0.28); background: rgba(255,255,255,0.03); user-select: none;
+}
+.ldh-sparql-code {
+  flex: 1; margin: 0; padding: var(--sp-4); overflow-x: auto;
+  font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.65;
+  color: rgba(255,255,255,0.86); tab-size: 2;
+}
+.ldh-sparql-code .t-kw  { color: #ff9ec4; font-weight: var(--fw-semibold); }
+.ldh-sparql-code .t-fn  { color: #7cc7ff; }
+.ldh-sparql-code .t-var { color: #ffd479; }
+.ldh-sparql-code .t-str { color: #9be29b; }
+.ldh-sparql-code .t-num { color: #f5b06b; }
+.ldh-sparql-code .t-op, .ldh-sparql-code .t-pn { color: rgba(255,255,255,0.6); }
+
+.ldh-sparql-bar {
+  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3);
+  padding: var(--sp-2) var(--sp-3); background: var(--surface-2);
+  border: 1px solid var(--border-default); border-top: 0; border-radius: 0 0 var(--r-md) var(--r-md);
+  flex-wrap: wrap;
+}
+.ldh-sparql-meta { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-muted); display: inline-flex; align-items: center; gap: 6px; }
+.ldh-sparql-bar-actions { display: flex; gap: var(--sp-2); }
+
+.ldh-sparql-results { background: var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--r-lg); overflow: hidden; margin-top: var(--sp-4); }
+
+/* Query block — a block backed by a SPARQL query. Results show by default; the
+   editor pane folds out from the header's code toggle. No standalone editor page. */
+.ldh-query-block .ldh-sparql { margin-bottom: var(--sp-4); }
+.ldh-nblock .ldh-sparql { margin-bottom: var(--sp-3); }
+.ldh-query-results { border: 1px solid var(--border-default); border-radius: var(--r-md); overflow: hidden; background: var(--surface-0); }
+.ldh-query-results-h { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--border-default); background: var(--surface-2); }
+.ldh-query-results-h .rh-meta { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); }
+/* The query toggle is <IconButton pressed>; aria-pressed drives its "on" look. */
+
+/* =========================================================================
+   Reusable form field + callout primitives (used by auth, could be used
+   anywhere a labelled input or an inline status message is needed).
+   ========================================================================= */
+.ldh-field { display: flex; flex-direction: column; gap: 6px; }
+.ldh-field-label { font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--fg-2); }
+.ldh-field-input {
+  display: flex; align-items: center; gap: var(--sp-2);
+  height: 44px; padding: 0 var(--sp-3);
+  background: var(--surface-0); border: 1px solid var(--border-default); border-radius: var(--r-md);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-field-input > .msi { color: var(--fg-hint); }
+.ldh-field-input:focus-within { border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldh-field-input input { flex: 1; min-width: 0; border: 0; background: transparent; outline: none; font-family: var(--font-sans); font-size: var(--fs-base); color: var(--fg-1); }
+.ldh-field-input input::placeholder { color: var(--fg-hint); }
+.ldh-field-hint { font-size: var(--fs-xs); color: var(--fg-hint); }
+
+.ldh-callout {
+  display: flex; gap: var(--sp-3); padding: var(--sp-4);
+  border-radius: var(--r-md); border: 1px solid var(--border-default); background: var(--surface-2);
+}
+.ldh-callout > .msi { flex-shrink: 0; }
+.ldh-callout .co-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
+.ldh-callout .co-title { font-weight: var(--fw-semibold); color: var(--fg-1); font-size: var(--fs-sm); }
+.ldh-callout .co-text { font-size: var(--fs-sm); color: var(--fg-2); line-height: var(--lh-base); }
+.ldh-callout.is-warning { background: var(--warning-50); border-color: color-mix(in srgb, var(--warning-500) 32%, transparent); }
+.ldh-callout.is-warning > .msi { color: var(--warning-500); }
+.ldh-callout.is-danger { background: var(--danger-50); border-color: color-mix(in srgb, var(--danger-500) 32%, transparent); }
+.ldh-callout.is-danger > .msi { color: var(--danger-500); }
+.ldh-callout.is-info { background: var(--bg-accent-quiet); border-color: color-mix(in srgb, var(--ldh-blue-500) 28%, transparent); }
+.ldh-callout.is-info > .msi { color: var(--ldh-blue-600); }
+
+/* One-time password chip inside the callout */
+.ldh-otp { display: flex; align-items: center; gap: var(--sp-2); margin-top: 4px; }
+.ldh-otp code {
+  flex: 1; font-family: var(--font-mono); font-size: var(--fs-base); letter-spacing: 0.08em;
+  color: var(--fg-1); background: var(--surface-0); border: 1px solid var(--border-default);
+  border-radius: var(--r-sm); padding: 8px 12px;
+}
+.ldh-otp-copy {
+  display: inline-flex; align-items: center; gap: 5px; height: 38px; padding: 0 12px;
+  border: 1px solid var(--border-default); background: var(--surface-0); cursor: pointer;
+  border-radius: var(--r-sm); font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--fg-2);
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-otp-copy:hover { background: var(--bg-hover); color: var(--fg-1); }
+.ldh-otp-copy:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+
+/* =========================================================================
+   Auth screens — public sign-in / sign-up. Split: pastel hero + form card.
+   ========================================================================= */
+.ldh-auth { display: grid; grid-template-columns: 1.05fr 1fr; min-height: 100vh; background: var(--surface-1); }
+
+.ldh-auth-hero {
+  position: relative; overflow: hidden; color: var(--ink-1);
+  background: var(--grad-aurora);
+  display: flex; align-items: center;
+  padding: var(--sp-16);
+}
+.ldh-auth-dots {
+  position: absolute; inset: 0; pointer-events: none;
+  background-image: radial-gradient(circle at 1px 1px, rgba(11,14,20,0.10) 1px, transparent 1.6px);
+  background-size: 22px 22px;
+  mask-image: radial-gradient(120% 100% at 100% 0%, #000 30%, transparent 75%);
+  -webkit-mask-image: radial-gradient(120% 100% at 100% 0%, #000 30%, transparent 75%);
+}
+.ldh-auth-hero-inner { position: relative; z-index: 1; max-width: 440px; }
+.ldh-auth-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink-1); font-weight: var(--fw-semibold); font-size: var(--fs-md); margin-bottom: var(--sp-10); }
+.ldh-auth-brand .mark { width: 26px; height: 26px; border-radius: 7px; background: var(--grad-deep); box-shadow: var(--shadow-sm); }
+.ldh-auth-hero-title { font-family: var(--font-display); font-style: italic; font-size: var(--fs-5xl); line-height: var(--lh-tight); letter-spacing: var(--tracking-tight); color: var(--ink-1); margin: 0 0 var(--sp-4); }
+.ldh-auth-hero-lede { font-size: var(--fs-md); line-height: var(--lh-base); color: var(--ink-2); margin: 0 0 var(--sp-8); }
+.ldh-auth-points { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-3); }
+.ldh-auth-points li { display: flex; align-items: center; gap: var(--sp-3); font-size: var(--fs-base); color: var(--ink-2); }
+.ldh-auth-points li .msi { color: var(--ldh-violet-600); background: rgba(255,255,255,0.6); border-radius: var(--r-sm); padding: 5px; }
+
+.ldh-auth-main { display: flex; align-items: center; justify-content: center; padding: var(--sp-8); }
+.ldh-auth-card { width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: var(--sp-4); }
+.ldh-auth-head { margin-bottom: var(--sp-2); }
+.ldh-auth-head h2 { margin: 4px 0 0; font-family: var(--font-sans); font-size: var(--fs-2xl); font-weight: var(--fw-semibold); letter-spacing: var(--tracking-snug); color: var(--fg-1); }
+.ldh-auth-eyebrow { font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ldh-blue-600); display: inline-flex; align-items: center; gap: 5px; }
+.ldh-auth-eyebrow.ok { color: var(--success-500); }
+
+/* The auth screens' option buttons are core <ChoiceButton> — a two-line button
+   on the shared button tokens. .ldh-auth-btn was a fourth button system. */
+.ldh-auth-or { display: flex; align-items: center; gap: var(--sp-3); color: var(--fg-hint); font-family: var(--font-mono); font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); }
+.ldh-auth-or::before, .ldh-auth-or::after { content: ""; flex: 1; height: 1px; background: var(--border-default); }
+.ldh-auth-note { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-sm); color: var(--fg-muted); line-height: var(--lh-base); margin: var(--sp-2) 0 0; }
+.ldh-auth-note .msi { color: var(--fg-hint); margin-top: 1px; }
+.ldh-auth-form { display: flex; flex-direction: column; gap: var(--sp-4); }
+.ldh-auth-foot { text-align: center; font-size: var(--fs-sm); color: var(--fg-muted); margin: var(--sp-2) 0 0; }
+.ldh-auth-foot a, .ldh-auth-note a { color: var(--fg-link); font-weight: var(--fw-medium); }
+
+/* p12 result card */
+.ldh-p12-card { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); border: 1px solid var(--border-default); border-radius: var(--r-md); background: var(--surface-0); }
+.ldh-p12-card .p12-ic { font-size: 32px; color: var(--ldh-violet-600); }
+.ldh-p12-card .p12-body { display: flex; flex-direction: column; min-width: 0; }
+.ldh-p12-card .p12-name { font-family: var(--font-mono); font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--fg-1); }
+.ldh-p12-card .p12-meta { font-family: var(--font-mono); font-size: 11px; color: var(--fg-hint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ldh-p12-card .ldhc-btn { margin-left: auto; flex-shrink: 0; }
+
+/* Per-browser install steps */
+.ldh-install { display: flex; flex-direction: column; gap: var(--sp-3); }
+/* The install tablist sits inline in the head row, so it must not stretch.
+   The height override needs the sz-sm class too, or it loses on specificity to
+   `.ldhc-tablist.sz-sm .ldhc-tab`. */
+.ldh-install-tabs .ldhc-tablist { align-self: center; }
+.ldh-install-tabs .ldhc-tablist.sz-sm .ldhc-tab { height: 28px; }
+.ldh-install-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); flex-wrap: wrap; }
+.ldh-install-steps { margin: 0; padding-left: 0; list-style: none; counter-reset: step; display: flex; flex-direction: column; gap: var(--sp-2); }
+.ldh-install-steps li { position: relative; padding-left: 32px; font-size: var(--fs-sm); color: var(--fg-2); line-height: var(--lh-base); counter-increment: step; }
+.ldh-install-steps li::before {
+  content: counter(step); position: absolute; left: 0; top: -1px;
+  width: 22px; height: 22px; border-radius: var(--r-pill);
+  background: var(--bg-accent-quiet); color: var(--ldh-blue-700);
+  font-family: var(--font-mono); font-size: 11px; font-weight: var(--fw-bold);
+  display: inline-flex; align-items: center; justify-content: center;
+}
+
+@media (max-width: 860px) {
+  .ldh-auth { grid-template-columns: 1fr; }
+  .ldh-auth-hero { display: none; }
+}
+
+
+/* =========================================================================
+   FORM MODE — the transitional whole-resource form.
+
+   The end state is the per-row model above: click a value, edit in place,
+   optimistic per-row saves. This variant keeps the SAME row anatomy but shows
+   every control simultaneously and commits everything from one action bar.
+   Both live side by side, chosen by `.is-form-mode` on .ldh-prop-form, so the
+   port can move surface by surface and the per-row model is untouched.
+   ========================================================================= */
+
+/* Form mode looks EXACTLY like the resource-description block: values read as
+   plain text on the same grid, with the same hover band and the same
+   reveal-on-hover row actions. The only additions are the subject URI field +
+   constructor button above, and the form action bar below.
+   The difference from the per-row model is behavioural, not visual: every value
+   is already an editable control, so there is no click-to-enter-edit step. The
+   control's chrome therefore appears on hover and focus rather than on a
+   committed "is-editing" state. Nothing here overrides the read row's
+   geometry — that is the point. */
+/* No per-row edit surface: the control carries its own (revealed) chrome, so
+   the recessed .is-editing cell would be a box inside a box. */
+.ldh-prop-form.is-form-mode .ldh-prop-row.is-editing .value {
+  background: transparent; border-color: transparent; padding: 0;
+  border-bottom-color: var(--border-default);
+}
+
+/* ---- Value stack: control, annotations, messages ----
+   DECISION (C8): controls sit NAKED in the value cell — no per-control
+   .ldhc-field-box wrapper. The core controls already carry field-box metrics
+   (32/40/48), so wrapping would double the border and double the port's markup.
+   The cell becomes a vertical stack instead, which is where the two lines the
+   drawn row never had now live. */
+.ldh-prop-row > .value > .val-stack,
+.ldh-prop-row > .value.val-stack {
+  display: flex; flex-direction: column; gap: 4px; min-width: 0; width: 100%;
+  /* MUST be stretch: the base .value cell is a centered flex row (right for
+     read mode), and a column that inherits align-items:center puts every
+     control and tag in the middle of a 1fr column while any align-self:start
+     child jumps to the left edge. */
+  align-items: stretch;
+}
+/* Control + annotations on ONE line, so a form row is the same height as a
+   read row. The control is capped rather than filling 1fr — a 1200px-wide
+   text input next to a 60px label reads as a mistake, and the cap leaves the
+   annotations sitting immediately after the value they describe. */
+/* Control + annotations on ONE line, so a form row is the same height as a
+   read row. Controls are capped rather than filling 1fr — a 1200px-wide text
+   input next to a 60px label reads as a mistake, and the cap leaves the
+   annotations sitting immediately after the value they describe.
+
+   ONE width for every capped control, so their right edges align into a column.
+   Per-control-type caps (text 280 / select 240 / combobox 340) were tried and
+   rejected: sitting in the same form they read as ragged accidents, not as
+   three intentional sizes. A control that genuinely needs the full column
+   (code editor, upload target) opts out via `flex: 1 1 100%` below. */
+/* Declared on :root, not on .ldh-prop-row. It is a real design decision — how
+   wide a control may grow in a property row — so it registers as a token and a
+   skin can retune it, rather than hiding as a local constant on a component. */
+:root {
+  --prop-control-w: 340px;
+}
+.ldh-prop-row .val-main {
+  display: flex; align-items: center; gap: var(--sp-3); min-width: 0; flex-wrap: wrap;
+}
+.ldh-prop-row .val-main > .ldhc-field { flex: 0 1 var(--prop-control-w); max-width: var(--prop-control-w); }
+.ldh-prop-row .val-main > .ldhc-select { flex: 0 1 var(--prop-control-w); max-width: var(--prop-control-w); }
+.ldh-prop-row .val-main > .ldhc-combobox { flex: 0 1 var(--prop-control-w); max-width: var(--prop-control-w); }
+.ldh-prop-row .val-main > .ldh-dt-pair { flex: 0 1 var(--prop-control-w); max-width: var(--prop-control-w); }
+.ldh-prop-row .val-main > .ldhc-cb-committed { flex: 0 1 auto; }
+.ldh-prop-row .val-main > .ldh-bool-seg { flex: 0 0 auto; }
+/* Full-width controls: a code editor or an upload target needs the column. */
+.ldh-prop-row .val-main > .ldhc-codefield,
+.ldh-prop-row .val-main > .ldhc-fileinput { flex: 1 1 100%; }
+/* basis 0 + shrink: the annot fills whatever space is left on the control's
+   line and never pushes itself onto a second one. A wrapped annot line still
+   occupies height even at opacity 0, which is exactly what made form rows
+   taller than read rows. */
+.ldh-annot { flex: 1 1 0; min-width: 0; overflow: hidden; }
+/* NOTE: there is deliberately NO second "grow to fill" rule for these controls.
+   An earlier revision added `flex: 1; min-width: 0` here for select / combobox /
+   codefield / fileinput. For the first two it was dead (the caps above win), but
+   for codefield and fileinput it silently REPLACED their `flex: 1 1 100%` with
+   basis 0 — so the full-width controls the rule above promises were sized to
+   content instead. One regime only: capped controls above, full-width controls
+   at `1 1 100%`, and nothing re-declaring flex further down. */
+/* TEXT-LIKE AT REST. Every control in form mode is a DS component now, so the
+   at-rest treatment is applied to their boxes rather than to bare elements the
+   app kit used to style itself: a form row is indistinguishable from a
+   description row until you touch it. The border stays in the box model
+   (transparent) so revealing it shifts nothing. */
+.ldh-prop-form.is-form-mode .val-main > .ldhc-field .ldhc-field-box {
+  background: transparent; border-color: transparent;
+}
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .val-main > .ldhc-field .ldhc-field-box {
+  background: var(--surface-0); border-color: var(--border-default);
+}
+.ldh-prop-form.is-form-mode .val-main > .ldhc-field .ldhc-field-box:focus-within {
+  background: var(--surface-0); border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring);
+}
+/* A multiline value takes the column. */
+.ldh-prop-row .val-main > .ldhc-field:has(textarea) { flex: 1 1 100%; max-width: none; }
+
+/* Selects, comboboxes and the dateTime pair follow the same rule: text at rest,
+   chrome on hover/focus. Otherwise a row with a select reads as a "form row"
+   next to rows that read as description rows. */
+.ldh-prop-form.is-form-mode .val-main > .ldhc-select > select,
+.ldh-prop-form.is-form-mode .val-main > .ldh-dt-pair,
+.ldh-prop-form.is-form-mode .val-main > .ldhc-combobox .ldhc-cb-box {
+  background: transparent; border-color: transparent;
+}
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .val-main > .ldhc-select > select,
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .val-main > .ldh-dt-pair,
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .val-main > .ldhc-combobox .ldhc-cb-box {
+  background: var(--surface-0); border-color: var(--border-default);
+}
+.ldh-prop-form.is-form-mode .val-main > .ldhc-select > select:focus-visible,
+.ldh-prop-form.is-form-mode .val-main > .ldh-dt-pair:focus-within,
+.ldh-prop-form.is-form-mode .val-main > .ldhc-combobox .ldhc-cb-box:focus-within {
+  background: var(--surface-0); border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring);
+}
+/* The select caret is chrome too — hidden until the row is live. */
+.ldh-prop-form.is-form-mode .val-main > .ldhc-select .ldhc-select-caret { opacity: 0; }
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .val-main > .ldhc-select .ldhc-select-caret,
+.ldh-prop-form.is-form-mode .ldh-prop-row:focus-within .val-main > .ldhc-select .ldhc-select-caret { opacity: 1; }
+/* A committed resource value reads as the read row's IRI link, not a pill,
+   until the row is live. */
+.ldh-prop-form.is-form-mode .val-main > .ldhc-cb-committed .ldhc-cb-chip {
+  background: transparent; border-color: transparent; color: var(--ldh-blue-700);
+}
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .val-main > .ldhc-cb-committed .ldhc-cb-chip,
+.ldh-prop-form.is-form-mode .ldh-prop-row:focus-within .val-main > .ldhc-cb-committed .ldhc-cb-chip {
+  background: var(--bg-accent-quiet); color: var(--fg-selected);
+  border-color: color-mix(in srgb, var(--fg-selected) 24%, transparent);
+}
+.ldh-prop-form.is-form-mode .val-main > .ldhc-cb-committed .cb-chip-btn { opacity: 0; }
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .val-main .cb-chip-btn,
+.ldh-prop-form.is-form-mode .ldh-prop-row:focus-within .val-main .cb-chip-btn { opacity: 1; }
+/* Annotations are editing metadata, not description content: inline (so they
+   never add height) and revealed with the rest of the row's chrome. */
+.ldh-prop-form.is-form-mode .ldh-annot {
+  opacity: 0; transition: opacity var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-prop-form.is-form-mode .ldh-prop-row:hover .ldh-annot,
+.ldh-prop-form.is-form-mode .ldh-prop-row:focus-within .ldh-annot { opacity: 1; }
+
+/* IRI-typed values are machine-readable, so they type in mono. Resource values
+   render as <Combobox iri>, which already sets this on its own input. */
+
+
+/* ---- Annotations line (C10): ONE system for term kind, datatype, language ----
+   The read side used pills and the edit side grey micro-text; both now use
+   .ldhc-tag sz-sm em-quiet, so a datatype reads identically in a read row and
+   an edit row. Term kind is encoded by colour via the RDF hues. */
+/* NOWRAP is load-bearing. With flex-basis 0 (set below so the annot never
+   pushes itself onto its own line) the tags wrap against a 0-width hypothetical
+   box BEFORE the item grows, so a wrapping annot silently became 3-4 line boxes
+   tall and inflated every form row to twice a read row. Clipping revealed
+   metadata is the right trade. */
+.ldh-annot { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; min-width: 0; }
+.ldh-annot > .ldhc-tag { flex-shrink: 0; }
+.ldh-annot .an-term.is-literal  { background: var(--success-50); color: var(--rdf-literal); }
+.ldh-annot .an-term.is-resource { background: var(--bg-accent-quiet); color: var(--rdf-resource); }
+.ldh-annot .an-term.is-class    { background: var(--ldh-violet-100); color: var(--rdf-class); }
+.ldh-annot .an-term.is-blank    { background: var(--warning-50); color: var(--rdf-blank); }
+/* Language tag. READ side: the value's @xml:lang renders as the core Tag in its
+   quiet violet at the new xs size — <span class="ldhc-tag em-quiet co-accent
+   sz-xs">. It was an LDH-only .chip-inline with the same violet-50/violet-700
+   tones, i.e. a Tag that had not been told it was one. Violet is the system's
+   "structural/semantic annotation" hue, which is exactly what a language tag is.
+   EDIT side: a narrow TextField (below) — it used to be a bespoke pill with its
+   own bordered input; the only thing it needed was a width. */
+.ldh-annot > .ldhc-tag.sz-xs { flex-shrink: 0; }
+.ldh-lang { display: inline-flex; min-width: 0; }
+.ldh-lang > .ldhc-field { width: 11ch; }
+.ldh-lang > .ldhc-field .ldhc-field-box { min-height: 24px; padding: 0 6px; }
+.ldh-lang > .ldhc-field .ldhc-field-box input {
+  font-family: var(--font-mono); font-size: var(--fs-xs); padding: 2px 0;
+}
+
+/* dateTime — two TextFields (value + offset) sitting together. They were a
+   single bespoke bordered shell with a divider; that shell was the app kit
+   re-implementing a field box, so it is gone. The offset field is narrow and
+   does not shrink; the datetime field absorbs the row's control cap. */
+.ldh-dt-pair { display: inline-flex; align-items: center; gap: var(--sp-2); min-width: 0; }
+.ldh-dt-pair > .ldhc-field:first-child { flex: 1 1 auto; min-width: 0; }
+.ldh-dt-pair > .ldhc-field:last-child { flex: 0 0 9ch; }
+.ldh-dt-pair > .ldhc-field .ldhc-field-box input {
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+}
+
+/* ---- Boolean values (C11) ----
+   DECISION: a 3-way segmented control, NOT .ldhc-toggle. A toggle means "takes
+   effect immediately", which is wrong inside an explicit Save/Cancel form, and
+   a two-state toggle cannot express an RDF boolean that is simply absent.
+   true / false / unset are all reachable in one click. */
+.ldh-bool-seg { display: inline-flex; align-self: flex-start; }
+.ldh-bool-seg .ldhc-switch-seg[aria-checked="true"] { color: var(--fg-selected); }
+.ldh-bool-seg .seg-unset[aria-checked="true"] { color: var(--fg-muted); }
+
+/* ---- Violation + help messages (C9) ----
+   Reaches EVERY control kind, not just input/textarea: the invalid decoration
+   is driven from the row, so a select, combobox chip, file input and code field
+   all pick it up. */
+.ldh-vmsgs { display: flex; flex-direction: column; gap: 3px; }
+.ldh-prop-group.is-violation > .label .pred { color: var(--danger-500); }
+.ldh-prop-group.is-violation > .label { box-shadow: inset 2px 0 0 var(--danger-500); }
+.ldh-prop-row.is-violation .val-main > .ldhc-field .ldhc-field-box,
+.ldh-prop-row.is-violation .val-main > .ldhc-select > select,
+.ldh-prop-row.is-violation .val-main > .ldhc-combobox .ldhc-cb-box,
+.ldh-prop-row.is-violation .val-main > .ldhc-codefield,
+.ldh-prop-row.is-violation .val-main > .ldh-dt-pair .ldhc-field-box { border-color: var(--danger-500); }
+.ldh-prop-row.is-violation .val-main > .ldhc-fileinput .ldhc-file-drop { border-color: var(--danger-500); background: var(--danger-50); }
+.ldh-prop-row.is-violation .val-main > .ldhc-cb-committed .ldhc-cb-chip { border-color: var(--danger-500); color: var(--danger-500); background: var(--danger-50); }
+
+/* ---- Label slots: required marker + predicate description (C8) ----
+   DECISION (rdfs:comment): a TOGGLETIP on the label, not a hint line under it.
+   The label column is a fixed 200px and right-aligned; a wrapped sentence in it
+   would push every value row apart and destroy the scan-down rhythm the read
+   view depends on. The description is reference material, not guidance you need
+   before typing — click-to-read is the right cost, and a toggletip works on
+   touch where a tooltip does not. */
+.ldh-prop-group > .label .lbl-row { display: inline-flex; align-items: center; gap: 4px; justify-content: flex-end; flex-wrap: wrap; }
+.ldh-prop-group > .label .ldhc-label-aux {
+  margin-left: 0; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint);
+}
+/* Required marker — .ldhc-label-aux is its home, replacing the legacy
+   ::after ' *'. It carries a text label for assistive tech, not just a glyph. */
+.ldh-prop-group > .label .req { color: var(--danger-500); font-weight: var(--fw-bold); }
+.ldh-prop-group > .label .ldhc-toggletip-btn { width: 18px; height: 18px; }
+.ldh-prop-group > .label .ldhc-toggletip-btn .msi { font-size: 14px; }
+
+/* ---- Per-property add-value affordance ----
+   It is the small + in .row-actions (an <IconButton size="xs">), matching the
+   per-row model exactly. A labelled dashed strip under each group was tried and
+   rejected: it added a row of height to every predicate, which pushed the form
+   off the read view's layout entirely. */
+
+/* ---- Arrival treatment (C12): a just-added row announces itself once ---- */
+@keyframes ldh-row-arrive {
+  from { background: var(--bg-accent-quiet); }
+  to   { background: transparent; }
+}
+.ldh-prop-row.is-arrived > .value,
+.ldh-prop-row.is-arrived > .row-actions { animation: ldh-row-arrive 1.1s var(--ease-out-soft); }
+@media (prefers-reduced-motion: reduce) {
+  .ldh-prop-row.is-arrived > .value,
+  .ldh-prop-row.is-arrived > .row-actions { animation: none; }
+}
+
+/* =========================================================================
+   FORM ACTION BAR (A) — one button vocabulary.
+   Spec'd in the .ldhc-btn matrix — the one button system in the design system.
+   Save is gated on dirty. 2-button (Save/Cancel) and 3-button (+ Reset) forms
+   are the same bar with a conditional child.
+   ========================================================================= */
+.ldh-form-bar {
+  display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap;
+  padding: var(--sp-3) var(--sp-6);
+  border-top: 1px solid var(--border-default);
+  background: var(--surface-1);
+}
+/* Inline placement (a form in a block) keeps the card's bottom radius; the
+   modal-footer placement is .ldhc-modal-foot and needs neither. */
+.ldh-form-bar.pl-inline { border-radius: 0 0 var(--r-lg) var(--r-lg); }
+.ldh-form-bar .fb-end { margin-left: auto; display: flex; align-items: center; gap: var(--sp-2); }
+/* Dirty-state readout — the form says what will happen, so Save being disabled
+   is never a mystery. */
+.ldh-form-status {
+  display: inline-flex; align-items: center; gap: 5px;
+  font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint);
+}
+.ldh-form-status .msi { font-size: 14px; }
+.ldh-form-status.is-dirty { color: var(--warning-500); }
+.ldh-form-status.is-saving { color: var(--fg-muted); }
+.ldh-form-status.is-saved { color: var(--success-500); }
+/* Submitting: the whole field area goes inert and loses pointer events, so a
+   second Save can't race the first. Opacity stays high — this is a lock, not a
+   disabled form, and the values must remain readable while it commits. */
+.ldh-prop-form.is-submitting { pointer-events: none; opacity: 0.72; }
+.ldh-prop-form.is-submitting * { cursor: progress !important; }
+
+/* Conflict alert (A) — .ldhc-alert at the top of the form, replacing the legacy
+   .alert.alert-error. Sits inside the form's own scroll area so it travels with
+   the fields it describes. */
+.ldh-form-alert { padding: var(--sp-4) var(--sp-6) 0; }
+.ldh-form-alert:empty { display: none; }
+
+/* =========================================================================
+   FIELDSET / SECTION (C14) — two legend styles, both intentional.
+     .lg-eyebrow  10px mono uppercase, inline in the flow — for grouping rows
+                  inside an already-titled surface (a block, a modal body).
+                  It is a divider with a name, not a heading.
+     .lg-heading  18px semibold — for a section that is its own subject, e.g.
+                  a blank-node child whose statements are about a new resource.
+   Nesting: each level indents by --sp-4 and takes a left rule, capped at depth
+   3 for the same reason nested blocks are — beyond that, indentation stops
+   carrying meaning and the label column has nowhere left to go.
+   ========================================================================= */
+.ldh-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
+.ldh-fieldset > legend { padding: 0; }
+.ldh-fieldset > legend.lg-eyebrow {
+  display: block; width: 100%; box-sizing: border-box;
+  padding: var(--sp-4) var(--sp-6) var(--sp-2);
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--fg-hint);
+}
+.ldh-fieldset > legend.lg-heading {
+  padding: var(--sp-4) var(--sp-6) var(--sp-1);
+  font-family: var(--font-sans); font-size: var(--fs-lg); font-weight: var(--fw-semibold);
+  letter-spacing: var(--tracking-snug); color: var(--fg-1);
+}
+.ldh-fieldset > .fs-desc { padding: 0 var(--sp-6) var(--sp-2); font-size: var(--fs-sm); color: var(--fg-muted); }
+/* Legendless variant — a group that needs the nesting frame but no name. */
+.ldh-fieldset.is-bare > legend { display: none; }
+.ldh-fieldset[data-depth="1"], .ldh-fieldset[data-depth="2"], .ldh-fieldset[data-depth="3"] {
+  margin-left: var(--sp-4); border-left: 1px solid var(--border-default);
+}
+.ldh-fieldset[data-depth="2"] { border-left-color: var(--border-strong); }
+.ldh-fieldset[data-depth="3"] { border-left-style: dashed; }
+
+/* =========================================================================
+   PERMISSION-GATED ACTIONS (C17)
+   DECISION: three distinct treatments, never display:none-until-known.
+     · pending  → rendered DISABLED with a "checking permissions" title, so the
+                  layout is final before the answer arrives and nothing shifts.
+     · denied   → ABSENT. An action the user can never take is not information;
+                  a permanently disabled button is just a dead end they keep
+                  returning to.
+     · allowed  → rendered normally.
+   The inline display:none the live product uses is the one option ruled out —
+   it reflows the toolbar the moment permissions resolve.
+   ========================================================================= */
+.ldh-perm-pending { opacity: 0.5; pointer-events: none; }
+
+
+/* The subject-URI toggle. A single quiet control on its own line, right-aligned
+   over the statements' actions column so it reads as belonging to the form's
+   chrome rather than to any one statement. */
+.ldh-form-subjbar {
+  display: flex; justify-content: flex-end;
+  padding: var(--sp-2) var(--sp-6) 0 0;
+}
+
+/* =========================================================================
+   SUBJECT ROW IN FORM MODE
+   The standalone .ldh-subject bar is a chunky bordered strip — it reads as a
+   legacy form header bolted above a description block. In form mode it sits on
+   the SAME grid as the property rows instead: term type in the label column,
+   the URI field in the value column, tools at the right. It becomes "one more
+   row of the description" that happens to describe the subject itself.
+   Column 3 is auto rather than the grid's 64px because the constructor action
+   is a labelled button, and 64px clipped it outside the card.
+   ========================================================================= */
+.ldh-edit-form .ldh-subject {
+  display: grid;
+  grid-template-columns: 200px minmax(0, 1fr) auto;
+  column-gap: var(--sp-3);
+  align-items: center;
+  padding: var(--sp-2) 0;
+  background: transparent;
+}
+.ldh-edit-form .ldh-subject-tools { padding-right: var(--sp-6); }
+/* The term-type select acts as this row's label, so it aligns like one. */
+.ldh-edit-form .ldh-subject .term-select {
+  justify-self: end;
+  height: 28px; padding: 0 6px 0 8px;
+  background: transparent; border-color: transparent;
+  font-size: var(--fs-sm); color: var(--fg-2);
+  transition: background var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-edit-form .ldh-subject:hover .term-select { background: var(--surface-0); border-color: var(--border-default); }
+.ldh-edit-form .ldh-subject .term-select:focus-visible { background: var(--surface-0); border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+/* URI field: mono text at rest, exactly like the read row's IRI, with chrome on
+   hover/focus like every other control in form mode. */
+.ldh-edit-form .ldh-subject .uri-field,
+.ldh-edit-form .ldh-subject .bnode-inline {
+  height: 28px; padding: 0 6px;
+  background: transparent; border-color: transparent;
+}
+.ldh-edit-form .ldh-subject:hover .uri-field { background: var(--surface-0); border-color: var(--border-default); }
+.ldh-edit-form .ldh-subject .uri-field:focus-within {
+  background: var(--surface-0); border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring);
+}
+.ldh-edit-form .ldh-subject .uri-field > .msi { opacity: 0; transition: opacity var(--dur-fast) var(--ease-out-soft); }
+.ldh-edit-form .ldh-subject:hover .uri-field > .msi,
+.ldh-edit-form .ldh-subject:focus-within .uri-field > .msi { opacity: 1; }
+/* The invalid ring is a real state, so it stays visible at rest. */
+.ldh-edit-form .ldh-subject .uri-field.invalid { border-color: var(--danger-500); }
+.ldh-edit-form .ldh-subject .uri-field.invalid > .msi.warn { opacity: 1; }
+.ldh-edit-form .ldh-subject-tools { justify-self: end; }
+/* Copy + constructor reveal with the row, like the property rows' actions. */
+.ldh-edit-form .ldh-subject .ldh-subject-copy,
+.ldh-edit-form .ldh-subject .ldh-form-action,
+.ldh-edit-form .ldh-subject .ldh-form-actions-wrap {
+  opacity: 0; transition: opacity var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-edit-form .ldh-subject:hover .ldh-subject-copy,
+.ldh-edit-form .ldh-subject:hover .ldh-form-action,
+.ldh-edit-form .ldh-subject:hover .ldh-form-actions-wrap,
+.ldh-edit-form .ldh-subject:focus-within .ldh-subject-copy,
+.ldh-edit-form .ldh-subject:focus-within .ldh-form-action,
+.ldh-edit-form .ldh-subject:focus-within .ldh-form-actions-wrap { opacity: 1; }
+
+
+/* The tabular markup reset lives in core surfaces.css with .ldhc-table. */
+
+/* Ontology term list — <ul>/<li> of navigable terms. */
+.ldh-onto-terms { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
+.ldh-onto-terms > li { display: flex; min-width: 0; }
+.ldh-onto-terms > li > .ldh-onto-term { flex: 1; min-width: 0; }
+/* The group label is a real heading now, so cancel the UA heading box. Weight
+   stays regular — the eyebrow treatment is what carries it, not boldness. */
+.ldh-onto-group-h { margin: 0; font-weight: var(--fw-regular); }
+
+
+/* =========================================================================
+   LIST MARKUP RESET
+   Collections of navigable resources are real <ul>/<li>: the card grid and row
+   list in a view block, the ResourceGrid, and the sidebar's tree / classes /
+   other / latest-docs lists. `display: contents` on the <li> would keep the
+   old layout with one line of CSS, but several engines drop the listitem role
+   when it is applied — which is the whole point of the markup change. So the
+   <li> IS the layout item and the anchor fills it.
+   ========================================================================= */
+/* .sb-classes and .ldh-tree are NOT in this list: both own a padding rule of
+   their own, and this reset is appended LATER in the file at equal specificity
+   (0,1,0), so listing them here silently zeroes their inset. Same trap as the
+   doubled-class title rule — when a component rule and a blanket reset tie,
+   file order decides, and the reset is always last. */
+.ldh-grid-block, .ldh-list-block, .ldh-grid,
+.sb-other, .mlist { list-style: none; margin: 0; padding: 0; }
+/* The sidebar's own lists are NOT in this reset. `.sb-tree` no longer exists
+   (renamed `.ldh-tree`), and the rail owns its own row vocabulary — `.tree-row`
+   is the flex parent in the tree, `.sb-classes > li` in the class list. Listing
+   them here re-broke alignment twice: a `> *` child stretch at (0,2,0) beats
+   `.tree-spacer`'s (0,1,0) `width: 28px`, giving the spacer `flex: 1 1 0%` so it
+   grew to 120px instead of holding its column. */
+.ldh-grid-block > li, .ldh-list-block > li, .ldh-grid > li,
+.sb-other > li, .mlist > li {
+  display: flex; min-width: 0;
+}
+.ldh-grid-block > li > .card,
+.ldh-list-block > li > .row,
+.ldh-grid > li > .ldh-grid-card,
+.sb-other > li > .sb-other-row,
+.mlist > li > .mresult { flex: 1; min-width: 0; }
+/* `.sb-other`'s rows render their own row element, so the li just has to let it
+   span. Deliberately NOT extended to the tree or class lists: their rows carry
+   a fixed-width spacer column, and a blanket `> *` stretch destroys it. */
+.sb-other > li > * { flex: 1; min-width: 0; }
+
+
+/* =========================================================================
+   RESOURCE TYPE CHIPS — the rdf:type, shown in the block header.
+   A type is what the resource IS, not one description among many: it selects
+   the constructor, the header icon and the applicable SHACL shapes. So it sits
+   with the identity rather than as a statement row, and is consumed out of the
+   property list. Each chip LINKS to the class definition (another document);
+   the class's constructor is class-level data and opens in a modal instead.
+   Multiple types are ordinary in RDF, so this is a wrapping row of chips.
+   ========================================================================= */
+.ldh-types { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; min-width: 0; }
+.ldh-type-chip {
+  display: inline-flex; align-items: center; gap: 3px;
+  height: 20px; padding: 0 7px 0 8px; box-sizing: border-box;
+  background: var(--bg-accent-quiet); color: var(--ldh-blue-700);
+  border: 1px solid color-mix(in srgb, var(--ldh-blue-700) 18%, transparent);
+  border-radius: var(--r-pill);
+  font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  text-decoration: none; white-space: nowrap;
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-type-chip:hover {
+  background: var(--ldh-blue-100);
+  border-color: color-mix(in srgb, var(--ldh-blue-700) 34%, transparent);
+  text-decoration: none;
+}
+.ldh-type-chip:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldh-type-chip .msi { font-size: 12px; opacity: 0.7; }
+/* Quiet variant — a STATIC type label, not a link to the class definition.
+   The accent chip is an affordance: it carries the north_east icon and opens
+   the class document. Giving a non-interactive label the same accent would make
+   "clickable" and "just a label" look identical, and eight accent pills down a
+   dense row list shouts far louder than the row content. Same chip shape and
+   metrics, quiet neutral ink, no hover response.
+
+/* `.is-quiet` is the OUTGOING variant: the shipped bundle still emits
+   `.ldh-type-chip is-quiet` on list rows until it recompiles, so these styles
+   stay one cycle. The invariant is now that an rdf:type value renders as the
+   core type Tag (.ldhc-tag.em-quiet.co-primary) wherever it lands, so this
+   app-level variant has no incoming consumer and comes out next pass.
+
+   The doubled class is deliberate, exactly as with `.ttl.ttl`: every skin
+   patches `.ldh-type-chip` at `:root[data-retro…] .ldh-type-chip` (0,3,0) and
+   the skin files load after app.css, so a plain `.ldh-type-chip.is-quiet`
+   (0,2,0) loses and the label renders accent-coloured. */
+:root .ldh-type-chip.is-quiet.is-quiet {
+  background: var(--surface-2); color: var(--fg-muted);
+  border-color: transparent;
+  font-family: var(--font-mono); font-size: 10px;
+}
+:root .ldh-type-chip.is-quiet.is-quiet:hover {
+  background: var(--surface-2); color: var(--fg-muted); border-color: transparent;
+}
+
+
+/* =========================================================================
+   PAGED VIEW — rows scroll, pager stays put.
+   The pager was a static block-flow sibling of the rows in an unconstrained
+   .ldh-block-body, so it simply followed them off screen. Sticky would not fix
+   it: .ldh-block is overflow:hidden and exactly as tall as its content, so a
+   sticky child has no room to move.
+   The fix is to give the ROWS a scroll box. The body becomes a flex column and
+   the results region takes the free space; the pager is the column's last item
+   and shrinks for no one, so it sits at the bottom of the container in both
+   contexts — a page-flow block (capped height) and a height-constrained parent
+   like the search modal (fills it).
+   Scoped with :has(> .ldh-pager) so an unpaged view is untouched.
+   ========================================================================= */
+.ldh-block-body:has(> .ldh-pager) {
+  display: flex; flex-direction: column; min-height: 0;
+  /* Something to scroll against in page flow. Inside an already-constrained
+     parent this is the ceiling, not the height. */
+  max-height: min(70vh, 620px);
+}
+.ldh-block-body:has(> .ldh-pager) > .ldh-grid-block,
+.ldh-block-body:has(> .ldh-pager) > .ldh-list-block {
+  flex: 1 1 auto;
+  /* min-height:0 is required — a flex item defaults to min-height:auto and
+     refuses to shrink below its content, so the scroll box never forms. */
+  min-height: 0;
+  overflow-y: auto;
+}
+/* Last in the column, never compressed, and opaque so rows cannot bleed
+   through as they scroll under its top border. */
+.ldh-block-body:has(> .ldh-pager) > .ldh-pager {
+  flex: 0 0 auto;
+  background: var(--bg-card);
+}
+/* The toolbar is pinned at the top of the same column for the same reason. */
+.ldh-block-body:has(> .ldh-pager) > .ldh-view-toolbar { flex: 0 0 auto; }
+
+
+/* =========================================================================
+   BLOCK HEADER DENSITY
+   One header serves every block, so nesting depth scales it rather than
+   swapping it. `data-density="compact"` changes size and padding ONLY — the
+   slots and their order are identical to a top-level header, because depth is
+   not a type.
+   (.ldh-nblock-head above is the outgoing markup and stays styled until the
+   bundle carrying BlockHeader ships.)
+   ========================================================================= */
+.ldh-block-head[data-density="compact"] {
+  padding: var(--sp-2) var(--sp-3);
+  gap: var(--sp-2);
+}
+.ldh-block-head[data-density="compact"] .ldh-res-icon,
+.ldh-block-head[data-density="compact"] .ldh-res-thumb {
+  width: 26px; height: 26px; border-radius: var(--r-sm);
+}
+.ldh-block-head[data-density="compact"] .ldh-res-icon .msi { font-size: 16px; }
+/* The doubled class is deliberate. EVERY skin sets the block title size at
+   `:root[data-retro…] .ldh-block-head .ttl` — (0,4,0) — and the skin files load
+   after app.css, so a matching (0,4,0) here loses the tie and a nested title
+   renders at full 22px. Patching each skin would work today and break on the
+   next skin added, because size at a given density is STRUCTURE (the component
+   owns it), not theme. `.ttl.ttl` is (0,5,0) and wins for any skin, present or
+   future. Font family and colour stay with the skin, which is theme. */
+:root .ldh-block-head[data-density="compact"] .ttl.ttl {
+  font-size: var(--fs-sm); font-weight: var(--fw-semibold); line-height: 1.3;
+}
+:root .ldh-block-head[data-density="compact"] .ttl--hero.ttl--hero {
+  font-size: var(--fs-base); line-height: 1.3;
+}
+.ldh-block-head[data-density="compact"] .sub { font-size: var(--fs-xs); margin-top: 2px; }
+.ldh-block-head[data-density="compact"] .ldh-res-desc { font-size: var(--fs-sm); }
+.ldh-block-head[data-density="compact"] .ldh-type-chip {
+  height: 18px; padding: 0 6px 0 7px; font-size: 10px;
+}
+.ldh-block-head[data-density="compact"] .ldh-type-chip .msi { font-size: 11px; }
+.ldh-block-head[data-density="compact"] .actions .ldhc-iconbtn { width: 26px; height: 26px; }
+
+/* Drag handle — a header slot, present when the block is reorderable. */
+.ldh-bh-drag {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 22px; height: 22px; flex-shrink: 0; margin-top: 2px;
+  color: var(--ink-4); cursor: grab; border-radius: var(--r-xs);
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-bh-drag:hover { background: var(--bg-hover); color: var(--fg-2); }
+.ldh-bh-drag:active { cursor: grabbing; }
+.ldh-bh-drag:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+
+
+/* No provenance line exists. A block shell renders the RESOURCE — title, type
+   chips, description, depiction, and the content itself. Where that content
+   came from (a query, a container, a row count) is not part of the resource, so
+   it gets no slot in the shell, header or footer. If the query is a property of
+   the resource, it shows as a statement in the resource's own description. */
+
+
+/* =========================================================================
+   PIVOT BAR — parallax navigation, its own row under the facet/sort toolbar.
+   One pill per predicate PER DIRECTION, all visible: pivots are the primary
+   way to travel a graph, so the whole set is worth a row rather than a click.
+   The arrow leads the label, and forward pills group before backward ones.
+   ========================================================================= */
+.ldh-pivot-bar {
+  display: flex; gap: var(--sp-2);
+  /* Matches .ldh-view-toolbar exactly — same vertical padding, same inset, same
+     gap — so the two bars read as one stacked control rather than two
+     components that happen to sit together. Inside .ldh-block-body the
+     horizontal padding is zeroed alongside the toolbar's (see that rule), since
+     the body supplies the inset. */
+  padding: var(--sp-3) var(--sp-6);
+  /* Same tint and same dashed divider as .ldh-view-toolbar, so the two bars
+     read as one banded control stacked in two rows rather than a tinted bar
+     followed by a white one. */
+  background: var(--surface-1);
+  border-bottom: 1px dashed var(--border-default);
+  min-width: 0;
+  /* flex-start, not center: the pills wrap, and centring the glyph on a
+     two-row block floats it into the gap between rows instead of aligning it
+     with the first pill the way the facet bar's lead glyph does. */
+  align-items: flex-start;
+}
+/* Leading glyph, matching the facet bar's filter glyph — it names the row
+   without spending a label on it. */
+/* Mirrors .facet-lead, and takes the pill's height so it centres on the FIRST
+   pill row regardless of how many rows the pills wrap to. */
+.ldh-pivot-glyph {
+  display: inline-flex; align-items: center;
+  height: 28px; margin-right: 2px;
+  color: var(--fg-hint); flex-shrink: 0;
+}
+/* Wraps rather than scrolls: a hidden pivot is the problem this bar exists to
+   solve, so a second line is the right cost. */
+.ldh-pivot-pills { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; min-width: 0; }
+.ldh-pivot-pill {
+  /* Metrically identical to .facet-pill: same height, padding and gap. A pivot
+     and a facet are both "one tap changes the result set", so they should not
+     differ in weight. */
+  display: inline-flex; align-items: center; gap: 6px;
+  height: 28px; padding: 0 10px; box-sizing: border-box;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-pill);
+  color: var(--fg-1); cursor: pointer;
+  font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium);
+  white-space: nowrap;
+  transition: background var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldh-pivot-pill:hover {
+  background: var(--bg-accent-quiet);
+  border-color: var(--ldh-blue-400);
+  color: var(--ldh-blue-700);
+}
+.ldh-pivot-pill:active { background: var(--ldh-blue-100); }
+.ldh-pivot-pill:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+/* The arrow is the direction, so it carries the accent, not the label. */
+.ldh-pivot-pill .msi { color: var(--ldh-blue-600); flex-shrink: 0; }
+.ldh-pivot-pill:hover .msi { color: var(--ldh-blue-700); }
+.ldh-pivot-pill .lbl { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+
+/* The intermediate "Pivot" DROPDOWN (.ldh-pivot / -trigger / -pop / -h) is
+   gone, along with a malformed comment left beside it whose body was sitting
+   in the stylesheet as raw CSS. A flat bar shows every hop at once, which is
+   the point of it. */
+
+/* =========================================================================
+   §16 LEFTOVERS — the two states that kept legacy names because the kit had
+   not named them. Both now follow the kit's `is-*` convention.
+   ========================================================================= */
+
+/* 1 · BLOCK LOADING, COLLAPSED.
+   Distinct from the skeleton loading state (.ldh-block-loading), which is for a
+   block whose SHAPE is known — a table, a chart — and mirrors it. This is the
+   other case: a block still resolving what it even is, collapsed to a single
+   progress strip under its header.
+
+   The pair LDH carried as "progress + active" is one state with one modifier:
+     .ldh-block.is-loading            → the block is resolving
+     .ldh-block.is-loading[aria-busy] → and is the one being awaited
+   `aria-busy` is the standard attribute for exactly this, so the second class
+   was redundant.
+
+   The strip replaces the body rather than sitting above it: a header plus a bar
+   is an honest "nothing yet", whereas a bar above empty body padding reads as a
+   block that has loaded and is empty. */
+.ldh-block.is-loading > .ldh-block-body { display: none; }
+.ldh-block-bar {
+  height: 2px; overflow: hidden;
+  background: var(--surface-3);
+  border-radius: var(--r-pill);
+  margin: 0 var(--sp-6) var(--sp-4);
+}
+.ldh-block.is-loading > .ldh-block-bar::after {
+  content: ""; display: block; height: 100%; width: 35%;
+  background: var(--bg-accent); border-radius: inherit;
+  animation: ldh-block-bar 1.3s var(--ease-in-out) infinite;
+}
+@keyframes ldh-block-bar { 0% { margin-left: -35%; } 100% { margin-left: 100%; } }
+/* Indeterminate by default; a known percentage sets --p and stops the sweep. */
+.ldh-block.is-loading > .ldh-block-bar[style*="--p"]::after {
+  width: var(--p); animation: none; margin-left: 0;
+  transition: width var(--dur-slow) var(--ease-out-soft);
+}
+@media (prefers-reduced-motion: reduce) {
+  .ldh-block.is-loading > .ldh-block-bar::after { animation: none; width: 100%; opacity: 0.4; }
+}
+
+/* 2 · SIDEBAR DOCUMENT-TREE ACTIVE ITEM.
+   `is-active`, matching the tab strip's item state — it is the same statement
+   ("this row is the document you are looking at") and should not have two
+   names. LDH's `li.active` renames.
+   The state goes on the LI so the rail and background span the whole row
+   including its disclosure control, exactly as with the tabs.
+   Scoped to `.sb-other`: the tree and class lists declare their own is-active
+   rules next to the rest of their vocabulary, and a `> *` descendant here would
+   also recolour their spacer column. */
+.sb-other > li.is-active {
+  background: var(--bg-selected);
+  border-radius: var(--r-sm);
+  box-shadow: inset 2px 0 0 var(--fg-selected);
+}
+.sb-other > li.is-active > * { color: var(--fg-selected); font-weight: var(--fw-medium); }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/bootstrap.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/bootstrap.css
deleted file mode 100644
index 0f7583dda5..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/bootstrap.css
+++ /dev/null
@@ -1,242 +0,0 @@
-html { height: 100%; }
-/* only the main navbar is fixed-top now; tab bar + action bar are sticky inside #tab-body */
-body { height: calc(100% - 51px); padding-top: 51px; padding-bottom: 0; }
-#tab-bar { position: sticky; top: 51px; z-index: 1000; margin-bottom: 0; }
-/* Override Bootstrap's overflow:auto which would make action-bar sticky relative to #tab-content instead of the viewport */
-#tab-content { overflow: visible; }
-#tab-bar.navbar-inner { min-height: 36px; padding: 4px 0; background: #ccc; box-shadow: none; }
-#tab-bar-list.nav-tabs { margin-bottom: 0; border-bottom: none; }
-#tab-bar-list.nav-tabs > li > a { color: #007fff; padding: 8px 12px; text-shadow: none; border-color: #aaa #aaa transparent; }
-#tab-bar-list.nav-tabs > li.active > a, #tab-bar .nav-tabs > li.active > a:hover { color: #555555; background: rgb(223, 223, 223); border-color: #aaa #aaa transparent; }
-#tab-bar-list > li { position: relative; }
-#tab-bar-list.nav-tabs > li > a { padding-right: 22px; }
-#tab-bar-list .tab-close { position: absolute; top: 6px; right: 6px; line-height: 1; font-size: 11px; color: #888; cursor: pointer; padding: 1px 3px; }
-#tab-bar-list .tab-close:hover { color: #333; }
-body.embed { padding-top: 0; }
-ul.dropdown-menu { max-height: 26em; overflow-x: hidden; overflow-y: auto; }
-ul.dropdown-menu ul { margin: 0; }
-.label { min-width: unset; min-height: unset; }
-.brand.context { background-image: url('../icons/baseline_arrow_upward_white_18dp.png'); background-repeat: no-repeat; background-position: center center; height: 20px; width: 20px; background-size: 20px 20px; }
-.btn.dropdown-toggle.btn-context { background-image: url('../icons/ic_apps_white_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 34px; height: 34px; }
-.btn.dropdown-toggle.btn-notifications { background-image: url('../icons/notifications-white-24dp.svg'); background-position: center center; background-repeat: no-repeat; width: 34px; height: 34px; }
-.btn.dropdown-toggle.btn-apps { background-image: url('../icons/ic_apps_white_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 34px; height: 34px; }
-.btn.dropdown-toggle.btn-settings { background-image: url('../icons/settings_white_24dp.svg'); background-position: center center; background-repeat: no-repeat; width: 34px; height: 34px; }
-.btn.dropdown-toggle.btn-agent { background-image: url('../icons/ic_account_circle_white_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 34px; height: 34px; }
-.dropdown-menu .btn-app-settings { background-color: inherit; display: block; text-align: left; width: 100%; padding-left: 20px; }
-.dropdown-menu li form { margin-bottom: 0; }
-.dropdown-menu li form button { width: 100%; text-align: left; }
-#collapsing-top-navbar .brand.context { display: inline-block; vertical-align: middle; }
-.btn-search { background-image: url('../icons/ic_search_white_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 34px; height: 34px; }
-.search-form .input-append, .search-form-modal .input-append { display: flex; width: 100%; align-items: stretch; }
-.search-form .input-append .search-query, .search-form-modal .input-append .search-query { flex: 1 1 auto; min-width: 0; height: 34px; box-sizing: border-box; margin: 0; }
-.search-form .input-append .btn-search, .search-form-modal .input-append .btn-search { flex: 0 0 34px; margin: 0; }
-.action-bar { position: sticky; top: var(--action-bar-top, 51px); z-index: 999; background: #dfdfdf; padding: 0; box-shadow: none; }
-.action-bar form { margin-bottom: 0; }
-.action-bar .span7 .row-fluid > * { margin-top: 10px; }
-.action-bar .row-fluid > .span2, .action-bar .row-fluid > .span3 { margin-top: 10px; }
-.action-bar .add-constructor, .dropdown-menu .add-constructor { background-color: inherit; display: block; text-align: left; width: 100%; }
-.action-bar .add-constructor:hover { color: #ffffff; background-color: #007af5; }
-.action-bar .breadcrumb { background-color: inherit; margin-bottom: 0; padding-left: 0; padding-top: 5px; }
-.action-bar .breadcrumb .container-logo { background-image: url('../icons/folder.svg'); background-position: left center; background-repeat: no-repeat; padding-left: 28px; }
-.action-bar .breadcrumb .item-logo { background-image: url('../icons/file.svg'); background-position: left center; background-repeat: no-repeat; padding-left: 28px; }
-.action-bar .breadcrumb .btn-group { margin-top: -4px; }
-.action-bar .breadcrumb-nav > .label-info { padding: 8px 15px; margin-right: 8px; font-size: inherit; background-color: #9954bb; }
-.action-bar #doc-controls { text-align: right; padding-top: 5px; }
-.action-bar #doc-controls .btn-edit { margin-top: -5px; margin-left: 10px; }
-.action-bar p.alert { margin-bottom: 0; }
-body:has(#edit-toolbar) .action-bar { border-bottom: 1px solid #aaa; }
-.nav-header.btn { color: inherit; }
-.btn.btn-primary.create-action { background-image: url('../icons/ic_note_add_white_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; /* height: 30px; */ }
-.btn.create-action, a.create-action { background-image: url('../icons/ic_note_add_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; /* height: 30px; */ }
-button.btn.create-action { height: 30px; }
-a.external::after { content: "⤴"; padding-left: 0.2em; }
-a.btn.create-action { height: 20px; }
-.create-resource .btn.create-action { margin-top: 1em; }
-.btn-class { background: inherit; }
-.btn-class span { color: black; }
-.btn-group.open .btn.dropdown-toggle.create-action { background-image: url('../icons/ic_note_add_black_24px.svg'); }
-li button.btn-edit-constructors, li button.btn-add-data, li button.btn-add-ontology, li button.btn-generate-containers { text-align: left; width: 100%; background-color: inherit; }
-.btn-container { background-image: url('../icons/folder.svg'); }
-.btn-item { background-image: url('../icons/file.svg'); }
-.btn-app { background-image: url('../icons/apps_black_24dp.svg'); }
-.btn-service { background-image: url('../icons/baseline-cloud-24px.svg'); }
-.btn-query { background-image: url('../icons/ic_code_black_24px.svg'); }
-.btn-file { background-image: url('../icons/ic_file_upload_black_24px.svg'); }
-.btn-import { background-image: url('../icons/ic_transform_black_24px.svg'); }
-.btn-chart { background-image: url('../icons/ic_show_chart_black_24px.svg'); }
-.btn-view { background-image: url('../icons/ic_view_list_black_24px.svg'); }
-.btn-logo { background-position: left; background-repeat: no-repeat; padding-left: 32px; }
-.dropdown-menu .btn-logo { background-position: 12px center; padding-left: 40px; }
-.btn.btn-toggle-content { font-size: 0; color: transparent; background-image: url('../icons/baseline-expand_less-24px.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
-.btn.btn-ban { font-size: 0; color: transparent; background-image: url('../icons/ic_refresh_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
-.action-bar .btn.btn-delete { font-size: 0; color: transparent; background-image: url('../icons/ic_delete_forever_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
-.btn.dropdown-toggle.btn-export { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_file_download_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.btn-acl { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/baseline-remove_red_eye-24px.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
-.btn.dropdown-toggle.btn-read { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_details_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.btn-copy-uri { font-size: 0; color: transparent; background-image: url('../icons/content_copy-24px.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
-.btn.btn-edit-subj { font-size: 0; color: transparent; background-image: url('../icons/baseline-expand_less-24px.svg'); background-position: center center; background-repeat: no-repeat;  width: 48px; height: 30px; }
-.btn.btn-edit-subj.open { background-image: url('../icons/baseline-expand_more-24px.svg'); }
-.btn.btn-save-as { font-size: 0; color: transparent; background-image: url('../icons/save_black_24dp.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
-.btn.btn-skolemize { font-size: 0; color: transparent; background-image: url('../icons/link_black_24dp.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; }
-.btn.btn-edit { font-size: 0; color: transparent; background-image: url('../icons/ic_create_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 48px; padding-left: 0; padding-right: 0; }
-.btn.dropdown-toggle.btn-map { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_map_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.dropdown-toggle.btn-graph { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_blur_on_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.dropdown-toggle.btn-query { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_code_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.dropdown-toggle.btn-content { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/view_list_black_24dp.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.dropdown-toggle.btn-chart { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_show_chart_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.dropdown-toggle.btn-list { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/view_list_black_24dp.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.dropdown-toggle.btn-table { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_border_all_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.btn.dropdown-toggle.btn-grid { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_grid_on_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; }
-.dropdown-menu > li > a.btn-content { background-image: url('../icons/view_list_black_24dp.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-read { background-image: url('../icons/ic_details_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-edit { background-image: url('../icons/ic_create_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-map { background-image: url('../icons/ic_map_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-chart { background-image: url('../icons/ic_show_chart_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-graph { background-image: url('../icons/ic_blur_on_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-query { background-image: url('../icons/ic_code_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-list { background-image: url('../icons/view_list_black_24dp.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-table { background-image: url('../icons/ic_border_all_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.dropdown-menu > li > a.btn-grid { background-image: url('../icons/ic_grid_on_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.left-sidebar { display: none; width: 15%; position: fixed; left: 0; top: var(--action-bar-top, 51px); height: calc(100% - var(--action-bar-top, 51px)); overflow-y: auto; z-index: 1001; }
-@media (max-width: 979px)
-{
-    body { padding-top: 0; }
-    .left-sidebar { display: block; width: auto; position: unset; top: unset; height: auto; z-index: auto; }
-    .left-sidebar .nav { max-height: 20em; overflow: auto; }
-}
-.left-sidebar .nav-list > li > a.btn-container { padding-left: 24px; }
-.left-sidebar .nav-list > li > a { margin-left: 0; margin-right: 0; }
-.left-sidebar ul { max-height: 22em; overflow: auto; }
-.left-sidebar li > a { display: inline-block; }
-.left-sidebar .btn-latest { background-image: url('../icons/ic_new_releases_black_24px.svg'); background-color: inherit; }
-.left-sidebar .btn-geo { background-image: url('../icons/ic_location_on_black_24px.svg'); background-color: inherit; }
-
-.btn.btn-expand-tree { height: 24px; width: 24px; background-image: url('../icons/expand_more_black_24dp.svg'); }
-.btn.btn-expand-tree:hover, .btn.btn-expand-tree:focus { background-position: 0 0; }
-.btn.btn-expanded-tree { height: 24px; width: 24px; background-image: url('../icons/chevron_right_black_24dp.svg'); }
-.btn.btn-expanded-tree:hover, .btn.btn-expanded-tree:focus { background-position: 0 0; }
-.left-nav .nav, .right-nav .nav { max-height: 20em; overflow: auto; }
-.left-nav, .right-nav { position: sticky; top: 0; }
-.btn.btn-order-by { font-size: 0; color: transparent; background-image: url('../icons/arrow_downward-black-24dp.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.btn.btn-order-by.btn-order-by-desc { font-size: 0; color: transparent; background-image: url('../icons/arrow_upward-black-24dp.svg'); background-position: 12px center; background-repeat: no-repeat; padding: 5px 5px 5px 40px; }
-.caret.caret-reversed { border-bottom: 4px solid #000000; border-top-width: 0; }
-.faceted-nav input[type=checkbox]:checked + span { font-weight: bold; }
-.parallax-nav a { cursor: pointer; }
-.content-body { min-height: calc(100% - 14em); margin-top: 14px; }
-.content-body > [about].row-fluid.block { overflow-x: auto; margin-bottom: 20px; }
-.content-body > [about].row-fluid.block, .constructor-triple.row-fluid { border-bottom: 2px solid rgb(223, 223, 223); }
-.content-body > [about].row-fluid.block.drag-over { border-bottom: 4px dotted #0f82f5; }
-.content-body > [about].row-fluid.block.diff-added { border: 2px solid #3fb618; }
-.content-body > [about].row-fluid.block.diff-removed { border: 2px solid #ff0039; }
-.content-body > [about].row-fluid.block.diff-changed { border: 2px solid #ff7518; }
-dd.diff-added, .main > div.diff-added { border-left: 4px solid #3fb618; padding-left: 8px; }
-dd.diff-removed, .main > div.diff-removed { border-left: 4px solid #ff0039; padding-left: 8px; }
-.row-fluid.block { max-height: 80em; }
-.row-fluid.block .drag-handle { display: none; width: 30px; background-color: #149bdf; background-image: radial-gradient(circle at 3px 3px, #0480be 1px, transparent 1.5px); background-size: 6px 6px; border-radius: 2px; cursor: move; }
-.list-mode.active { background-image: url('../icons/ic_navigate_before_black_24px.svg'); }
-legend.create-action { background-image: url('../icons/ic_note_add_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-alert.violation { background-image: url('../icons/ic_error_white_24px.svg '); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.hero-unit { background-color: #0f82f530; box-shadow: 5px 5px 3px 0px rgb(192,192,192); }
-h2.access-required { background-image: url('../icons/baseline-warning-24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-h2.container-logo { background-image: url('../icons/folder.svg'); background-position: left center; background-repeat: no-repeat; padding-left: 28px; }
-h2.item-logo { background-image: url('../icons/file.svg'); background-position: left center; background-repeat: no-repeat; padding-left: 28px; }
-.nav-tabs .content-mode a { background-image: url('../icons/view_list_black_24dp.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .read-mode a { background-image: url('../icons/ic_details_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .list-mode a { background-image: url('../icons/ic_view_list_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .table-mode a { background-image: url('../icons/ic_border_all_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .grid-mode a { background-image: url('../icons/ic_grid_on_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .chart-mode a { background-image: url('../icons/ic_show_chart_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .map-mode a { background-image: url('../icons/ic_map_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .graph-mode a { background-image: url('../icons/ic_blur_on_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.nav-tabs .view-mode a { background-image: url('../icons/ic_view_list_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.modal { max-height: 80%; overflow-y: auto; overflow-x: hidden; }
-.modal .dropdown-menu { z-index: 1100; }
-.modal-header { position: sticky; top: 0; background-color: white; z-index: 1060; }
-.modal-header legend { margin-bottom: 0; }
-.close { font-size: 35px; opacity: 0.4; }
-.modal-body { max-height: 80vh; }
-.modal-footer { position: sticky; bottom: 0; background-color: white; z-index: 1060; }
-.modal-first-time-message { margin-left: 0; width: 80%; left: 10%; }
-.modal-first-time-message .hero-unit { margin-bottom: 0; }
-/* Annotation overlay */
-#rdfa-editor-overlay { position: absolute; min-width: 360px; max-width: 520px; z-index: 10001; }
-.control-group.endpoint-classes ul { max-height: 20em; overflow: auto; }
-.nav-tabs > li > a, .pager > li > a.active { cursor: pointer; }
-.pager > li.previous > a { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_navigate_before_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; height: 24px; }
-.pager > li.next > a { text-align: right; font-size: 0; color: transparent; background-image: url('../icons/ic_navigate_next_black_24px.svg'); background-position: center center; background-repeat: no-repeat; width: 64px; height: 24px; }
-.result-count { padding-top: 8px; padding-bottom: 8px; height: 20px; }
-#container-results { overflow-y: auto; }
-.map-canvas { height: 45em; width: 100%; }
-fieldset { border: 1px outset #999; /* padding-top: 3%; */ }
-fieldset fieldset { margin-left: 3%; margin-bottom: 3%; }
-.constructor-template .control-label { text-align: left; }
-.constructor-triple .controls { margin-left: 250px; }
-.constructor-triple .controls label.radio { display: inline-block; padding-top: 10px; margin-right: 10px; }
-.constructor-triple .controls .help-inline { vertical-align: top; padding-top: 5px; }
-.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: unset; }
-#uri { height: 24px; width: 100%; }
-#query-form fieldset { border: initial; margin: initial; }
-button.add-typeahead { width: 219px; }
-.btn.btn-remove-property, .btn.btn-remove-resource { background-image: url('../icons/ic_remove_black_24px.svg'); background-position: center center; background-repeat: no-repeat; height: 30px; width: 30px; }
-.btn.btn-add { background-image: url('../icons/ic_add_black_24px.svg'); background-position: center center; background-repeat: no-repeat; height: 30px; width: 30px; }
-.btn.btn-save { background-image: url('../icons/ic_save_white_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.btn.btn-delete { background-image: url('../icons/ic_delete_forever_black_24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.btn.btn-run-query { background-image: url('../icons/baseline-play_arrow-24px.svg'); background-position: 12px center; background-repeat: no-repeat; padding-left: 40px; }
-.modal-constructor { margin-left: 0; width: 80%; left: 10%; }
-.form-horizontal span.control-label { padding-top: 1px; }
-.control-group.required .control-label { font-weight: bold; }
-.description { display: none; }
-.content .dl-horizontal { max-height: 35em; overflow: auto; }
-div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .main { font-size: larger; line-height: 25px; }
-div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"]:not(:has(form)) .main { cursor: pointer; }
-div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .btn-edit { display: none; }
-div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .form-horizontal .control-label { display: none; }
-div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .form-horizontal .controls { margin-left: 0; }
-div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] form fieldset { border: none; }
-.span12.progress .row-block-controls { background-color: #e9ecef; }
-.span12.progress .bar { height: 20px; }
-/* .content .btn.add-typeahead { margin-top: -10px; } */
-object { display: block; margin: auto; max-height: 400px; overflow: hidden; width: 100%; }
-.chart-canvas { width: 100%; height: 400px; }
-.chart-canvas .google-visualization-table { width: 100%; }
-.graph-3d-canvas { width: 100%; height: 600px; overflow: hidden; background: #141414; position: relative; }
-.graph-3d-tooltip { display: none; position: absolute; background: rgba(0,0,0,0.75); color: #fff; padding: 4px 8px; border-radius: 4px; pointer-events: none; font-size: 12px; z-index: 10; }
-.graph-3d-info-panel { position: absolute; top: 10px; right: 10px; z-index: 10; background: rgba(0,0,0,0.7); color: #fff; padding: 8px 12px; border-radius: 4px; max-width: 280px; font-size: 12px; }
-.graph-3d-info-panel h4 { margin: 0 0 4px; font-size: 13px; }
-.graph-3d-info-panel dl { margin: 0; }
-.graph-3d-info-panel dt { font-weight: bold; margin-top: 4px; }
-.graph-3d-info-panel dd { margin: 0; word-break: break-all; }
-.graph-3d-info-panel a { color: #8cf; }
-.graph-3d-show-panel { position: absolute; bottom: 30px; left: 10px; z-index: 10; background: rgba(0,0,0,0.7); color: #fff; padding: 8px 12px; border-radius: 4px; font-size: 12px; }
-.graph-3d-show-panel label { display: block; cursor: pointer; }
-.graph-3d-show-panel label.sub-option { margin-left: 16px; }
-.graph-3d-zoom { position: absolute; top: 10px; left: 10px; z-index: 10; }
-.graph-3d-fullscreen { position: absolute; bottom: 10px; right: 10px; z-index: 10; }
-.graph-3d-canvas.graph-3d-maximized { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; }
-.table { display: table; }
-.row { display: table-row ; }
-.cell { display: table-cell ; }
-.footer { background-color: rgba(0, 0, 0, 0.03); font-size: smaller; padding-bottom: 2em; height: 14em; }
-/* OpenLayers specific */
-.ol-overlay-container { width: 60%; max-height: 75%; background-color: white; overflow: auto; }
-.ol-overlay-container img { max-width: 100%; }
-/* SVG graph specific */
-circle { cursor: move; }
-/* RDFa editor specific */
-.editor-bar { position: sticky; top: calc(var(--action-bar-top, 51px) + 50px); z-index: 998; background: #dfdfdf; padding: 0; box-shadow: none; display: flex; align-items: center; }
-#edit-toolbar { order: -1; margin-right: auto; display: flex; gap: 6px; align-items: center; }
-#edit-toolbar button, #edit-toolbar select { padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: white; font-size: 13px; font-family: inherit; cursor: pointer; margin-top: auto; margin-bottom: auto; }
-#edit-toolbar button:disabled { opacity: 0.4; cursor: default; }
-#edit-toolbar button:hover { background: #f5f5f5; }
-#edit-toolbar button[aria-pressed="true"] { background: #e3f0ff; border-color: #6aa3e0; color: #1a5fb4; }
-#edit-toolbar .tb-group { display: flex; gap: 6px; align-items: center; }
-#edit-toolbar .tb-group + .tb-group { border-left: 1px solid #e0e0e0; padding-left: 6px; }
-#edit-toolbar .tb-group.table-ops.active { background: #e3f0ff; border-radius: 4px; }
-.edit-dialog { background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.2); padding: 12px; min-width: 280px; z-index: 10000; }
-.edit-dialog .rdfa-editor-ui .action-buttons { margin-top: 10px; }
-.edit-dialog .rdfa-editor-ui .checkbox-label { display: inline-flex; gap: 6px; align-items: center; font-weight: 400; margin-top: 8px; }
-.editor-bar:not(:has(#edit-toolbar)), body:not(:has(.rdfa-editor-content)) .editor-bar, body:not(:has(.rdfa-editor-content)) #rdfa-editor-breadcrumb { display: none; }
-/* Host-page gutter for the block drag handles (rendered at left:-1.5em, outside each block's box).
-   The editor documents this as a host requirement (padding-left >= 2.5em); LDH must reserve it since
-   the .rdfa-editor-content div is generated bare by the XMLLiteral form control. */
-.rdfa-editor-content { padding-left: 2.5em; }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/colors_and_type.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/colors_and_type.css
new file mode 100644
index 0000000000..d54d747d35
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/colors_and_type.css
@@ -0,0 +1,436 @@
+/* =========================================================================
+   LinkedDataHub Design System — Tokens
+   Base palette + typography for the LinkedDataHub Knowledge Graph platform.
+   Remix of the platform's legacy palette and Material UI with Base44-style whitespace,
+   pastel gradients and modern variable-font typography.
+   ========================================================================= */
+
+/* Geist / Geist Mono / Instrument Serif vendored locally in fonts.css */
+
+:root {
+  /* ---------- Color: Brand / Primary ---------- */
+  /* Pulled from the live product. The blue is the action color, the violet the
+     "structured / semantic" accent (used historically on RDF-typed labels). */
+  --ldh-blue-50:  #eef5ff;
+  --ldh-blue-100: #dbeafe;
+  --ldh-blue-200: #b8d3fd;
+  --ldh-blue-300: #8bb7fb;
+  --ldh-blue-400: #4d94f8;
+  --ldh-blue-500: #0f82f5;   /* Brand primary — matches legacy product */
+  --ldh-blue-600: #086ad6;
+  --ldh-blue-700: #0a55a8;
+  --ldh-blue-800: #0d4382;
+  --ldh-blue-900: #0a2d57;
+
+  --ldh-violet-50:  #faf5ff;
+  --ldh-violet-100: #f1e6fb;
+  --ldh-violet-200: #e1cdf6;
+  --ldh-violet-300: #c9a6ed;
+  --ldh-violet-400: #ad7adf;
+  --ldh-violet-500: #9954bb;   /* Brand accent — historical RDF tag color */
+  --ldh-violet-600: #803fa1;
+  --ldh-violet-700: #63307c;
+  --ldh-violet-800: #482358;
+  --ldh-violet-900: #2e1638;
+
+  /* ---------- Color: Pastel surface palette ---------- */
+  /* These wash backgrounds for hero / landing / category surfaces. Always paired
+     with --ink-1 text. Use as `background: var(--surf-lavender)` or composed in
+     a mesh gradient (see Visual Foundations in README). */
+  --surf-lavender: #efeaff;
+  --surf-mint:     #e6f6ee;
+  --surf-peach:    #ffece1;
+  --surf-sky:      #e3f1ff;
+  --surf-blush:    #ffe6ee;
+  --surf-sand:     #fcf5e7;
+
+  /* Pre-built gradients — used on hero / featured cards. */
+  --grad-aurora: linear-gradient(135deg, #efeaff 0%, #e3f1ff 50%, #e6f6ee 100%); /* @kind color */
+  --grad-dawn:   linear-gradient(135deg, #ffece1 0%, #ffe6ee 60%, #efeaff 100%); /* @kind color */
+  --grad-noon:   linear-gradient(135deg, #e3f1ff 0%, #ffffff 50%, #efeaff 100%); /* @kind color */
+  --grad-deep:   linear-gradient(135deg, #0a2d57 0%, #482358 100%);  /* @kind color */
+  --grad-radial-spot: radial-gradient(60% 60% at 30% 20%, #efeaff 0%, transparent 60%),
+                     radial-gradient(50% 50% at 80% 70%, #e3f1ff 0%, transparent 65%),
+                     #ffffff; /* @kind color */
+
+  /* ---------- Color: Neutrals ---------- */
+  /* Warm-white surfaces, near-black ink. NOT pure greys — slight blue undertone
+     to harmonise with the brand blue. */
+  --ink-1:  #0b0e14;   /* primary text, headings */
+  --ink-2:  #2b3245;   /* body text */
+  --ink-3:  #545b6e;   /* secondary text, meta */
+  --ink-4:  #8a91a3;   /* tertiary / hint */
+  --ink-5:  #b6bccc;   /* disabled */
+
+  --surface-0: #ffffff;          /* card / dialog */
+  --surface-1: #fafbfd;          /* page */
+  --surface-2: #f3f5f9;          /* recessed wells, table stripes */
+  --surface-3: #e8ebf2;          /* dividers, subtle borders */
+  --line-1:    #e2e6ee;          /* default border */
+  --line-2:    #cdd3df;          /* stronger border, focus ring outer */
+
+  /* ---------- Color: Semantic ---------- */
+  --success-500: #14a06a;
+  --success-50:  #e6f6ee;
+  --warning-500: #d48a08;
+  --warning-50:  #fff4dc;
+  --danger-500:  #d63a3a;
+  --danger-600:  #b62f2f;
+  --danger-50:   #ffe6e6;
+  /* Ink for text/icons sitting ON a --danger-500 fill. A token, not a literal:
+     skins whose danger is a light tint need dark ink here instead of white. */
+  --fg-on-danger: #ffffff;
+  --info-500:    var(--ldh-blue-500);
+  --info-50:     var(--ldh-blue-50);
+
+  /* ---------- RDF semantic colors ----------
+     Used to colour-code RDF node types in graph / list / table views.
+     Pulled from the live product (force-graph palette).               */
+  --rdf-class:    #9954bb;  /* purple — owl:Class instances */
+  --rdf-resource: #4d94f8;  /* blue   — generic resources */
+  --rdf-literal:  #14a06a;  /* green  — literals / values */
+  --rdf-blank:    #d48a08;  /* amber  — blank nodes */
+  --rdf-named:    #ad7adf;  /* light violet — named graphs */
+
+  /* ===========================================================================
+     PALETTE GOVERNANCE — how to choose among the many hues without drift.
+     ---------------------------------------------------------------------------
+     1. BLUE is the only interaction color. Buttons, links, focus, selected
+        state — all blue. Nothing else means "clickable".
+     2. VIOLET is decoration ONLY where it overlaps RDF: note that --ldh-violet-500
+        and --rdf-class are the SAME purple by design. Use the violet ramp for
+        chrome accents *sparingly* (it reads as "structured/semantic"); use the
+        --rdf-* tokens whenever the color is ENCODING a node type in data/viz.
+        Never use violet as a second action color — that competes with blue.
+     3. RDF-* tokens are DATA ENCODING, not decoration. Only use them where the
+        hue carries meaning (graph nodes, type pills, legends).
+     4. SEMANTIC (success/warning/danger) = status only, never decoration.
+     5. PASTEL surfaces + GRADIENTS are HERO-ONLY: document intros, landing /
+        category wash, empty-state art. Never behind body content or as a
+        default card background — that's the fastest route to "gradient slop".
+     =========================================================================== */
+
+  /* ---------- Typography: Families ---------- */
+  --font-sans:    'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  --font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
+
+  /* ---------- Typography: Scale ---------- */
+  /* Modular scale ~1.25 (major third). Tuned for dense info-dense UI plus the
+     big-headline pastel hero moments.
+     ROLE MAP (the low end is tight on purpose — assign by role, don't eyeball):
+       --fs-xs   12  mono meta: IRIs, counts, timestamps, eyebrows, tags
+       --fs-sm   13  secondary UI: labels, table cells, buttons, captions
+       --fs-base 15  DEFAULT body & UI text  ← start here
+       --fs-md   17  lead paragraphs / emphasised body only
+       --fs-lg+  20+ headings (use the .ldh-h* classes, not raw sizes)
+     Rule: body/UI is base; drop to sm only for genuinely secondary text; xs is
+     mono-meta only. If you reach for md on plain UI, you probably want base. */
+  --fs-xs:   12px;
+  --fs-sm:   13px;
+  --fs-base: 15px;
+  --fs-md:   17px;
+  --fs-lg:   20px;
+  --fs-xl:   24px;
+  --fs-2xl:  30px;
+  --fs-3xl:  38px;
+  --fs-4xl:  48px;
+  --fs-5xl:  64px;
+  --fs-6xl:  88px;
+
+  /* ---------- Typography: Weights ---------- */
+  --fw-regular: 400; /* @kind font */
+  --fw-medium:  500; /* @kind font */
+  --fw-semibold: 600; /* @kind font */
+  --fw-bold:    700; /* @kind font */
+
+  /* ---------- Typography: Line heights ---------- */
+  --lh-tight:   1.1; /* @kind font */
+  --lh-snug:    1.25; /* @kind font */
+  --lh-base:    1.55; /* @kind font */
+  --lh-relaxed: 1.7; /* @kind font */
+
+  /* ---------- Typography: Letter spacing ---------- */
+  --tracking-tight:  -0.03em;   /* display */
+  --tracking-snug:   -0.015em;  /* headings */
+  --tracking-normal: 0;
+  --tracking-wide:   0.04em;    /* eyebrows, all-caps labels */
+  --tracking-widest: 0.18em;    /* big over-line labels */
+
+  /* ---------- Radius ---------- */
+  --r-xs:  4px;
+  --r-sm:  6px;
+  --r-md:  10px;
+  --r-lg:  16px;
+  --r-xl:  20px;
+  --r-2xl: 28px;
+  --r-pill: 999px;
+
+  /* ---------- Spacing scale (4px base) ---------- */
+  --sp-1:  4px;
+  --sp-2:  8px;
+  --sp-3:  12px;
+  --sp-4:  16px;
+  --sp-5:  20px;
+  --sp-6:  24px;
+  --sp-8:  32px;
+  --sp-10: 40px;
+  --sp-12: 48px;
+  --sp-16: 64px;
+  --sp-20: 80px;
+  --sp-24: 96px;
+  --sp-32: 128px;
+
+  /* ---------- Elevation (shadows) ---------- */
+  /* Soft, low-contrast shadows — Base44 / glass vibe, not Material's harder cast. */
+  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
+  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.04);
+  --shadow-md: 0 8px 24px -8px rgba(15, 23, 42, 0.10), 0 2px 4px rgba(15, 23, 42, 0.04);
+  --shadow-lg: 0 24px 48px -16px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(15, 23, 42, 0.05);
+  --shadow-xl: 0 40px 80px -24px rgba(15, 23, 42, 0.22), 0 8px 16px rgba(15, 23, 42, 0.06);
+  --shadow-glow-blue:   0 0 0 4px rgba(15, 130, 245, 0.18);
+  --shadow-glow-violet: 0 0 0 4px rgba(153, 84, 187, 0.16);
+
+  /* Hairline inset highlight for cards on dark backgrounds */
+  --inset-hairline: inset 0 1px 0 rgba(255,255,255,0.6);
+
+  /* ---------- Motion ---------- */
+  --ease-out-soft:  cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
+  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
+  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
+  --dur-fast:   120ms; /* @kind other */
+  --dur-base:   200ms; /* @kind other */
+  --dur-slow:   360ms; /* @kind other */
+  --dur-xslow:  640ms; /* @kind other */
+
+  /* ---------- Layout ---------- */
+  --container-sm: 720px;
+  --container-md: 960px;
+  --container-lg: 1200px;
+  --container-xl: 1440px;
+
+  /* ---------- Semantic: Foreground tokens (consume these in components) ---------- */
+  --fg-1: var(--ink-1);
+  --fg-2: var(--ink-2);
+  --fg-muted: var(--ink-3);
+  /* Hint text: deliberately NOT ink-4 — ink-4 (#8a91a3) is ~3:1 on white and
+     fails WCAG AA for text. ink-4 is reserved for non-text use (icons that pair
+     with a label, hairline borders, disabled glyphs). For actual hint *text*
+     use this AA-safe value (~5.7:1 on the page surface). */
+  --fg-hint:  #5f6677;
+  --fg-on-accent: #ffffff;
+  --fg-link: var(--ldh-blue-600);
+
+  --bg-page:    var(--surface-1);
+  --bg-card:    var(--surface-0);
+  --bg-recess:  var(--surface-2);
+  /* Action color for text-bearing fills (filled buttons). blue-500 (#0f82f5)
+     is only ~3.3:1 against white text — it FAILS AA. blue-600 (#086ad6) clears
+     it at ~4.6:1, so the accent fill is pinned to 600, not 500. blue-500 stays
+     available as a primitive for non-text accents (dots, focus glints). */
+  --bg-accent:       var(--ldh-blue-600);
+  --bg-accent-hover: var(--ldh-blue-700);
+  --bg-accent-quiet: var(--ldh-blue-50);
+
+  /* Inverse ground — a FIXED white, identical in every theme, for controls that
+     sit on a dark bar or over imagery where the surrounding theme cannot be
+     relied on. Deliberately not --surface-0, which flips with the theme. */
+  --bg-inverse:       #ffffff;                /* @kind color */
+  --bg-inverse-hover: rgba(255,255,255,0.88); /* @kind color */
+
+  /* ---------- Semantic: Interactive states ----------
+     First-class state tokens so components stop hand-rolling `surface-2` for
+     every hover. Use these for any hoverable/selectable surface.            */
+  --bg-hover:    var(--surface-2);   /* neutral hover (rows, ghost buttons, tabs) */
+  --bg-active:   var(--surface-3);   /* pressed / held */
+  --bg-selected: var(--bg-accent-quiet);   /* current / on / selected surface */
+  --fg-selected: var(--ldh-blue-700);      /* text/icon on a selected surface */
+
+  --border-default: var(--line-1);
+  --border-strong:  var(--line-2);
+  --focus-ring:     var(--shadow-glow-blue);
+}
+
+/* =========================================================================
+   DARK THEME  —  set [data-theme="dark"] on <html>.
+   The light theme funnels nearly everything through the neutral primitives
+   (ink-*, surface-*, line-*) and a small set of accent tints, so dark mode is
+   mostly a re-mapping of those primitives — the semantic layer and components
+   inherit it automatically. Accent *text* tints (blue/violet 600/700) flip
+   light; accent *fills* are pinned to literals so filled buttons keep AA.
+   ========================================================================= */
+:root[data-theme="dark"] {
+  /* Neutrals — cool dark slate, mirroring the light theme's blue undertone. */
+  --ink-1:  #f3f6fc;
+  --ink-2:  #cfd6e3;
+  --ink-3:  #9aa3b5;
+  --ink-4:  #717a8d;
+  --ink-5:  #4c5365;
+
+  --surface-0: #171b24;   /* card / dialog */
+  --surface-1: #0f131a;   /* page */
+  --surface-2: #1e2430;   /* recessed wells, hover */
+  --surface-3: #2b323f;   /* pressed, dividers */
+  --line-1:    #272e3a;
+  --line-2:    #39414f;
+
+  /* Accent TEXT tints flip light so they stay legible on dark surfaces. */
+  --ldh-blue-50:   #11243d;
+  --ldh-blue-100:  #173558;
+  --ldh-blue-200:  #1f4d7a;
+  --ldh-blue-600:  #6aa6f7;
+  --ldh-blue-700:  #93bdfb;
+  --ldh-violet-50:  #241836;
+  --ldh-violet-100: #33214d;
+  --ldh-violet-700: #c9a6ed;
+  --success-500: #3ecb8f;  --success-50: #102619;
+  --warning-500: #e6a52a;  --warning-50: #2c2410;
+  --danger-500:  #f06a6a;  --danger-600: #d94f4f;  --danger-50:  #2e1414;
+  --fg-on-danger: #2e0f0f;
+
+  /* Accent FILL stays a literal saturated blue so white button text keeps
+     AA (≈4.6:1) — independent of the now-light blue-600 text primitive. */
+  --bg-accent:       #086ad6;
+  --bg-accent-hover: #0a55a8;
+
+  --fg-hint: #8a92a4;   /* ~4.8:1 on the dark page */
+
+  /* Shadows need more weight to read on dark surfaces. */
+  --shadow-xs: 0 1px 2px rgba(0,0,0,0.40);
+  --shadow-sm: 0 2px 8px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.40);
+  --shadow-md: 0 8px 24px -8px rgba(0,0,0,0.55), 0 2px 4px rgba(0,0,0,0.40);
+  --shadow-lg: 0 24px 48px -16px rgba(0,0,0,0.60), 0 4px 12px rgba(0,0,0,0.45);
+  --shadow-xl: 0 40px 80px -24px rgba(0,0,0,0.66), 0 8px 16px rgba(0,0,0,0.45);
+  --inset-hairline: inset 0 1px 0 rgba(255,255,255,0.06);
+}
+
+/* =========================================================================
+   Semantic typography classes — apply directly, or use as a reference for
+   component-level styles.
+   ========================================================================= */
+
+.ldh-display {
+  font-family: var(--font-display);
+  font-weight: 400;
+  font-size: var(--fs-6xl);
+  line-height: var(--lh-tight);
+  letter-spacing: var(--tracking-tight);
+  color: var(--fg-1);
+  font-style: italic;
+}
+
+.ldh-h1 {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-semibold);
+  font-size: var(--fs-4xl);
+  line-height: var(--lh-tight);
+  letter-spacing: var(--tracking-tight);
+  color: var(--fg-1);
+}
+
+.ldh-h2 {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-semibold);
+  font-size: var(--fs-3xl);
+  line-height: var(--lh-snug);
+  letter-spacing: var(--tracking-snug);
+  color: var(--fg-1);
+}
+
+.ldh-h3 {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-semibold);
+  font-size: var(--fs-2xl);
+  line-height: var(--lh-snug);
+  letter-spacing: var(--tracking-snug);
+  color: var(--fg-1);
+}
+
+.ldh-h4 {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-semibold);
+  font-size: var(--fs-xl);
+  line-height: var(--lh-snug);
+  color: var(--fg-1);
+}
+
+.ldh-h5 {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-medium);
+  font-size: var(--fs-lg);
+  line-height: var(--lh-snug);
+  color: var(--fg-1);
+}
+
+.ldh-body {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-regular);
+  font-size: var(--fs-base);
+  line-height: var(--lh-base);
+  color: var(--fg-2);
+}
+
+.ldh-body-lg {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-regular);
+  font-size: var(--fs-md);
+  line-height: var(--lh-base);
+  color: var(--fg-2);
+}
+
+.ldh-small {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-regular);
+  font-size: var(--fs-sm);
+  line-height: var(--lh-base);
+  color: var(--fg-muted);
+}
+
+.ldh-meta {
+  font-family: var(--font-sans);
+  font-weight: var(--fw-medium);
+  font-size: var(--fs-xs);
+  line-height: var(--lh-snug);
+  letter-spacing: var(--tracking-wide);
+  text-transform: uppercase;
+  color: var(--fg-muted);
+}
+
+.ldh-eyebrow {
+  font-family: var(--font-mono);
+  font-weight: var(--fw-medium);
+  font-size: var(--fs-xs);
+  line-height: var(--lh-snug);
+  letter-spacing: var(--tracking-widest);
+  text-transform: uppercase;
+  color: var(--ldh-blue-600);
+}
+
+.ldh-code {
+  font-family: var(--font-mono);
+  font-weight: var(--fw-regular);
+  font-size: 0.92em;
+  line-height: var(--lh-base);
+  color: var(--ink-2);
+  background: var(--surface-2);
+  padding: 1px 6px;
+  border-radius: var(--r-xs);
+}
+
+/* Inline IRI / URI styling — a recurring element across LDH. */
+.ldh-iri {
+  font-family: var(--font-mono);
+  font-size: 0.94em;
+  color: var(--ldh-blue-700);
+  word-break: break-all;
+}
+
+/* Reset-ish baseline for design previews */
+html, body { background: var(--bg-page); color: var(--fg-1); }
+body {
+  font-family: var(--font-sans);
+  font-size: var(--fs-base);
+  line-height: var(--lh-base);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/controls.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/controls.css
new file mode 100644
index 0000000000..a9a3e31ae2
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/controls.css
@@ -0,0 +1,372 @@
+/* =========================================================================
+   ui_kits/core/controls.css — form-control primitives
+   Select · Combobox · IconButton · FileInput · CodeField
+
+   Every control here carries the full core contract: default / hover / active /
+   focus-visible / disabled, plus loading and invalid where relevant. Metrics
+   match .ldhc-field-box exactly (sm 32 / md 40 / lg 48) so a select, a combobox
+   and a text field line up in the same row.
+
+   ONE FOCUS RING. Everything below uses --focus-ring. No control defines its
+   own; no app-layer override defines one either.
+   ========================================================================= */
+
+/* =========================================================================
+   Select — the design-system replacement for a native <select>.
+   Single, multiple (size), grouped (optgroup), and a LOCKED display for the
+   disabled single-option case (the Container/Item subject row): that one reads
+   as a static value with a lock affordance, NOT as a dead dropdown, because a
+   greyed-out control invites clicking at something that can never respond.
+   ========================================================================= */
+.ldhc-select { position: relative; display: inline-flex; align-items: center; width: 100%; min-width: 0; }
+.ldhc-select > select {
+  appearance: none; -webkit-appearance: none;
+  width: 100%; min-width: 0; box-sizing: border-box;
+  font-family: var(--font-sans); color: var(--fg-1);
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  cursor: pointer;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-select.sz-sm > select { height: 32px; padding: 0 30px 0 10px; font-size: var(--fs-sm); }
+.ldhc-select.sz-md > select { height: 40px; padding: 0 34px 0 12px; font-size: var(--fs-base); }
+.ldhc-select.sz-lg > select { height: 48px; padding: 0 38px 0 14px; font-size: var(--fs-base); }
+.ldhc-select > select:hover { border-color: var(--border-strong); }
+.ldhc-select > select:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldhc-select > select:disabled { background: var(--surface-1); color: var(--fg-hint); cursor: not-allowed; opacity: 0.65; }
+.ldhc-select > .ldhc-select-caret { position: absolute; right: 9px; pointer-events: none; color: var(--fg-hint); }
+.ldhc-select > select:disabled ~ .ldhc-select-caret { opacity: 0.5; }
+/* Grouped options — optgroup labels take the mono eyebrow treatment where the
+   platform lets us style them. */
+.ldhc-select optgroup {
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  color: var(--fg-hint); text-transform: uppercase; letter-spacing: var(--tracking-wide);
+}
+.ldhc-select option { font-family: var(--font-sans); font-size: var(--fs-base); color: var(--fg-1); }
+/* Multiple — a real list box, so it drops the caret and takes its own height. */
+.ldhc-select.is-multiple > select { height: auto; padding: 4px; cursor: default; }
+.ldhc-select.is-multiple > .ldhc-select-caret { display: none; }
+.ldhc-select.is-multiple option { padding: 5px 8px; border-radius: var(--r-xs); }
+.ldhc-select.is-multiple option:checked { background: var(--bg-selected); color: var(--fg-selected); }
+/* Invalid — reaches the select, not just inputs. */
+.ldhc-select.st-invalid > select { border-color: var(--danger-500); }
+.ldhc-select.st-invalid > select:focus-visible { box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger-500) 18%, transparent); }
+.ldhc-select.st-valid > select { border-color: var(--success-500); }
+
+/* Locked display — one immutable option. A static value + lock glyph, with the
+   real (disabled) select kept in the DOM for form serialisation. */
+.ldhc-select-locked {
+  display: inline-flex; align-items: center; gap: var(--sp-2);
+  box-sizing: border-box; min-width: 0;
+  background: var(--surface-2); border: 1px solid transparent; border-radius: var(--r-md);
+  color: var(--fg-2); font-family: var(--font-sans);
+}
+.ldhc-select-locked.sz-sm { height: 32px; padding: 0 10px; font-size: var(--fs-sm); }
+.ldhc-select-locked.sz-md { height: 40px; padding: 0 12px; font-size: var(--fs-base); }
+.ldhc-select-locked > .msi { color: var(--fg-hint); flex-shrink: 0; }
+.ldhc-select-locked > .lk-val { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ldhc-select-locked > select { display: none; }
+
+/* =========================================================================
+   Combobox / Autocomplete — ONE primitive replacing the three bespoke variants
+   (typeahead result list, resource picker, constructor predicate cell).
+
+   Committed value renders as a TAG with a change affordance, not a button with
+   a chevron: the old chip read as a dropdown trigger when its real meaning is
+   "selected value — click to change".
+   ========================================================================= */
+.ldhc-combobox { position: relative; display: flex; flex-direction: column; min-width: 0; width: 100%; }
+.ldhc-cb-box {
+  display: flex; align-items: center; gap: var(--sp-2);
+  box-sizing: border-box; background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-combobox.sz-sm .ldhc-cb-box { min-height: 32px; padding: 0 8px; }
+.ldhc-combobox.sz-md .ldhc-cb-box { min-height: 40px; padding: 0 10px; }
+.ldhc-combobox.sz-lg .ldhc-cb-box { min-height: 48px; padding: 0 12px; }
+.ldhc-cb-box:hover { border-color: var(--border-strong); }
+.ldhc-cb-box:focus-within { border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldhc-combobox.st-invalid .ldhc-cb-box { border-color: var(--danger-500); }
+.ldhc-combobox.st-invalid .ldhc-cb-box:focus-within { box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger-500) 18%, transparent); }
+.ldhc-combobox.is-disabled .ldhc-cb-box { background: var(--surface-1); opacity: 0.6; pointer-events: none; }
+.ldhc-cb-box > .msi { color: var(--fg-hint); flex-shrink: 0; }
+.ldhc-cb-box > input {
+  flex: 1; min-width: 0; border: 0; background: transparent; outline: none;
+  font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-1); padding: 6px 0;
+}
+.ldhc-cb-box > input::placeholder { color: var(--fg-hint); }
+/* IRI-valued comboboxes type in mono — the value is machine-readable. */
+.ldhc-combobox.is-iri .ldhc-cb-box > input { font-family: var(--font-mono); font-size: var(--fs-xs); }
+.ldhc-cb-clear {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 22px; height: 22px; flex-shrink: 0; padding: 0;
+  border: 0; background: transparent; cursor: pointer; color: var(--fg-hint); border-radius: var(--r-xs);
+}
+.ldhc-cb-clear:hover { background: var(--bg-hover); color: var(--fg-1); }
+.ldhc-cb-clear:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+
+/* Result panel */
+.ldhc-cb-panel {
+  position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 40;
+  max-height: 268px; overflow-y: auto;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  box-shadow: var(--shadow-lg);
+  padding: 4px;
+  animation: ldhc-cb-in var(--dur-fast) var(--ease-out-soft);
+}
+@keyframes ldhc-cb-in { from { opacity: 0; transform: translateY(-3px); } }
+.ldhc-cb-section {
+  padding: 7px 10px 4px;
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--fg-hint);
+}
+.ldhc-cb-item {
+  display: flex; align-items: center; gap: var(--sp-2); width: 100%;
+  padding: 7px 10px; border: 0; background: transparent; cursor: pointer;
+  text-align: left; border-radius: var(--r-sm);
+  font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-1);
+}
+.ldhc-cb-item:hover { background: var(--bg-hover); }
+/* Keyboard-active item is a distinct state from hover — the pointer and the
+   arrow keys can be in different places, and only one of them is "active". */
+.ldhc-cb-item.is-active { background: var(--bg-selected); color: var(--fg-selected); }
+.ldhc-cb-item[aria-selected="true"] .msi.tick { color: var(--fg-selected); }
+.ldhc-cb-item > .ldhc-cb-ic { color: var(--fg-hint); flex-shrink: 0; }
+.ldhc-cb-item.is-active > .ldhc-cb-ic { color: var(--fg-selected); }
+.ldhc-cb-item-body { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
+.ldhc-cb-item-lbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ldhc-cb-item-sub { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ldhc-cb-item.is-active .ldhc-cb-item-sub { color: color-mix(in srgb, var(--fg-selected) 72%, transparent); }
+/* Match highlight — the token the live markup never had. Weight + tint, no
+   background box, so a match inside a long label stays readable. */
+.ldhc-cb-mark { font-weight: var(--fw-bold); color: var(--fg-selected); background: none; }
+.ldhc-cb-item.is-active .ldhc-cb-mark { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
+
+/* Panel states: loading / empty / fetch error. A failed fetch is a designed
+   state here — it used to be a window.alert. */
+.ldhc-cb-state {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: 12px 10px; font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-muted);
+}
+.ldhc-cb-state.is-error { color: var(--danger-500); flex-wrap: wrap; }
+.ldhc-cb-state.is-error .msi { color: var(--danger-500); }
+.ldhc-cb-state .ldhc-cb-retry {
+  margin-left: auto; border: 0; background: transparent; cursor: pointer;
+  font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium);
+  color: var(--fg-link); text-decoration: underline; border-radius: var(--r-xs);
+}
+.ldhc-cb-state .ldhc-cb-retry:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-cb-skel { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; }
+
+/* Committed value — a tag, with change + clear. Reads as "selected value". */
+.ldhc-cb-committed { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
+.ldhc-cb-chip {
+  display: inline-flex; align-items: center; gap: 5px; min-width: 0; max-width: 100%;
+  box-sizing: border-box; height: 26px; padding: 0 4px 0 10px;
+  background: var(--bg-accent-quiet); color: var(--fg-selected);
+  border: 1px solid color-mix(in srgb, var(--fg-selected) 24%, transparent);
+  border-radius: var(--r-pill);
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+}
+.ldhc-cb-chip > .cb-chip-lbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ldhc-cb-chip > .cb-chip-btn {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 18px; height: 18px; padding: 0; flex-shrink: 0;
+  border: 0; background: transparent; color: inherit; cursor: pointer; border-radius: 50%;
+}
+.ldhc-cb-chip > .cb-chip-btn:hover { background: color-mix(in srgb, currentColor 16%, transparent); }
+.ldhc-cb-chip > .cb-chip-btn:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-cb-chip > .cb-chip-btn .msi { font-size: 14px; }
+
+/* =========================================================================
+   IconButton — THE icon button. It replaced the app kit's own .tb / .rb /
+   .ldh-icon-btn classes, which are gone.
+   Sizes 28 / 32 / 34 / 36. Intents neutral /
+   destructive / accent. `is-reveal` is the row-hover behaviour: invisible until
+   its container is hovered or anything inside it takes focus — never
+   display:none, so it keeps its footprint and the row doesn't shift.
+   ========================================================================= */
+.ldhc-iconbtn {
+  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
+  padding: 0; box-sizing: border-box;
+  border: 1px solid transparent; border-radius: var(--r-sm);
+  background: transparent; color: var(--fg-muted); cursor: pointer;
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft),
+              border-color var(--dur-fast) var(--ease-out-soft), opacity var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-iconbtn.sz-xs { width: 28px; height: 28px; }
+.ldhc-iconbtn.sz-sm { width: 32px; height: 32px; }
+.ldhc-iconbtn.sz-md { width: 34px; height: 34px; }
+.ldhc-iconbtn.sz-lg { width: 36px; height: 36px; }
+/* A tally alongside the glyph — the block links button. The button stops being
+   square and pads instead, so the count is inside the same hit target. */
+.ldhc-iconbtn.has-count { width: auto; padding: 0 8px; gap: 4px; }
+.ldhc-iconbtn.has-count.sz-xs { min-width: 28px; }
+.ldhc-iconbtn.has-count.sz-sm { min-width: 32px; }
+.ldhc-iconbtn.has-count.sz-md { min-width: 34px; }
+.ldhc-iconbtn-count {
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
+  line-height: 1;
+}
+.ldhc-iconbtn:hover { background: var(--bg-hover); color: var(--fg-1); }
+.ldhc-iconbtn:active { background: var(--bg-active); }
+.ldhc-iconbtn:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-iconbtn:disabled { cursor: not-allowed; opacity: 0.4; pointer-events: none; }
+.ldhc-iconbtn.ap-solid { background: var(--surface-0); border-color: var(--border-default); }
+.ldhc-iconbtn.ap-solid:hover { border-color: var(--border-strong); }
+.ldhc-iconbtn.in-destructive:hover { background: var(--danger-50); color: var(--danger-500); }
+.ldhc-iconbtn.in-accent:hover { background: var(--bg-accent-quiet); color: var(--fg-selected); }
+/* On a dark surface (the header bar) the neutral hover tokens are invisible, so
+   this intent tints with white-alpha instead. It exists so the header does not
+   need its own icon-button class. */
+.ldhc-iconbtn.in-inverse { color: rgba(255, 255, 255, 0.82); }
+.ldhc-iconbtn.in-inverse:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
+.ldhc-iconbtn.in-inverse:active { background: rgba(255, 255, 255, 0.18); }
+/* Pressed — the named state the subject bar's pencil toggle lacked. */
+.ldhc-iconbtn[aria-pressed="true"] { background: var(--bg-selected); color: var(--fg-selected); }
+.ldhc-iconbtn[aria-pressed="true"]:hover { background: var(--bg-selected); }
+.ldhc-iconbtn.is-loading { pointer-events: none; }
+/* Reveal-on-hover: opacity only, so layout is stable. Always visible once
+   focused, so keyboard users are never chasing an invisible control. */
+.ldhc-iconbtn.is-reveal { opacity: 0; }
+:hover > .ldhc-iconbtn.is-reveal,
+:focus-within > .ldhc-iconbtn.is-reveal,
+.ldhc-iconbtn.is-reveal:focus-visible { opacity: 1; }
+/* Transient confirmation (copy-URI): the glyph swaps to a tick and the button
+   flashes positive, then returns. */
+.ldhc-iconbtn.is-confirmed { background: var(--success-50); color: var(--success-500); }
+
+/* =========================================================================
+   FileInput at VALUE-ROW scale — idle / drag-over / selected / uploading /
+   error. Distinct from .ldh-dropzone, which is the big Imports-flow target;
+   this one has to sit inside a 32px property row.
+   ========================================================================= */
+.ldhc-fileinput { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
+.ldhc-file-drop {
+  display: flex; align-items: center; gap: var(--sp-2);
+  box-sizing: border-box; min-height: 32px; padding: 4px 10px;
+  background: var(--surface-0);
+  border: 1px dashed var(--border-strong); border-radius: var(--r-md);
+  cursor: pointer; color: var(--fg-muted);
+  font-family: var(--font-sans); font-size: var(--fs-sm);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-file-drop:hover { border-color: var(--ldh-blue-400); background: var(--bg-accent-quiet); color: var(--fg-2); }
+.ldhc-file-drop:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldhc-file-drop > .msi { color: var(--fg-hint); flex-shrink: 0; }
+.ldhc-file-drop .fd-link { color: var(--fg-link); text-decoration: underline; }
+.ldhc-file-drop input[type="file"] { display: none; }
+/* Drag-over is a solid border + accent wash: a dashed edge under an actively
+   hovering file reads as "still waiting", which is the wrong signal. */
+.ldhc-fileinput.is-dragover .ldhc-file-drop {
+  border-style: solid; border-color: var(--ldh-blue-500);
+  background: var(--bg-accent-quiet); color: var(--fg-selected);
+}
+.ldhc-fileinput.st-invalid .ldhc-file-drop { border-color: var(--danger-500); background: var(--danger-50); }
+.ldhc-fileinput.is-disabled { opacity: 0.55; pointer-events: none; }
+/* Selected chip — name, size, remove. Row-scale sibling of .ldh-file-chip. */
+.ldhc-file-sel {
+  display: flex; align-items: center; gap: var(--sp-2);
+  box-sizing: border-box; min-height: 32px; padding: 4px 6px 4px 10px;
+  background: var(--surface-2); border: 1px solid var(--border-default); border-radius: var(--r-md);
+  min-width: 0;
+}
+.ldhc-file-sel > .msi { color: var(--fg-muted); flex-shrink: 0; }
+.ldhc-file-sel .fs-name { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ldhc-file-sel .fs-size { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); flex-shrink: 0; }
+.ldhc-file-sel .fs-x { margin-left: auto; flex-shrink: 0; }
+.ldhc-file-prog { display: flex; align-items: center; gap: var(--sp-2); }
+.ldhc-file-prog .fp-bar { flex: 1; min-width: 0; }
+
+/* =========================================================================
+   CodeField — EDITABLE, LIGHT, in-a-form-row code surface. Hosts CodeMirror /
+   YASQE for SPARQL-valued properties. Deliberately not .ldh-sparql-*, which is
+   a dark read-only display pane: a dark editable field inside a white form row
+   reads as output, not input.
+   ========================================================================= */
+.ldhc-codefield {
+  display: flex; min-width: 0; box-sizing: border-box; overflow: hidden;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-codefield:hover { border-color: var(--border-strong); }
+.ldhc-codefield:focus-within { border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldhc-codefield.st-invalid { border-color: var(--danger-500); }
+.ldhc-codefield.st-invalid:focus-within { box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger-500) 18%, transparent); }
+.ldhc-codefield.is-disabled { background: var(--surface-1); opacity: 0.65; pointer-events: none; }
+.ldhc-cf-gutter {
+  flex-shrink: 0; padding: 8px 8px 8px 10px; text-align: right; user-select: none;
+  background: var(--surface-2); border-right: 1px solid var(--border-default);
+  font-family: var(--font-mono); font-size: var(--fs-xs); line-height: 1.65; color: var(--ink-5);
+}
+.ldhc-cf-area {
+  flex: 1; min-width: 0; border: 0; background: transparent; outline: none; resize: vertical;
+  padding: 8px 10px; tab-size: 2;
+  font-family: var(--font-mono); font-size: var(--fs-xs); line-height: 1.65; color: var(--fg-1);
+  white-space: pre; overflow-x: auto;
+}
+.ldhc-cf-area::placeholder { color: var(--fg-hint); }
+/* Light-theme SPARQL tokens, for a highlighted (non-textarea) host. */
+.ldhc-codefield .t-kw  { color: #a33ea3; font-weight: var(--fw-semibold); }
+.ldhc-codefield .t-fn  { color: var(--ldh-blue-700); }
+.ldhc-codefield .t-var { color: #b06000; }
+.ldhc-codefield .t-str { color: var(--success-500); }
+.ldhc-codefield .t-num { color: #b06000; }
+.ldhc-codefield .t-pn, .ldhc-codefield .t-op { color: var(--fg-muted); }
+
+
+/* =========================================================================
+   ChoiceButton — a full-width, two-line option button: a title, an optional
+   explanatory sub-line, an optional leading glyph or brand slot, and an
+   optional trailing chevron.
+
+   It exists because a plain Button cannot carry a second line, and the auth
+   screens had grown their own `.ldh-auth-btn` to do it — a fourth button
+   system with its own hover/active/focus rules. This is that need, expressed
+   once, on the same tokens as .ldhc-btn (same radius, same --focus-ring, same
+   translateY press).
+   ========================================================================= */
+.ldhc-choicebtn {
+  display: flex; align-items: center; gap: var(--sp-3);
+  width: 100%; box-sizing: border-box; text-align: left;
+  padding: var(--sp-3) var(--sp-4);
+  background: var(--surface-0); color: var(--fg-1);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  cursor: pointer; font-family: var(--font-sans);
+  transition: background var(--dur-fast) var(--ease-out-soft),
+              border-color var(--dur-fast) var(--ease-out-soft),
+              color var(--dur-fast) var(--ease-out-soft),
+              transform var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-choicebtn:hover { background: var(--bg-hover); border-color: var(--border-strong); }
+.ldhc-choicebtn:active { transform: translateY(1px); }
+.ldhc-choicebtn:focus-visible { outline: 0; border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldhc-choicebtn:disabled { cursor: not-allowed; opacity: 0.45; pointer-events: none; }
+.ldhc-cb-titles { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
+.ldhc-cb-title { font-size: var(--fs-base); font-weight: var(--fw-semibold); color: inherit; }
+.ldhc-cb-sub { font-size: var(--fs-xs); color: var(--fg-muted); line-height: var(--lh-base); }
+.ldhc-choicebtn > .ldhc-cb-chev { margin-left: auto; flex-shrink: 0; color: var(--fg-hint); }
+.ldhc-choicebtn > .msi:first-child { flex-shrink: 0; color: var(--fg-muted); }
+/* Primary: the accent fill. Ink comes from --fg-on-accent, which inverts in
+   skins whose accent is pale, so the sub-line is derived from it rather than
+   hardcoded white-alpha. */
+.ldhc-choicebtn.in-primary {
+  background: var(--bg-accent); border-color: var(--bg-accent); color: var(--fg-on-accent);
+}
+.ldhc-choicebtn.in-primary:hover { background: var(--bg-accent-hover); border-color: var(--bg-accent-hover); }
+.ldhc-choicebtn.in-primary .ldhc-cb-sub { color: color-mix(in srgb, var(--fg-on-accent) 72%, transparent); }
+.ldhc-choicebtn.in-primary > .msi:first-child,
+.ldhc-choicebtn.in-primary > .ldhc-cb-chev { color: var(--fg-on-accent); }
+/* Centred variant for a form's submit, where there is no sub-line to align. */
+.ldhc-choicebtn.al-center { justify-content: center; text-align: center; }
+.ldhc-choicebtn.al-center .ldhc-cb-titles { align-items: center; }
+/* Brand slot — a third-party mark (e.g. Google) on its own white tile, so the
+   logo keeps its own colours whatever the surrounding theme. */
+.ldhc-cb-brand {
+  width: 30px; height: 30px; flex-shrink: 0; border-radius: var(--r-sm);
+  background: #fff; border: 1px solid var(--border-default);
+  display: inline-flex; align-items: center; justify-content: center;
+}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/core.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/core.css
new file mode 100644
index 0000000000..66a15b27dc
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/core.css
@@ -0,0 +1,703 @@
+/* =========================================================================
+   LinkedDataHub Design System — ui_kits/core
+   General-purpose primitives. LDH-native: our tokens, Geist, Material Symbols,
+   the glow-ring focus. No component invents a colour — every intent maps to the
+   semantic set (neutral / informative / positive / warning / negative + accent).
+
+   Cross-cutting conventions encoded here:
+   · Sizing      — sm / md / lg (some xs / xl) share one scale so a field, its
+                   label, its help text and an adjacent button align at a step.
+   · States      — every interactive thing defines default / hover / active /
+                   focus-visible / selected / disabled (+ loading / invalid).
+                   Focus is ALWAYS a visible ring; never removed.
+   · Inverse     — anything that can land on a dark surface has .is-inverse.
+   · Floating    — menus/popovers/tooltips share .ldhc-float positioning.
+
+   INVENTORY (this file, then the two imported below)
+     core.css      Icon · Button · UtilityButton · TextLink · Label · HelpText ·
+                   VisuallyHidden · TextField · TextArea · Checkbox ·
+                   CheckboxGroup · RadioButton · RadioGroup · Toggle · Tag ·
+                   Badge · InlineAlert · Toast · ProgressBar · ProgressCircle ·
+                   Skeleton · Divider · ContentSwitcher · Tabs · Tooltip ·
+                   Toggletip
+     controls.css  Select · Combobox · IconButton · FileInput · CodeField
+     overlays.css  Menu (+ ActionOverflow) · Popover · Modal
+     surfaces.css  Card · DataTable · Avatar · Drawer · Step
+   ========================================================================= */
+
+@import url('controls.css');
+@import url('overlays.css');
+@import url('surfaces.css');
+
+/* ---------- Icon — the Material Symbols primitive ----------
+   Five sizes aligned to the text/control scale; colour inherits from the
+   surrounding text so icons match their labels automatically. Lives in core
+   because every kit needs it; ui_kits/app inherits it from here. */
+/* Material Symbols default sizing */
+.msi {
+  font-family: 'Material Symbols Rounded';
+  font-weight: 400;
+  font-style: normal;
+  font-size: 20px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  font-feature-settings: 'liga';
+  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+  user-select: none;
+  vertical-align: middle;
+}
+.msi.sm { font-size: 16px; }
+.msi.lg { font-size: 24px; }
+.msi.outline { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
+.msi.xs { font-size: 14px; }
+.msi.xl { font-size: 32px; }
+
+/* ---------- shared interactive base ---------- */
+.ldhc-focusable:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+[data-ldhc-disabled="true"], .ldhc-is-disabled { cursor: not-allowed; opacity: 0.5; pointer-events: none; }
+
+/* =========================================================================
+   ACTIONS — Button
+   intent × appearance matrix. intent sets the colour role; appearance sets
+   whether that role is a fill, a border, or nothing until hover.
+   ========================================================================= */
+/* Button intent variables. These are component INTERNALS, not theme tokens:
+   the appearance × intent matrix works by each intent rebinding them, so they
+   belong on the component and deliberately not on :root. */
+/* Button intent variables live ONLY on the intent rules below. The base has no
+   defaults because it never renders without one: Button always emits
+   `in-<intent>` (default "primary"), and every hand-written usage carries one
+   too. Defaults here were dead weight — and one more component-selector scope
+   declaring custom properties. */
+.ldhc-btn {
+  display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
+  font-family: var(--font-sans); font-weight: var(--fw-medium);
+  /* transparent literal, not a variable: unlike --btn-fg/-bg/-bg-hover, which
+     every intent rebinds, the border colour was never overridden through the
+     variable — each appearance sets `border-color` directly. A variable that
+     varies nothing is just indirection. */
+  border: 1px solid transparent; border-radius: var(--r-md);
+  cursor: pointer; text-decoration: none; white-space: nowrap;
+  position: relative; box-sizing: border-box;
+  transition: background var(--dur-fast) var(--ease-out-soft),
+              border-color var(--dur-fast) var(--ease-out-soft),
+              color var(--dur-fast) var(--ease-out-soft),
+              transform var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-btn:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-btn:active:not(:disabled) { transform: translateY(1px); }
+.ldhc-btn:disabled, .ldhc-btn[aria-disabled="true"] { cursor: not-allowed; opacity: 0.45; pointer-events: none; }
+
+/* sizes — height, padding and text move together */
+.ldhc-btn.sz-sm { height: 30px; padding: 0 12px; font-size: var(--fs-sm); border-radius: var(--r-sm); }
+.ldhc-btn.sz-md { height: 36px; padding: 0 16px; font-size: var(--fs-sm); }
+.ldhc-btn.sz-lg { height: 44px; padding: 0 20px; font-size: var(--fs-base); }
+.ldhc-btn.sz-xl { height: 52px; padding: 0 26px; font-size: var(--fs-md); border-radius: var(--r-lg); }
+.ldhc-btn.is-full { width: 100%; }
+/* icon-only: square-ish, label removed (accessible name comes from aria-label) */
+.ldhc-btn.is-iconly.sz-sm { width: 30px; padding: 0; }
+.ldhc-btn.is-iconly.sz-md { width: 36px; padding: 0; }
+.ldhc-btn.is-iconly.sz-lg { width: 44px; padding: 0; }
+.ldhc-btn.is-iconly.sz-xl { width: 52px; padding: 0; }
+
+/* intents — each declares its colour role once */
+.ldhc-btn.in-primary  { --btn-bg: var(--bg-accent);      --btn-bg-hover: var(--bg-accent-hover); --btn-fg: var(--fg-on-accent); }
+.ldhc-btn.in-neutral  { --btn-bg: var(--surface-2);      --btn-bg-hover: var(--surface-3);       --btn-fg: var(--fg-1); }
+.ldhc-btn.in-accent   { --btn-bg: var(--ldh-violet-600); --btn-bg-hover: var(--ldh-violet-700);  --btn-fg: #ffffff; }
+.ldhc-btn.in-negative { --btn-bg: var(--danger-500);     --btn-bg-hover: var(--danger-600); --btn-fg: var(--fg-on-danger); }
+.ldhc-btn.in-inverse  { --btn-bg: var(--bg-inverse);    --btn-bg-hover: var(--bg-inverse-hover); --btn-fg: var(--ink-1); }
+
+/* appearance: solid — the intent colour as a fill */
+.ldhc-btn.ap-solid { background: var(--btn-bg); color: var(--btn-fg); }
+.ldhc-btn.ap-solid:hover:not(:disabled) { background: var(--btn-bg-hover); }
+.ldhc-btn.in-neutral.ap-solid { border-color: var(--border-default); }
+.ldhc-btn.in-neutral.ap-solid:hover:not(:disabled) { border-color: var(--border-strong); }
+
+/* appearance: outline — transparent with the intent colour as border + text */
+.ldhc-btn.ap-outline { background: transparent; color: var(--btn-bg); border-color: var(--btn-bg); }
+.ldhc-btn.ap-outline.in-neutral { color: var(--fg-1); border-color: var(--border-strong); }
+.ldhc-btn.ap-outline:hover:not(:disabled) { background: color-mix(in srgb, var(--btn-bg) 8%, transparent); }
+.ldhc-btn.ap-outline.in-inverse { color: #fff; border-color: rgba(255,255,255,0.55); }
+.ldhc-btn.ap-outline.in-inverse:hover:not(:disabled) { background: rgba(255,255,255,0.12); }
+
+/* appearance: ghost — nothing until hover */
+.ldhc-btn.ap-ghost { background: transparent; color: var(--btn-bg); border-color: transparent; }
+.ldhc-btn.ap-ghost.in-neutral { color: var(--fg-2); }
+.ldhc-btn.ap-ghost:hover:not(:disabled) { background: color-mix(in srgb, var(--btn-bg) 10%, transparent); }
+.ldhc-btn.ap-ghost.in-neutral:hover:not(:disabled) { background: var(--bg-hover); color: var(--fg-1); }
+.ldhc-btn.ap-ghost.in-inverse { color: #fff; }
+.ldhc-btn.ap-ghost.in-inverse:hover:not(:disabled) { background: rgba(255,255,255,0.14); }
+
+/* fixed treatments for use over photography, where the theme can't be inferred */
+.ldhc-btn.ap-fixed-light { background: #ffffff; color: #0b0e14; border-color: transparent; }
+.ldhc-btn.ap-fixed-light:hover:not(:disabled) { background: rgba(255,255,255,0.88); }
+.ldhc-btn.ap-fixed-dark { background: #0b0e14; color: #ffffff; border-color: transparent; }
+.ldhc-btn.ap-fixed-dark:hover:not(:disabled) { background: #1c212e; }
+
+/* loading — spinner replaces or accompanies the label; button goes inert */
+.ldhc-btn.is-loading { cursor: progress; pointer-events: none; }
+.ldhc-btn .ldhc-btn-spin {
+  width: 1em; height: 1em; flex-shrink: 0; border-radius: 50%;
+  border: 2px solid currentColor; border-right-color: transparent;
+  animation: ldhc-spin 0.7s linear infinite;
+}
+@keyframes ldhc-spin { to { transform: rotate(360deg); } }
+
+/* ---------- UtilityButton — compact toolbar control ---------- */
+.ldhc-ubtn {
+  display: inline-flex; align-items: center; gap: 5px;
+  font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium);
+  color: var(--fg-2); background: transparent;
+  border: 1px solid transparent; border-radius: var(--r-sm);
+  cursor: pointer; box-sizing: border-box;
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-ubtn.sz-sm { height: 26px; padding: 0 7px; }
+.ldhc-ubtn.sz-md { height: 32px; padding: 0 10px; }
+.ldhc-ubtn.sz-lg { height: 38px; padding: 0 13px; }
+.ldhc-ubtn.is-iconly.sz-sm { width: 26px; padding: 0; justify-content: center; }
+.ldhc-ubtn.is-iconly.sz-md { width: 32px; padding: 0; justify-content: center; }
+.ldhc-ubtn.is-iconly.sz-lg { width: 38px; padding: 0; justify-content: center; }
+.ldhc-ubtn.ap-solid { background: var(--surface-2); border-color: var(--border-default); }
+.ldhc-ubtn:hover:not(:disabled) { background: var(--bg-hover); color: var(--fg-1); }
+.ldhc-ubtn.ap-solid:hover:not(:disabled) { border-color: var(--border-strong); }
+.ldhc-ubtn:active:not(:disabled) { background: var(--bg-active); }
+.ldhc-ubtn:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-ubtn:disabled { cursor: not-allowed; opacity: 0.45; pointer-events: none; }
+.ldhc-ubtn.is-emphasis { color: var(--fg-1); font-weight: var(--fw-semibold); }
+/* toggle mode — persistent selected state */
+.ldhc-ubtn[aria-pressed="true"] { background: var(--bg-selected); color: var(--fg-selected); }
+.ldhc-ubtn[aria-pressed="true"]:hover { background: var(--bg-selected); }
+.ldhc-ubtn .ldhc-ubtn-lbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ldhc-ubtn .ldhc-ubtn-chev { color: var(--fg-hint); margin-left: 1px; }
+
+/* ---------- TextLink ---------- */
+.ldhc-link {
+  color: var(--fg-link); text-decoration: underline; text-underline-offset: 2px;
+  text-decoration-thickness: 1px; cursor: pointer;
+  border-radius: var(--r-xs);
+  transition: color var(--dur-fast) var(--ease-out-soft), text-decoration-thickness var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-link:hover { text-decoration-thickness: 2px; }
+.ldhc-link:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-link:visited { color: var(--ldh-violet-700); }
+.ldhc-link.is-disabled { color: var(--fg-hint); text-decoration: none; pointer-events: none; }
+.ldhc-link.dm-inline { font-size: inherit; }
+/* standalone — own line, bolder, no rule until hover; the icon carries direction */
+.ldhc-link.dm-standalone {
+  display: inline-flex; align-items: center; gap: 6px;
+  font-weight: var(--fw-semibold); text-decoration: none;
+}
+.ldhc-link.dm-standalone:hover { text-decoration: underline; text-decoration-thickness: 2px; }
+.ldhc-link.sz-sm { font-size: var(--fs-sm); }
+.ldhc-link.sz-md { font-size: var(--fs-base); }
+.ldhc-link.sz-lg { font-size: var(--fs-md); }
+.ldhc-link.va-emphasis { color: var(--ldh-blue-700); font-weight: var(--fw-semibold); }
+.ldhc-link.va-inverse, .ldhc-link.va-fixed-light { color: #ffffff; }
+.ldhc-link.va-fixed-dark { color: var(--ink-1); }
+
+/* =========================================================================
+   FORM INPUTS
+   ========================================================================= */
+/* ---------- Label ---------- */
+.ldhc-label {
+  display: flex; align-items: center; gap: 6px;
+  font-family: var(--font-sans); font-weight: var(--fw-medium); color: var(--fg-2);
+}
+.ldhc-label.sz-sm { font-size: var(--fs-xs); }
+.ldhc-label.sz-md { font-size: var(--fs-sm); }
+.ldhc-label.sz-lg { font-size: var(--fs-base); }
+.ldhc-label .ldhc-label-aux { margin-left: auto; font-weight: var(--fw-regular); color: var(--fg-hint); font-family: var(--font-mono); font-size: var(--fs-xs); }
+.ldhc-vh {
+  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
+  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
+}
+
+/* ---------- HelpText ---------- */
+.ldhc-help {
+  display: flex; align-items: flex-start; gap: 5px;
+  font-family: var(--font-sans); color: var(--fg-hint); line-height: var(--lh-base);
+}
+.ldhc-help.sz-sm { font-size: var(--fs-xs); }
+.ldhc-help.sz-md { font-size: var(--fs-xs); }
+.ldhc-help.sz-lg { font-size: var(--fs-sm); }
+.ldhc-help.va-warning  { color: var(--warning-500); }
+.ldhc-help.va-negative { color: var(--danger-500); }
+.ldhc-help .msi { font-size: 1.1em; margin-top: 1px; }
+
+/* ---------- TextField / TextArea ---------- */
+.ldhc-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
+.ldhc-field-box {
+  display: flex; align-items: center; gap: var(--sp-2);
+  background: var(--surface-0); box-sizing: border-box;
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-field-box.sz-sm { min-height: 32px; padding: 0 10px; }
+.ldhc-field-box.sz-md { min-height: 40px; padding: 0 12px; }
+.ldhc-field-box.sz-lg { min-height: 48px; padding: 0 14px; }
+.ldhc-field-box:hover { border-color: var(--border-strong); }
+.ldhc-field-box:focus-within { border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.ldhc-field-box.st-valid { border-color: var(--success-500); }
+.ldhc-field-box.st-invalid { border-color: var(--danger-500); }
+.ldhc-field-box.st-invalid:focus-within { box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger-500) 18%, transparent); }
+.ldhc-field-box.is-readonly { background: var(--surface-2); border-color: transparent; }
+.ldhc-field-box.is-disabled { background: var(--surface-1); opacity: 0.6; pointer-events: none; }
+.ldhc-field-box input, .ldhc-field-box textarea {
+  flex: 1; min-width: 0; border: 0; background: transparent; outline: none;
+  font-family: var(--font-sans); font-size: var(--fs-base); color: var(--fg-1);
+  padding: 7px 0; resize: none;
+}
+.ldhc-field-box.sz-sm input { font-size: var(--fs-sm); }
+.ldhc-field-box input::placeholder, .ldhc-field-box textarea::placeholder { color: var(--fg-hint); }
+.ldhc-field-box textarea { padding: 10px 0; line-height: var(--lh-base); }
+.ldhc-field-box textarea.is-resizable { resize: vertical; }
+.ldhc-field-box .ldhc-adorn { display: inline-flex; align-items: center; color: var(--fg-hint); flex-shrink: 0; font-size: var(--fs-sm); }
+.ldhc-field-box .ldhc-adorn.is-unit { font-family: var(--font-mono); font-size: var(--fs-xs); }
+.ldhc-field-box.st-valid .ldhc-adorn-state { color: var(--success-500); }
+.ldhc-field-box.st-invalid .ldhc-adorn-state { color: var(--danger-500); }
+.ldhc-field-clear, .ldhc-field-btn {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 22px; height: 22px; flex-shrink: 0; padding: 0;
+  border: 0; background: transparent; cursor: pointer;
+  color: var(--fg-hint); border-radius: var(--r-xs);
+}
+.ldhc-field-clear:hover, .ldhc-field-btn:hover { background: var(--bg-hover); color: var(--fg-1); }
+.ldhc-field-clear:focus-visible, .ldhc-field-btn:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-field-foot { display: flex; align-items: flex-start; gap: var(--sp-3); }
+.ldhc-field-count { margin-left: auto; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); white-space: nowrap; }
+.ldhc-field-count.is-over { color: var(--danger-500); }
+
+/* floating label — sits inside at rest, animates to the top border when active */
+.ldhc-field.lb-float .ldhc-field-box { position: relative; }
+.ldhc-field.lb-float .ldhc-float-lbl {
+  position: absolute; left: 9px; top: 50%; transform: translateY(-50%);
+  font-family: var(--font-sans); font-size: var(--fs-base); color: var(--fg-hint);
+  pointer-events: none; background: var(--surface-0); padding: 0 4px;
+  transition: top var(--dur-fast) var(--ease-out-soft), font-size var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-field.lb-float.is-active .ldhc-float-lbl {
+  top: 0; font-size: var(--fs-xs); color: var(--ldh-blue-600); transform: translateY(-50%);
+}
+.ldhc-field.lb-float.is-active.st-invalid .ldhc-float-lbl { color: var(--danger-500); }
+
+/* ---------- Checkbox / Radio ---------- */
+.ldhc-choice {
+  display: inline-flex; align-items: flex-start; gap: var(--sp-2);
+  cursor: pointer; font-family: var(--font-sans); font-size: var(--fs-base); color: var(--fg-1);
+  line-height: 1.4;
+}
+.ldhc-choice.is-disabled { cursor: not-allowed; opacity: 0.5; }
+.ldhc-choice input { position: absolute; opacity: 0; width: 0; height: 0; }
+.ldhc-box, .ldhc-dot {
+  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
+  width: 18px; height: 18px; margin-top: 1px; box-sizing: border-box;
+  border: 1.5px solid var(--border-strong); background: var(--surface-0);
+  color: transparent;
+  transition: background var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-box { border-radius: var(--r-xs); }
+.ldhc-dot { border-radius: 50%; }
+.ldhc-choice:hover .ldhc-box, .ldhc-choice:hover .ldhc-dot { border-color: var(--ldh-blue-400); }
+.ldhc-choice input:checked + .ldhc-box { background: var(--bg-accent); border-color: var(--bg-accent); color: #fff; }
+.ldhc-choice input:indeterminate + .ldhc-box { background: var(--bg-accent); border-color: var(--bg-accent); color: #fff; }
+.ldhc-choice input:checked + .ldhc-dot { border-color: var(--bg-accent); border-width: 5px; }
+.ldhc-choice input:focus-visible + .ldhc-box,
+.ldhc-choice input:focus-visible + .ldhc-dot { box-shadow: var(--focus-ring); }
+.ldhc-choice.is-invalid .ldhc-box, .ldhc-choice.is-invalid .ldhc-dot { border-color: var(--danger-500); }
+.ldhc-box .msi { font-size: 14px; }
+.ldhc-choice-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
+.ldhc-choice-sub { font-size: var(--fs-sm); color: var(--fg-muted); }
+
+.ldhc-choice-group { display: flex; flex-direction: column; gap: var(--sp-3); }
+.ldhc-choice-group .ldhc-choice-list { display: flex; flex-direction: column; gap: var(--sp-2); }
+.ldhc-choice-group .ldhc-choice-list.is-inline { flex-direction: row; flex-wrap: wrap; gap: var(--sp-4); }
+.ldhc-choice-group .ldhc-selectall { padding-bottom: var(--sp-2); border-bottom: 1px solid var(--border-default); }
+
+/* ---------- Toggle ---------- */
+.ldhc-toggle { display: inline-flex; gap: var(--sp-2); cursor: pointer; font-family: var(--font-sans); }
+.ldhc-toggle.lp-above { flex-direction: column; align-items: flex-start; }
+.ldhc-toggle.lp-beside { flex-direction: row; align-items: center; }
+.ldhc-toggle.is-disabled { cursor: not-allowed; opacity: 0.5; }
+.ldhc-toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
+.ldhc-track {
+  position: relative; display: inline-flex; align-items: center; flex-shrink: 0;
+  background: var(--surface-3); border-radius: var(--r-pill);
+  border: 1px solid var(--border-default); box-sizing: border-box;
+  transition: background var(--dur-base) var(--ease-out-soft), border-color var(--dur-base) var(--ease-out-soft);
+}
+.ldhc-toggle.sz-sm .ldhc-track { width: 36px; height: 20px; }
+.ldhc-toggle.sz-md .ldhc-track { width: 46px; height: 26px; }
+.ldhc-knob {
+  position: absolute; left: 2px; display: inline-flex; align-items: center; justify-content: center;
+  background: var(--surface-0); border-radius: 50%; box-shadow: var(--shadow-xs);
+  color: var(--fg-hint);
+  transition: transform var(--dur-base) var(--ease-spring), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-toggle.sz-sm .ldhc-knob { width: 14px; height: 14px; }
+.ldhc-toggle.sz-md .ldhc-knob { width: 20px; height: 20px; }
+.ldhc-toggle.sz-sm input:checked ~ .ldhc-track .ldhc-knob { transform: translateX(16px); }
+.ldhc-toggle.sz-md input:checked ~ .ldhc-track .ldhc-knob { transform: translateX(20px); }
+.ldhc-toggle input:checked ~ .ldhc-track { background: var(--bg-accent); border-color: var(--bg-accent); }
+.ldhc-toggle.va-positive input:checked ~ .ldhc-track { background: var(--success-500); border-color: var(--success-500); }
+.ldhc-toggle input:checked ~ .ldhc-track .ldhc-knob { color: var(--ldh-blue-600); }
+.ldhc-toggle input:focus-visible ~ .ldhc-track { box-shadow: var(--focus-ring); }
+.ldhc-toggle .ldhc-knob .msi { font-size: 12px; }
+.ldhc-toggle-lbl { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--fg-2); }
+.ldhc-toggle-state { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); }
+
+/* =========================================================================
+   NAVIGATION AND STRUCTURE
+   ========================================================================= */
+/* ---------- ContentSwitcher (segmented control) ---------- */
+.ldhc-switch {
+  display: inline-flex; align-items: center; gap: 2px; box-sizing: border-box;
+  background: var(--surface-2); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); padding: 3px;
+}
+.ldhc-switch.wd-fill { display: flex; width: 100%; }
+.ldhc-switch.wd-fill .ldhc-switch-seg { flex: 1 1 0; justify-content: center; }
+.ldhc-switch-seg {
+  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+  border: 0; background: transparent; cursor: pointer; white-space: nowrap;
+  font-family: var(--font-sans); font-weight: var(--fw-medium); color: var(--fg-muted);
+  border-radius: var(--r-sm);
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-switch.sz-sm .ldhc-switch-seg { height: 26px; padding: 0 10px; font-size: var(--fs-xs); }
+.ldhc-switch.sz-md .ldhc-switch-seg { height: 32px; padding: 0 14px; font-size: var(--fs-sm); }
+.ldhc-switch.sz-lg .ldhc-switch-seg { height: 38px; padding: 0 18px; font-size: var(--fs-base); }
+.ldhc-switch-seg:hover { color: var(--fg-1); background: var(--bg-hover); }
+.ldhc-switch-seg:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-switch-seg[aria-selected="true"], .ldhc-switch-seg[aria-checked="true"] {
+  background: var(--surface-0); color: var(--fg-selected); box-shadow: var(--shadow-xs);
+}
+.ldhc-switch.va-emphasis .ldhc-switch-seg[aria-selected="true"],
+.ldhc-switch.va-emphasis .ldhc-switch-seg[aria-checked="true"] {
+  background: var(--bg-accent); color: var(--fg-on-accent); box-shadow: none;
+}
+
+/* ---------- Divider ---------- */
+.ldhc-divider { border: 0; margin: 0; flex-shrink: 0; }
+.ldhc-divider.or-horizontal { width: 100%; height: 1px; }
+.ldhc-divider.or-vertical { width: 1px; align-self: stretch; min-height: 1em; }
+.ldhc-divider.wt-strong { background: var(--border-strong); }
+.ldhc-divider.wt-muted { background: var(--border-default); }
+.ldhc-divider.wt-subtle { background: color-mix(in srgb, var(--border-default) 55%, transparent); }
+.ldhc-divider.wt-solid-subtle { background: var(--surface-3); }
+.ldhc-divider.is-inverse { background: rgba(255,255,255,0.22); }
+
+/* =========================================================================
+   FEEDBACK, STATUS AND MESSAGING
+   ========================================================================= */
+/* ---------- Tag ---------- */
+.ldhc-tag {
+  display: inline-flex; align-items: center; gap: 5px; box-sizing: border-box;
+  border-radius: var(--r-pill); font-family: var(--font-sans); font-weight: var(--fw-medium);
+  border: 1px solid transparent; max-width: 100%;
+}
+/* xs — for a Tag that sits INLINE after a value rather than in a row of its
+   own: a language tag, a datatype. Small enough not to outweigh the value it
+   annotates. */
+.ldhc-tag.sz-xs { height: 16px; padding: 0 6px; font-size: 10px; }
+.ldhc-tag.sz-sm { height: 20px; padding: 0 8px; font-size: var(--fs-xs); }
+.ldhc-tag.sz-md { height: 26px; padding: 0 11px; font-size: var(--fs-sm); }
+.ldhc-tag .ldhc-tag-lbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ldhc-tag .msi { font-size: 1.05em; flex-shrink: 0; }
+.ldhc-tag.is-disabled { opacity: 0.5; pointer-events: none; }
+/* quiet emphasis (tinted bg, coloured text) */
+.ldhc-tag.em-quiet.co-neutral     { background: var(--surface-2);        color: var(--fg-2); }
+.ldhc-tag.em-quiet.co-primary     { background: var(--ldh-blue-50);      color: var(--ldh-blue-700); }
+.ldhc-tag.em-quiet.co-brand       { background: var(--ldh-blue-50);      color: var(--ldh-blue-800, var(--ldh-blue-700)); }
+.ldhc-tag.em-quiet.co-accent      { background: var(--ldh-violet-100);   color: var(--ldh-violet-700); }
+.ldhc-tag.em-quiet.co-informative { background: var(--bg-accent-quiet);  color: var(--ldh-blue-700); }
+.ldhc-tag.em-quiet.co-positive    { background: var(--success-50);       color: var(--success-500); }
+.ldhc-tag.em-quiet.co-warning     { background: var(--warning-50);       color: var(--warning-500); }
+.ldhc-tag.em-quiet.co-negative    { background: var(--danger-50);        color: var(--danger-500); }
+/* strong emphasis (filled) */
+.ldhc-tag.em-strong { color: #fff; }
+.ldhc-tag.em-strong.co-neutral     { background: var(--ink-3); }
+.ldhc-tag.em-strong.co-primary,
+.ldhc-tag.em-strong.co-brand,
+.ldhc-tag.em-strong.co-informative { background: var(--bg-accent); }
+.ldhc-tag.em-strong.co-accent      { background: var(--ldh-violet-600); }
+.ldhc-tag.em-strong.co-positive    { background: var(--success-500); }
+.ldhc-tag.em-strong.co-warning     { background: var(--warning-500); }
+.ldhc-tag.em-strong.co-negative    { background: var(--danger-500); }
+.ldhc-tag-x {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 16px; height: 16px; padding: 0; margin-right: -3px;
+  border: 0; background: transparent; color: inherit; cursor: pointer;
+  border-radius: 50%; opacity: 0;
+  transition: opacity var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-tag:hover .ldhc-tag-x, .ldhc-tag-x:focus-visible { opacity: 1; }
+.ldhc-tag-x:hover { background: color-mix(in srgb, currentColor 18%, transparent); }
+.ldhc-tag-x:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-tag-x .msi { font-size: 13px; }
+
+/* ---------- Badge ---------- */
+.ldhc-badge-wrap { position: relative; display: inline-flex; }
+.ldhc-badge {
+  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
+  font-family: var(--font-mono); font-weight: var(--fw-bold); line-height: 1;
+  border-radius: var(--r-pill); border: 2px solid var(--surface-0);
+  color: #fff; background: var(--danger-500);
+  transition: transform var(--dur-base) var(--ease-spring), opacity var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-badge.sz-sm { min-width: 16px; height: 16px; padding: 0 4px; font-size: 9px; }
+.ldhc-badge.sz-md { min-width: 20px; height: 20px; padding: 0 6px; font-size: 11px; }
+.ldhc-badge.is-dot.sz-sm { min-width: 8px; width: 8px; height: 8px; padding: 0; }
+.ldhc-badge.is-dot.sz-md { min-width: 10px; width: 10px; height: 10px; padding: 0; }
+.ldhc-badge.co-default  { background: var(--danger-500); }
+.ldhc-badge.co-neutral  { background: var(--ink-3); }
+.ldhc-badge.co-positive { background: var(--success-500); }
+.ldhc-badge.co-warning  { background: var(--warning-500); }
+.ldhc-badge.co-negative { background: var(--danger-500); }
+.ldhc-badge.pl-top-right    { position: absolute; top: 0; right: 0; transform: translate(40%, -40%); }
+.ldhc-badge.pl-bottom-right { position: absolute; bottom: 0; right: 0; transform: translate(40%, 40%); }
+.ldhc-badge.pl-inline { position: static; transform: none; border-width: 0; }
+.ldhc-badge.is-hidden { opacity: 0; transform: scale(0.4); pointer-events: none; }
+
+/* ---------- InlineAlert ---------- */
+.ldhc-alert {
+  display: flex; gap: var(--sp-3); box-sizing: border-box;
+  padding: var(--sp-4); border-radius: var(--r-md);
+  border: 1px solid var(--border-default); background: var(--surface-2);
+  font-family: var(--font-sans);
+}
+.ldhc-alert > .ldhc-alert-ic { flex-shrink: 0; margin-top: 1px; }
+.ldhc-alert-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
+.ldhc-alert-title { font-weight: var(--fw-semibold); font-size: var(--fs-sm); color: var(--fg-1); }
+.ldhc-alert-text { font-size: var(--fs-sm); color: var(--fg-2); line-height: var(--lh-base); }
+.ldhc-alert.va-informative { background: var(--bg-accent-quiet); border-color: color-mix(in srgb, var(--ldh-blue-500) 28%, transparent); }
+.ldhc-alert.va-informative > .ldhc-alert-ic { color: var(--ldh-blue-600); }
+.ldhc-alert.va-success { background: var(--success-50); border-color: color-mix(in srgb, var(--success-500) 30%, transparent); }
+.ldhc-alert.va-success > .ldhc-alert-ic { color: var(--success-500); }
+.ldhc-alert.va-warning { background: var(--warning-50); border-color: color-mix(in srgb, var(--warning-500) 32%, transparent); }
+.ldhc-alert.va-warning > .ldhc-alert-ic { color: var(--warning-500); }
+.ldhc-alert.va-negative { background: var(--danger-50); border-color: color-mix(in srgb, var(--danger-500) 32%, transparent); }
+.ldhc-alert.va-negative > .ldhc-alert-ic { color: var(--danger-500); }
+.ldhc-alert-x {
+  flex-shrink: 0; width: 24px; height: 24px; padding: 0; align-self: flex-start;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: 0; background: transparent; color: var(--fg-muted); cursor: pointer; border-radius: var(--r-xs);
+}
+.ldhc-alert-x:hover { background: color-mix(in srgb, currentColor 12%, transparent); color: var(--fg-1); }
+.ldhc-alert-x:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-alert.is-out { opacity: 0; transform: translateY(-4px); transition: opacity var(--dur-base) var(--ease-out-soft), transform var(--dur-base) var(--ease-out-soft); }
+
+/* ---------- Toast ---------- */
+.ldhc-toast-region {
+  position: fixed; z-index: 60; display: flex; flex-direction: column; gap: var(--sp-2);
+  max-width: min(400px, calc(100vw - 32px));
+}
+.ldhc-toast-region.rg-bottom-right { right: var(--sp-6); bottom: var(--sp-6); }
+.ldhc-toast-region.rg-top-right { right: var(--sp-6); top: var(--sp-6); }
+.ldhc-toast {
+  display: flex; gap: var(--sp-3); align-items: flex-start; box-sizing: border-box;
+  padding: var(--sp-3) var(--sp-4);
+  background: var(--surface-0); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); box-shadow: var(--shadow-lg);
+  font-family: var(--font-sans);
+  animation: ldhc-toast-in var(--dur-base) var(--ease-out-soft);
+}
+@keyframes ldhc-toast-in { from { opacity: 0; transform: translateY(8px) scale(0.98); } }
+.ldhc-toast.is-out { opacity: 0; transform: translateX(12px); transition: opacity var(--dur-base) var(--ease-out-soft), transform var(--dur-base) var(--ease-out-soft); }
+.ldhc-toast > .ldhc-toast-ic { flex-shrink: 0; margin-top: 1px; }
+.ldhc-toast.va-informative > .ldhc-toast-ic { color: var(--ldh-blue-600); }
+.ldhc-toast.va-success > .ldhc-toast-ic { color: var(--success-500); }
+.ldhc-toast.va-warning > .ldhc-toast-ic { color: var(--warning-500); }
+.ldhc-toast.va-negative > .ldhc-toast-ic { color: var(--danger-500); }
+.ldhc-toast.va-neutral > .ldhc-toast-ic { color: var(--fg-muted); }
+.ldhc-toast-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
+.ldhc-toast-title { font-weight: var(--fw-semibold); font-size: var(--fs-sm); color: var(--fg-1); }
+.ldhc-toast-text { font-size: var(--fs-sm); color: var(--fg-muted); line-height: var(--lh-base); }
+
+/* ---------- ProgressBar ---------- */
+.ldhc-pbar { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
+.ldhc-pbar-head { display: flex; align-items: center; gap: var(--sp-2); }
+.ldhc-pbar-lbl { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-2); }
+.ldhc-pbar-val { margin-left: auto; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-muted); font-variant-numeric: tabular-nums; }
+.ldhc-pbar-track {
+  position: relative; width: 100%; overflow: hidden;
+  background: var(--surface-3); border-radius: var(--r-pill);
+}
+.ldhc-pbar.ht-xs .ldhc-pbar-track { height: 4px; }
+.ldhc-pbar.ht-sm .ldhc-pbar-track { height: 6px; }
+.ldhc-pbar.ht-md .ldhc-pbar-track { height: 10px; }
+.ldhc-pbar.ht-lg .ldhc-pbar-track { height: 16px; }
+.ldhc-pbar-fill {
+  height: 100%; border-radius: inherit; background: var(--bg-accent);
+  transition: width var(--dur-slow) var(--ease-out-soft);
+  display: flex; align-items: center; justify-content: flex-end;
+}
+.ldhc-pbar.co-neutral  .ldhc-pbar-fill { background: var(--ink-3); }
+.ldhc-pbar.co-success  .ldhc-pbar-fill { background: var(--success-500); }
+.ldhc-pbar.co-warning  .ldhc-pbar-fill { background: var(--warning-500); }
+.ldhc-pbar.co-negative .ldhc-pbar-fill { background: var(--danger-500); }
+.ldhc-pbar.is-shimmer .ldhc-pbar-fill::after {
+  content: ""; position: absolute; inset: 0;
+  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
+  animation: ldhc-shimmer 1.6s linear infinite;
+}
+@keyframes ldhc-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
+.ldhc-pbar.is-indeterminate .ldhc-pbar-fill {
+  width: 35% !important; animation: ldhc-indet 1.3s var(--ease-in-out) infinite;
+}
+@keyframes ldhc-indet { 0% { margin-left: -35%; } 100% { margin-left: 100%; } }
+.ldhc-pbar-inval { font-family: var(--font-mono); font-size: 9px; color: #fff; padding-right: 5px; }
+
+/* ---------- ProgressCircle ---------- */
+.ldhc-pcircle { display: inline-flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0; }
+.ldhc-pcircle.sz-xs { width: 16px; height: 16px; }
+.ldhc-pcircle.sz-sm { width: 22px; height: 22px; }
+.ldhc-pcircle.sz-md { width: 36px; height: 36px; }
+.ldhc-pcircle.sz-lg { width: 56px; height: 56px; }
+.ldhc-pcircle svg { width: 100%; height: 100%; transform: rotate(-90deg); }
+.ldhc-pcircle .pc-track { stroke: var(--surface-3); }
+.ldhc-pcircle .pc-fill { stroke: var(--bg-accent); transition: stroke-dashoffset var(--dur-slow) var(--ease-out-soft); }
+.ldhc-pcircle.is-spin svg { animation: ldhc-spin 0.9s linear infinite; }
+.ldhc-pcircle.is-multi .pc-fill { stroke: url(#ldhc-pc-grad); }
+.ldhc-pcircle-val { position: absolute; font-family: var(--font-mono); font-size: 10px; color: var(--fg-2); font-variant-numeric: tabular-nums; }
+
+/* ---------- Skeleton ---------- */
+.ldhc-skel-group { display: flex; flex-direction: column; gap: var(--sp-2); width: 100%; }
+.ldhc-skel {
+  background: var(--surface-3); border-radius: var(--r-sm);
+  position: relative; overflow: hidden; flex-shrink: 0;
+}
+.ldhc-skel.sh-circle { border-radius: 50%; }
+.ldhc-skel.sh-text { border-radius: var(--r-xs); }
+.ldhc-skel.is-shimmer::after {
+  content: ""; position: absolute; inset: 0;
+  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface-0) 60%, transparent), transparent);
+  animation: ldhc-shimmer 1.5s linear infinite;
+}
+
+/* ---------- Tooltip / Toggletip (shared floating surface) ---------- */
+.ldhc-tip-anchor { position: relative; display: inline-flex; }
+.ldhc-tip {
+  position: absolute; z-index: 70; box-sizing: border-box;
+  padding: 7px 10px; border-radius: var(--r-sm);
+  font-family: var(--font-sans); font-size: var(--fs-xs); line-height: 1.45;
+  max-width: 240px; width: max-content;
+  background: var(--ink-1); color: #fff; box-shadow: var(--shadow-md);
+  animation: ldhc-tip-in var(--dur-fast) var(--ease-out-soft);
+}
+@keyframes ldhc-tip-in { from { opacity: 0; transform: translateY(2px); } }
+.ldhc-tip.va-neutral { background: var(--surface-0); color: var(--fg-1); border: 1px solid var(--border-default); }
+.ldhc-tip.sd-top { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.ldhc-tip.sd-bottom { top: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.ldhc-tip.sd-left { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
+.ldhc-tip.sd-right { left: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
+.ldhc-tip-tip { position: absolute; width: 8px; height: 8px; background: inherit; transform: rotate(45deg); }
+.ldhc-tip.sd-top .ldhc-tip-tip { bottom: -4px; left: 50%; margin-left: -4px; }
+.ldhc-tip.sd-bottom .ldhc-tip-tip { top: -4px; left: 50%; margin-left: -4px; }
+.ldhc-tip.sd-left .ldhc-tip-tip { right: -4px; top: 50%; margin-top: -4px; }
+.ldhc-tip.sd-right .ldhc-tip-tip { left: -4px; top: 50%; margin-top: -4px; }
+.ldhc-tip-title { display: block; font-weight: var(--fw-semibold); font-size: var(--fs-sm); margin-bottom: 3px; }
+.ldhc-tip a { color: inherit; text-decoration: underline; }
+.ldhc-tip.va-neutral a { color: var(--fg-link); }
+.ldhc-toggletip-btn {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 20px; height: 20px; padding: 0; border: 0; background: transparent;
+  color: var(--fg-hint); cursor: pointer; border-radius: 50%;
+}
+.ldhc-toggletip-btn:hover { color: var(--fg-1); background: var(--bg-hover); }
+.ldhc-toggletip-btn:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+
+/* =========================================================================
+   Tabs — a tablist whose tabs own PANELS. (ContentSwitcher above is the
+   paneless segmented control; the app shell's .ldh-tabs is the dataspace
+   switcher.) Three variants: line (underline), enclosed (card), subtle (pill).
+   ========================================================================= */
+.ldhc-tabs { display: flex; flex-direction: column; min-width: 0; }
+.ldhc-tabs.or-vertical { flex-direction: row; gap: var(--sp-5); }
+
+.ldhc-tablist { display: flex; align-items: stretch; min-width: 0; }
+.ldhc-tabs.or-horizontal > .ldhc-tablist { overflow-x: auto; scrollbar-width: none; }
+.ldhc-tabs.or-horizontal > .ldhc-tablist::-webkit-scrollbar { display: none; }
+.ldhc-tabs.or-vertical > .ldhc-tablist { flex-direction: column; flex-shrink: 0; overflow-x: visible; }
+.ldhc-tablist.is-fitted { width: 100%; }
+.ldhc-tablist.is-fitted .ldhc-tab { flex: 1 1 0; justify-content: center; }
+
+.ldhc-tab {
+  display: inline-flex; align-items: center; gap: 7px;
+  border: 0; background: transparent; cursor: pointer; white-space: nowrap;
+  font-family: var(--font-sans); font-weight: var(--fw-medium); color: var(--fg-muted);
+  box-sizing: border-box; position: relative;
+  transition: color var(--dur-fast) var(--ease-out-soft),
+              background var(--dur-fast) var(--ease-out-soft),
+              border-color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-tablist.sz-sm .ldhc-tab { height: 32px; padding: 0 12px; font-size: var(--fs-sm); }
+.ldhc-tablist.sz-md .ldhc-tab { height: 40px; padding: 0 16px; font-size: var(--fs-sm); }
+.ldhc-tablist.sz-lg .ldhc-tab { height: 48px; padding: 0 20px; font-size: var(--fs-base); }
+.ldhc-tab:hover:not(:disabled) { color: var(--fg-1); }
+.ldhc-tab:focus-visible { outline: 0; box-shadow: var(--focus-ring); border-radius: var(--r-sm); z-index: 1; }
+.ldhc-tab:disabled { color: var(--ink-5); cursor: not-allowed; }
+.ldhc-tab-lbl { overflow: hidden; text-overflow: ellipsis; }
+.ldhc-tab-count {
+  display: inline-flex; align-items: center; justify-content: center;
+  min-width: 18px; height: 18px; padding: 0 5px;
+  border-radius: var(--r-pill); background: var(--surface-3); color: var(--fg-muted);
+  font-family: var(--font-mono); font-size: 10px; font-weight: var(--fw-semibold);
+}
+.ldhc-tab.is-on .ldhc-tab-count { background: var(--bg-accent-quiet); color: var(--fg-selected); }
+
+/* line — the default. An underline on the active tab, a rule under the list. */
+.ldhc-tablist.va-line { border-bottom: 1px solid var(--border-default); gap: var(--sp-1); }
+.ldhc-tabs.or-vertical .ldhc-tablist.va-line {
+  border-bottom: 0; border-right: 1px solid var(--border-default);
+}
+.ldhc-tablist.va-line .ldhc-tab::after {
+  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
+  background: transparent; border-radius: 2px 2px 0 0;
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-tabs.or-vertical .ldhc-tablist.va-line .ldhc-tab {
+  justify-content: flex-start;
+}
+.ldhc-tabs.or-vertical .ldhc-tablist.va-line .ldhc-tab::after {
+  left: auto; right: -1px; top: 0; bottom: 0; width: 2px; height: auto;
+  border-radius: 2px 0 0 2px;
+}
+.ldhc-tablist.va-line .ldhc-tab.is-on { color: var(--fg-selected); }
+/* The indicator uses --fg-selected rather than --bg-accent: a skin whose accent
+   is a pale fill (base44's highlighter) would vanish as a 2px rule. */
+.ldhc-tablist.va-line .ldhc-tab.is-on::after { background: var(--fg-selected); }
+
+/* enclosed — card tabs sitting on the list rule. */
+.ldhc-tablist.va-enclosed { border-bottom: 1px solid var(--border-default); gap: 2px; }
+.ldhc-tablist.va-enclosed .ldhc-tab {
+  border: 1px solid transparent; border-bottom: 0;
+  border-radius: var(--r-md) var(--r-md) 0 0; margin-bottom: -1px;
+}
+.ldhc-tablist.va-enclosed .ldhc-tab:hover:not(:disabled):not(.is-on) { background: var(--bg-hover); }
+.ldhc-tablist.va-enclosed .ldhc-tab.is-on {
+  background: var(--surface-0); border-color: var(--border-default);
+  color: var(--fg-1); padding-bottom: 1px;
+}
+
+/* subtle — a pill track, matching the segmented control's resting language. */
+.ldhc-tablist.va-subtle {
+  gap: 2px; padding: 3px; align-self: flex-start;
+  background: var(--surface-2); border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+}
+.ldhc-tablist.va-subtle .ldhc-tab { border-radius: var(--r-sm); }
+.ldhc-tablist.va-subtle .ldhc-tab:hover:not(:disabled):not(.is-on) { background: var(--bg-hover); }
+.ldhc-tablist.va-subtle .ldhc-tab.is-on {
+  background: var(--surface-0); color: var(--fg-selected); box-shadow: var(--shadow-xs);
+}
+
+.ldhc-tabpanel { padding-top: var(--sp-4); min-width: 0; flex: 1; }
+.ldhc-tabpanel:focus-visible { outline: 0; box-shadow: var(--focus-ring); border-radius: var(--r-sm); }
+.ldhc-tabs.or-vertical .ldhc-tabpanel { padding-top: 0; }
+.ldhc-tabpanel[hidden] { display: none; }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts.css
new file mode 100644
index 0000000000..383730033a
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts.css
@@ -0,0 +1,94 @@
+@font-face {
+  font-family: 'Material Symbols Rounded';
+  font-style: normal;
+  font-weight: 100 700;
+  font-display: block;
+  src: url(fonts/material-symbols-rounded.woff2) format('woff2');
+}
+.material-symbols-rounded {
+  font-family: 'Material Symbols Rounded';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}
+/* latin */
+@font-face {
+  font-family: 'Geist';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(fonts/geist.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext: Latin Extended-A carries the Lithuanian, Polish, Czech, Turkish, Hungarian, Latvian and Estonian diacritics */
+@font-face {
+  font-family: 'Geist';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(fonts/geist-latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Geist Mono';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(fonts/geist-mono.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Geist Mono';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(fonts/geist-mono-latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Instrument Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/instrument-serif-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Instrument Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/instrument-serif-italic-latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Instrument Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/instrument-serif.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Instrument Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/instrument-serif-latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-latin-ext.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-latin-ext.woff2
new file mode 100644
index 0000000000..8a1d3df627
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-latin-ext.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-mono-latin-ext.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-mono-latin-ext.woff2
new file mode 100644
index 0000000000..751a04d2f9
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-mono-latin-ext.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-mono.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-mono.woff2
new file mode 100644
index 0000000000..cf24126b08
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist-mono.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist.woff2
new file mode 100644
index 0000000000..8f01e7630b
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/geist.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-italic-latin-ext.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-italic-latin-ext.woff2
new file mode 100644
index 0000000000..dd21ed1685
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-italic-latin-ext.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-italic.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-italic.woff2
new file mode 100644
index 0000000000..ce3c417c8d
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-italic.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-latin-ext.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-latin-ext.woff2
new file mode 100644
index 0000000000..3ee1bf99e5
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif-latin-ext.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif.woff2
new file mode 100644
index 0000000000..17653042ac
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/instrument-serif.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/material-symbols-rounded.woff2 b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/material-symbols-rounded.woff2
new file mode 100644
index 0000000000..85cfebd20d
Binary files /dev/null and b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/fonts/material-symbols-rounded.woff2 differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/ldh.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/ldh.css
new file mode 100644
index 0000000000..920b3f269b
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/ldh.css
@@ -0,0 +1,660 @@
+/* =========================================================================
+   LDH's app layer over the design system kits (fonts, colors_and_type,
+   app.css -> core.css -> controls.css/overlays.css, retro.css). Loaded last.
+   What belongs here: styling for the CSR state tokens the handlers toggle
+   (.is-open, .is-active, inline display flyouts), LDH-only components the
+   design system does not specify yet, documented divergences from a DS
+   component (each carries its decision note), and LDH-local rules recovered
+   from the vendored app.css so a re-vendor cannot lose them. Vendored DS
+   files stay pristine mirrors - LDH-specific CSS lives only here.
+   ========================================================================= */
+
+/* only the main navbar is fixed-top now; tab bar + action bar are sticky inside #tab-body */
+#tab-bar { position: sticky; top: var(--ldh-header-height); z-index: 88; height: var(--ldh-tabbar-height); }
+/* the strip and the chrome offset derive from the tab count: the design renders the strip only while
+   more than one tab exists, so no handler toggles visibility */
+#tab-bar:not(:has(li:nth-child(2))) { display: none; }
+:root:has(#tab-bar-list li:nth-child(2)) { --action-bar-top: calc(var(--ldh-header-height) + var(--ldh-tabbar-height)); }
+/* keep overflow visible, else the action-bar sticks relative to #tab-content instead of the viewport */
+#tab-content { overflow: visible; }
+/* core Menu (§17a): the static markup ships the panel closed in the DOM (the design mounts it only
+   while open), so the drop-toggle handler's is-open is what shows it; the panel, items, headers and
+   separators are overlays.css's */
+.ldhc-menu-anchor:not(.is-open) > .ldhc-menu { display: none; }
+.ldhc-menu form { margin: 0; }
+.ldhc-menu form button { width: 100%; text-align: left; }
+.action-bar { position: sticky; top: var(--action-bar-top); z-index: 86; padding: 0; box-shadow: none; }
+.action-bar form { margin-bottom: 0; }
+body:has(#edit-toolbar) .action-bar { border-bottom: 1px solid var(--border-default); }
+a.external::after { content: "⤴"; padding-left: 0.2em; }
+.left-nav .ldh-nav, .right-nav .ldh-nav { max-height: 20em; overflow: auto; }
+.left-nav, .right-nav { position: sticky; top: 0; }
+/* Drop marker: the dragged block will be inserted after the block it is dropped on. A pseudo-element
+   in the inter-block gap rather than border-bottom: the skins reset the card's border shorthand at
+   equal specificity, and a border would shift layout while dragging. */
+.content-body > [about].ldh-block-row.drag-over::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; border-top: 4px dotted var(--bg-accent); pointer-events: none; }
+.modal .ldhc-menu { z-index: 1100; }
+/* Annotation overlay: point-positioned by rdfae:show-at; carries its own card chrome
+   (it borrows the .ldhc-modal-head/.ldhc-modal-body anatomy but is not a dialog) */
+#rdfa-editor-overlay { position: absolute; min-width: 360px; max-width: 520px; z-index: 10001; background: var(--surface-0); border-radius: var(--r-lg); box-shadow: var(--shadow-xl); display: flex; flex-direction: column; overflow: hidden; }
+.container-results { max-height: 80em; overflow: auto; }
+/* grid mode opts out of the scrollport: the m3 card draws its border as an outside box-shadow, and the
+   grid sits flush in the wrapper (the list reset zeroes .ldh-grid-block padding), so any clip box cuts
+   the card edges - the table can stay flush because its border draws inside. In the design system the
+   grid lives in normal flow; the page scrolls it, and the sticky pager pins to that scrollport instead */
+.container-results:has(> .ldh-grid-block) { max-height: none; overflow: visible; }
+.map-canvas { height: 45em; width: 100%; }
+#uri { height: 24px; width: 100%; }
+/* Web-Client's default resource templates emit p.description summaries LDH does not surface */
+.description { display: none; }
+div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .main { font-size: larger; line-height: 25px; overflow-x: auto; }
+/* preformatted prose (code samples, Turtle listings) sits on the design system's code surface - the
+   recessed well the inline .ldh-code chip and the error-detail listing (.ldh-block-detail pre) already use,
+   so it tints with the theme instead of a literal white that would invert wrong in dark mode. Long IRIs
+   scroll the block rather than wrap, keeping a listing's line structure readable */
+div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .main pre { margin: var(--sp-4) 0; padding: var(--sp-3) var(--sp-4); background: var(--surface-2); border-radius: var(--r-sm); font-family: var(--font-mono); font-size: 0.92em; line-height: var(--lh-base); color: var(--ink-2); overflow-x: auto; }
+/* click-to-edit affordance only when the pane's document grants acl:Write (mirrors the ixsl:onclick guard in block.xsl) */
+div[data-acl-modes~="http://www.w3.org/ns/auth/acl#Write"] div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"]:not(:has(form)) .main { cursor: pointer; }
+/* collapse the property grid in the XHTML block's edit form: the region spans the block as a document
+   surface, not a "value" form row - the predicate label goes, and group/row/value become plain flow */
+div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .ldh-edit-form .ldh-prop-group > .label { display: none; }
+div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .ldh-edit-form .ldh-prop-form, div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .ldh-edit-form .ldh-prop-group, div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .ldh-edit-form .ldh-prop-row, div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .ldh-edit-form .ldh-prop-row > .value, div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] .ldh-edit-form .val-main { display: block; padding-left: 0; padding-right: 0; }
+div[typeof="https://w3id.org/atomgraph/linkeddatahub#XHTML"] form fieldset { border: none; }
+object { display: block; margin: auto; max-height: 400px; overflow: hidden; width: 100%; }
+.chart-canvas { width: 100%; height: 400px; }
+/* an empty result set replaces the plot with the block empty state, which would otherwise sit stranded above 400px of nothing; its own padding supplies the inset the canvas would add */
+.chart-canvas:has(> .ldh-block-blank) { height: auto; padding: 0; }
+/* Google Charts Table specific (the ac:Table chart type renders as HTML, skinned here rather than via draw options) */
+.chart-canvas .google-visualization-table-table { font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-1); }
+.chart-canvas .google-visualization-table-table th { background: var(--surface-1); color: var(--fg-muted); font-weight: var(--fw-semibold); border-color: var(--border-default); }
+.chart-canvas .google-visualization-table-table td { border-color: var(--border-default); }
+.chart-canvas .google-visualization-table-tr-even, .chart-canvas .google-visualization-table-tr-odd { background: var(--surface-0); }
+.chart-canvas .google-visualization-table-tr-over td { background: var(--bg-hover); }
+.chart-canvas .google-visualization-table-tr-sel td { background: var(--bg-accent-quiet); }
+.graph-3d-canvas { width: 100%; height: 600px; overflow: hidden; background: #141414; position: relative; }
+.graph-3d-tooltip { display: none; position: absolute; background: rgba(0,0,0,0.75); color: #fff; padding: 4px 8px; border-radius: 4px; pointer-events: none; font-size: 12px; z-index: 10; }
+.graph-3d-info-panel { position: absolute; top: 10px; right: 10px; z-index: 10; background: rgba(0,0,0,0.7); color: #fff; padding: 8px 12px; border-radius: 4px; max-width: 280px; font-size: 12px; }
+.graph-3d-info-panel h4 { margin: 0 0 4px; font-size: 13px; }
+.graph-3d-info-panel dl { margin: 0; }
+.graph-3d-info-panel dt { font-weight: bold; margin-top: 4px; }
+.graph-3d-info-panel dd { margin: 0; word-break: break-all; }
+.graph-3d-info-panel a { color: #8cf; }
+.graph-3d-show-panel { position: absolute; bottom: 30px; left: 10px; z-index: 10; background: rgba(0,0,0,0.7); color: #fff; padding: 8px 12px; border-radius: 4px; font-size: 12px; }
+.graph-3d-show-panel label { display: block; cursor: pointer; }
+.graph-3d-show-panel label.sub-option { margin-left: 16px; }
+.graph-3d-zoom { position: absolute; top: 10px; left: 10px; z-index: 10; }
+.graph-3d-fullscreen { position: absolute; bottom: 10px; right: 10px; z-index: 10; }
+.graph-3d-canvas.graph-3d-maximized { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
+/* OpenLayers specific */
+/* the marker info window borrows the modal's head/body anatomy but its host is ol.Overlay's own
+   wrapper, not a dialog - so the panel treatment lands here: the overlay IS the card, which is why
+   the resource inside renders as a quiet block. overflow (already the scroll container) clips the
+   property-list hover's sp-6 bleed at the rounded edge */
+.ol-overlay-container { width: 60%; max-height: 75%; background: var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); overflow: auto; }
+.ol-overlay-container img { max-width: 100%; }
+/* the block has no .ldh-block-body wrapper here (the default resource template emits head + property
+   list only), so the ldhc-modal-body inset is the only one: drop the head's own side padding or the
+   title sits sp-6 right of the labels below it, and its top padding stacks on the body's */
+.ol-overlay-container .ldh-block-head { padding: 0 0 var(--sp-3); }
+/* SVG graph specific */
+circle { cursor: move; }
+/* RDFa editor specific */
+.editor-bar { position: sticky; top: calc(var(--action-bar-top, 51px) + var(--ldh-actionbar-height, 50px)); z-index: 84; background: var(--bg-recess); padding: 0; box-shadow: none; display: flex; align-items: center; }
+#edit-toolbar { order: -1; margin-right: auto; display: flex; gap: var(--sp-1); align-items: center; }
+#edit-toolbar button, #edit-toolbar select { padding: 4px 8px; border: 0; border-radius: var(--r-sm); background: transparent; color: var(--fg-2); font-size: var(--fs-sm); font-family: inherit; cursor: pointer; margin-top: auto; margin-bottom: auto; transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft); }
+#edit-toolbar button:disabled { opacity: 0.4; cursor: default; }
+#edit-toolbar button:hover, #edit-toolbar select:hover { background: var(--bg-hover); color: var(--fg-1); }
+#edit-toolbar button[aria-pressed="true"] { background: var(--bg-selected); color: var(--fg-selected); }
+#edit-toolbar .tb-group { display: flex; gap: var(--sp-1); align-items: center; }
+#edit-toolbar .tb-group + .tb-group { border-left: 1px solid var(--border-default); padding-left: var(--sp-2); }
+#edit-toolbar .tb-group.table-ops.active { background: var(--bg-selected); border-radius: var(--r-sm); }
+.edit-dialog { background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.2); padding: 12px; min-width: 280px; z-index: 10000; }
+.edit-dialog .rdfa-editor-ui .action-buttons { margin-top: 10px; }
+.edit-dialog .rdfa-editor-ui .checkbox-label { display: inline-flex; gap: 6px; align-items: center; font-weight: 400; margin-top: 8px; }
+.editor-bar:not(:has(#edit-toolbar)), .ldh-pane:not(:has(.rdfa-editor-content)) .editor-bar, body:not(:has(.ldh-pane.is-active .rdfa-editor-content)) #rdfa-editor-breadcrumb { display: none; }
+/* Host-page gutter for the block drag handles (rendered at left:-1.5em, outside each block's box).
+   The editor documents this as a host requirement (padding-left >= 2.5em); LDH must reserve it since
+   the .rdfa-editor-content div is generated bare by the XMLLiteral form control. */
+.rdfa-editor-content { padding-left: 2.5em; }
+/* While a region is edited, every tab panel stacks visibly and editably: the editor presents the
+   structure; one-pane-visible is ReadMode's rendering of it. hidden reasserts itself on restore. */
+.rdfa-editor-content [role="tabpanel"][hidden] { display: block; }
+
+/* ---------- replacements for rules the retired framework stylesheet provided ---------- */
+.caret { display: inline-flex; align-items: center; opacity: 0.85; }
+/* a loading block collapses to its bar (the kit's §16 state: is-loading + aria-busy on the block,
+   both stripped when loading ends): the kit hides .ldh-block-body, but LDH's body sits inside the
+   .block-row container (the CSR anchor between card and body), so the container is what hides.
+   Blocks whose content is drawn into a sized canvas (charts, maps,
+   3D graphs - directly or inside a nested ldh:Object embed) are excluded: Google Charts and Leaflet
+   read the canvas width at draw() time and a display:none box gives a zero/negative size that never
+   redraws, so these keep their laid-out body through loading (the bar still shows) - the behaviour
+   before is-loading moved onto the block and activated this collapse */
+.ldh-block.is-loading:not(:has(.chart-canvas, .map-canvas, .graph-3d-canvas)) > .block-row { display: none; }
+/* ---------- results table. The design's core DataTable (.ldhc-table) puts its column tracks on
+   each <tr> as grid (--ldhc-cols), which fixes the column count per table. A SPARQL results table
+   has as many columns as the SELECT has variables, and per-row grids cannot share intrinsic track
+   sizes - measured at 11 columns, the head and body stop lining up under
+   repeat(N, minmax(max-content, 1fr)), and equal 1fr tracks shred a UUID column into four lines.
+   So this one keeps native table layout and takes the design's stated table treatment instead:
+   horizontal rules only, no vertical lines, header row on --surface-2. The sheet
+   (--surface-0 + border + radius) reads as its own surface inside an .ldh-nblock well rather than
+   letting the well's recession through its cells. Fixed-column tables (access matrix, version
+   history, packages) ride .ldhc-table proper ---------- */
+.ldh-results-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); background: var(--surface-0); border: 1px solid var(--border-default); border-radius: var(--r-sm); }
+/* no overflow: hidden to clip the corners - it would make the table its own scrollport and leave
+   the sticky header inert; the corner cells carry the radius instead */
+.ldh-results-table > thead > tr:first-child > :first-child { border-top-left-radius: var(--r-sm); }
+.ldh-results-table > thead > tr:first-child > :last-child { border-top-right-radius: var(--r-sm); }
+/* middle, not top: cells hold single-line values sitting beside taller things - a type pill, an image - and the
+   design system centres a label against a control everywhere (.ldhc-btn, .ldhc-tag, .ldhc-badge), reserving
+   flex-start for a wrapping text block beside a fixed-height one (.ldhc-help, .ldhc-choice, .ldhc-toast) */
+.ldh-results-table th, .ldh-results-table td { padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--border-default); text-align: left; vertical-align: middle; }
+.ldh-results-table tr:last-child > td { border-bottom: 0; }
+/* the row lights as one band, the property-list hover's analog for a row-per-resource surface;
+   no sp-6 bleed into the card padding here - .container-results (overflow: auto) clips at the table edge */
+.ldh-results-table tbody td { transition: background var(--dur-fast) var(--ease-out-soft); }
+.ldh-results-table tbody tr:hover > td { background: var(--surface-1); }
+/* the design's head treatment: a mono uppercase eyebrow on the recessed surface, not a bold label */
+.ldh-results-table thead th { font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--tracking-wide); text-transform: uppercase; font-weight: var(--fw-regular); color: var(--fg-hint); background: var(--surface-2); }
+/* image objects in a data cell: cap the height alone so the row height is uniform down the column
+   and the width stays proportional - a forced box would have to crop or letterbox, and a depiction
+   is as often a logo or a scan as it is a headshot. The <a> wrapper keeps the full image one click away */
+.ldh-results-table td img { max-height: var(--thumb-sm); border-radius: var(--r-xs); vertical-align: middle; }
+/* a property gets one cell however many values it has, so the values stack inside it, divided the way a predicate's
+   dd's are in the property list. A table cell cannot bound its own height, so the cap rides the stack the cell holds:
+   every value stays in the DOM and reachable by scrolling, instead of an order with fifty line items setting the row
+   height for the whole table */
+.ldh-results-table td > .values { max-height: 12em; overflow-y: auto; min-width: 0; overflow-wrap: break-word; }
+.ldh-results-table td > .values > .value { padding: var(--sp-1) 0; }
+.ldh-results-table td > .values > .value:first-child { padding-top: 0; }
+.ldh-results-table td > .values > .value:last-child { padding-bottom: 0; }
+.ldh-results-table td > .values > .value ~ .value { border-top: 1px solid var(--border-default); }
+/* view table: the header row pins under the view toolbar while the rows scroll inside .container-results */
+.container-results > .ldh-results-table thead th { position: sticky; top: 0; z-index: 1; border-bottom: 1px solid var(--border-strong); }
+/* sortable columns read full-strength at rest so non-sortable headers (which keep the base th --fg-hint) visibly recede; the arrow surfaces on hover and stays lit on the active sort column (aria-sort) */
+.ldh-results-table th.sortable { cursor: pointer; user-select: none; white-space: nowrap; color: var(--fg-1); }
+.ldh-results-table th.sortable:hover { background: var(--surface-3); }
+.ldh-results-table th.sortable .sort-arrow { vertical-align: middle; margin-left: 2px; visibility: hidden; color: var(--fg-muted); }
+.ldh-results-table th.sortable:hover .sort-arrow { visibility: visible; }
+.ldh-results-table th.sortable[aria-sort] .sort-arrow { visibility: visible; color: var(--fg-1); }
+/* the pager is emitted inside .container-results beside the rows it pages (every view mode renders
+   the two together, and a mode/facet/sort/page change replaces them as one), so it pins to the
+   bottom edge of the scrollport the header pins to the top of and the rows scroll between them.
+   It keeps its place in flow, so nothing is permanently covered - at the end of the scroll it rests
+   where it sits - but above that the rows pass beneath it, so it needs its host's surface under it.
+   left: 0 holds it against the port when a wide table scrolls sideways too */
+.container-results > .ldh-pager { position: sticky; bottom: 0; left: 0; z-index: 1; background: var(--bg-card); }
+/* a view nested in a well sits on the well's surface instead of the card's, along the same depth ramp */
+.ldh-nblock .container-results > .ldh-pager { background: var(--surface-2); }
+.ldh-nblock[data-depth="2"] .container-results > .ldh-pager, .ldh-nblock[data-depth="3"] .container-results > .ldh-pager { background: var(--surface-3); }
+.content-body { padding: var(--sp-4) var(--sp-6); max-width: var(--ldh-content-w); margin: 0 auto; }
+/* stacking rhythm between block cards and alerts */
+.content-body .ldh-block, .content-body .ldhc-alert { margin-bottom: var(--sp-4); }
+/* one card layer only: CSR hydration can re-render a row as a card inside the SSR wrapper card */
+.ldh-block .ldh-block { border: 0; box-shadow: none; border-radius: 0; background: transparent; margin-bottom: 0; }
+/* ---------- cards: the m3 skin's resting M3-elevation shadow reads as a doubled bottom border;
+     the design's card preview shows the bordered treatment, so keep the m3 palette but rest flat ---------- */
+:root[data-retro^="m3"] .ldh-block {
+  border: 1px solid var(--border-default);
+  box-shadow: none;
+}
+:root[data-retro^="m3"] .ldh-block.is-quiet { border: 0; background: transparent; }
+/* A failed block used to go quiet here - the alert brought its own surface, so
+   the card chrome around it read as stray double borders. The design system
+   decided the other way (Components → Block states): the card and its header
+   stay in every state, because the header carries what a broken block needs
+   (copy IRI, edit, delete) and holding the footprint keeps the document from
+   reflowing. The failure now shows as the app.css ring instead. */
+.ldh-block .ldhc-alert { margin: 0; }
+
+/* ---------- sticky chrome: header on top, action bar (legacy --action-bar-top) right under it.
+   Bar heights are tokens that size the bars, not mirrors of their content, so stacked sticky
+   offsets (.editor-bar) can compose them without drifting ---------- */
+:root { --ldh-header-height: 56px; --ldh-tabbar-height: 40px; --ldh-actionbar-height: 61px; --action-bar-top: var(--ldh-header-height); --ldh-content-w: 1280px; }
+/* image caps for RDF-pointed depictions: the pixel size is whatever the dataset points at, so the
+   SURFACE picks the height. These once lived in the pre-refresh vendored app.css; a re-vendor lost
+   the definitions while the var() uses stayed, silently voiding every declaration that read them
+   (the §18 no-fallback sweep is what caught it) - so they are pinned here with the other LDH tokens */
+:root { --thumb-sm: 48px; --thumb-md: 160px; --thumb-lg: 240px; }
+/* chrome sits on the design system's stacking scale: above content dropdowns (70),
+   below the ldhc-backdrop overlays (100+), so open dialogs cover the sticky bars */
+.navbar.ldh-header { position: sticky; top: 0; z-index: 90; }
+.action-bar.ldh-actionbar {
+  box-sizing: border-box;
+  height: var(--ldh-actionbar-height);
+  background: var(--surface-0);
+  border-bottom: 1px solid var(--border-default);
+  padding: var(--sp-3) var(--sp-6);
+}
+
+/* ---------- dropdown menus ride the core Menu (§17a); only header-specific fit stays here ---------- */
+/* the m3 skin paints every .ldh-header descendant with the inverse (near-white) text color for the
+   dark bar; light menu panels inside the header need their ink back at higher specificity */
+:root[data-retro^="m3"] .ldh-header .ldhc-menu, :root[data-retro^="m3"] .ldh-header .ldhc-menu * { color: var(--fg-1); }
+:root[data-retro^="m3"] .ldh-header .ldhc-menu .ldhc-menu-header { color: var(--fg-hint); }
+/* ---------- action bar: design menus open via the CSR drop-wrap 'is-open' toggle ---------- */
+.ldh-actionbar > .ab-left { display: flex; align-items: center; gap: var(--sp-2); }
+.ldh-add-wrap .ldh-add-menu, .ldh-of-wrap .ldh-of-menu, .ldh-mode .modes-pop { display: none; }
+.ldh-add-wrap.is-open .ldh-add-menu, .ldh-mode.is-open .modes-pop { display: block; }
+/* The toggle handler stamps 'drop-up' when the group is closer to the viewport bottom than the top,
+   and 'drop-left' when it is closer to the right edge than the left, so a menu always opens into the
+   side that has room for it instead of being clipped. The same trigger appears in both action-bar
+   zones (the overflow menu sits left of the breadcrumb and right of it), so the horizontal alignment
+   cannot be baked into the menu class: it follows from where the group ended up on screen. */
+.ldh-add-wrap.drop-up .ldh-add-menu, .ldh-of-wrap.drop-up .ldh-of-menu, .ldh-mode.drop-up .modes-pop { top: auto; bottom: calc(100% + 6px); }
+.ldh-add-wrap.drop-left .ldh-add-menu, .ldh-of-wrap.drop-left .ldh-of-menu, .ldh-mode.drop-left .modes-pop { left: auto; right: 0; }
+.ldh-add-wrap:not(.drop-left) .ldh-add-menu, .ldh-of-wrap:not(.drop-left) .ldh-of-menu, .ldh-mode:not(.drop-left) .modes-pop { left: 0; right: auto; }
+.ldh-of-wrap.is-open .ldh-of-menu { display: flex; }
+.ldh-of-menu .it.disabled, .ldh-add-menu .it.disabled { opacity: 0.4; pointer-events: none; }
+.ldh-of-menu a.it { text-decoration: none; }
+/* the breadcrumb zone and the address bar left-align with the content column's blocks: the column
+   edge is (layout width - column)/2 + the sp-6 inset. The layout width comes from container units,
+   not 100vw: 100vw includes the classic scrollbar while the column centers via margin auto in the
+   scrollbar-less layout width, so vw math sat half a scrollbar to the right of the blocks; both
+   bars span the layout width with sp-6 side padding, so 100cqw + 2*sp-6 recovers it (their fixed
+   descendants are none, so the containment reroutes no containing blocks).
+   Widening the left zone floats ab-mid onto that edge (bar padding + grid gap cover 2*sp-6);
+   the same widening on the right zone lands ab-mid's end — the dateTime stamp — on the column's
+   right edge (flex-end keeps the action buttons on the viewport edge); the address bar trades
+   centering for a start margin discounting the 220px wordmark column (app.css header grid) plus
+   padding and gap, and spans the column width (lifting app.css's 720px cap) — width discounts the
+   margin because a grid item's 100% resolves against the area, so the margin would otherwise push
+   the bar under the header actions. Below column width all clamp to no-op. */
+.ldh-header, .ldh-actionbar--zoned { container-type: inline-size; --layout-w: calc(100cqw + 2 * var(--sp-6)); --wing: calc((var(--layout-w) - min(var(--ldh-content-w), var(--layout-w))) / 2); }
+.ldh-actionbar--zoned > .ab-left { min-width: calc(var(--wing) - var(--sp-6)); }
+.ldh-actionbar--zoned > .ldh-actions { min-width: calc(var(--wing) - var(--sp-6)); justify-content: flex-end; }
+.ldh-header .ldh-address { --address-offset: max(0px, calc(var(--wing) - 220px - var(--sp-6))); justify-self: start; margin-left: var(--address-offset); width: calc(100% - var(--address-offset)); max-width: calc(min(var(--ldh-content-w), var(--layout-w)) - 2 * var(--sp-6)); }
+
+/* ---------- block titles are anchors (resources dereference); the design's .ttl is ink,
+   so the link inherits it and keeps underline for hover ---------- */
+.ldh-block-head .ttl a { color: inherit; text-decoration: none; }
+.ldh-block-head .ttl a:hover { text-decoration: underline; }
+
+/* ---------- block header actions hydrated by CSR ---------- */
+.ldh-block-head .actions > div { display: flex; gap: var(--sp-1); }
+.ldh-block-head .actions .ldhc-iconbtn.disabled { opacity: 0.4; pointer-events: none; }
+
+/* ---------- modals: every dialog rides the ldhc-backdrop chrome (overlays.css). Two non-dialog
+   overlays borrow the modal head/body anatomy (.ldhc-modal-head/.ldhc-modal-body): the OL map
+   info window (ol.Overlay hosts it, see the .ol-overlay-container rules above) and the RDFa
+   annotation overlay. Only their host-specific fit lands here. ---------- */
+/* the map head holds only the close button; auto margin lands the lone x on the right edge */
+.ol-overlay-container .ldhc-modal-x { margin-left: auto; }
+/* the annotation overlay titles with a <legend>; reset the fieldset styling to the modal-title treatment */
+#rdfa-editor-overlay .ldhc-modal-head legend { flex: 1; min-width: 0; margin: 0; border: 0; padding: 0; font-size: var(--fs-lg); font-weight: var(--fw-semibold); line-height: var(--lh-snug); color: var(--fg-1); }
+/* app.css gives .ldh-block-foot the band chrome with space-between (hint left, buttons right);
+   LDH footers are bare button rows, so cluster them at the right edge instead */
+.ldh-block-foot {
+  display: flex; align-items: center; justify-content: flex-end; gap: var(--sp-2);
+  padding: var(--sp-3) var(--sp-5);
+  border-top: 1px solid var(--border-default);
+  background: var(--surface-1);
+  margin: 0;
+}
+
+/* the XHTML editor fills its whole value cell, so the statement hover band would paint the entire editing surface grey - rows hosting the editor don't band */
+.ldh-prop-group:has(.rdfa-editor-content):hover > .label, .ldh-prop-row:has(.rdfa-editor-content):hover > .value, .ldh-prop-row:has(.rdfa-editor-content):hover > .row-actions, .ldh-prop-row.is-interactive:has(.rdfa-editor-content) .value:hover { background: transparent; }
+
+/* the header thumbnail is an <a><img> here rather than the design's image-slot component, so the image
+   fills the .ldh-res-thumb footprint itself */
+.ldh-res-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
+
+/* .ldh-check is designed as a standalone confirm row (margin-top for stacking); inside a table cell the
+   checkbox is the cell's only content and centers without it */
+.ldhc-table .ldh-check { margin-top: 0; }
+
+/* selected-file display the upload flow appends beside the file input: icon + name as a quiet chip */
+.ldh-file-sel { display: inline-flex; align-items: center; gap: var(--sp-2); max-width: 100%; padding: 2px 8px; border-radius: var(--r-sm); background: var(--surface-2); color: var(--fg-2); font-size: var(--fs-sm); }
+.ldh-file-sel .fs-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* the language tag is the core Tag at the inline xs size (§17c: ldhc-tag em-quiet co-accent sz-xs,
+   emitted by ac:lang-tag); the gap to the value it annotates is the one thing scoped here */
+.value > .ldhc-tag.sz-xs, dd > .ldhc-tag.sz-xs { margin-left: var(--sp-2); }
+
+/* ---------- fieldsets/legends: sections, not boxes ---------- */
+fieldset { border: 0; padding: 0; margin: 0 0 var(--sp-4); min-inline-size: 0; }
+legend {
+  display: flex; align-items: center; gap: var(--sp-2);
+  width: 100%;
+  padding: 0; margin: 0 0 var(--sp-2);
+  font-family: var(--font-mono); font-size: 10px;
+  letter-spacing: var(--tracking-wide); text-transform: uppercase;
+  color: var(--fg-muted);
+}
+/* subject controls (type picker, subject edit toggle) hug the legend's right edge */
+legend > .actions { display: flex; align-items: center; gap: var(--sp-1); margin-left: auto; }
+/* the edit/create form titles itself with its fieldset legend (ac:label of the subject) - the modal
+   head carries only the close button. In a modal that legend IS the heading; match .ldhc-modal-title
+   instead of the mono section-label treatment above */
+.ldhc-modal-body form > fieldset > legend { font-family: var(--font-sans); font-size: var(--fs-lg); font-weight: var(--fw-semibold); letter-spacing: normal; text-transform: none; color: var(--fg-1); }
+/* remove-resource button on legendless fieldsets rides its own top row, right-aligned */
+.chart-controls .field select[multiple] { height: auto; }
+
+/* ---------- read-mode property lists now emit the design's .ldh-prop-group grid (app.css) ---------- */
+/* the dl's UA block margin is cancelled by app.css's .ldh-prop-form { margin: 0 } - no extra rule needed.
+   The dd needs no reset either: display:contents generates no box, so its UA margin never applies */
+/* MUST be a definite width. As a stretched auto-width item of the .val-stack column, Chromium can
+   freeze the intrinsic height computed at a pre-stretch width where the annot wraps under the
+   control - the row then renders one line but keeps the two-line height, breaking app.css's
+   read-row-height promise. A definite width sizes the line as drawn */
+.ldh-prop-row .val-main { width: 100%; }
+/* a value is a whole row rather than a table cell, so the image gets more height than in
+   .ldh-results-table - enough to read, still short of pushing the rest of the property list off-screen.
+   This also lands in the map info window, whose overlay hosts a .ldh-block property list */
+.ldh-prop-row > .value img { max-width: 100%; max-height: var(--thumb-md); border-radius: var(--r-sm); }
+/* a block header with an image adopts the property-grid geometry (label track + gutter), so the
+   titles group left-aligns with the value cells below regardless of the image's natural size;
+   imageless headers stay flex, their titles flush at the card edge like the labels */
+.ldh-block-head:has(> a > img, > img) { display: grid; grid-template-columns: 200px minmax(0, 1fr) auto; column-gap: var(--sp-3); }
+/* both axes are caps rather than width: 100%: the track is a fixed 140-220px whatever the image
+   does, so filling it bought nothing but an upscaled logo, and a portrait source needs the height
+   bound or the header grows past the property list it heads */
+.ldh-block-head > a > img, .ldh-block-head > img { max-width: 100%; max-height: var(--thumb-lg); border-radius: var(--r-sm); }
+/* ---------- version diff decorations (?diff= view) ---------- */
+/* Block-level state rides on outline, not border: the skins legitimately zero block borders
+   (quiet prose blocks, alert-only cards, the retro card treatments) and nothing else in the
+   system sets outline, so the diff state cannot be clobbered by any skin */
+.content-body > [about].ldh-block-row.diff-added { outline: 2px solid var(--success-500); }
+.content-body > [about].ldh-block-row.diff-removed { outline: 2px solid var(--danger-500); }
+.content-body > [about].ldh-block-row.diff-changed { outline: 2px solid var(--warning-500); }
+/* sub-block values: the two XHTML literal sides inside a changed block, property values on the value cell */
+.ldh-prop-row > .value.diff-added, .main > div.diff-added { border-left: 4px solid var(--success-500); padding-left: 8px; }
+.ldh-prop-row > .value.diff-removed, .main > div.diff-removed { border-left: 4px solid var(--danger-500); padding-left: 8px; }
+/* diff decorations ride on the value cell */
+.ldh-prop-row > .value.diff-added { background: var(--success-50); }
+.ldh-prop-row > .value.diff-removed { background: var(--danger-50); }
+/* the comparing-versions banner legend (document.xsl) keys its labels to the same tokens */
+.text-success { color: var(--success-500); }
+.text-error { color: var(--danger-500); }
+.text-warning { color: var(--warning-500); }
+
+/* ---------- dataspace drawer (§19-§23): anatomy, rows and the closed-state slide are app.css's;
+   only LDH's chrome geometry lands here ---------- */
+/* the drawer hangs below LDH's sticky chrome: --action-bar-top tracks the header/tab-bar boundary
+   (56px, or 96px once the document tab bar shows), replacing app.css's static --ldh-chrome-h.
+   Its z sits above the sticky action bar (86) and its own backdrop, below the modal overlays (100+) */
+.left-sidebar.ldh-sidebar { top: var(--action-bar-top); z-index: 88; }
+/* rows that open dialogs (class list, Geo/Latest) are BUTTONS where the design's rows are anchors;
+   .tree-link carries the row treatment for both, so the button only sheds its UA chrome */
+button.tree-link { border: 0; background: transparent; width: 100%; font: inherit; text-align: left; cursor: pointer; }
+/* the lazy-loading row's glyph spins (the design mounts a ProgressCircle; the glyph does the same job) */
+.ldh-tree .tree-loading .msi { animation: ldhc-spin 0.9s linear infinite; }
+/* a subtree's visibility is its toggle's aria-expanded - the one state the handler already maintains */
+.ldh-tree li:has(> div > button[aria-expanded="false"]) > ul { display: none; }
+/* the drawer search is a typable field (submit opens the dialog pre-populated; LDH overrides
+   §19's search button). app.css still draws the field-shaped shell; the ring moves to :focus-within
+   since the button's :focus-visible no longer fires, and the input inside stays bare */
+.sb-search { cursor: text; }
+.sb-search:focus-within { border-color: var(--ldh-blue-400); box-shadow: var(--focus-ring); }
+.sb-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; padding: 0; background: transparent; font: inherit; color: var(--fg-1); }
+.sb-search input::placeholder { color: var(--fg-hint); }
+
+/* ---------- document tab bar: DataspaceTabs (§17b) — the strip anatomy and the underline-active
+   treatment are app.css's; the sticky wrapper stays a div (no HTML5 sectioning elements here), so it
+   carries the bar surface the design scopes to nav:has(> .ldh-tabs) ---------- */
+#tab-bar { display: block; background: var(--surface-1); border-bottom: 1px solid var(--border-default); }
+
+/* ---------- view toolbar: facet pills + sort + mode switcher (ViewBlocks contract) ---------- */
+.ldh-view-toolbar .facet { position: relative; }
+/* popover visibility is the is-open state the handlers already toggle (the design renders the
+   popover only while open; LDH keeps it in the DOM, pre-rendered for sort, lazily loaded for facets) */
+.facet > .facet-pop { display: none; }
+.facet.is-open > .facet-pop { display: block; }
+/* the design renders Clear-all only while some facet holds a selection; LDH keeps the button in the
+   toolbar and gates it on the same state */
+.ldh-view-toolbar .facet-clear-all { display: none; }
+.ldh-view-toolbar .left:has(.facet-pill.is-active) .facet-clear-all { display: inline-block; }
+/* the design's facet popover has no loading state; ours opens immediately and streams values in */
+.facet-pop .facet-loading { padding: 8px var(--sp-2); }
+.ldh-view-toolbar .form-inline { display: flex; align-items: center; gap: var(--sp-1); margin: 0; }
+.ldh-view-toolbar .form-inline label { display: flex; align-items: center; gap: var(--sp-1); margin: 0; }
+
+/* ---------- query block: the design's SPARQL pane (QueryBlock contract) hosts YASQE ----------
+   The pane is the dark surface app.css paints for .ldh-sparql-code; YASQE mounts a stock CodeMirror
+   beside the hidden textarea, so the CodeMirror surface takes the same treatment - transparent over
+   the pane, the pane's gutter wash, and the .t-* token palette mapped onto CodeMirror's .cm-* classes */
+.ldh-sparql-pane .CodeMirror { flex: 1; min-width: 0; height: auto; background: transparent; color: rgba(255,255,255,0.86); font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.65; }
+.ldh-sparql-pane .CodeMirror-scroll { overflow-x: auto; overflow-y: hidden; }
+.ldh-sparql-pane .CodeMirror-lines { padding: var(--sp-4) 0; }
+.ldh-sparql-pane .CodeMirror pre { padding: 0 var(--sp-4); }
+.ldh-sparql-pane .CodeMirror-gutters { background: rgba(255,255,255,0.03); border-right: 0; }
+.ldh-sparql-pane .CodeMirror-linenumber { color: rgba(255,255,255,0.28); font-family: var(--font-mono); }
+.ldh-sparql-pane .CodeMirror-cursor { border-left: 1px solid rgba(255,255,255,0.86); }
+.ldh-sparql-pane .CodeMirror-selected { background: rgba(255,255,255,0.12); }
+.ldh-sparql-pane .CodeMirror-focused .CodeMirror-selected { background: rgba(124,199,255,0.25); }
+.ldh-sparql-pane .cm-s-default .cm-keyword { color: #ff9ec4; font-weight: var(--fw-semibold); }
+.ldh-sparql-pane .cm-s-default .cm-atom, .ldh-sparql-pane .cm-s-default .cm-meta, .ldh-sparql-pane .cm-s-default .cm-builtin { color: #7cc7ff; }
+.ldh-sparql-pane .cm-s-default .cm-variable, .ldh-sparql-pane .cm-s-default .cm-variable-2, .ldh-sparql-pane .cm-s-default .cm-variable-3, .ldh-sparql-pane .cm-s-default .cm-def { color: #ffd479; }
+.ldh-sparql-pane .cm-s-default .cm-string, .ldh-sparql-pane .cm-s-default .cm-string-2 { color: #9be29b; }
+.ldh-sparql-pane .cm-s-default .cm-number { color: #f5b06b; }
+.ldh-sparql-pane .cm-s-default .cm-comment { color: rgba(255,255,255,0.45); }
+.ldh-sparql-pane .cm-s-default .cm-operator, .ldh-sparql-pane .cm-s-default .cm-bracket, .ldh-sparql-pane .cm-s-default .cm-punctuation { color: rgba(255,255,255,0.6); }
+/* the editor folds behind the block head's code toggle (results first) */
+.ldh-sparql.is-collapsed { display: none; }
+/* the bar's meta slot carries the live service combobox, not the design's static endpoint text */
+.ldh-sparql-bar .ldh-sparql-meta { flex: 1 1 auto; min-width: 0; }
+.ldh-sparql-meta .ldhc-combobox { flex: 1 1 auto; min-width: 0; }
+
+/* the wordmark's white ink is header-bar styling; on the footer's light surface it takes body ink
+   (the design sets this inline on the footer wordmark) */
+.ldh-footer .ldh-wordmark { color: var(--fg-1); }
+
+/* ---------- create bar: document-level creation (content mode's XHTML/Object, the row
+   modes' Create picker) sits in a full-bleed navbar-like row. Sticky, not fixed: it rides
+   the viewport bottom while the content scrolls, but parks at its flow position at the end
+   of the content - stacked on the footer, never over it. The negative side margins bleed
+   the row out of the centered content column to the viewport edges; the right padding brings
+   the buttons back to the content column's right edge, flush with the blocks. The margin bleed
+   and the padding must share the 100vw base: each is half a classic scrollbar off the layout
+   width, in the same direction, so the errors cancel and the buttons land exactly on the column
+   edge - rebasing one without the other breaks the alignment ---------- */
+html { overflow-x: clip; } /* the 50vw bleed overshoots by half a classic scrollbar; clip never creates a scroll container */
+.ldh-create-dock {
+  position: sticky;
+  bottom: 0;
+  display: flex; align-items: center; justify-content: flex-end; gap: var(--sp-2);
+  z-index: 24; /* above content, below popovers (40) and modal chrome */
+  margin: auto calc(50% - 50vw) 0; /* margin-top: auto parks it at the bottom of the stretched column */
+  padding: var(--sp-2) calc((100vw - min(var(--ldh-content-w), 100vw)) / 2 + var(--sp-6)) var(--sp-2) var(--sp-6);
+  background: var(--bg-card);
+  border-top: 1px solid var(--border-default);
+}
+/* the modal dim overlay is pointer-inert, so hide the dock while a modal is open */
+body:has(.ldhc-backdrop.modal) .ldh-create-dock { display: none; }
+/* the RDFa editor owns the bottom strip while an XHTML block is being edited — its fixed breadcrumb bar would paint over the dock */
+body:has(.rdfa-editor-content) .ldh-create-dock { display: none; }
+/* the bar sits directly on the footer - no detached gap between them */
+body:has(.ldh-create-dock) .ldh-footer { margin-top: 0; }
+
+/* ---------- sticky footer + create-bar parking: the page column is a flex stack all the
+   way down to .content-body, so short pages pin the footer to the viewport bottom and the
+   create bar parks above it instead of stranding under the action bar (position: sticky
+   can only pull an element up from its flow position, never push it down) ---------- */
+#visible-body { min-height: 100vh; display: flex; flex-direction: column; }
+#visible-body > #tab-body { flex: 1 0 auto; display: flex; flex-direction: column; }
+#tab-body > .ldh-panes { flex: 1 0 auto; display: flex; flex-direction: column; }
+/* this layer owns the tab contract (only the active pane shows), so an inactive tab's
+   content - its create bar included - never lingers */
+.ldh-panes > .ldh-pane { display: none; }
+.ldh-panes > .ldh-pane.is-active { flex: 1 0 auto; display: flex; flex-direction: column; }
+.ldh-pane > .document-body { flex: 1 0 auto; display: flex; flex-direction: column; }
+/* .content-body centers with auto side margins, which opt a flex item out of cross-axis
+   stretch (it would shrink-wrap to its widest child); explicit width restores the full column */
+.ldh-pane > .document-body > .content-body { width: 100%; }
+/* only create-bar pages need the column itself stretched (its children become flex items) */
+.document-body > .content-body:has(> .ldh-create-dock) { flex: 1 0 auto; display: flex; flex-direction: column; padding-bottom: 0; }
+
+/* ---------- .map-canvas in the design is a picture of a map: an absolute fill for a frame that
+   already has a size, painted with a gradient landmass and a grid. LDH hands the same element to
+   OpenLayers as a live map target, where it is an ordinary in-flow block that carries its own
+   height - out of flow it left its parent zero-high (the footer rode up under a view block's map)
+   and, at document level, escaped to the initial containing block and covered the viewport.
+   The gradient goes with it: OL paints its own tiles, and an empty canvas should look empty ---------- */
+.map-canvas { position: relative; inset: auto; background: none; }
+.map-canvas::before { content: none; }
+
+/* ---------- document-level graph and map modes: the canvas fills the whole space between the
+   action bar and the viewport's bottom edge at full viewport width; canvases nested inside view
+   blocks keep their fixed height (a canvas is a direct .content-body child only at document
+   level). The tab-body min-height makes header (fixed 56px) + tab-body sum to exactly one
+   viewport, so the canvas bottom lands on the viewport edge and the footer falls below the
+   fold - in flow, revealed by scroll ---------- */
+.document-body > .content-body:has(> :is(.graph-3d-canvas, .map-canvas)) { flex: 1 0 auto; display: flex; flex-direction: column; max-width: none; padding: 0; }
+.content-body > :is(.graph-3d-canvas, .map-canvas) { flex: 1 0 0; height: auto; min-height: 520px; }
+body:has(.document-body > .content-body > :is(.graph-3d-canvas, .map-canvas)) #tab-body { min-height: calc(100dvh - 56px); }
+body:has(.document-body > .content-body > :is(.graph-3d-canvas, .map-canvas)) .ldh-footer { margin-top: 0; }
+
+/* ---------- RDFa editor toolbar: the bar's inner .content-body is a flex item whose auto side
+   margins opt it out of cross-axis stretch (same as the pane rule above); full width left-aligns
+   the toolbar buttons with the content column and the breadcrumb zone. Compact vertical padding -
+   the band is chrome, not content ---------- */
+.editor-bar > .content-body { width: 100%; padding-top: var(--sp-2); padding-bottom: var(--sp-2); }
+
+/* a field shell a handler conditionally reveals (the custom-datatype input) hides by state class */
+.ldhc-field.is-hidden { display: none; }
+
+/* form Actions overflow: the design renders the menu only while open; the static
+   markup ships it closed, so the is-open class the onclick handler toggles is what shows it */
+.ldh-form-actions-wrap:not(.is-open) > .ldh-form-actions-menu { display: none; }
+
+/* constructor dialog: the form element sits between .ldhc-modal and its head/body,
+   so it must relay the modal's column layout for the body to get its scroll box */
+.ldhc-modal > form.constructor-template { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
+/* Save validation marks value-less constructor rows */
+.ldh-ctor-row.error { box-shadow: inset 2px 0 0 var(--danger-500); background: var(--danger-50); }
+
+/* =========================================================================
+   LDH-local rules recovered from the previous vendored app.css: the vendor
+   refresh replaced the file wholesale, and these never lived in the design
+   repo. They stay here so the next re-vendor cannot lose them again.
+   ========================================================================= */
+/* hover-lift transforms (retro themes) make the card a stacking context, trapping its inline dropdowns below later positioned rows; while a popup is open the card must win the paint order over subsequent blocks (but stay under the z-70 action bar) */
+.ldh-block:has(.is-open), .ldh-nblock:has(.is-open) { position: relative; z-index: 60; }
+
+/* Links button — opens the block links popover (backlinks). It is the core
+   icon-button primitive (accent intent, aria-pressed toggle), so box, hover and
+   the "on" state come from controls.css; .tb-links stays as the handler hook. */
+
+
+/* Block links popover — backlinks as jump-off navigation, anchored to the
+   header/toolbar links button. Modeled on .facet-pop; content lazy-loads on
+   first open. */
+.links-nav { position: relative; }
+.links-pop {
+  position: absolute; top: calc(100% + 6px); right: 0;
+  min-width: 260px; max-width: 320px;
+  background: var(--surface-0); border: 1px solid var(--border-default);
+  border-radius: var(--r-md); box-shadow: var(--shadow-lg);
+  padding: var(--sp-2);
+  z-index: 40;
+  display: none;
+}
+.links-nav.is-open .links-pop { display: block; }
+.links-pop .dh2 {
+  margin: 0;
+  padding: var(--sp-2) var(--sp-2) 4px;
+  font-family: var(--font-mono); font-size: 10px;
+  letter-spacing: var(--tracking-wide); text-transform: uppercase;
+  font-weight: var(--fw-medium);
+  color: var(--fg-muted);
+}
+.links-pop .dgroup { display: flex; flex-direction: column; gap: 2px; }
+.links-pop .drow {
+  display: flex; align-items: center; gap: 8px;
+  padding: 6px 8px;
+  border-radius: var(--r-sm);
+  text-decoration: none;
+  color: var(--fg-2);
+  font-size: var(--fs-sm);
+  transition: background var(--dur-fast) var(--ease-out-soft);
+}
+.links-pop .drow:hover { background: var(--bg-hover); color: var(--fg-1); text-decoration: none; }
+.links-pop .drow .msi { color: var(--fg-hint); flex-shrink: 0; }
+.links-pop .drow .lbl { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+
+
+/* The design system sets an `is-failed` class on the card. Here the ring is
+   derived from the body content instead: the failed state is a function of
+   what the error handler rendered, so :has() recomputes it on every re-render
+   and a block that later succeeds cannot keep a stale ring. Nothing needs to
+   clear it. Only block bodies get .ldh-block-error — the small hosts (facet
+   popover, result count, parallax rows) emit the bare .ldhc-alert, so they
+   cannot ring the card they happen to sit in.
+   An `outline`, not a border: skins differ on whether cards have borders at
+   all (m3 uses elevation and sets border-width: 0), and an outline survives
+   both without fighting the skin's shadow. Offset inward so it lands on the
+   card edge rather than outside it. */
+.ldh-block:has(.ldh-block-error), .ldh-nblock:has(.ldh-block-error) {
+  outline: 1px solid color-mix(in srgb, var(--danger-500) 38%, transparent);
+  outline-offset: -1px;
+  border-color: color-mix(in srgb, var(--danger-500) 28%, var(--border-default));
+}
+
+/* the pivot bar hides while it has no pills: the bar is derived output, and an empty band
+   would read as a broken control (the design renders it conditionally instead) */
+.ldh-pivot-bar:not(:has(.ldh-pivot-pill)) { display: none; }
+/* incoming pivots read quieter than outgoing, mirroring the retired chip treatment */
+.ldh-pivot-pill.is-in { background: var(--surface-1); }
+.ldh-pivot-pill.is-in .lbl { color: var(--fg-muted); }
+.ldh-pivot-pill.is-in:hover .lbl { color: var(--ldh-blue-700); }
+
+
+.ldh-block-body > .ldh-view-toolbar { padding-left: 0; padding-right: 0; }
+
+/* applied parallax steps read as removable chips beside the facet pills — the
+   pivot's undo affordance; clicking one rewinds the view to before that step */
+.ldh-view-toolbar .parallax-steps { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--sp-2); }
+.ldh-view-toolbar .parallax-steps:empty { display: none; }
+.facet-pill.parallax-step { background: var(--ldh-blue-50); color: var(--ldh-blue-700); border-color: var(--ldh-blue-200); }
+.facet-pill.parallax-step .pred, .facet-pill.parallax-step .msi { color: var(--ldh-blue-600); }
+.facet-pill.parallax-step .x {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 16px; height: 16px;
+  border-radius: 50%;
+  color: var(--ldh-blue-600);
+}
+.facet-pill.parallax-step .x:hover { background: rgba(0,0,0,0.06); }
+
+/* the card anchors its corner affordances (.links-nav, .btn-copy-uri) and the block-scoped
+   .ldh-drawer, and must not clip the dropdown menus (.modes-pop, .ldh-add-menu) that render
+   inline inside it - the design repo's card re-introduced overflow clipping and dropped the anchor */
+.ldh-block { position: relative; overflow: visible; }
+
+/* Content-slot chrome - a documented divergence from the design repo, which has no carrier concept
+   (one block = one resource = one header). XHTML and Object content blocks render headerless; the
+   slot's affordances ride the card, surfaced on card hover or keyboard focus. The rail runs the full
+   left edge - the same side as the header drag slot on other blocks - stacking the slot-level
+   copy/edit buttons (Object carriers) above the drag slot, whose grab/hover treatment comes from
+   app.css's .ldh-bh-drag base. The corner cluster anchors the resource's own actions top-right
+   (XHTML blocks, whose resource has no header), staying put while its links popover is open */
+.ldh-block-rail { position: absolute; top: 0; left: 0; bottom: 0; width: 22px; display: flex; flex-direction: column; align-items: center; opacity: 0; transition: opacity var(--dur-fast) var(--ease-out-soft); z-index: 5; }
+.ldh-block:hover > .ldh-block-rail, .ldh-block-rail:focus-within { opacity: 1; }
+.ldh-block-rail > .ldhc-iconbtn { width: 22px; height: 26px; border-radius: var(--r-xs); }
+.ldh-block-rail > .ldh-bh-drag { flex: 1 1 auto; height: auto; width: 22px; margin-top: 0; }
+.ldh-block-corner { position: absolute; top: var(--sp-3); right: var(--sp-3); display: flex; align-items: center; gap: var(--sp-1); opacity: 0; transition: opacity var(--dur-fast) var(--ease-out-soft); }
+/* ac:BlockActions wraps its buttons in a div of its own - flatten it into the cluster row */
+.ldh-block-corner > div:not(.links-nav) { display: contents; }
+.ldh-block:hover > .ldh-block-corner, .ldh-block > .ldh-block-corner:focus-within, .ldh-block > .ldh-block-corner:has(.is-open) { opacity: 1; }
+
+/* Embedded resource card (an ldh:Object's rdf:value): the block's single header-bearing surface.
+   Flattened onto the carrier card - no surface, shadow or hover lift of its own - with an inset left
+   hairline as the embedding signal, distinguishing it from the same resource rendered standalone in
+   ReadMode. :root matches the skins' base and hover specificity so load order wins */
+:root .ldh-block.is-embedded { background: transparent; border: 0; border-radius: 0; box-shadow: inset 2px 0 0 var(--border-default); }
+:root .ldh-block.is-embedded:hover { transform: none; box-shadow: inset 2px 0 0 var(--border-default); }
+/* the hover card lift is an elevation affordance, so quiet blocks - which the skins already exempt
+   from the hover shadow - must not take it either: on a transparent prose block the 1px translate
+   reads as the text wiggling. :root matches the skins' (0,4,0) hover specificity so load order wins */
+:root .ldh-block.is-quiet:hover { transform: none; }
+
+/* mode switchers (the document- and view-scoped variants share the template): the trigger is a
+   native button inside the .ldh-mode pill, so it must not paint its own chrome */
+.ldh-mode > button { background: transparent; border: 0; padding: 0; color: inherit; font: inherit; }
+/* Create/Add drop-down triggers: the caret rotates while the wrap is open (the old rule keyed on the retired .ldh-btn) */
+.ldh-add-wrap .caret { transition: transform var(--dur-fast) var(--ease-out-soft); }
+.ldh-add-wrap.is-open .caret { transform: rotate(180deg); }
+
+/* the shared form footer renders its action cluster as .fb-end in every placement, but the design
+   scopes the cluster rule to .ldh-form-bar - block-foot placements get the same right-aligned cluster */
+.ldh-block-foot .fb-end { margin-left: auto; display: flex; align-items: center; gap: var(--sp-2); }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/overlays.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/overlays.css
new file mode 100644
index 0000000000..d9df1ad068
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/overlays.css
@@ -0,0 +1,178 @@
+/* =========================================================================
+   ui_kits/core/overlays.css — Menu · Popover · Modal
+
+   All three share one positioning/dismissal model: anchored to a trigger (or
+   centred, for modals), dismissal on outside click and Escape, focus returned
+   to the trigger on close.
+   ========================================================================= */
+
+/* =========================================================================
+   Menu — trigger + surface + items. Item anatomy: icon, label, optional
+   sub-line, danger, disabled. Plus separators and section headers.
+
+   THE OVERFLOW RULE, promoted to a named pattern (it was an unwritten
+   convention inside FormActions):
+     0 actions  → render nothing
+     1 action   → a direct labelled button, no menu (a dropdown holding one
+                  item is pure friction)
+     2+ actions → collapse into this menu
+   Named `.ldhc-menu-overflow` so call sites can rely on it.
+   ========================================================================= */
+.ldhc-menu-anchor { position: relative; display: inline-flex; }
+.ldhc-menu {
+  position: absolute; z-index: 50; min-width: 200px; max-width: 340px;
+  max-height: 340px; overflow-y: auto;
+  padding: 4px;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  box-shadow: var(--shadow-lg);
+  /* A floating panel is an independent surface: it pins its own ink so a skin
+     that recolours a region can't bleed into it. */
+  color: var(--fg-1);
+  animation: ldhc-menu-in var(--dur-fast) var(--ease-out-soft);
+}
+@keyframes ldhc-menu-in { from { opacity: 0; transform: translateY(-4px) scale(0.99); } }
+.ldhc-menu.al-start { top: calc(100% + 5px); left: 0; }
+.ldhc-menu.al-end   { top: calc(100% + 5px); right: 0; }
+.ldhc-menu.al-up-start { bottom: calc(100% + 5px); left: 0; }
+.ldhc-menu.al-up-end   { bottom: calc(100% + 5px); right: 0; }
+
+.ldhc-menu-item {
+  display: flex; align-items: flex-start; gap: var(--sp-2); width: 100%;
+  padding: 8px 10px; border: 0; background: transparent; cursor: pointer;
+  text-align: left; border-radius: var(--r-sm);
+  font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--fg-1);
+  transition: background var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-menu-item:hover { background: var(--bg-hover); }
+.ldhc-menu-item:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-menu-item[aria-checked="true"], .ldhc-menu-item.is-selected { background: var(--bg-selected); color: var(--fg-selected); }
+.ldhc-menu-item:disabled, .ldhc-menu-item[aria-disabled="true"] { cursor: not-allowed; opacity: 0.45; pointer-events: none; }
+.ldhc-menu-item > .ldhc-menu-ic { color: var(--fg-hint); flex-shrink: 0; margin-top: 1px; }
+.ldhc-menu-item:hover > .ldhc-menu-ic { color: var(--fg-2); }
+.ldhc-menu-item-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
+.ldhc-menu-item-lbl { font-weight: var(--fw-medium); }
+.ldhc-menu-item-sub { font-size: var(--fs-xs); color: var(--fg-hint); line-height: 1.45; }
+.ldhc-menu-item.is-danger { color: var(--danger-500); }
+.ldhc-menu-item.is-danger > .ldhc-menu-ic { color: var(--danger-500); }
+.ldhc-menu-item.is-danger:hover { background: var(--danger-50); }
+.ldhc-menu-item.is-danger .ldhc-menu-item-sub { color: color-mix(in srgb, var(--danger-500) 72%, transparent); }
+.ldhc-menu-item > .ldhc-menu-tick { margin-left: auto; flex-shrink: 0; color: var(--fg-selected); }
+.ldhc-menu-sep { height: 1px; margin: 4px 2px; background: var(--border-default); border: 0; }
+.ldhc-menu-header {
+  padding: 8px 10px 4px;
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--fg-hint);
+}
+
+/* =========================================================================
+   Popover — a small floating panel holding rich interactive content. Unlike a
+   tooltip it can contain focusable elements, so it opens on click and traps
+   nothing (the page stays usable).
+   ========================================================================= */
+.ldhc-popover {
+  position: absolute; z-index: 55; box-sizing: border-box;
+  max-width: 320px; padding: var(--sp-4);
+  background: var(--surface-0); color: var(--fg-1);
+  border: 1px solid var(--border-default); border-radius: var(--r-md);
+  box-shadow: var(--shadow-lg);
+  animation: ldhc-menu-in var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-popover.is-flush { padding: 0; overflow: hidden; }
+.ldhc-popover.va-inverse { background: var(--ink-1); color: #fff; border-color: transparent; }
+.ldhc-popover.sd-top    { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.ldhc-popover.sd-bottom { top: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.ldhc-popover.sd-left   { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
+.ldhc-popover.sd-right  { left: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
+.ldhc-popover-tip { position: absolute; width: 9px; height: 9px; background: inherit; border: inherit; transform: rotate(45deg); }
+.ldhc-popover.sd-top .ldhc-popover-tip    { bottom: -5px; left: 50%; margin-left: -4px; border-top: 0; border-left: 0; }
+.ldhc-popover.sd-bottom .ldhc-popover-tip { top: -5px; left: 50%; margin-left: -4px; border-bottom: 0; border-right: 0; }
+.ldhc-popover-x { position: absolute; top: 6px; right: 6px; }
+
+/* =========================================================================
+   Modal — header / body / footer / backdrop / close.
+
+   STACKING: the constructor dialog opens above the edit modal, so depth is a
+   data attribute rather than a hardcoded z-index. Each level steps the z-index
+   and dims slightly less, so the stack reads as depth instead of mud.
+   ========================================================================= */
+.ldhc-backdrop {
+  position: fixed; inset: 0; z-index: 100;
+  background: rgba(15, 18, 26, 0.44);
+  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
+  display: flex; align-items: flex-start; justify-content: center;
+  padding: var(--sp-8) var(--sp-4);
+  overflow-y: auto;
+  animation: ldhc-fade-in var(--dur-base) var(--ease-out-soft);
+}
+@keyframes ldhc-fade-in { from { opacity: 0; } }
+.ldhc-backdrop.pos-center { align-items: center; }
+.ldhc-backdrop[data-depth="2"] { z-index: 120; background: rgba(15, 18, 26, 0.32); }
+.ldhc-backdrop[data-depth="3"] { z-index: 140; background: rgba(15, 18, 26, 0.24); }
+
+.ldhc-modal {
+  position: relative; display: flex; flex-direction: column;
+  width: 100%; box-sizing: border-box; max-height: 100%;
+  background: var(--surface-0); color: var(--fg-1);
+  border: 1px solid var(--border-default); border-radius: var(--r-lg);
+  box-shadow: var(--shadow-xl);
+  animation: ldhc-modal-in var(--dur-base) var(--ease-spring);
+}
+@keyframes ldhc-modal-in { from { opacity: 0; transform: translateY(10px) scale(0.985); } }
+.ldhc-modal.sz-sm { max-width: 420px; }
+.ldhc-modal.sz-md { max-width: 620px; }
+.ldhc-modal.sz-lg { max-width: 840px; }
+.ldhc-modal.sz-xl { max-width: 1080px; }
+
+.ldhc-modal-head {
+  display: flex; align-items: flex-start; gap: var(--sp-3); flex-shrink: 0;
+  padding: var(--sp-4) var(--sp-5);
+  border-bottom: 1px solid var(--border-default);
+}
+.ldhc-modal-icon {
+  width: 36px; height: 36px; flex-shrink: 0; border-radius: var(--r-md);
+  display: inline-flex; align-items: center; justify-content: center;
+  background: var(--bg-accent-quiet); color: var(--fg-selected);
+}
+.ldhc-modal-titles { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
+.ldhc-modal-eyebrow {
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-medium);
+  letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--fg-hint);
+}
+.ldhc-modal-title { margin: 0; font-family: var(--font-sans); font-size: var(--fs-lg); font-weight: var(--fw-semibold); letter-spacing: var(--tracking-snug); color: var(--fg-1); }
+.ldhc-modal-sub { font-size: var(--fs-sm); color: var(--fg-muted); line-height: var(--lh-base); }
+.ldhc-modal-x { flex-shrink: 0; margin: -2px -4px 0 0; display: flex; align-items: center; gap: var(--sp-1); }
+
+/* Body — scrolls inside a fixed-height dialog with head/foot pinned. The
+   shadows are painted by the scroll container itself (background-attachment
+   trick), so they appear only at an edge that actually has content beyond it. */
+.ldhc-modal-body {
+  flex: 1; min-height: 0; overflow-y: auto;
+  padding: var(--sp-5);
+  background:
+    linear-gradient(var(--surface-0) 30%, rgba(255,255,255,0)) top / 100% 14px no-repeat,
+    linear-gradient(rgba(255,255,255,0), var(--surface-0) 70%) bottom / 100% 14px no-repeat,
+    radial-gradient(farthest-side at 50% 0, rgba(15,18,26,0.10), rgba(0,0,0,0)) top / 100% 7px no-repeat,
+    radial-gradient(farthest-side at 50% 100%, rgba(15,18,26,0.10), rgba(0,0,0,0)) bottom / 100% 7px no-repeat;
+  background-attachment: local, local, scroll, scroll;
+}
+/* A flush body is a LAYOUT container, not just an unpadded one: its children
+   are pinned/scrolling regions (a search field that must not scroll away, a
+   results view that owns its own scroll box, a toolbar + list). Those recipes
+   are all written with `flex-shrink: 0` / `flex: 1` / `min-height: 0`, which are
+   inert in a block container — so the body scrolled as one piece and the pinned
+   children scrolled away with it. Declaring the column here fixes every flush
+   consumer at once. */
+.ldhc-modal-body.is-flush { padding: 0; display: flex; flex-direction: column; }
+/* Whole-dialog scroll instead of body scroll. */
+.ldhc-modal.is-pagescroll { max-height: none; }
+.ldhc-modal.is-pagescroll .ldhc-modal-body { overflow: visible; background: none; }
+
+.ldhc-modal-foot {
+  display: flex; align-items: center; gap: var(--sp-2); flex-shrink: 0; flex-wrap: wrap;
+  padding: var(--sp-4) var(--sp-5);
+  border-top: 1px solid var(--border-default);
+  background: var(--surface-1);
+  border-radius: 0 0 var(--r-lg) var(--r-lg);
+}
+.ldhc-modal-foot > .ldhc-modal-foot-end { margin-left: auto; display: flex; align-items: center; gap: var(--sp-2); }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/rdfa-editor.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/rdfa-editor.css
index bbae2296ff..7ddad29d52 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/rdfa-editor.css
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/rdfa-editor.css
@@ -104,7 +104,7 @@
 /* a blockquote has no intrinsic child indentation, so its handle and its first
    block's handle would coincide; the editing view indents quote content to give
    each nesting level its own gutter column (lists and cells indent natively).
-   The quote bar (Markdown/Bootstrap convention) makes the container visible -
+   The quote bar (Markdown convention) makes the container visible -
    a normalized blockquote > p would otherwise read as a plain paragraph */
             .rdfa-editor-content blockquote {
                 padding-left: 2em;
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/retro.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/retro.css
new file mode 100644
index 0000000000..ef3f03cbc3
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/retro.css
@@ -0,0 +1,1444 @@
+/* =========================================================================
+   LinkedDataHub — RETRO 80s theme layer  (reversible fork)
+   ---------------------------------------------------------------------------
+   Keeps the Material bones of the system intact — this file ONLY remaps the
+   token primitives + adds a few additive flourishes, gated on
+   `data-retro` on <html>. Set data-retro="off" (or remove it) to return to
+   the modern system with zero residue.
+
+   Three directions:
+     · dusk   — Terminal Dusk   (Halt & Catch Fire: navy/teal/coral/amber, dark)
+     · corsa  — Rosso Corsa     (Italian classic car: cream/red/green/gold, light)
+     · neon   — Neon Grid       (synthwave Miami: purple/magenta/cyan, dark)
+
+   Because the app funnels nearly everything through these primitives, remapping
+   them recolours buttons, links, charts, graph nodes, grid cards and chrome in
+   one move. The accent (action) colour is intentionally the hot retro hue —
+   the "blue is the only action colour" rule is suspended inside a retro theme.
+   ========================================================================= */
+
+@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..800&family=Audiowide&family=Antonio:wght@300..700&family=Share+Tech+Mono&family=Space+Mono:wght@400;700&display=swap');
+
+/* =========================================================================
+   1 · TERMINAL DUSK  (Halt & Catch Fire)
+   ========================================================================= */
+:root[data-retro="dusk"] {
+  /* Neutrals — cool teal-navy with warm cream ink */
+  --ink-1:  #ece3d2;
+  --ink-2:  #c2cdc9;
+  --ink-3:  #8b9d9b;
+  --ink-4:  #5f726f;
+  --ink-5:  #44524e;
+
+  --surface-0: #122231;   /* card / dialog */
+  --surface-1: #0b161f;   /* page */
+  --surface-2: #182a39;   /* recessed / hover */
+  --surface-3: #21384a;   /* pressed / dividers */
+  --line-1:    #1d3344;
+  --line-2:    #2c4759;
+
+  /* Accent = CORAL. The blue ramp is the interaction colour, so remap it. */
+  --ldh-blue-50:   #251714;
+  --ldh-blue-100:  #35201c;
+  --ldh-blue-200:  #4a2b25;
+  --ldh-blue-300:  #ff8170;
+  --ldh-blue-400:  #ff8170;
+  --ldh-blue-500:  #ff6b5b;   /* primitive accent — dots, chart line, focus glints */
+  --ldh-blue-600:  #ff9a8a;   /* link / accent TEXT (AA on dark) */
+  --ldh-blue-700:  #ffb3a6;
+
+  /* Violet ramp → TEAL (2nd chart series, secondary accents, named graphs) */
+  --ldh-violet-50:  #0c2826;
+  --ldh-violet-100: #103b37;
+  --ldh-violet-400: #36cbbe;
+  --ldh-violet-500: #00b4a6;
+  --ldh-violet-600: #36cbbe;
+  --ldh-violet-700: #6dded4;
+
+  /* Semantic */
+  --success-500: #34c79a;  --success-50: #0d2a22;
+  --warning-500: #ffb347;  --warning-50: #2e2210;
+  --danger-500:  #ff6b6b;  --danger-600: #e35555;  --danger-50:  #2e1414;
+  --fg-on-danger: #2b0d0d;
+
+  /* RDF data-encoding — retro hues */
+  --rdf-class:    #ffb347;  /* amber  */
+  --rdf-resource: #00b4a6;  /* teal   */
+  --rdf-literal:  #9bd455;  /* lime   */
+  --rdf-blank:    #ff6b5b;  /* coral  */
+  --rdf-named:    #c08bff;  /* violet */
+
+  /* Pastel surfaces → dark retro tints (category-card icon chips, image fills) */
+  --surf-lavender: #1e2336;
+  --surf-mint:     #0e2a22;
+  --surf-peach:    #2e1d16;
+  --surf-sky:      #11283a;
+  --surf-blush:    #2c1722;
+  --surf-sand:     #2a2412;
+
+  /* Gradients — header + dark hero + mesh fills */
+  --grad-deep:   linear-gradient(135deg, #0b161f 0%, #143038 55%, #1a2c3a 100%); /* @kind color */
+  --grad-aurora: linear-gradient(135deg, #122231 0%, #143a3a 50%, #1c2e3c 100%); /* @kind color */
+
+  /* Semantic re-derivations that point at literals (not the primitive) */
+  --bg-accent:       #ff6b5b;
+  --bg-accent-hover: #ff8473;
+  --bg-accent-quiet: #251714;
+  --fg-on-accent:    #0b161f;   /* dark ink on the bright coral fill */
+  --fg-hint:         #8a9b98;
+  --fg-link:         #ff9a8a;
+
+  /* Retro type */
+  --font-display: 'Orbitron', var(--font-sans);
+  --font-mono:    'Share Tech Mono', ui-monospace, monospace;
+
+  --grid-line: rgba(0,180,166,0.18);   /* @kind color */
+
+  /* Heavier shadows for the dark canvas */
+  --shadow-sm: 0 2px 8px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.4);
+  --shadow-md: 0 8px 24px -8px rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.4);
+  --shadow-lg: 0 24px 48px -16px rgba(0,0,0,0.66), 0 4px 12px rgba(0,0,0,0.5);
+  --shadow-glow-blue: 0 0 0 3px rgba(255,107,91,0.35);
+  --inset-hairline: inset 0 1px 0 rgba(255,255,255,0.06);
+}
+
+/* =========================================================================
+   2 · ROSSO CORSA  (Italian classic car — light cream)
+   ========================================================================= */
+:root[data-retro="corsa"] {
+  /* Neutrals — warm ivory / cream surfaces, near-black warm ink */
+  --ink-1:  #1a1714;
+  --ink-2:  #3a332c;
+  --ink-3:  #6b6055;
+  --ink-4:  #978b7c;
+  --ink-5:  #c4baa9;
+
+  --surface-0: #fcf7ec;   /* card ivory */
+  --surface-1: #f4ecd8;   /* page cream */
+  --surface-2: #ece1c7;   /* recessed */
+  --surface-3: #e0d2b2;   /* pressed / dividers */
+  --line-1:    #ddd0b2;
+  --line-2:    #c9b993;
+
+  /* Accent = ROSSO CORSA red */
+  --ldh-blue-50:   #f7e4d9;
+  --ldh-blue-100:  #f0d2c5;
+  --ldh-blue-200:  #e6bcab;
+  --ldh-blue-300:  #e03b35;
+  --ldh-blue-400:  #e03b35;
+  --ldh-blue-500:  #d11a1f;   /* primitive accent */
+  --ldh-blue-600:  #b3151b;   /* link / accent TEXT (AA on cream) */
+  --ldh-blue-700:  #8f0d14;
+
+  /* Violet ramp → RACING GREEN */
+  --ldh-violet-50:  #e2efe5;
+  --ldh-violet-100: #cfe4d4;
+  --ldh-violet-400: #2c8a63;
+  --ldh-violet-500: #0a5c3e;
+  --ldh-violet-600: #0a5c3e;
+  --ldh-violet-700: #073f2c;
+
+  /* Semantic */
+  --success-500: #0a7d4f;  --success-50: #e2efe5;
+  --warning-500: #b8860b;  --warning-50: #f6ecc9;
+  --danger-500:  #c8161d;  --danger-600: #a41117;  --danger-50:  #f7e3d8;
+
+  /* RDF data-encoding — Italian palette */
+  --rdf-class:    #0a5c3e;  /* racing green */
+  --rdf-resource: #c8161d;  /* rosso        */
+  --rdf-literal:  #b8860b;  /* ochre / gold */
+  --rdf-blank:    #5b6770;  /* chrome grey  */
+  --rdf-named:    #7a4a2a;  /* tan leather  */
+
+  /* Pastel surfaces → warm period tints */
+  --surf-lavender: #efe7da;
+  --surf-mint:     #e2efe5;
+  --surf-peach:    #f6e3d2;
+  --surf-sky:      #e7eef0;
+  --surf-blush:    #f7e0d6;
+  --surf-sand:     #f3e7c8;
+
+  /* Gradients — header stays a dark "engine bay"; light hero is a cream wash */
+  --grad-deep:   linear-gradient(135deg, #14110e 0%, #0a2a1c 100%); /* @kind color */
+  --grad-aurora: linear-gradient(135deg, #f4ecd8 0%, #fcf7ec 50%, #f0e0c6 100%); /* @kind color */
+
+  --bg-accent:       #c8161d;
+  --bg-accent-hover: #a5101a;
+  --bg-accent-quiet: #f7e4d9;
+  --fg-on-accent:    #fcf7ec;   /* cream text on rosso fill */
+  --fg-hint:         #6b6055;
+  --fg-link:         #b3151b;
+
+  /* Retro type — condensed automotive display + period mono */
+  --font-display: 'Antonio', var(--font-sans);
+  --font-mono:    'Space Mono', ui-monospace, monospace;
+}
+
+/* =========================================================================
+   3 · NEON GRID  (synthwave Miami — dark purple)
+   ========================================================================= */
+:root[data-retro="neon"] {
+  /* Neutrals — deep violet-black */
+  --ink-1:  #f3ecff;
+  --ink-2:  #d2c6ee;
+  --ink-3:  #a193c9;
+  --ink-4:  #75689a;
+  --ink-5:  #4f4570;
+
+  --surface-0: #1c1140;   /* card */
+  --surface-1: #140a2e;   /* page */
+  --surface-2: #261850;   /* recessed / hover */
+  --surface-3: #33215f;   /* pressed / dividers */
+  --line-1:    #2e1d5c;
+  --line-2:    #432a78;
+
+  /* Accent = HOT MAGENTA */
+  --ldh-blue-50:   #2a1340;
+  --ldh-blue-100:  #3a1a52;
+  --ldh-blue-200:  #50206e;
+  --ldh-blue-300:  #ff6fb5;
+  --ldh-blue-400:  #ff6fb5;
+  --ldh-blue-500:  #ff4fa3;   /* primitive accent */
+  --ldh-blue-600:  #ff7ab8;   /* link / accent TEXT */
+  --ldh-blue-700:  #ff9ccb;
+
+  /* Violet ramp → CYAN (2nd series, secondary accent) */
+  --ldh-violet-50:  #0a2e3a;
+  --ldh-violet-100: #0d3e4d;
+  --ldh-violet-400: #4ff0ff;
+  --ldh-violet-500: #00e5ff;
+  --ldh-violet-600: #4ff0ff;
+  --ldh-violet-700: #8af6ff;
+
+  /* Semantic */
+  --success-500: #2ee6b0;  --success-50: #07261f;
+  --warning-500: #ffe14f;  --warning-50: #2e2a0c;
+  --danger-500:  #ff5a7a;  --danger-600: #e34364;  --danger-50:  #2e0f18;
+  --fg-on-danger: #2b0812;
+
+  /* RDF data-encoding — full neon */
+  --rdf-class:    #b14fff;  /* violet */
+  --rdf-resource: #00e5ff;  /* cyan   */
+  --rdf-literal:  #2ee6b0;  /* green  */
+  --rdf-blank:    #ffe14f;  /* yellow */
+  --rdf-named:    #ff4fa3;  /* pink   */
+
+  /* Pastel surfaces → dark neon tints */
+  --surf-lavender: #241546;
+  --surf-mint:     #07261f;
+  --surf-peach:    #2e1530;
+  --surf-sky:      #0a2536;
+  --surf-blush:    #2e0f24;
+  --surf-sand:     #2a2410;
+
+  /* Gradients — header + hero sunset */
+  --grad-deep:   linear-gradient(135deg, #1a0b3e 0%, #3a1066 55%, #5a1a6e 100%); /* @kind color */
+  --grad-aurora: linear-gradient(135deg, #2a1346 0%, #1a0b3e 50%, #0a2536 100%); /* @kind color */
+
+  --bg-accent:       #ff4fa3;
+  --bg-accent-hover: #ff6fb5;
+  --bg-accent-quiet: #2a1340;
+  --fg-on-accent:    #140a2e;   /* dark ink on the magenta fill */
+  --fg-hint:         #a193c9;
+  --fg-link:         #ff7ab8;
+
+  --font-display: 'Audiowide', var(--font-sans);
+  --font-mono:    'Share Tech Mono', ui-monospace, monospace;
+
+  --grid-line: rgba(255,79,163,0.20);  /* @kind color */
+
+  --shadow-sm: 0 2px 8px rgba(0,0,0,0.55), 0 0 0 1px rgba(123,79,255,0.10);
+  --shadow-md: 0 8px 24px -8px rgba(0,0,0,0.62), 0 2px 4px rgba(0,0,0,0.45);
+  --shadow-lg: 0 24px 48px -16px rgba(0,0,0,0.7), 0 4px 12px rgba(0,0,0,0.5);
+  --shadow-glow-blue: 0 0 0 3px rgba(255,79,163,0.38);
+}
+
+/* =========================================================================
+   FLOURISHES — additive, gated on [data-retro]. Material structure preserved;
+   these add the period texture (display type, chrome, scanlines, grids).
+   ========================================================================= */
+
+/* ---- Display type on the hero moments (mono swap already covers IRIs) ---- */
+:root[data-retro] .ldh-wordmark,
+:root[data-retro] .ldh-hero h1,
+:root[data-retro] .ldh-section h2,
+:root[data-retro] .ldh-display {
+  font-family: var(--font-display);
+  letter-spacing: 0.012em;
+}
+:root[data-retro] .ldh-hero h1 { letter-spacing: 0.006em; }
+/* Block titles carry the display face too, so the retro type reads on every
+   screen (this dashboard has no .ldh-section headings). The wide faces
+   (Orbitron/Audiowide) are sized down a step so titles never overflow;
+   Antonio is condensed and can stay large. */
+:root[data-retro] .ldh-block-head .ttl { font-family: var(--font-display); }
+:root[data-retro="dusk"] .ldh-block-head .ttl,
+:root[data-retro="neon"] .ldh-block-head .ttl {
+  font-size: var(--fs-lg);
+  font-weight: 600;
+  letter-spacing: 0;
+}
+:root[data-retro="corsa"] .ldh-block-head .ttl {
+  font-weight: 700;
+  letter-spacing: 0.01em;
+}
+:root[data-retro="corsa"] .ldh-hero h1,
+:root[data-retro="corsa"] .ldh-section h2 { font-weight: 700; }
+/* Orbitron/Audiowide carry weight on their own — dial back the size a touch */
+:root[data-retro="dusk"] .ldh-section h2,
+:root[data-retro="neon"] .ldh-section h2 { font-size: var(--fs-2xl); font-weight: 600; }
+:root[data-retro="neon"] .ldh-wordmark,
+:root[data-retro="neon"] .ldh-hero h1 { text-shadow: 0 0 18px rgba(255,79,163,0.45); }
+:root[data-retro="dusk"] .ldh-hero h1 { text-shadow: 0 0 18px rgba(0,180,166,0.30); }
+/* ---- Chrome / beveled primary buttons (machined-metal edge) ---- */
+:root[data-retro] .ldhc-btn.ap-solid {
+  background-image: linear-gradient(180deg, rgba(255,255,255,0.22), rgba(0,0,0,0.10));
+  box-shadow:
+    inset 0 1px 0 rgba(255,255,255,0.45),
+    inset 0 -1px 0 rgba(0,0,0,0.28),
+    0 1px 2px rgba(0,0,0,0.35);
+}
+:root[data-retro] .ldhc-btn.ap-solid:active {
+  background-image: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(255,255,255,0.12));
+}
+/* Mode switcher + tabs get a thin inset chrome line too */
+:root[data-retro] .ldh-mode { box-shadow: var(--inset-hairline); }
+
+/* ---- Hero texture: scanlines (dark) / cream guilloché (light) + grid ---- */
+:root[data-retro] .ldh-hero::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 0;
+}
+/* Dark themes: CRT scanlines + a perspective neon grid fading up from the floor */
+:root[data-retro="dusk"] .ldh-hero::after,
+:root[data-retro="neon"] .ldh-hero::after {
+  background-image:
+    repeating-linear-gradient(0deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 3px),
+    linear-gradient(transparent 58%, rgba(0,0,0,0.18) 100%),
+    repeating-linear-gradient(90deg, var(--grid-line, rgba(0,180,166,0.16)) 0 1px, transparent 1px 44px),
+    repeating-linear-gradient(0deg,  var(--grid-line, rgba(0,180,166,0.16)) 0 1px, transparent 1px 44px);
+  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
+  background-position: 0 0, 0 0, 0 100%, 0 100%;
+  mask-image: linear-gradient(transparent 50%, #000 100%);
+  -webkit-mask-image: linear-gradient(transparent 50%, #000 100%);
+  opacity: 0.9;
+}
+/* Neon: add the rising-sun glow behind the headline */
+:root[data-retro="neon"] .ldh-hero {
+  background-image:
+    radial-gradient(120% 80% at 80% 120%, rgba(255,79,163,0.38) 0%, transparent 55%),
+    radial-gradient(90% 70% at 18% -10%, rgba(0,229,255,0.20) 0%, transparent 55%),
+    var(--grad-deep);
+}
+/* Light corsa: no scanlines — a restrained cream wash with a hairline gold + rosso rule */
+:root[data-retro="corsa"] .ldh-hero::after {
+  background-image:
+    radial-gradient(60% 60% at 88% 12%, rgba(200,22,29,0.06) 0%, transparent 60%),
+    repeating-linear-gradient(135deg, rgba(184,134,11,0.05) 0 2px, transparent 2px 12px);
+  opacity: 1;
+}
+:root[data-retro="corsa"] .ldh-hero { border-top: 3px solid var(--bg-accent); }
+:root[data-retro] .ldh-hero > * { position: relative; z-index: 1; }
+
+/* Keep the modern dot-grid overlay subtle under the new texture */
+:root[data-retro] .ldh-hero::before { opacity: 0.35; }
+
+/* ---- Eyebrows / section labels pick up the hot accent automatically via
+        --ldh-blue-600; nudge the wide tracking for an authentic readout feel */
+:root[data-retro] .ldh-section .eyebrow,
+:root[data-retro] .ldh-eyebrow { letter-spacing: var(--tracking-widest); }
+
+/* ---- Page-level CRT atmosphere (dark themes) ----
+   The dashboard intro is a plain text block, not .ldh-hero, so the period
+   texture lives at the page level: a faint fixed scanline + vignette overlay
+   on top of everything (pointer-events:none, below modals), and for Neon a
+   perspective floor-grid glow behind the content. Sells the arcade/CRT feel
+   on every screen without touching legibility. */
+:root[data-retro="dusk"] .app,
+:root[data-retro="neon"] .app { position: relative; }
+
+:root[data-retro="dusk"] .app::after,
+:root[data-retro="neon"] .app::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 40;
+  background:
+    repeating-linear-gradient(0deg, rgba(0,0,0,0.11) 0 1px, transparent 1px 3px),
+    radial-gradient(125% 95% at 50% 0%, transparent 58%, rgba(0,0,0,0.26) 100%);
+  opacity: 0.55;
+}
+
+/* Neon: glowing perspective floor-grid rising from the bottom edge */
+:root[data-retro="neon"] .app::before {
+  content: "";
+  position: fixed;
+  left: 0; right: 0; bottom: 0;
+  height: 46vh;
+  pointer-events: none;
+  z-index: -1;
+  background:
+    linear-gradient(transparent 0%, rgba(255,79,163,0.10) 100%),
+    repeating-linear-gradient(90deg, rgba(0,229,255,0.18) 0 1px, transparent 1px 46px),
+    repeating-linear-gradient(0deg,  rgba(0,229,255,0.11) 0 2px, transparent 2px 46px);
+  -webkit-mask-image: linear-gradient(transparent 0%, #000 90%);
+  mask-image: linear-gradient(transparent 0%, #000 90%);
+}
+
+/* =========================================================================
+   4 · LIQUID GLASS  (Apple-style frosted material — light base)
+   ---------------------------------------------------------------------------
+   Not 80s — rides the same `data-retro` switch as a 4th skin. Keeps BLUE as
+   the single action colour (so the system's core rule holds), rides the LIGHT
+   base so dark ink stays legible behind the frost, and layers real
+   backdrop-filter blur + Apple-scale radii + specular highlights onto the
+   Material surfaces. Surfaces are deliberately TRANSLUCENT so the colourful
+   page wallpaper refracts through every panel.
+   ========================================================================= */
+:root[data-retro="glass"] {
+  /* Neutrals — dark slate ink on luminous frosted-white surfaces */
+  --ink-1:  #0b1524;
+  --ink-2:  #243245;
+  --ink-3:  #4a5a70;
+  --ink-4:  #8a97a8;
+  --ink-5:  #b9c4d2;
+
+  /* Translucent surfaces — the heart of the glass look. Real blur is added in
+     the flourishes below; these give the milky tint the blur works on. */
+  --surface-0: rgba(255,255,255,0.55);   /* card / dialog frost */
+  --surface-1: #eef2fb;                   /* page (the wallpaper paints over this) */
+  --surface-2: rgba(255,255,255,0.42);   /* recessed / hover */
+  --surface-3: rgba(255,255,255,0.66);   /* pressed / dividers */
+  --line-1:    rgba(255,255,255,0.60);   /* luminous hairline */
+  --line-2:    rgba(255,255,255,0.85);
+
+  /* Accent = APPLE SYSTEM BLUE — keeps "blue is the only action colour" */
+  --ldh-blue-50:   rgba(10,132,255,0.12);
+  --ldh-blue-100:  rgba(10,132,255,0.18);
+  --ldh-blue-200:  rgba(10,132,255,0.26);
+  --ldh-blue-300:  #4aa9ff;
+  --ldh-blue-400:  #2a96ff;
+  --ldh-blue-500:  #0a84ff;   /* primitive accent — dots, focus glints, chart line */
+  --ldh-blue-600:  #0a6fd8;   /* link / accent TEXT (AA on frost) */
+  --ldh-blue-700:  #0a5fc0;   /* stronger accent text (titles) */
+
+  /* Violet ramp → APPLE INDIGO (2nd chart series, named graphs, secondary) */
+  --ldh-violet-50:  rgba(94,92,230,0.12);
+  --ldh-violet-100: rgba(94,92,230,0.18);
+  --ldh-violet-400: #8482f0;
+  --ldh-violet-500: #5e5ce6;
+  --ldh-violet-600: #4b49d6;
+  --ldh-violet-700: #3a38b8;
+
+  /* Semantic — Apple system colours */
+  --success-500: #34c759;  --success-50: rgba(52,199,89,0.14);
+  --warning-500: #ff9f0a;  --warning-50: rgba(255,159,10,0.16);
+  --danger-500:  #e02b21;  --danger-600: #c22219;  --danger-50:  rgba(255,59,48,0.14);
+  --fg-on-danger: #ffffff;
+
+  /* RDF data-encoding — Apple system palette */
+  --rdf-class:    #ff9f0a;  /* orange */
+  --rdf-resource: #0a84ff;  /* blue   */
+  --rdf-literal:  #34c759;  /* green  */
+  --rdf-blank:    #8e8e93;  /* gray   */
+  --rdf-named:    #bf5af0;  /* purple */
+
+  /* Pastel surfaces (icon chips, image fills) → translucent Apple tints */
+  --surf-lavender: rgba(94,92,230,0.16);
+  --surf-mint:     rgba(52,199,89,0.16);
+  --surf-peach:    rgba(255,159,10,0.16);
+  --surf-sky:      rgba(10,132,255,0.16);
+  --surf-blush:    rgba(255,59,48,0.14);
+  --surf-sand:     rgba(255,214,10,0.18);
+
+  /* Gradients — header is smoked dark glass (white text stays); hero is a
+     colourful light frost (see flourishes). */
+  --grad-deep:   linear-gradient(135deg, rgba(22,28,45,0.62) 0%, rgba(30,40,66,0.55) 100%); /* @kind color */
+  --grad-aurora: linear-gradient(135deg, rgba(10,132,255,0.14) 0%, rgba(191,90,242,0.12) 50%, rgba(48,209,180,0.13) 100%); /* @kind color */
+
+  /* Semantic re-derivations */
+  --bg-accent:       #0a84ff;
+  --bg-accent-hover: #0a74e6;
+  --bg-accent-quiet: rgba(10,132,255,0.12);
+  --fg-on-accent:    #ffffff;
+  --fg-hint:         #5a6a80;
+  --fg-link:         #0a6fd8;
+
+  /* Type — clean system grotesque, NOT a retro display face. Keep Geist;
+     neutralise the wide-display flourish below. */
+  --font-display: var(--font-sans);
+
+  /* Soft, cool, colour-tinted shadows (Apple depth) */
+  --shadow-sm: 0 2px 10px rgba(31,38,80,0.10), 0 1px 2px rgba(31,38,80,0.06);
+  --shadow-md: 0 12px 32px -10px rgba(31,38,80,0.22), 0 2px 6px rgba(31,38,80,0.10);
+  --shadow-lg: 0 28px 60px -18px rgba(31,38,80,0.30), 0 6px 16px rgba(31,38,80,0.14);
+  --shadow-glow-blue: 0 0 0 4px rgba(10,132,255,0.28);
+  --inset-hairline: inset 0 1px 0 rgba(255,255,255,0.8);
+}
+
+/* ---- Page wallpaper: a soft colourful mesh so frost has something to refract.
+        Fixed so panels slide over it like glass over a desktop picture. ---- */
+:root[data-retro="glass"] body,
+:root[data-retro="glass"] .app {
+  background:
+    radial-gradient(42% 52% at 12% 10%, rgba(10,132,255,0.30), transparent 60%),
+    radial-gradient(38% 46% at 90% 6%,  rgba(191,90,242,0.26), transparent 60%),
+    radial-gradient(46% 56% at 84% 90%, rgba(48,209,180,0.24), transparent 62%),
+    radial-gradient(42% 52% at 16% 94%, rgba(255,159,10,0.20), transparent 60%),
+    linear-gradient(135deg, #eef2fb 0%, #f6f0fb 48%, #eaf7fb 100%);
+  background-attachment: fixed;
+}
+
+/* ---- The frost mixin: real backdrop blur + saturation on every surface that
+        is a discrete "pane". Big Apple radii + luminous edge + specular top. -- */
+:root[data-retro="glass"] .ldh-block,
+:root[data-retro="glass"] .ldh-panel,
+:root[data-retro="glass"] .ldh-drawer,
+:root[data-retro="glass"] .ldh-modal,
+:root[data-retro="glass"] .ldh-add-menu,
+:root[data-retro="glass"] .ldh-form-actions-menu,
+:root[data-retro="glass"] .ldh-mode .modes-pop {
+  -webkit-backdrop-filter: blur(26px) saturate(180%);
+  backdrop-filter: blur(26px) saturate(180%);
+  border: 1px solid var(--line-1);
+  border-radius: 20px;
+  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,0.85);
+}
+:root[data-retro="glass"] .ldh-block:hover { box-shadow: var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,0.9); }
+:root[data-retro="glass"] .ldh-block.is-quiet { border: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
+
+/* Grid cards + their image headers go glassy too */
+:root[data-retro="glass"] .ldh-grid-block .card {
+  -webkit-backdrop-filter: blur(18px) saturate(170%);
+  backdrop-filter: blur(18px) saturate(170%);
+  border: 1px solid var(--line-1);
+  border-radius: 18px;
+  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,0.8);
+  overflow: hidden;
+}
+
+/* ---- Header: smoked dark glass so the white wordmark/icons stay readable -- */
+:root[data-retro="glass"] .ldh-header {
+  background: rgba(22,28,45,0.55);
+  -webkit-backdrop-filter: blur(28px) saturate(180%);
+  backdrop-filter: blur(28px) saturate(180%);
+  border-bottom: 1px solid rgba(255,255,255,0.14);
+}
+:root[data-retro="glass"] .ldh-header::before { opacity: 0.16; }
+
+/* ---- Hero: colourful light frost with a diagonal specular sweep ---- */
+:root[data-retro="glass"] .ldh-hero {
+  background:
+    linear-gradient(135deg, rgba(10,132,255,0.16) 0%, rgba(191,90,242,0.13) 50%, rgba(48,209,180,0.14) 100%),
+    rgba(255,255,255,0.40);
+  -webkit-backdrop-filter: blur(30px) saturate(180%);
+  backdrop-filter: blur(30px) saturate(180%);
+  border: 1px solid rgba(255,255,255,0.65);
+  border-radius: 28px;
+}
+:root[data-retro="glass"] .ldh-hero::after {
+  content: "";
+  position: absolute; inset: 0;
+  pointer-events: none; z-index: 0;
+  background: linear-gradient(118deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 32%);
+  mix-blend-mode: screen;
+}
+:root[data-retro="glass"] .ldh-hero > * { position: relative; z-index: 1; }
+/* ---- Liquid buttons: pill,
+glossy white sheen,
+blue glow — overrides the
+        generic retro "machined chrome" bevel for this skin only ---- */
+:root[data-retro="glass"] .ldhc-btn.ap-solid {
+  border-radius: 999px;
+  background-image: linear-gradient(180deg, rgba(255,255,255,0.30), rgba(255,255,255,0.0));
+  -webkit-backdrop-filter: blur(8px) saturate(160%);
+  backdrop-filter: blur(8px) saturate(160%);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 4px 16px rgba(10,132,255,0.30);
+}
+:root[data-retro="glass"] .ldhc-btn.ap-solid:active {
+  background-image: linear-gradient(180deg, rgba(0,0,0,0.07), rgba(255,255,255,0.10));
+}
+:root[data-retro="glass"] .ldhc-iconbtn,
+:root[data-retro="glass"] .ldhc-btn.ap-outline,
+:root[data-retro="glass"] .ldhc-btn.ap-ghost { border-radius: 999px; }
+
+/* ---- Type: clean, tight, no glow. Undo the wide-display retro flourish ---- */
+:root[data-retro="glass"] .ldh-wordmark,
+:root[data-retro="glass"] .ldh-hero h1,
+:root[data-retro="glass"] .ldh-section h2,
+:root[data-retro="glass"] .ldh-block-head .ttl {
+  font-family: var(--font-sans);
+  letter-spacing: var(--tracking-snug);
+  text-shadow: none;
+}
+:root[data-retro="glass"] .ldh-block-head .ttl { font-size: var(--fs-xl); font-weight: var(--fw-semibold); }
+
+/* =========================================================================
+   5 · GLASS PRO  (the readable default candidate)
+   ---------------------------------------------------------------------------
+   Inherits the Liquid Glass identity — colourful mesh wallpaper, Apple system
+   blue as the single action colour, big radii, floating depth — but splits
+   surfaces by JOB:
+     · FLOATING CHROME (header, hero, modals, drawers, menus) = frosted glass.
+       These genuinely float above the document, so translucency narrates depth
+       and the modal-over-content rule from CLAUDE.md.
+     · DATA SURFACES (blocks, grid cards, property editor) = SOLID, opaque,
+       high-contrast white panes. No backdrop-filter behind dense mono/RDF text,
+       so long IRIs, SPARQL and statement lists stay razor-legible — and the
+       GPU isn't blurring a wall of stacked panes.
+   Result: stands out as futuristic, stays functional where the work happens.
+   ========================================================================= */
+:root[data-retro="glasspro"] {
+  /* Slate ink on bright surfaces */
+  --ink-1:  #0b1524;
+  --ink-2:  #243245;
+  --ink-3:  #4a5a70;
+  --ink-4:  #8a97a8;
+  --ink-5:  #b9c4d2;
+
+  /* SOLID data surfaces — opaque, high-contrast. This is the whole point. */
+  --surface-0: #ffffff;     /* card / block / dialog body */
+  --surface-1: #f3f6fc;     /* page / hover wash */
+  --surface-2: #eaf0fa;     /* recessed / row hover */
+  --surface-3: #e0e8f5;     /* pressed / dividers */
+  --line-1:    #dde6f2;     /* crisp hairline (opaque) */
+  --line-2:    #ccd8e8;
+
+  /* Accent = Apple system blue (single action colour) */
+  --ldh-blue-50:   #e9f2ff;
+  --ldh-blue-100:  #d4e6ff;
+  --ldh-blue-200:  #aacfff;
+  --ldh-blue-300:  #4aa9ff;
+  --ldh-blue-400:  #2a96ff;
+  --ldh-blue-500:  #0a84ff;
+  --ldh-blue-600:  #0a6fd8;   /* link / accent text (AA on white) */
+  --ldh-blue-700:  #0a5fc0;
+
+  /* Violet → Apple indigo (2nd series / named graphs) */
+  --ldh-violet-50:  #ecebfd;
+  --ldh-violet-100: #dcdbfb;
+  --ldh-violet-400: #8482f0;
+  --ldh-violet-500: #5e5ce6;
+  --ldh-violet-600: #4b49d6;
+  --ldh-violet-700: #3a38b8;
+
+  /* Semantic — Apple system */
+  --success-500: #2ca84a;  --success-50: #e3f7e8;
+  --warning-500: #e08600;  --warning-50: #fdf0d8;
+  /* #e0352b measured 4.46:1 against white — just under AA for the 13px button
+     label; darkened to clear it (4.73:1). --danger-600 stays darker still. */
+  --danger-500:  #d93227;  --danger-600: #bd2a22;  --danger-50:  #fde4e2;
+  --fg-on-danger: #ffffff;
+
+  /* RDF data-encoding */
+  --rdf-class:    #e08600;
+  --rdf-resource: #0a84ff;
+  --rdf-literal:  #2ca84a;
+  --rdf-blank:    #8e8e93;
+  --rdf-named:    #a23bd6;
+
+  /* Pastel chips — solid Apple tints */
+  --surf-lavender: #ecebfd;
+  --surf-mint:     #e3f7e8;
+  --surf-peach:    #fdf0d8;
+  --surf-sky:      #e9f2ff;
+  --surf-blush:    #fde4e2;
+  --surf-sand:     #fdf6d8;
+
+  /* Gradients — header smoked dark glass; hero colourful frost */
+  --grad-deep:   linear-gradient(135deg, rgba(22,28,45,0.62) 0%, rgba(30,40,66,0.55) 100%); /* @kind color */
+  --grad-aurora: linear-gradient(135deg, rgba(10,132,255,0.14) 0%, rgba(191,90,242,0.12) 50%, rgba(48,209,180,0.13) 100%); /* @kind color */
+
+  --bg-accent:       #0a84ff;
+  --bg-accent-hover: #0a74e6;
+  --bg-accent-quiet: #e9f2ff;
+  --fg-on-accent:    #ffffff;
+  --fg-hint:         #5a6a80;
+  --fg-link:         #0a6fd8;
+
+  /* Type — clean system grotesque, no retro display */
+  --font-display: var(--font-sans);
+
+  /* Cool, soft, colour-tinted depth */
+  --shadow-sm: 0 1px 3px rgba(31,38,80,0.08), 0 1px 2px rgba(31,38,80,0.05);
+  --shadow-md: 0 10px 28px -12px rgba(31,38,80,0.22), 0 2px 6px rgba(31,38,80,0.10);
+  --shadow-lg: 0 26px 56px -18px rgba(31,38,80,0.30), 0 6px 16px rgba(31,38,80,0.14);
+  --shadow-glow-blue: 0 0 0 4px rgba(10,132,255,0.28);
+  --inset-hairline: inset 0 1px 0 rgba(255,255,255,0.9);
+}
+
+/* ---- Page wallpaper: same colourful fixed mesh as Glass ---- */
+:root[data-retro="glasspro"] body,
+:root[data-retro="glasspro"] .app {
+  background:
+    radial-gradient(42% 52% at 12% 10%, rgba(10,132,255,0.28), transparent 60%),
+    radial-gradient(38% 46% at 90% 6%,  rgba(191,90,242,0.22), transparent 60%),
+    radial-gradient(46% 56% at 84% 90%, rgba(48,209,180,0.20), transparent 62%),
+    radial-gradient(42% 52% at 16% 94%, rgba(255,159,10,0.16), transparent 60%),
+    linear-gradient(135deg, #eef2fb 0%, #f6f0fb 48%, #eaf7fb 100%);
+  background-attachment: fixed;
+}
+
+/* ---- DATA SURFACES: solid, opaque, crisp. NO backdrop-filter. ---- */
+:root[data-retro="glasspro"] .ldh-block,
+:root[data-retro="glasspro"] .ldh-grid-block .card {
+  background: var(--surface-0);
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+  border: 1px solid var(--line-1);
+  border-radius: 18px;
+  box-shadow: var(--shadow-sm);
+}
+:root[data-retro="glasspro"] .ldh-block:hover { box-shadow: var(--shadow-md); transform: translateY(-1px); }
+:root[data-retro="glasspro"] .ldh-block.is-quiet { border: 0; background: transparent; box-shadow: none; }
+:root[data-retro="glasspro"] .ldh-grid-block .card { overflow: hidden; }
+/* Keep the property editor / statement list flat-white for max legibility */
+:root[data-retro="glasspro"] .ldh-prop-form,
+:root[data-retro="glasspro"] .ldh-block-body { background: transparent; }
+
+/* ---- FLOATING CHROME: real frosted glass (these float above the document) ---- */
+:root[data-retro="glasspro"] .ldh-modal,
+:root[data-retro="glasspro"] .ldh-drawer,
+:root[data-retro="glasspro"] .ldh-add-menu,
+:root[data-retro="glasspro"] .ldh-form-actions-menu,
+:root[data-retro="glasspro"] .ldh-mode .modes-pop {
+  background: rgba(255,255,255,0.72);
+  -webkit-backdrop-filter: blur(26px) saturate(180%);
+  backdrop-filter: blur(26px) saturate(180%);
+  border: 1px solid rgba(255,255,255,0.6);
+  border-radius: 20px;
+  box-shadow: var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,0.85);
+}
+
+/* Header — smoked dark glass; white wordmark stays readable */
+:root[data-retro="glasspro"] .ldh-header {
+  background: rgba(22,28,45,0.55);
+  -webkit-backdrop-filter: blur(28px) saturate(180%);
+  backdrop-filter: blur(28px) saturate(180%);
+  border-bottom: 1px solid rgba(255,255,255,0.14);
+}
+:root[data-retro="glasspro"] .ldh-header::before { opacity: 0.16; }
+
+/* Hero — colourful light frost with a specular sweep (it floats too) */
+:root[data-retro="glasspro"] .ldh-hero {
+  background:
+    linear-gradient(135deg, rgba(10,132,255,0.16) 0%, rgba(191,90,242,0.13) 50%, rgba(48,209,180,0.14) 100%),
+    rgba(255,255,255,0.55);
+  -webkit-backdrop-filter: blur(30px) saturate(180%);
+  backdrop-filter: blur(30px) saturate(180%);
+  border: 1px solid rgba(255,255,255,0.65);
+  border-radius: 26px;
+}
+:root[data-retro="glasspro"] .ldh-hero::after {
+  content: "";
+  position: absolute; inset: 0;
+  pointer-events: none; z-index: 0;
+  background: linear-gradient(118deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 32%);
+  mix-blend-mode: screen;
+}
+:root[data-retro="glasspro"] .ldh-hero > * { position: relative; z-index: 1; }
+/* ---- Buttons: glossy blue pills (match Glass),
+but a touch more solid ---- */
+:root[data-retro="glasspro"] .ldhc-btn.ap-solid {
+  border-radius: 999px;
+  background-image: linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0));
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 3px 12px rgba(10,132,255,0.26);
+}
+:root[data-retro="glasspro"] .ldhc-btn.ap-solid:active {
+  background-image: linear-gradient(180deg, rgba(0,0,0,0.06), rgba(255,255,255,0.08));
+}
+:root[data-retro="glasspro"] .ldhc-iconbtn,
+:root[data-retro="glasspro"] .ldhc-btn.ap-outline,
+:root[data-retro="glasspro"] .ldhc-btn.ap-ghost { border-radius: 999px; }
+
+/* ---- Type: clean, tight, no glow ---- */
+:root[data-retro="glasspro"] .ldh-wordmark,
+:root[data-retro="glasspro"] .ldh-hero h1,
+:root[data-retro="glasspro"] .ldh-section h2,
+:root[data-retro="glasspro"] .ldh-block-head .ttl {
+  font-family: var(--font-sans);
+  letter-spacing: var(--tracking-snug);
+  text-shadow: none;
+}
+:root[data-retro="glasspro"] .ldh-block-head .ttl { font-size: var(--fs-xl); font-weight: var(--fw-semibold); }
+
+/* =========================================================================
+   6 · MODERN AURORA  (the modern default, on a glassy gradient floor)
+   ---------------------------------------------------------------------------
+   NOT a recolour. Every modern token is left untouched — same ink, same white
+   block surfaces, same blue accent. The ONLY change is the page FLOOR behind
+   the content: a soft on-brand pastel mesh (the system's own --surf-* hues)
+   painted fixed, so the solid white blocks read as glass floating above a
+   coloured surface. Content-block backgrounds are deliberately not touched.
+   ========================================================================= */
+:root[data-retro="aurora"] body,
+:root[data-retro="aurora"] .app {
+  background:
+    radial-gradient(46% 50% at 10% 8%,  #efeaff 0%, transparent 58%),   /* lavender */
+    radial-gradient(40% 46% at 92% 4%,  #e3f1ff 0%, transparent 56%),   /* sky */
+    radial-gradient(50% 56% at 86% 92%, #e6f6ee 0%, transparent 60%),   /* mint */
+    radial-gradient(44% 52% at 14% 96%, #ffece1 0%, transparent 58%),   /* peach */
+    radial-gradient(36% 40% at 50% 50%, #ffe6ee 0%, transparent 70%),   /* blush, faint centre */
+    var(--surface-1);
+  background-attachment: fixed;
+}
+
+/* The blocks already float; nudge their depth a touch cooler/softer so the
+   "glass over colour" read is unmistakable — surfaces themselves stay solid. */
+:root[data-retro="aurora"] .ldh-block {
+  box-shadow: 0 10px 30px -14px rgba(40,46,92,0.20), 0 1px 2px rgba(40,46,92,0.06);
+}
+:root[data-retro="aurora"] .ldh-block:hover {
+  box-shadow: 0 18px 44px -16px rgba(40,46,92,0.28), 0 2px 6px rgba(40,46,92,0.10);
+}
+/* A quiet block has no card to float — it is a bare content group (an embedded
+   view, a dissolved section). Every skin that patches .ldh-block must also
+   clear .is-quiet, or the "no chrome" variant keeps the skin's shadow. */
+:root[data-retro="aurora"] .ldh-block.is-quiet,
+:root[data-retro="aurora"] .ldh-block.is-quiet:hover { box-shadow: none; }
+
+/* =========================================================================
+   7 · M3  —  MATERIAL DESIGN 3 FOUNDATIONS  (feeler theme)
+   ---------------------------------------------------------------------------
+   A genuine M3 skin expressed as a token-remap + the small amount of component
+   CSS that M3 needs but tokens can't carry (state layers, pill buttons, shape).
+   Adopted here:
+     · COLOR ROLES — M3 light scheme, seeded from the LDH blue (primary) with
+       the AtomGraph violet reused as M3 tertiary. Full role set: primary /
+       on-primary / primary-container, secondary, tertiary, error, surface +
+       surface-container ramp, on-surface, outline, outline-variant.
+     · SHAPE SCALE — radius tokens snapped to M3 (4 / 8 / 12 / 16 / 28); buttons
+       become full pills, cards 12, dialogs 28.
+     · ELEVATION — our shadow tokens remapped to M3 elevation levels 1-5.
+     · STATE LAYERS — hover 8% / pressed 10% on-colour overlays via inset shadow
+       (no structural change to the markup).
+     · TYPE — keeps Geist (M3 permits a brand face) but sets M3 "Label large"
+       on buttons (14 / 500 / +0.1px).
+   NOT covered (these are architecture, not a theme — phase 2 if we go full M3):
+     adaptive window-size classes, canonical layouts, HCT dynamic-colour gen.
+   ========================================================================= */
+:root[data-retro="m3"] {
+  /* ===== M3 tonalSpot LIGHT scheme — generated from seed #0061a4 (OKLab tonal palettes, tone = CIE L*) ===== */
+  --md-primary: #0061a4;
+  --md-on-primary: #ffffff;
+  --md-primary-container: #cde6ff;
+  --md-on-primary-container: #001d37;
+  --md-secondary: #48617a;
+  --md-on-secondary: #ffffff;
+  --md-secondary-container: #cde6ff;
+  --md-on-secondary-container: #061d32;
+  --md-tertiary: #704b8d;
+  --md-on-tertiary: #ffffff;
+  --md-tertiary-container: #edd9ff;
+  --md-on-tertiary-container: #2a0241;
+  --md-error: #b30011;
+  --md-on-error: #ffffff;
+  --md-error-container: #ffd8d3;
+  --md-on-error-container: #3c0002;
+  --md-surface: #f5faff;
+  --md-surface-dim: #d4dbe2;
+  --md-surface-bright: #f5faff;
+  --md-surface-container-lowest: #ffffff;
+  --md-surface-container-low: #eef5fc;
+  --md-surface-container: #e8eff6;
+  --md-surface-container-high: #e2e9f0;
+  --md-surface-container-highest: #dde3ea;
+  --md-on-surface: #171c21;
+  --md-on-surface-variant: #3e4852;
+  --md-outline: #6d7884;
+  --md-outline-variant: #bcc8d5;
+  --md-inverse-surface: #2c3136;
+  --md-inverse-on-surface: #ebf2f9;
+  --md-inverse-primary: #98ccff;
+
+  /* ---- Full tonal palettes (HCT-style, generated from the seed) ---- */
+  --md-primary-0: #000001;
+  --md-primary-10: #001d37;
+  --md-primary-20: #003259;
+  --md-primary-30: #00497e;
+  --md-primary-40: #0061a4;
+  --md-primary-50: #107bca;
+  --md-primary-60: #3796e7;
+  --md-primary-70: #5db1ff;
+  --md-primary-80: #98ccff;
+  --md-primary-90: #cde6ff;
+  --md-primary-95: #e6f2ff;
+  --md-primary-99: #fafdff;
+  --md-primary-100: #ffffff;
+  --md-secondary-0: #000001;
+  --md-secondary-10: #061d32;
+  --md-secondary-20: #1b3249;
+  --md-secondary-30: #314961;
+  --md-secondary-40: #48617a;
+  --md-secondary-50: #607a94;
+  --md-secondary-60: #7994ae;
+  --md-secondary-70: #93afca;
+  --md-secondary-80: #aecae6;
+  --md-secondary-90: #cde6ff;
+  --md-secondary-95: #e6f2ff;
+  --md-secondary-99: #fafdff;
+  --md-secondary-100: #ffffff;
+  --md-tertiary-0: #000001;
+  --md-tertiary-10: #2a0241;
+  --md-tertiary-20: #401b5a;
+  --md-tertiary-30: #583373;
+  --md-tertiary-40: #704b8d;
+  --md-tertiary-50: #8a64a8;
+  --md-tertiary-60: #a47ec4;
+  --md-tertiary-70: #bf98e0;
+  --md-tertiary-80: #dbb3fd;
+  --md-tertiary-90: #edd9ff;
+  --md-tertiary-95: #f6ecff;
+  --md-tertiary-99: #fdfbff;
+  --md-tertiary-100: #ffffff;
+  --md-neutral-0: #000000;
+  --md-neutral-10: #171c21;
+  --md-neutral-20: #2c3136;
+  --md-neutral-30: #42474d;
+  --md-neutral-40: #595f65;
+  --md-neutral-50: #72787e;
+  --md-neutral-60: #8b9198;
+  --md-neutral-70: #a6acb3;
+  --md-neutral-80: #c1c7ce;
+  --md-neutral-90: #dde3ea;
+  --md-neutral-95: #ebf2f9;
+  --md-neutral-99: #fafdff;
+  --md-neutral-100: #ffffff;
+  --md-neutral-variant-0: #000000;
+  --md-neutral-variant-10: #131d25;
+  --md-neutral-variant-20: #28323b;
+  --md-neutral-variant-30: #3e4852;
+  --md-neutral-variant-40: #55606b;
+  --md-neutral-variant-50: #6d7884;
+  --md-neutral-variant-60: #87929e;
+  --md-neutral-variant-70: #a1adb9;
+  --md-neutral-variant-80: #bcc8d5;
+  --md-neutral-variant-90: #d8e4f1;
+  --md-neutral-variant-95: #e6f2ff;
+  --md-neutral-variant-99: #fafdff;
+  --md-neutral-variant-100: #ffffff;
+
+  /* ---- Map the system's semantic primitives onto M3 roles so EVERY
+          component inherits the scheme without per-component CSS. ---- */
+  --ink-1:  var(--md-on-surface);
+  --ink-2:  var(--md-on-surface-variant);
+  --ink-3:  var(--md-on-surface-variant);
+  --ink-4:  var(--md-outline);
+  --ink-5:  var(--md-outline-variant);
+
+  --surface-0: var(--md-surface-container-lowest);  /* card body */
+  --surface-1: #e4e7ef;                              /* page floor — clearly greyer so white cards separate */
+  --surface-2: var(--md-surface-container-high);     /* recessed / hover well */
+  --surface-3: var(--md-surface-container-highest);  /* pressed / dividers */
+  --line-1:    var(--md-outline-variant);
+  --line-2:    var(--md-outline);
+
+  /* Accent ramp → primary role */
+  --ldh-blue-50:   var(--md-primary-container);
+  --ldh-blue-100:  #b8d6fb;
+  --ldh-blue-200:  #9ecaff;
+  --ldh-blue-300:  #5b9ee0;
+  --ldh-blue-400:  #2a7fc4;
+  --ldh-blue-500:  #0a6cae;
+  --ldh-blue-600:  var(--md-primary);
+  --ldh-blue-700:  #00497d;
+
+  /* Violet ramp → tertiary role */
+  --ldh-violet-50:  var(--md-tertiary-container);
+  --ldh-violet-100: #ecccff;
+  --ldh-violet-400: #9a73b5;
+  --ldh-violet-500: var(--md-tertiary);
+  --ldh-violet-600: #5d3e77;
+  --ldh-violet-700: #472a60;
+
+  /* Semantic → M3 system colours */
+  --success-500: #2e6c4a;  --success-50: #b6f2c9;
+  --warning-500: #7d5800;  --warning-50: #ffdea8;
+  --danger-500:  var(--md-error);  --danger-600: color-mix(in srgb, var(--md-error) 82%, black);  --danger-50: var(--md-error-container);
+  --fg-on-danger: var(--md-on-error);
+
+  /* RDF node coding → M3 key colours */
+  --rdf-class:    var(--md-tertiary);   /* tertiary  */
+  --rdf-resource: var(--md-primary);    /* primary   */
+  --rdf-literal:  #2e6c4a;              /* green     */
+  --rdf-blank:    var(--md-outline);    /* outline   */
+  --rdf-named:    #8e4ec2;              /* purple    */
+
+  /* Pastel chips → M3 container tints */
+  --surf-lavender: var(--md-primary-container);
+  --surf-mint:     #b6f2c9;
+  --surf-peach:    #ffdea8;
+  --surf-sky:      var(--md-secondary-container);
+  --surf-blush:    var(--md-error-container);
+  --surf-sand:     #f2daff;
+
+  /* No mesh gradients in M3 — flatten heroes/dark surfaces to tonal fills. */
+  --grad-aurora: var(--md-primary-container);   /* @kind color */
+  --grad-dawn:   var(--md-secondary-container);  /* @kind color */
+  --grad-noon:   var(--md-surface-container);    /* @kind color */
+  --grad-deep:   var(--md-inverse-surface);      /* @kind color */
+
+  /* Semantic re-derivations */
+  --bg-accent:       var(--md-primary);
+  --bg-accent-hover: #00558f;
+  --bg-accent-quiet: var(--md-primary-container);
+  --fg-on-accent:    var(--md-on-primary);
+  --fg-hint:         var(--md-on-surface-variant);
+  --fg-link:         var(--md-primary);
+  --bg-selected:     var(--md-secondary-container);
+  --fg-selected:     var(--md-on-secondary-container);
+
+  /* Type — keep Geist, no retro display */
+  --font-display: var(--font-sans);
+
+  /* ---- M3 SHAPE SCALE on the radius tokens (4 / 8 / 12 / 16 / 28) ---- */
+  --r-xs:  4px;
+  --r-sm:  8px;
+  --r-md:  12px;
+  --r-lg:  16px;
+  --r-xl:  28px;
+  --r-2xl: 28px;
+
+  /* ---- M3 ELEVATION (levels 1-5) mapped onto the shadow tokens ---- */
+  --shadow-xs: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);          /* level 1 */
+  --shadow-sm: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);          /* level 1 */
+  --shadow-md: 0 1px 2px rgba(0,0,0,0.30), 0 2px 6px 2px rgba(0,0,0,0.15);          /* level 2 */
+  --shadow-lg: 0 4px 8px 3px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.30);          /* level 3 */
+  --shadow-xl: 0 6px 10px 4px rgba(0,0,0,0.15), 0 2px 3px rgba(0,0,0,0.30);         /* level 4 */
+  --shadow-glow-blue:   0 0 0 3px rgba(0,97,164,0.40);
+  --shadow-glow-violet: 0 0 0 3px rgba(116,84,143,0.40);
+  --inset-hairline: none;
+
+  /* ---- M3 MOTION: easing + duration system (M3 Expressive curves) ---- */
+  --md-easing-emphasized:            cubic-bezier(0.2, 0.0, 0, 1.0); /* @kind other */
+  --md-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1.0); /* @kind other */
+  --md-easing-emphasized-accelerate: cubic-bezier(0.3, 0.0, 0.8, 0.15); /* @kind other */
+  --md-easing-standard:              cubic-bezier(0.2, 0.0, 0, 1.0); /* @kind other */
+  --md-easing-standard-decelerate:   cubic-bezier(0, 0, 0, 1); /* @kind other */
+  --md-easing-standard-accelerate:   cubic-bezier(0.3, 0, 1, 1); /* @kind other */
+  --md-duration-short:  150ms; /* @kind other */
+  --md-duration-medium: 300ms; /* @kind other */
+  --md-duration-long:   500ms; /* @kind other */
+  /* Remap the system's motion tokens onto M3 curves/durations */
+  --ease-out-soft: var(--md-easing-emphasized-decelerate); /* @kind other */
+  --ease-in-out:   var(--md-easing-emphasized); /* @kind other */
+  --ease-spring:   var(--md-easing-emphasized); /* @kind other */
+  --dur-fast:  150ms; /* @kind other */
+  --dur-base:  200ms; /* @kind other */
+  --dur-slow:  350ms; /* @kind other */
+  --dur-xslow: 500ms; /* @kind other */
+}
+
+/* ---- Page floor: a soft, tonal M3 gradient built from the scheme's own
+        container colours (primary / tertiary / secondary container). Subtle and
+        on-palette — M3 Expressive permits richer surfaces; cards stay white. ---- */
+:root[data-retro^="m3"] body,
+:root[data-retro^="m3"] .app {
+  background:
+    radial-gradient(62% 72% at 8% 4%,   #c2dcff 0%, transparent 62%),
+    radial-gradient(56% 64% at 95% 2%,  #e6d4ff 0%, transparent 62%),
+    radial-gradient(64% 74% at 88% 98%, #cfe0f7 0%, transparent 64%),
+    radial-gradient(50% 60% at 40% 60%, #d8e6ff 0%, transparent 70%),
+    #dfe6f2;
+  background-attachment: fixed;
+}
+
+/* ---- Cards / blocks = M3 elevated cards: surface-container-low, radius 12,
+        elevation level 1; hover lifts to level 2 + 8% on-surface state layer. ---- */
+:root[data-retro^="m3"] .ldh-block,
+:root[data-retro^="m3"] .ldh-grid-block .card {
+  background: var(--md-surface-container-lowest);
+  border: 0;
+  border-radius: 12px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);
+  transition: box-shadow var(--md-duration-medium) var(--md-easing-emphasized),
+              transform var(--md-duration-medium) var(--md-easing-emphasized);
+}
+:root[data-retro^="m3"] .ldh-block:hover {
+  box-shadow: 0 2px 4px rgba(0,0,0,0.18), 0 8px 18px 1px rgba(0,0,0,0.14);
+  transform: translateY(-1px);
+}
+
+/* Flow block style under M3: dissolve the elevated-card treatment so blocks
+   read as document sections (the inner grid cards / chart plots keep theirs). */
+:root[data-retro^="m3"][data-tweak-block-edges="flow"] .ldh-block {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  border-radius: 0;
+}
+:root[data-retro^="m3"][data-tweak-block-edges="flow"] .ldh-block:hover {
+  box-shadow: none;
+  transform: none;
+}
+/* …but resource blocks (statement list / media-header blocks) keep the M3
+   elevated card in flow mode — they're data surfaces, like the grid cards and
+   chart plots that already retain theirs. */
+:root[data-retro^="m3"][data-tweak-block-edges="flow"] .ldh-block:has(.ldh-edit-form) {
+  background: var(--md-surface-container-lowest);
+  border: 0;
+  border-radius: 12px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);
+  overflow: hidden;
+}
+:root[data-retro^="m3"] .ldh-block.is-quiet { background: transparent; box-shadow: none; }
+:root[data-retro^="m3"] .ldh-grid-block .card { overflow: hidden; }
+
+/* ---- Top app bar (M3): surface-container, on-surface text, hairline divider,
+        NO shadow at rest. Force the header's white chrome back to on-surface. ---- */
+/* ---- Top app bar (M3): a DARK neutral bar (inverse-surface) with light text —
+        keeps the strong header the product is known for. Dark scheme overrides
+        below to an elevated dark surface so it doesn't vanish into the floor. ---- */
+:root[data-retro^="m3"] .ldh-header {
+  background: var(--md-inverse-surface);
+  border-bottom: 1px solid rgba(0,0,0,0.22);
+}
+/* Chrome ink: set on the bar and INHERITED by chrome-level elements. Deliberately
+   not `.ldh-header *` — a forced literal on every descendant cannot tell chrome
+   text on the dark bar from the content of a light panel anchored in the header
+   (the account menu), and its specificity forces every consumer to out-specific
+   it. `color: inherit` on the elements that would otherwise lose to base rules
+   (link colour, UA button styles) keeps the win; any panel that pins its own
+   colour now beats it naturally, because its descendants inherit from the panel. */
+:root[data-retro^="m3"] .ldh-header { color: var(--md-inverse-on-surface); }
+:root[data-retro^="m3"] .ldh-header :is(a, button, input, .msi) { color: inherit; }
+:root[data-retro^="m3"] .ldh-header::before { opacity: 0.10; }
+
+/* ---- Hero → primary-container surface, on-primary-container text, 28 radius,
+        flat (no mesh, no specular). ---- */
+:root[data-retro^="m3"] .ldh-hero {
+  background: var(--md-primary-container);
+  border: 0;
+  border-radius: 28px;
+}
+:root[data-retro^="m3"] .ldh-hero,
+:root[data-retro^="m3"] .ldh-hero h1,
+:root[data-retro^="m3"] .ldh-hero p { color: var(--md-on-primary-container); }
+
+/* ---- Dialogs / drawers / menus. The dialog uses the SAME surface as cards
+        (surface-container-lowest = white in light) so the embedded ResourceEditForm
+        reads identically whether inline in a card or inside the modal. ---- */
+:root[data-retro^="m3"] .ldh-modal { background: var(--md-surface-container-lowest); border-radius: 28px; }
+:root[data-retro^="m3"] .ldh-add-menu,
+:root[data-retro^="m3"] .ldh-form-actions-menu,
+:root[data-retro^="m3"] .ldh-mode .modes-pop {
+  background: var(--md-surface-container);
+  border: 1px solid var(--md-outline-variant);
+  border-radius: 12px;
+}
+/* The block drawer is edge-anchored, not a floating menu — square it off with a
+   hairline left border so it reads as a quiet panel matching the flow blocks. */
+:root[data-retro^="m3"] .ldh-drawer {
+  background: var(--md-surface-container);
+  border: 0;
+  border-left: 1px solid var(--md-outline-variant);
+  border-radius: 0;
+}
+/* ---- Buttons: full pill,
+M3 "Label large" type,
+flat at rest (filled = level 0),
+STATE LAYERS via inset shadow (hover 8%,
+pressed 10%). ---- */
+:root[data-retro^="m3"] .ldhc-btn {
+  border-radius: 999px;
+  font-family: var(--font-sans);
+  font-weight: 500;
+  letter-spacing: 0.1px;
+}
+/* Filled (primary) button — on-primary state layer (white). */
+:root[data-retro^="m3"] .ldhc-btn.ap-solid { box-shadow: none; }
+:root[data-retro^="m3"] .ldhc-btn.ap-solid:hover {
+  box-shadow: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15),
+              inset 0 0 0 999px rgba(255,255,255,0.10);
+}
+:root[data-retro^="m3"] .ldhc-btn.ap-solid:active {
+  box-shadow: inset 0 0 0 999px rgba(255,255,255,0.14);
+}
+/* Text / ghost button — primary state layer. */
+:root[data-retro^="m3"] .ldhc-btn.ap-outline,
+:root[data-retro^="m3"] .ldhc-btn.ap-ghost { border-radius: 999px; }
+:root[data-retro^="m3"] .ldhc-btn.ap-outline:hover,
+:root[data-retro^="m3"] .ldhc-btn.ap-ghost:hover { box-shadow: inset 0 0 0 999px rgba(0,97,164,0.08); }
+:root[data-retro^="m3"] .ldhc-btn.ap-outline:active,
+:root[data-retro^="m3"] .ldhc-btn.ap-ghost:active { box-shadow: inset 0 0 0 999px rgba(0,97,164,0.12); }
+/* Icon buttons — circular, on-surface-variant state layer. */
+:root[data-retro^="m3"] .ldhc-iconbtn { border-radius: 999px; }
+:root[data-retro^="m3"] .ldhc-iconbtn:hover { box-shadow: inset 0 0 0 999px rgba(67,71,78,0.08); }
+/* Mode-switcher trigger is a button-like control — give it the M3 pill shape so
+   it shares the shape language of the Create button instead of a 12px chip. */
+:root[data-retro^="m3"] .ldh-mode { border-radius: 999px; }
+
+/* ---- Resource header. The full-bleed media header is gone (no gradient
+        backdrop or scrim to tint); the thumbnail and the type chips are what
+        remain, and they take the M3 container/primary tones. ---- */
+:root[data-retro^="m3"] .ldh-res-thumb { background: var(--md-surface-container-high); }
+:root[data-retro^="m3"] .ldh-res-icon {
+  background: var(--md-primary-container); color: var(--md-on-primary-container);
+}
+:root[data-retro^="m3"] .ldh-type-chip {
+  background: var(--md-secondary-container); color: var(--md-on-secondary-container);
+  border-color: transparent;
+}
+:root[data-retro^="m3"] .ldh-type-chip:hover {
+  background: var(--md-primary-container); color: var(--md-on-primary-container);
+  border-color: transparent;
+}
+
+/* ---- Inline value editor → M3 filled text field: a distinct grey container
+        (surface-container-highest) with a primary underline indicator and
+        rounded top corners — never white-on-white, and no glow ring. ---- */
+:root[data-retro^="m3"] .ldh-prop-row.is-editing .value,
+:root[data-retro^="m3"] .ldh-prop-row.is-interactive .value:focus-visible {
+  background: var(--md-surface-container-highest);
+  border: 0;
+  border-bottom: 2px solid var(--md-primary);
+  border-radius: var(--r-xs) var(--r-xs) 0 0;
+  box-shadow: none;
+}
+
+/* ---- Chips: M3 small (8) radius, outline-variant border ---- */
+:root[data-retro^="m3"] .ldh-chip,
+:root[data-retro^="m3"] .ldh-tag { border-radius: 8px; }
+
+/* ---- Type: clean M3, no glow/retro flourish on headings ---- */
+:root[data-retro^="m3"] .ldh-wordmark,
+:root[data-retro^="m3"] .ldh-section h2,
+:root[data-retro^="m3"] .ldh-block-head .ttl {
+  font-family: var(--font-sans);
+  letter-spacing: 0;
+  text-shadow: none;
+}
+
+/* ---- M3 TYPE SCALE — the system's heading/body classes remapped onto the 15
+        Material 3 type roles. Faces stay Geist (M3 permits a brand typeface);
+        sizes, weights, line-heights and tracking follow the M3 spec. M3 keeps
+        headlines at weight 400 — that lightness is intentional, not a bug. ---- */
+:root[data-retro^="m3"] .ldh-display {            /* Display Large 57/64 */
+  font-family: var(--font-sans); font-style: normal;
+  font-weight: 400; font-size: 57px; line-height: 64px; letter-spacing: -0.25px;
+}
+:root[data-retro^="m3"] .ldh-h1 {                 /* Display Small 36/44 */
+  font-weight: 400; font-size: 36px; line-height: 44px; letter-spacing: 0;
+}
+:root[data-retro^="m3"] .ldh-h2 {                 /* Headline Large 32/40 */
+  font-weight: 400; font-size: 32px; line-height: 40px; letter-spacing: 0;
+}
+:root[data-retro^="m3"] .ldh-h3 {                 /* Headline Medium 28/36 */
+  font-weight: 400; font-size: 28px; line-height: 36px; letter-spacing: 0;
+}
+:root[data-retro^="m3"] .ldh-h4 {                 /* Headline Small 24/32 */
+  font-weight: 400; font-size: 24px; line-height: 32px; letter-spacing: 0;
+}
+:root[data-retro^="m3"] .ldh-h5 {                 /* Title Large 22/28 */
+  font-weight: 400; font-size: 22px; line-height: 28px; letter-spacing: 0;
+}
+:root[data-retro^="m3"] .ldh-block-head .ttl {    /* Title Large 22/28 */
+  font-weight: 400; font-size: 22px; line-height: 28px; letter-spacing: 0;
+}
+/* Hero text block → M3 Headline Medium (28/36, weight 400 per M3) so the lead
+   title outranks sibling block headings under the default M3 skin. */
+:root[data-retro^="m3"] .ldh-block-head .ttl--hero {
+  font-weight: 400; font-size: 28px; line-height: 36px; letter-spacing: 0;
+}
+:root[data-retro^="m3"] .ldh-body-lg {            /* Body Large 16/24 */
+  font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.5px;
+}
+:root[data-retro^="m3"] .ldh-body {               /* Body Medium 14/20 */
+  font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.25px;
+}
+:root[data-retro^="m3"] .ldh-small {              /* Body Small 12/16 */
+  font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0.4px;
+}
+:root[data-retro^="m3"] .ldh-meta {               /* Label Medium 12/16 */
+  font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: 0.5px;
+}
+
+/* =========================================================================
+   M3 — DARK SCHEME  (equal-citizen counterpart; honours the light/dark tweak)
+   Same primary seed; tonal palettes shifted to the M3 dark roles. Because every
+   component above reads the md role vars and the remapped surface/ink tokens,
+   redefining the roles here re-themes the whole app with no extra component CSS.
+   A self-contained scope, applied when the light/dark tweak is dark under M3.
+   ========================================================================= */
+:root[data-retro="m3-dark"] {
+  /* ===== M3 tonalSpot DARK scheme — generated from the same seed ===== */
+  --md-primary: #98ccff;
+  --md-on-primary: #003259;
+  --md-primary-container: #00497e;
+  --md-on-primary-container: #cde6ff;
+  --md-secondary: #aecae6;
+  --md-on-secondary: #1b3249;
+  --md-secondary-container: #314961;
+  --md-on-secondary-container: #cde6ff;
+  --md-tertiary: #dbb3fd;
+  --md-on-tertiary: #401b5a;
+  --md-tertiary-container: #583373;
+  --md-on-tertiary-container: #edd9ff;
+  --md-error: #ffafa5;
+  --md-on-error: #610005;
+  --md-error-container: #89000a;
+  --md-on-error-container: #ffd8d3;
+  --md-surface: #0f1419;
+  --md-surface-dim: #0f1419;
+  --md-surface-bright: #343a3f;
+  --md-surface-container-lowest: #0a0f13;
+  --md-surface-container-low: #171c21;
+  --md-surface-container: #1b2025;
+  --md-surface-container-high: #252b30;
+  --md-surface-container-highest: #30353b;
+  --md-on-surface: #dde3ea;
+  --md-on-surface-variant: #bcc8d5;
+  --md-outline: #87929e;
+  --md-outline-variant: #3e4852;
+  --md-inverse-surface: #dde3ea;
+  --md-inverse-on-surface: #2c3136;
+  --md-inverse-primary: #0061a4;
+
+  /* ---- Same role→system remaps as the light scheme (self-contained) ---- */
+  --ink-1:  var(--md-on-surface);
+  --ink-2:  var(--md-on-surface-variant);
+  --ink-3:  var(--md-on-surface-variant);
+  --ink-4:  var(--md-outline);
+  --ink-5:  var(--md-outline-variant);
+
+  --surface-0: var(--md-surface-container-low);     /* card body (dark elevated) */
+  --surface-1: var(--md-surface);                    /* page floor */
+  --surface-2: var(--md-surface-container-high);
+  --surface-3: var(--md-surface-container-highest);
+  --line-1:    var(--md-outline-variant);
+  --line-2:    var(--md-outline);
+
+  --ldh-blue-50:   var(--md-primary-container);
+  --ldh-blue-100:  #1d3a57;
+  --ldh-blue-200:  #00497d;
+  --ldh-blue-300:  #5b9ee0;
+  --ldh-blue-400:  #7fb4ee;
+  --ldh-blue-500:  #9ecaff;
+  --ldh-blue-600:  var(--md-primary);
+  --ldh-blue-700:  #c7e0ff;
+
+  --ldh-violet-50:  var(--md-tertiary-container);
+  --ldh-violet-100: #4a2d63;
+  --ldh-violet-400: #c79bdf;
+  --ldh-violet-500: var(--md-tertiary);
+  --ldh-violet-600: #cfa3e8;
+  --ldh-violet-700: #e0b6ff;
+
+  --success-500: #7fd99a;  --success-50: #0c3a22;
+  --warning-500: #f4bd6a;  --warning-50: #3a2a00;
+  --danger-500:  var(--md-error);  --danger-600: color-mix(in srgb, var(--md-error) 82%, black);  --danger-50: var(--md-error-container);
+  --fg-on-danger: var(--md-on-error);
+
+  --rdf-class:    var(--md-tertiary);
+  --rdf-resource: var(--md-primary);
+  --rdf-literal:  #7fd99a;
+  --rdf-blank:    var(--md-outline);
+  --rdf-named:    #d6a4ff;
+
+  --surf-lavender: var(--md-primary-container);
+  --surf-mint:     #0c3a22;
+  --surf-peach:    #3a2a00;
+  --surf-sky:      var(--md-secondary-container);
+  --surf-blush:    var(--md-error-container);
+  --surf-sand:     #5b3b76;
+
+  --grad-aurora: var(--md-primary-container);   /* @kind color */
+  --grad-dawn:   var(--md-secondary-container);  /* @kind color */
+  --grad-noon:   var(--md-surface-container);    /* @kind color */
+  --grad-deep:   var(--md-inverse-surface);      /* @kind color */
+
+  --bg-accent:       var(--md-primary);
+  --bg-accent-hover: #b6d8ff;
+  --bg-accent-quiet: var(--md-primary-container);
+  --fg-on-accent:    var(--md-on-primary);
+  --fg-hint:         var(--md-on-surface-variant);
+  --fg-link:         var(--md-primary);
+  --bg-selected:     var(--md-secondary-container);
+  --fg-selected:     var(--md-on-secondary-container);
+
+  --font-display: var(--font-sans);
+
+  --r-xs:  4px;
+  --r-sm:  8px;
+  --r-md:  12px;
+  --r-lg:  16px;
+  --r-xl:  28px;
+  --r-2xl: 28px;
+
+  --shadow-xs: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);
+  --shadow-sm: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15);
+  --shadow-md: 0 1px 2px rgba(0,0,0,0.30), 0 2px 6px 2px rgba(0,0,0,0.15);
+  --shadow-lg: 0 4px 8px 3px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.30);
+  --shadow-xl: 0 6px 10px 4px rgba(0,0,0,0.15), 0 2px 3px rgba(0,0,0,0.30);
+  --shadow-glow-blue:   0 0 0 3px rgba(158,202,255,0.40);
+  --shadow-glow-violet: 0 0 0 3px rgba(224,182,255,0.40);
+  --inset-hairline: none;
+
+  /* ---- M3 MOTION (same curves/durations as light — motion is scheme-independent) ---- */
+  --md-easing-emphasized:            cubic-bezier(0.2, 0.0, 0, 1.0); /* @kind other */
+  --md-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1.0); /* @kind other */
+  --md-easing-emphasized-accelerate: cubic-bezier(0.3, 0.0, 0.8, 0.15); /* @kind other */
+  --md-easing-standard:              cubic-bezier(0.2, 0.0, 0, 1.0); /* @kind other */
+  --md-easing-standard-decelerate:   cubic-bezier(0, 0, 0, 1); /* @kind other */
+  --md-easing-standard-accelerate:   cubic-bezier(0.3, 0, 1, 1); /* @kind other */
+  --md-duration-short:  150ms; /* @kind other */
+  --md-duration-medium: 300ms; /* @kind other */
+  --md-duration-long:   500ms; /* @kind other */
+  --ease-out-soft: var(--md-easing-emphasized-decelerate); /* @kind other */
+  --ease-in-out:   var(--md-easing-emphasized); /* @kind other */
+  --ease-spring:   var(--md-easing-emphasized); /* @kind other */
+  --dur-fast:  150ms; /* @kind other */
+  --dur-base:  200ms; /* @kind other */
+  --dur-slow:  350ms; /* @kind other */
+  --dur-xslow: 500ms; /* @kind other */
+}
+/* Dark page floor — subtle tonal gradient from the dark container tones */
+:root[data-retro="m3-dark"] body,
+:root[data-retro="m3-dark"] .app {
+  background:
+    radial-gradient(58% 68% at 10% 6%,  #14283f 0%, transparent 60%),
+    radial-gradient(52% 60% at 92% 4%,  #221a33 0%, transparent 60%),
+    radial-gradient(60% 70% at 86% 96%, #15202c 0%, transparent 62%),
+    #111418;
+  background-attachment: fixed;
+}
+
+/* Dark scheme: cards = elevated dark surface (lighter than the floor) */
+:root[data-retro="m3-dark"] .ldh-block,
+:root[data-retro="m3-dark"] .ldh-grid-block .card,
+:root[data-retro="m3-dark"] .ldh-modal { background: var(--md-surface-container-low); }
+
+/* Dark scheme app bar: an elevated dark surface with light text + hairline,
+   so it reads as a distinct bar instead of an inverse (light) one. */
+:root[data-retro="m3-dark"] .ldh-header {
+  background: var(--md-surface-container-high);
+  border-bottom: 1px solid var(--md-outline-variant);
+}
+:root[data-retro="m3-dark"] .ldh-header { color: var(--md-on-surface); }
+:root[data-retro="m3-dark"] .ldh-header :is(a, button, input, .msi) { color: inherit; }
+:root[data-retro="m3-dark"] .ldh-header::before { opacity: 0.06; }
+
+/* State layers flip to LIGHT overlays in dark (state layer = on-colour) */
+:root[data-retro="m3-dark"] .ldh-block:hover {
+  box-shadow: 0 2px 4px rgba(0,0,0,0.40), 0 8px 18px 1px rgba(0,0,0,0.34);
+  transform: translateY(-1px);
+}
+:root[data-retro="m3-dark"] .ldhc-btn.ap-outline:hover,
+:root[data-retro="m3-dark"] .ldhc-btn.ap-ghost:hover { box-shadow: inset 0 0 0 999px rgba(158,202,255,0.08); }
+:root[data-retro="m3-dark"] .ldhc-btn.ap-outline:active,
+:root[data-retro="m3-dark"] .ldhc-btn.ap-ghost:active { box-shadow: inset 0 0 0 999px rgba(158,202,255,0.12); }
+:root[data-retro="m3-dark"] .ldhc-iconbtn:hover { box-shadow: inset 0 0 0 999px rgba(195,198,207,0.08); }
+/* Filled button in dark: on-primary is dark,
+so its state layer is a dark overlay */
+so its state layer is a dark overlay */
+:root[data-retro="m3-dark"] .ldhc-btn.ap-solid:hover {
+  box-shadow: 0 1px 2px rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15),
+              inset 0 0 0 999px rgba(0,0,0,0.08);
+}
+:root[data-retro="m3-dark"] .ldhc-btn.ap-solid:active {
+  box-shadow: inset 0 0 0 999px rgba(0,0,0,0.12);
+}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/css/surfaces.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/surfaces.css
new file mode 100644
index 0000000000..7c819f0f24
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/css/surfaces.css
@@ -0,0 +1,201 @@
+/* =========================================================================
+   ui_kits/core/surfaces.css — Card · DataTable · Avatar · Drawer · Stepper
+
+   These were the last five primitives the app kit had to invent for itself.
+   The table is the reason this file exists: four near-identical grid-per-row
+   implementations (.ldh-data-table, .ldh-mini-table, .ldh-map-table,
+   .ldh-run-list) differing only in column tracks and a couple of cell tints.
+   ========================================================================= */
+
+/* =========================================================================
+   Card — a bordered surface with optional header / body / footer.
+   `interactive` makes the whole surface a link or button target.
+   ========================================================================= */
+.ldhc-card {
+  display: flex; flex-direction: column; min-width: 0;
+  background: var(--bg-card);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-lg);
+  text-decoration: none; color: inherit;
+}
+.ldhc-card.ap-elevated { border-color: transparent; box-shadow: var(--shadow-md); }
+.ldhc-card.ap-ghost { border-color: transparent; background: transparent; }
+.ldhc-card.sz-sm { border-radius: var(--r-md); }
+.ldhc-card.is-interactive {
+  cursor: pointer;
+  transition: border-color var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);
+}
+.ldhc-card.is-interactive:hover { border-color: var(--ldh-blue-300); box-shadow: var(--shadow-sm); text-decoration: none; }
+.ldhc-card.is-interactive:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-card.is-selected { border-color: var(--bg-accent); box-shadow: inset 0 0 0 1px var(--bg-accent); }
+.ldhc-card-head {
+  display: flex; align-items: center; gap: var(--sp-3);
+  padding: var(--sp-4) var(--sp-4) 0;
+}
+.ldhc-card-body { padding: var(--sp-4); min-width: 0; }
+.ldhc-card-foot {
+  display: flex; align-items: center; gap: var(--sp-2);
+  padding: var(--sp-3) var(--sp-4);
+  border-top: 1px solid var(--border-default);
+}
+/* Leading icon tile. `tone` picks a pastel surface — the app kit's category
+   cards had six of these hard-coded per class name. */
+.ldhc-card-ic {
+  width: 36px; height: 36px; flex-shrink: 0;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: var(--r-sm);
+  background: var(--surface-2); color: var(--fg-muted);
+}
+.ldhc-card-ic.tn-lavender { background: var(--surf-lavender); color: var(--ldh-violet-600); }
+.ldhc-card-ic.tn-mint     { background: var(--surf-mint);     color: var(--success-500); }
+.ldhc-card-ic.tn-peach    { background: var(--surf-peach);    color: #c25c00; }
+.ldhc-card-ic.tn-sky      { background: var(--surf-sky);      color: var(--ldh-blue-600); }
+.ldhc-card-ic.tn-blush    { background: var(--surf-blush);    color: #b03060; }
+.ldhc-card-ic.tn-sand     { background: var(--surf-sand);     color: #7a5b0c; }
+.ldhc-card-titles { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
+.ldhc-card-title { font-weight: var(--fw-medium); color: var(--fg-1); font-size: var(--fs-sm); }
+.ldhc-card-meta { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--fg-hint); }
+
+/* =========================================================================
+   DataTable — ONE tabular surface.
+
+   Real <table> markup with grid-per-row layout, so the table layout algorithm
+   is switched off and the column tracks come from a --ldhc-cols custom property
+   the caller sets. That single variable is what collapsed four bespoke tables
+   into one: they differed by tracks, not by structure.
+   Explicit role attributes stay in the JSX — display:grid on a <tr> can drop
+   the implicit table roles.
+   ========================================================================= */
+.ldhc-table {
+  display: block; width: 100%;
+  border-collapse: collapse; border-spacing: 0; text-indent: 0;
+  background: var(--surface-0);
+  border: 1px solid var(--border-default);
+  border-radius: var(--r-md);
+  overflow: hidden;
+}
+.ldhc-table.ap-plain { border: 0; border-radius: 0; background: transparent; }
+/* Dropdowns inside cells (the column-mapping table) need to escape the box. */
+.ldhc-table.is-overflowing { overflow: visible; }
+.ldhc-table > thead, .ldhc-table > tbody { display: block; }
+.ldhc-table > thead.ldhc-vh { display: none; }
+.ldhc-table caption { caption-side: top; }
+/* Declared here so the column-track input is a registered token with a sane
+   default, rather than a variable that only ever exists as an inline style. */
+:root {
+  --ldhc-cols: 1fr; /* @kind other */
+}
+.ldhc-table tr {
+  display: grid;
+  grid-template-columns: var(--ldhc-cols, 1fr);
+  align-items: center; gap: var(--sp-3);
+  padding: var(--sp-2) var(--sp-3);
+}
+.ldhc-table.dn-comfy tr { padding: var(--sp-3); }
+.ldhc-table.dn-tight tr { padding: 5px var(--sp-3); }
+.ldhc-table th, .ldhc-table td {
+  padding: 0; vertical-align: inherit;
+  font-weight: inherit; text-align: left;
+  min-width: 0;
+}
+.ldhc-table thead tr {
+  background: var(--surface-2);
+  border-bottom: 1px solid var(--border-default);
+  font-family: var(--font-mono); font-size: 10px;
+  letter-spacing: var(--tracking-wide); text-transform: uppercase;
+  color: var(--fg-hint);
+}
+.ldhc-table tbody tr {
+  border-bottom: 1px solid var(--border-default);
+  font-size: var(--fs-sm); color: var(--fg-2);
+}
+.ldhc-table tbody tr:last-child { border-bottom: 0; }
+.ldhc-table.is-hoverable tbody tr:hover { background: var(--surface-1); }
+/* Cell decorations, shared by every table rather than redefined per variant. */
+.ldhc-table .num { text-align: right; font-variant-numeric: tabular-nums; }
+.ldhc-table th.num { text-align: right; }
+.ldhc-table .muted { color: var(--fg-muted); }
+.ldhc-table .mono { font-family: var(--font-mono); font-size: var(--fs-xs); }
+.ldhc-table .iri {
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+  color: var(--ldh-blue-700); text-decoration: none;
+}
+.ldhc-table .iri:hover { text-decoration: underline; }
+/* A SPARQL variable name in a result-set header. */
+.ldhc-table .var {
+  font-family: var(--font-mono); font-size: var(--fs-xs);
+  color: var(--ldh-violet-700); font-weight: var(--fw-medium);
+}
+
+/* =========================================================================
+   Avatar — initials, image or fallback glyph.
+   A solid accent disc: it sits on the header bar, which is dark under m3 and
+   light under base44, and --bg-accent / --fg-on-accent is the one pair legible
+   on both without a per-skin patch.
+   ========================================================================= */
+.ldhc-avatar {
+  display: inline-flex; align-items: center; justify-content: center;
+  flex-shrink: 0; padding: 0; overflow: hidden;
+  border: 0; border-radius: 50%;
+  background: var(--bg-accent); color: var(--fg-on-accent);
+  font-family: var(--font-sans); font-weight: var(--fw-semibold);
+  letter-spacing: 0.02em; line-height: 1;
+}
+.ldhc-avatar.sz-xs { width: 22px; height: 22px; font-size: 9px; }
+.ldhc-avatar.sz-sm { width: 26px; height: 26px; font-size: 10px; }
+.ldhc-avatar.sz-md { width: 32px; height: 32px; font-size: var(--fs-xs); }
+.ldhc-avatar.sz-lg { width: 44px; height: 44px; font-size: var(--fs-base); }
+.ldhc-avatar.sz-xl { width: 64px; height: 64px; font-size: var(--fs-lg); }
+.ldhc-avatar > img { width: 100%; height: 100%; object-fit: cover; }
+.ldhc-avatar.is-button { cursor: pointer; transition: filter var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft); }
+.ldhc-avatar.is-button:hover { filter: brightness(1.08); }
+.ldhc-avatar.is-button:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
+.ldhc-avatar.is-open { box-shadow: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--bg-accent); }
+
+/* =========================================================================
+   Drawer — an edge-anchored panel. Square, hairline-bordered, quiet: it is
+   anchored to the viewport edge, not floating, so it takes no radius.
+   ========================================================================= */
+.ldhc-drawer {
+  position: fixed; top: 0; bottom: 0; z-index: 45;
+  display: flex; flex-direction: column;
+  width: min(360px, 92vw);
+  background: var(--surface-0); color: var(--fg-1);
+  box-shadow: -8px 0 24px -22px rgba(15, 23, 42, 0.16);
+  overflow: hidden;
+}
+.ldhc-drawer.sd-right { right: 0; border-left: 1px solid var(--border-default); animation: ldhc-drawer-r var(--dur-base) var(--ease-out-soft); }
+.ldhc-drawer.sd-left { left: 0; border-right: 1px solid var(--border-default); animation: ldhc-drawer-l var(--dur-base) var(--ease-out-soft); }
+@keyframes ldhc-drawer-r { from { transform: translateX(12px); opacity: 0; } }
+@keyframes ldhc-drawer-l { from { transform: translateX(-12px); opacity: 0; } }
+.ldhc-drawer.sz-sm { width: min(280px, 92vw); }
+.ldhc-drawer.sz-lg { width: min(480px, 96vw); }
+.ldhc-drawer-head {
+  display: flex; align-items: center; gap: var(--sp-2); flex-shrink: 0;
+  padding: var(--sp-3) var(--sp-4);
+  border-bottom: 1px solid var(--border-default);
+}
+.ldhc-drawer-title { flex: 1; min-width: 0; font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--fg-1); }
+.ldhc-drawer-body { flex: 1; min-height: 0; overflow-y: auto; padding: var(--sp-3); }
+.ldhc-drawer-foot {
+  flex-shrink: 0; padding: var(--sp-3) var(--sp-4);
+  border-top: 1px solid var(--border-default);
+}
+
+/* =========================================================================
+   Stepper — numbered steps for a multi-part flow.
+   ========================================================================= */
+.ldhc-stepper { display: flex; flex-direction: column; gap: var(--sp-5); }
+.ldhc-step-head { display: flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap; margin-bottom: var(--sp-4); }
+.ldhc-step-n {
+  width: 24px; height: 24px; flex-shrink: 0;
+  display: inline-flex; align-items: center; justify-content: center;
+  border-radius: var(--r-pill);
+  background: var(--bg-accent); color: var(--fg-on-accent);
+  font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: var(--fw-bold);
+}
+.ldhc-step-n.is-done { background: var(--success-500); color: #fff; }
+.ldhc-step-n.is-todo { background: var(--surface-3); color: var(--fg-muted); }
+.ldhc-step-n.is-error { background: var(--danger-500); color: #fff; }
+.ldhc-step-title { margin: 0; font-size: var(--fs-md); font-weight: var(--fw-semibold); color: var(--fg-1); }
+.ldhc-step-hint { font-size: var(--fs-sm); color: var(--fg-muted); }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/apps_black_24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/apps_black_24dp.svg
deleted file mode 100644
index b93c86fc18..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/apps_black_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/arrow_downward-black-24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/arrow_downward-black-24dp.svg
deleted file mode 100644
index 8de48d5532..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/arrow_downward-black-24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/arrow_upward-black-24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/arrow_upward-black-24dp.svg
deleted file mode 100644
index 832a80d698..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/arrow_upward-black-24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-cloud-24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-cloud-24px.svg
deleted file mode 100644
index 47ce8e3f30..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-cloud-24px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-expand_less-24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-expand_less-24px.svg
deleted file mode 100644
index 2ef4a38189..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-expand_less-24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-expand_more-24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-expand_more-24px.svg
deleted file mode 100644
index a1167ae054..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-expand_more-24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-play_arrow-24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-play_arrow-24px.svg
deleted file mode 100644
index b882cee810..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-play_arrow-24px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-remove_red_eye-24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-remove_red_eye-24px.svg
deleted file mode 100644
index 4beebcf51c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-remove_red_eye-24px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-warning-24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-warning-24px.svg
deleted file mode 100644
index 4a0fa05996..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline-warning-24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/>
-</svg>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline_arrow_upward_white_18dp.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline_arrow_upward_white_18dp.png
deleted file mode 100644
index de60be4043..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline_arrow_upward_white_18dp.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline_done_white_48dp.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline_done_white_48dp.png
deleted file mode 100644
index add2047623..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/baseline_done_white_48dp.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/chevron_right_black_24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/chevron_right_black_24dp.svg
deleted file mode 100644
index b0428e20c2..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/chevron_right_black_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/content_copy-24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/content_copy-24px.svg
deleted file mode 100644
index 844a4f99e3..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/content_copy-24px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/expand_more_black_24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/expand_more_black_24dp.svg
deleted file mode 100644
index b615405868..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/expand_more_black_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/file.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/file.svg
deleted file mode 100644
index 389a654e4c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/file.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" /></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/folder.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/folder.svg
deleted file mode 100644
index 250600da07..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/folder.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z" /></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_account_circle_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_account_circle_black_24px.svg
deleted file mode 100644
index 264b904d33..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_account_circle_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_account_circle_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_account_circle_white_24px.svg
deleted file mode 100644
index 967b2c7245..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_account_circle_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_add_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_add_black_24px.svg
deleted file mode 100644
index 1cb03d88d9..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_add_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_apps_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_apps_white_24px.svg
deleted file mode 100644
index e461e90d59..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_apps_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_blur_on_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_blur_on_black_24px.svg
deleted file mode 100644
index b2d1520fc3..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_blur_on_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_border_all_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_border_all_black_24px.svg
deleted file mode 100644
index 3de4809cb2..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_border_all_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_clear_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_clear_black_24px.svg
deleted file mode 100644
index ec8d116194..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_clear_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_code_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_code_black_24px.svg
deleted file mode 100644
index 2557c84a92..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_code_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0V0z" fill="none"/>
-    <path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_create_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_create_black_24px.svg
deleted file mode 100644
index 44884609ed..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_create_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_delete_forever_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_delete_forever_black_24px.svg
deleted file mode 100644
index e337bcab12..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_delete_forever_black_24px.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0V0z" fill="none"/>
-    <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_description_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_description_black_24px.svg
deleted file mode 100644
index 6ae8360e9b..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_description_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_details_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_details_black_24px.svg
deleted file mode 100644
index b46fb48fe1..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_details_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M3 4l9 16 9-16H3zm3.38 2h11.25L12 16 6.38 6z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_device_hub_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_device_hub_white_24px.svg
deleted file mode 100644
index 268614cd4a..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_device_hub_white_24px.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0V0z" fill="none"/>
-    <path d="M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_done_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_done_black_24px.svg
deleted file mode 100644
index 9bba7f8076..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_done_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_error_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_error_white_24px.svg
deleted file mode 100644
index 1c5378952c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_error_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_file_download_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_file_download_black_24px.svg
deleted file mode 100644
index 6e3674ba79..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_file_download_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_file_upload_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_file_upload_black_24px.svg
deleted file mode 100644
index e4ee4dd4d9..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_file_upload_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_filter_list_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_filter_list_black_24px.svg
deleted file mode 100644
index 833debcf85..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_filter_list_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_folder_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_folder_black_24px.svg
deleted file mode 100644
index 91729fed1a..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_folder_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_folder_open_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_folder_open_black_24px.svg
deleted file mode 100644
index 2e859c8ebb..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_folder_open_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_grid_on_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_grid_on_black_24px.svg
deleted file mode 100644
index e4e34bb7f1..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_grid_on_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_black_24px.svg
deleted file mode 100644
index b822b8fd92..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_outline_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_outline_white_24px.svg
deleted file mode 100644
index 65460bbaa5..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_outline_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_white_24px.svg
deleted file mode 100644
index 282b5577a6..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_help_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_import_export_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_import_export_black_24px.svg
deleted file mode 100644
index d48362e842..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_import_export_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_input_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_input_black_24px.svg
deleted file mode 100644
index d1410b84a7..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_input_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_list_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_list_black_24px.svg
deleted file mode 100644
index 21df364da8..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_list_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_location_on_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_location_on_black_24px.svg
deleted file mode 100644
index d7844b23b6..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_location_on_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_map_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_map_black_24px.svg
deleted file mode 100644
index ef693c995d..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_map_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_my_location_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_my_location_black_24px.svg
deleted file mode 100644
index c584d98c2c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_my_location_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_navigate_before_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_navigate_before_black_24px.svg
deleted file mode 100644
index d2a24edc73..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_navigate_before_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_navigate_next_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_navigate_next_black_24px.svg
deleted file mode 100644
index c2834b3d4c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_navigate_next_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_new_releases_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_new_releases_black_24px.svg
deleted file mode 100644
index 2a5f439c97..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_new_releases_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12zm-10 5h-2v-2h2v2zm0-4h-2V7h2v6z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_note_add_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_note_add_black_24px.svg
deleted file mode 100644
index 0d1f6a300d..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_note_add_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_note_add_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_note_add_white_24px.svg
deleted file mode 100644
index 9053257af4..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_note_add_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_active_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_active_black_24px.svg
deleted file mode 100644
index abfd8d5dd6..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_active_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M7.58 4.08L6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2c.15-2.65 1.51-4.97 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43c2.02 1.45 3.39 3.77 3.54 6.42zM18 11c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2v-5zm-6 11c.14 0 .27-.01.4-.04.65-.14 1.18-.58 1.44-1.18.1-.24.15-.5.15-.78h-4c.01 1.1.9 2 2.01 2z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_active_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_active_white_24px.svg
deleted file mode 100644
index f45c18040a..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_active_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M7.58 4.08L6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2c.15-2.65 1.51-4.97 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43c2.02 1.45 3.39 3.77 3.54 6.42zM18 11c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2v-5zm-6 11c.14 0 .27-.01.4-.04.65-.14 1.18-.58 1.44-1.18.1-.24.15-.5.15-.78h-4c.01 1.1.9 2 2.01 2z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_black_24px.svg
deleted file mode 100644
index 13b09f2d90..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_black_24px.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_white_24px.svg
deleted file mode 100644
index 3c3bfbd593..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_notifications_white_24px.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_place_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_place_black_24px.svg
deleted file mode 100644
index d7844b23b6..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_place_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_place_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_place_white_24px.svg
deleted file mode 100644
index 0e6aef9d9b..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_place_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_query_builder_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_query_builder_black_24px.svg
deleted file mode 100644
index a3e3fa1526..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_query_builder_black_24px.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_refresh_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_refresh_black_24px.svg
deleted file mode 100644
index 81c46c6339..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_refresh_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_remove_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_remove_black_24px.svg
deleted file mode 100644
index db20484e76..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_remove_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M19 13H5v-2h14v2z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_report_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_report_white_24px.svg
deleted file mode 100644
index 86aa33dd10..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_report_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_save_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_save_black_24px.svg
deleted file mode 100644
index f473722d99..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_save_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_save_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_save_white_24px.svg
deleted file mode 100644
index 05684dfc3d..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_save_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_search_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_search_black_24px.svg
deleted file mode 100644
index ccc84b62ce..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_search_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_search_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_search_white_24px.svg
deleted file mode 100644
index 9b1073e9ec..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_search_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_applications_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_applications_black_24px.svg
deleted file mode 100644
index dcf2a87458..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_applications_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09.15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85c-.03.17-.18.3-.35.3h-2.8c-.17 0-.32-.13-.35-.29l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.74.7c-.16.06-.34 0-.43-.15l-1.4-2.42c-.09-.15-.05-.34.08-.45l1.48-1.16c-.03-.23-.05-.46-.05-.69 0-.23.02-.46.05-.68l-1.48-1.16c-.13-.11-.17-.3-.08-.45l1.4-2.42c.09-.15.27-.21.43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .32.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_black_24px.svg
deleted file mode 100644
index 875fb011c0..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_white_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_white_24px.svg
deleted file mode 100644
index d5c0e8aea5..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_settings_white_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_show_chart_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_show_chart_black_24px.svg
deleted file mode 100644
index 1984326f76..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_show_chart_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_sort_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_sort_black_24px.svg
deleted file mode 100644
index e51397a9ba..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_sort_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_subject_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_subject_black_24px.svg
deleted file mode 100644
index 8f4135fda6..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_subject_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h16V5H4z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_timeline_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_timeline_black_24px.svg
deleted file mode 100644
index 49ecf76bd2..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_timeline_black_24px.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <path d="M0 0h24v24H0V0z" id="a"/>
-    </defs>
-    <clipPath id="b">
-        <use overflow="visible" xlink:href="#a"/>
-    </clipPath>
-    <path clip-path="url(#b)" d="M23 8c0 1.1-.9 2-2 2-.18 0-.35-.02-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56C19.02 8.35 19 8.18 19 8c0-1.1.9-2 2-2s2 .9 2 2z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_transform_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_transform_black_24px.svg
deleted file mode 100644
index ec06d9530f..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_transform_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M22 18v-2H8V4h2L7 1 4 4h2v2H2v2h4v8c0 1.1.9 2 2 2h8v2h-2l3 3 3-3h-2v-2h4zM10 8h6v6h2V8c0-1.1-.9-2-2-2h-6v2z"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_view_list_black_24px.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_view_list_black_24px.svg
deleted file mode 100644
index d38101547d..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/ic_view_list_black_24px.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/link_black_24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/link_black_24dp.svg
deleted file mode 100644
index 482f1fa7f4..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/link_black_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/notifications-white-24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/notifications-white-24dp.svg
deleted file mode 100644
index 02f9429248..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/notifications-white-24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24px" height="24px"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/save_black_24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/save_black_24dp.svg
deleted file mode 100644
index 5cb9c0fe24..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/save_black_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/settings_white_24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/settings_white_24dp.svg
deleted file mode 100644
index 1dbcba08a4..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/settings_white_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/view_list_black_24dp.svg b/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/view_list_black_24dp.svg
deleted file mode 100644
index cfb4090471..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/icons/view_list_black_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><path d="M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z"/></svg>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/UUID.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/UUID.js
deleted file mode 100644
index 49e2bd6934..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/UUID.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function generateUUID()
-{
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c)
-    {
-	var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
-	return v.toString(16);
-    });
-}
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/functions.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/functions.js
new file mode 100644
index 0000000000..c260b7985d
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/functions.js
@@ -0,0 +1,42 @@
+/* global SaxonJS */
+
+var fetchDispatchXML = function(url, method, headers, body, target, docUri, resources, block, eventName)
+{
+    let request = new Request(url, { "method": method, "headers": headers, "body": body });
+
+    fetch(request).
+    then(function(response)
+    {
+        const contentLength = response.headers.get("Content-Length");
+        if (contentLength && parseInt(contentLength) > 0)
+        {
+            response.text().
+            then(function(xmlString)
+            {
+                let xml = new DOMParser().parseFromString(xmlString, "text/xml");
+                let event = new CustomEvent(eventName, { "detail": { "action": url, "response": response, "xml": xml, "target": target, "docUri": docUri, "resources": resources, "block": block } } );
+                // no need to add event listeners here, that is done by IXSL
+                document.dispatchEvent(event);
+            });
+        }
+        else
+        {
+            let event = new CustomEvent(eventName, { "detail": { "action": url, "response": response, "target": target, "docUri": docUri, "resources": resources, "block": block } } );
+            // no need to add event listeners here, that is done by IXSL
+            document.dispatchEvent(event);
+        }
+    }).
+    catch(function(response)
+    {
+        let event = new CustomEvent(eventName, { "detail": { "response": response, "target": target, "docUri": docUri, "resources": resources, "block": block } } );
+        // no need to add event listeners here, that is done by IXSL
+        document.dispatchEvent(event);
+    });
+};
+
+var ixslTemplateListener = function(eventName, map, olEvent)
+{
+    let event = new CustomEvent(eventName, { "detail": { "ol-event": olEvent, "map": map } } );
+    // no need to add event listeners here, that is done by IXSL
+    document.dispatchEvent(event);
+};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/jquery.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/jquery.js
deleted file mode 100644
index f534874b76..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/jquery.js
+++ /dev/null
@@ -1,163 +0,0 @@
-/* global contextUri, baseUri, requestUri, absolutePath, lang, xslt2proc, UriBuilder, SaxonJS, ontologyUri, contextUri */
-
-var fetchDispatchXML = function(url, method, headers, body, target, docUri, resources, block, eventName)
-{
-    let request = new Request(url, { "method": method, "headers": headers, "body": body });
-    
-    fetch(request).
-    then(function(response)
-    {
-        const contentLength = response.headers.get("Content-Length");
-        if (contentLength && parseInt(contentLength) > 0)
-        {
-            response.text().
-            then(function(xmlString)
-            {
-                let xml = new DOMParser().parseFromString(xmlString, "text/xml");
-                let event = new CustomEvent(eventName, { "detail": { "action": url, "response": response, "xml": xml, "target": target, "docUri": docUri, "resources": resources, "block": block } } );
-                // no need to add event listeners here, that is done by IXSL
-                document.dispatchEvent(event);
-            });
-        }
-        else
-        {
-            let event = new CustomEvent(eventName, { "detail": { "action": url, "response": response, "target": target, "docUri": docUri, "resources": resources, "block": block } } );
-            // no need to add event listeners here, that is done by IXSL
-            document.dispatchEvent(event);
-        }
-    }).
-    catch(function(response)
-    {
-        const contentLength = response.headers.get("Content-Length");
-        if (contentLength && parseInt(contentLength) > 0)
-        {
-            response.text().
-            then(function(xmlString)
-            {
-                let xml = new DOMParser().parseFromString(xmlString, "text/xml");
-                let event = new CustomEvent(eventName, { "detail": { "response": response, "xml": xml, "target": target, "docUri": docUri, "resources": resources, "block": block } } );
-                // no need to add event listeners here, that is done by IXSL
-                document.dispatchEvent(event);
-            });
-        }
-        else
-        {
-            let event = new CustomEvent(eventName, { "detail": { "response": response, "target": target, "docUri": docUri, "resources": resources, "block": block } } );
-            // no need to add event listeners here, that is done by IXSL
-            document.dispatchEvent(event);
-        }
-    });
-};
-
-var onSubjectTypeChange = function(event)
-{
-    var newType = $(this).val();
-    var oldSubjectType = $(this).closest(".control-group").find("input.subject-type.old");
-    var oldType = oldSubjectType.val(); // old value in a hidden input
-
-    var subject = $(this).closest(".control-group").find("input.subject");
-    var value = subject.val();
-    var newTypeOldSubject = subject.closest(".controls").find("input.old." + newType);
-    var newTypeOldValue = newTypeOldSubject.val(); // old value (of the new type) in a hidden input
-        
-    // flip object input names and restore old values
-    $(this).closest("form").find("input"). // filter by properties, not attributes
-        filter(function()
-        {
-            return $(this).prop("name") === oldType && $(this).val() === value;
-        }).
-        each(function()
-        {
-            $(this).prop("name", newType);
-            $(this).val(newTypeOldValue);
-        });
-    
-    var subjectObjectMap = { "sb": "ob", "su": "ou" };
-    var newObjectType = subjectObjectMap[newType];
-    var oldObjectType = subjectObjectMap[oldType];
-
-    // flip object input names and restore old values
-    $(this).closest("form").find("input"). // filter by properties, not attributes
-        filter(function()
-        {
-            return $(this).prop("name") === oldObjectType && $(this).val() === value;
-        }).
-        each(function()
-        {
-            $(this).prop("name", newObjectType);
-            $(this).val(newTypeOldValue);
-        });
-    
-    oldSubjectType.val(newType); // store current subject type which will be the old value next time
-    newTypeOldSubject.val(newTypeOldValue); // store current subject value which will be the old value next time
-};
-
-// update RDF/POST inputs for the resource when subject URI/bnode value is changed
-var onSubjectValueChange = function(event)
-{
-    var subjectType = $(this).closest(".control-group").find("select.subject-type").val(); // "sb" (bnode) or "su" (URI)
-    var subjectObjectMap = { "sb": "ob", "su": "ou" };
-    var objectType = subjectObjectMap[subjectType];
-
-    var newValue = $(this).val(); // new value after change
-    var oldSubject = $(this).closest(".control-group").find("input.old." + subjectType);
-    var oldValue = oldSubject.val(); // old value in a hidden input
-
-    // update subject input values
-    $(this).closest("form").find("input"). // filter by properties, not attributes
-        filter(function()
-        {
-            return $(this).prop("name") === subjectType && $(this).val() === oldValue;
-        }).
-        each(function()
-        {
-            $(this).val(newValue);
-        });
-
-    // update object input values
-    $(this).closest("form").find("input"). // filter by properties, not attributes
-        filter(function()
-        {
-            return $(this).prop("name") === objectType && $(this).val() === oldValue;
-        }).
-        each(function()
-        {
-            $(this).val(newValue);
-        });
-    
-    oldSubject.val(newValue); // store value in the hidden input
-};
-
-var ixslTemplateListener = function(eventName, map, olEvent)
-{
-    let event = new CustomEvent(eventName, { "detail": { "ol-event": olEvent, "map": map } } );
-    // no need to add event listeners here, that is done by IXSL
-    document.dispatchEvent(event);
-};
-
-$(document).ready(function()
-{
-    // turn off browser autocomplete for input's with our own autocomplete
-    $("input.typeahead").attr("autocomplete", "off");
-    
-    $(".navbar-inner .btn.btn-navbar").on("click", function()
-    {
-        if ($("#collapsing-top-navbar").hasClass("in"))
-            $("#collapsing-top-navbar").removeClass("collapse in").height(0);
-        else $("#collapsing-top-navbar").addClass("collapse in").height("auto");
-    });
-
-    $("body").on("click", function(event)
-    {
-        // hide button groups
-        var dropdown = $(this).find(".btn-group:has(.btn.dropdown-toggle).open");
-        if (!($(event.target).parent().is(dropdown))) dropdown.toggleClass("open");
-    });
-    
-    // handled by Saxon-JS when it's loaded
-    $(".dropdown-toggle").on("click", function(event)
-    {
-        $(event.target).dropdown("toggle");
-    });
-    
-});
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-article.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-article.png
deleted file mode 100644
index df229f1c34..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-article.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-aside.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-aside.png
deleted file mode 100644
index 1bc09c6a58..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-aside.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-blockquote.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-blockquote.png
deleted file mode 100644
index 65ea20547f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-blockquote.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-command.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-command.png
deleted file mode 100644
index 5520142518..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-command.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-details.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-details.png
deleted file mode 100644
index fba6c63812..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-details.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-div.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-div.png
deleted file mode 100644
index 1e5f6d457d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-div.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-figcaption.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-figcaption.png
deleted file mode 100644
index b760a8ed26..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-figcaption.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-figure.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-figure.png
deleted file mode 100644
index 822ae04b62..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-figure.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-footer.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-footer.png
deleted file mode 100644
index b42a43c53d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-footer.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h1.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h1.png
deleted file mode 100644
index 3e5adf0453..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h1.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h2.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h2.png
deleted file mode 100644
index 268375680d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h2.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h3.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h3.png
deleted file mode 100644
index 6964753773..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h3.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h4.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h4.png
deleted file mode 100644
index 843142d76f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h4.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h5.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h5.png
deleted file mode 100644
index 6ad0c146f1..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h5.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h6.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h6.png
deleted file mode 100644
index 0aefe91e77..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-h6.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-header.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-header.png
deleted file mode 100644
index 0c5e6c23d2..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-header.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-hgroup.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-hgroup.png
deleted file mode 100644
index 18b6db7dfb..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-hgroup.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-mark.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-mark.png
deleted file mode 100644
index 7918219da7..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-mark.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-meter.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-meter.png
deleted file mode 100644
index 27314d0ed5..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-meter.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-nav.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-nav.png
deleted file mode 100644
index 6627d3fede..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-nav.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-p.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-p.png
deleted file mode 100644
index 0d7ac50cca..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-p.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-pre.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-pre.png
deleted file mode 100644
index 5a7b9a1a7f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-pre.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-progress.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-progress.png
deleted file mode 100644
index c42cc4f46e..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-progress.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-rp.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-rp.png
deleted file mode 100644
index 8fb414cf30..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-rp.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-rt.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-rt.png
deleted file mode 100644
index 89b0cf9b70..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-rt.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-ruby.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-ruby.png
deleted file mode 100644
index c81727768a..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-ruby.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-section.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-section.png
deleted file mode 100644
index 0fc9155383..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-section.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-summary.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-summary.png
deleted file mode 100644
index f428236e8f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-summary.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-time.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-time.png
deleted file mode 100644
index a8cec641b2..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/lbl-time.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/wymiframe.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/wymiframe.css
deleted file mode 100644
index a6b6ae0323..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/wymiframe.css
+++ /dev/null
@@ -1,200 +0,0 @@
-/* VISUAL FEEDBACK */
-
-/* basic */
-body  {
-    background: #e1e8f1;
-    margin: 0;
-    vertical-align: baseline;
-}
-
-/* make HTML blocs visible */
-p,
-div,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-ul,
-ol,
-table,
-blockquote,
-pre {
-    background: #FFFFFF no-repeat 2px 2px;
-    padding:8px 5px 5px;
-    margin:10px;
-}
-
-/* element-specific customizations */
-a img {
-    border-width: 1px;
-    border-color: blue;
-}
-acronym {
-    border: 1px solid gray;
-}
-blockquote {
-    margin-left: 30px;
-}
-img {
-    border-style: solid;
-    border-color: gray;
-    border-width: 0;
-}
-pre {
-    background-color:transparent;
-    border: 1px solid white;
-}
-span {
-    background-color: #eef;
-}
-ul,
-ol {
-    border-left: 20px solid #B9C4D0;
-    padding:0px 5px;
-}
-
-/* element-specific customizations for table-related things */
-table {
-    font-size: 12px;
-    width: 500px;
-}
-caption {
-    background: #E4E4B0;
-    padding: 5px;
-    font-weight: bold;
-    text-align: left;
-}
-td {
-    width: 25%;
-    background: #F0F4F8;
-}
-th {
-    background: #ffffcc;
-}
-
-/* Gecko min height fix */
-td {
-    height: 1.6em;
-}
-
-/* labels */
-p {
-    background-image: url(lbl-p.png);
-}
-div {
-    background-image: url(lbl-div.png);
-}
-h1 {
-    background-image: url(lbl-h1.png);
-}
-h2 {
-    background-image: url(lbl-h2.png);
-}
-h3 {
-    background-image: url(lbl-h3.png);
-}
-h4 {
-    background-image: url(lbl-h4.png);
-}
-h5 {
-    background-image: url(lbl-h5.png);
-}
-h6 {
-    background-image: url(lbl-h6.png);
-}
-blockquote{
-    background-image: url(lbl-blockquote.png);
-}
-pre {
-    background-image: url(lbl-pre.png);
-}
-
-
-/* visual feedback for invalid nesting of elements */
-h1 h1,
-h1 h2,
-h1 h3,
-h1 h4,
-h1 h5,
-h1 h6,
-h1 p,
-h1 pre,
-h1 address,
-h2 h1,
-h2 h2,
-h2 h3,
-h2 h4,
-h2 h5,
-h2 h6,
-h2 p,
-h2 pre,
-h2 address,
-h3 h1,
-h3 h2,
-h3 h3,
-h3 h4,
-h3 h5,
-h3 h6,
-h3 p,
-h3 pre,
-h3 address,
-h4 h1,
-h4 h2,
-h4 h3,
-h4 h4,
-h4 h5,
-h4 h6,
-h4 p,
-h4 pre,
-h4 address,
-h5 h1,
-h5 h2,
-h5 h3,
-h5 h4,
-h5 h5,
-h5 h6,
-h5 p,
-h5 pre,
-h5 address,
-h6 h1,
-h6 h2,
-h6 h3,
-h6 h4,
-h6 h4,
-h6 h6,
-h6 p,
-h6 pre,
-h6 address,
-p h1,
-p h2,
-p h3,
-p h4,
-p h5,
-p h6,
-p pre,
-p address,
-pre h1,
-pre h2,
-pre h3,
-pre h4,
-pre h5,
-pre h6,
-pre p,
-pre pre,
-pre address,
-address h1,
-address h2,
-address h3,
-address h4,
-address h5,
-address h6,
-address p,
-address pre,
-address address {
-    background-color: #ff9999 !important;
-    border: 1px solid red !important;
-    font-size: 12px !important;
-    font-weight: normal;
-}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/wymiframe.html b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/wymiframe.html
deleted file mode 100644
index d9aba902b9..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/default/wymiframe.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<!--
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        wymiframe.html
- *        Iframe used by designMode.
- *        See the documentation for more info.
- *
- * File Authors:
- *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
--->
-<html>
-<head>
-<title>WYMeditor iframe</title>
-<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css" />
-</head>
-<body></body>
-</html>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-article.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-article.png
deleted file mode 100644
index df229f1c34..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-article.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-aside.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-aside.png
deleted file mode 100644
index 1bc09c6a58..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-aside.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-blockquote.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-blockquote.png
deleted file mode 100644
index 65ea20547f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-blockquote.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-command.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-command.png
deleted file mode 100644
index 5520142518..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-command.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-details.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-details.png
deleted file mode 100644
index fba6c63812..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-details.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-div.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-div.png
deleted file mode 100644
index 1e5f6d457d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-div.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-figcaption.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-figcaption.png
deleted file mode 100644
index b760a8ed26..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-figcaption.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-figure.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-figure.png
deleted file mode 100644
index 822ae04b62..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-figure.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-footer.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-footer.png
deleted file mode 100644
index b42a43c53d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-footer.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h1.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h1.png
deleted file mode 100644
index 3e5adf0453..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h1.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h2.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h2.png
deleted file mode 100644
index 268375680d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h2.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h3.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h3.png
deleted file mode 100644
index 6964753773..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h3.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h4.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h4.png
deleted file mode 100644
index 843142d76f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h4.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h5.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h5.png
deleted file mode 100644
index 6ad0c146f1..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h5.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h6.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h6.png
deleted file mode 100644
index 0aefe91e77..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-h6.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-header.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-header.png
deleted file mode 100644
index 0c5e6c23d2..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-header.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-hgroup.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-hgroup.png
deleted file mode 100644
index 18b6db7dfb..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-hgroup.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-mark.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-mark.png
deleted file mode 100644
index 7918219da7..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-mark.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-meter.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-meter.png
deleted file mode 100644
index 27314d0ed5..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-meter.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-nav.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-nav.png
deleted file mode 100644
index 6627d3fede..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-nav.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-p.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-p.png
deleted file mode 100644
index 0d7ac50cca..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-p.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-pre.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-pre.png
deleted file mode 100644
index 5a7b9a1a7f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-pre.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-progress.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-progress.png
deleted file mode 100644
index c42cc4f46e..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-progress.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-rp.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-rp.png
deleted file mode 100644
index 8fb414cf30..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-rp.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-rt.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-rt.png
deleted file mode 100644
index 89b0cf9b70..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-rt.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-ruby.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-ruby.png
deleted file mode 100644
index c81727768a..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-ruby.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-section.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-section.png
deleted file mode 100644
index 0fc9155383..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-section.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-summary.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-summary.png
deleted file mode 100644
index f428236e8f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-summary.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-time.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-time.png
deleted file mode 100644
index a8cec641b2..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/lbl-time.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/wymiframe.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/wymiframe.css
deleted file mode 100644
index a6b6ae0323..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/wymiframe.css
+++ /dev/null
@@ -1,200 +0,0 @@
-/* VISUAL FEEDBACK */
-
-/* basic */
-body  {
-    background: #e1e8f1;
-    margin: 0;
-    vertical-align: baseline;
-}
-
-/* make HTML blocs visible */
-p,
-div,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-ul,
-ol,
-table,
-blockquote,
-pre {
-    background: #FFFFFF no-repeat 2px 2px;
-    padding:8px 5px 5px;
-    margin:10px;
-}
-
-/* element-specific customizations */
-a img {
-    border-width: 1px;
-    border-color: blue;
-}
-acronym {
-    border: 1px solid gray;
-}
-blockquote {
-    margin-left: 30px;
-}
-img {
-    border-style: solid;
-    border-color: gray;
-    border-width: 0;
-}
-pre {
-    background-color:transparent;
-    border: 1px solid white;
-}
-span {
-    background-color: #eef;
-}
-ul,
-ol {
-    border-left: 20px solid #B9C4D0;
-    padding:0px 5px;
-}
-
-/* element-specific customizations for table-related things */
-table {
-    font-size: 12px;
-    width: 500px;
-}
-caption {
-    background: #E4E4B0;
-    padding: 5px;
-    font-weight: bold;
-    text-align: left;
-}
-td {
-    width: 25%;
-    background: #F0F4F8;
-}
-th {
-    background: #ffffcc;
-}
-
-/* Gecko min height fix */
-td {
-    height: 1.6em;
-}
-
-/* labels */
-p {
-    background-image: url(lbl-p.png);
-}
-div {
-    background-image: url(lbl-div.png);
-}
-h1 {
-    background-image: url(lbl-h1.png);
-}
-h2 {
-    background-image: url(lbl-h2.png);
-}
-h3 {
-    background-image: url(lbl-h3.png);
-}
-h4 {
-    background-image: url(lbl-h4.png);
-}
-h5 {
-    background-image: url(lbl-h5.png);
-}
-h6 {
-    background-image: url(lbl-h6.png);
-}
-blockquote{
-    background-image: url(lbl-blockquote.png);
-}
-pre {
-    background-image: url(lbl-pre.png);
-}
-
-
-/* visual feedback for invalid nesting of elements */
-h1 h1,
-h1 h2,
-h1 h3,
-h1 h4,
-h1 h5,
-h1 h6,
-h1 p,
-h1 pre,
-h1 address,
-h2 h1,
-h2 h2,
-h2 h3,
-h2 h4,
-h2 h5,
-h2 h6,
-h2 p,
-h2 pre,
-h2 address,
-h3 h1,
-h3 h2,
-h3 h3,
-h3 h4,
-h3 h5,
-h3 h6,
-h3 p,
-h3 pre,
-h3 address,
-h4 h1,
-h4 h2,
-h4 h3,
-h4 h4,
-h4 h5,
-h4 h6,
-h4 p,
-h4 pre,
-h4 address,
-h5 h1,
-h5 h2,
-h5 h3,
-h5 h4,
-h5 h5,
-h5 h6,
-h5 p,
-h5 pre,
-h5 address,
-h6 h1,
-h6 h2,
-h6 h3,
-h6 h4,
-h6 h4,
-h6 h6,
-h6 p,
-h6 pre,
-h6 address,
-p h1,
-p h2,
-p h3,
-p h4,
-p h5,
-p h6,
-p pre,
-p address,
-pre h1,
-pre h2,
-pre h3,
-pre h4,
-pre h5,
-pre h6,
-pre p,
-pre pre,
-pre address,
-address h1,
-address h2,
-address h3,
-address h4,
-address h5,
-address h6,
-address p,
-address pre,
-address address {
-    background-color: #ff9999 !important;
-    border: 1px solid red !important;
-    font-size: 12px !important;
-    font-weight: normal;
-}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/wymiframe.html b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/wymiframe.html
deleted file mode 100644
index 463d417e5b..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/legacy/wymiframe.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html>
-<head>
-<title>WYMeditor iframe</title>
-<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css?v=1.0.0b6" />
-</head>
-<body></body>
-</html>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/development.html b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/development.html
deleted file mode 100644
index d4b8988a64..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/development.html
+++ /dev/null
@@ -1,149 +0,0 @@
-<!DOCTYPE html>
-<!--
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2012 Gyuris Gellért http://bubu.ujevangelizacio.hu/bubu
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        development.html
- *        Help file to develop CSS.
- *
- * File Authors:
- *        Gyuris Gellért (bubu a-t ujevangelizacio dothu)
- *        Philipp Cordes (pc a-t irgendware dotnet)
--->
-<html>
-<head>
-<title>WYMeditor: Pretty development</title>
-<meta http-equiv="content-type" content="text/html;charset=utf-8">
-<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css">
-<!--[if IE]><link rel="stylesheet" type="text/css" media="screen" href="wymiframe.ie.css" /><![endif]-->
-</head>
-<body contenteditable="true">
-<p>Paragraph &lt;p&gt; • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum metus tellus, ultrices ac tristique vitae, laoreet et ante. Aliquam elit velit, porta sed volutpat vitae, sodales in dolor. Vestibulum eros odio, gravida et bibendum et, accumsan imperdiet eros. In at mauris nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultrices interdum velit, sit amet lacinia massa varius in. Sed vulputate dapibus nulla, et tincidunt urna faucibus eu. </p>
-<p class="some">Paragraph &lt;p&gt; with class "some" • Nullam bibendum rhoncus ullamcorper. Aliquam vitae ullamcorper metus. Phasellus vitae ipsum tortor, accumsan cursus nunc.</p>
-<h1>Heading 1 &lt;h1&gt;</h1>
-<h1 class="first">Heading 1 &lt;h1&gt; with class "first"</h1>
-<h2>Heading 2 &lt;h2&gt;</h2>
-<h2 class="other">Heading 2 &lt;h2&gt; with class "other"</h2>
-<h2><a href="#">Linked Heading 2 </a>&lt;h2&gt;</h2>
-<h3>Heading 3 &lt;h3&gt;</h3>
-<h4>Heading 4 &lt;h4&gt;</h4>
-<h5>Heading 5 &lt;h5&gt;</h5>
-<h6>Heading 6 &lt;h6&gt;</h6>
-<div>Division, section &lt;div&gt; • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
-<div class="messages error">Division, section &lt;div&gt; with class "messages error" • Vivamus metus orci, consectetur a consectetur sed, malesuada sed ligula. Nunc nibh quam, tempor sagittis rhoncus quis, placerat a elit.</div>
-<address>Address &lt;address&gt; • Suspendisse laoreet pellentesque nibh id gravida. </address>
-<blockquote cite="#">Quoted section &lt;blockquote&gt; • Donec vulputate pretium egestas. Vivamus faucibus ultrices elit, sit amet dignissim mauris semper at. Mauris laoreet nisi sed dolor volutpat sagittis. Proin euismod varius nisl ut interdum. Maecenas tempor, ipsum placerat suscipit malesuada, sem ipsum ullamcorper purus, eu eleifend tortor ante ac arcu. </blockquote>
-<blockquote><p>Nested paragraph in quoted section  •  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></blockquote>
-<pre>Preformatted text &lt;pre&gt; • 
-    Proin hendrerit felis 
-     vitae urna bibendum commodo. 
-      Cras non augue vitae metus ullamcorper porttitor at et nisl. 
-       Quisque dui lacus, vestibulum at placerat vitae, dignissim ac erat.</pre>
-
-<p>Inline elements: strong, em, a href, span, abbr, q, cite, kbd, samp, var, dfn, code, del, ins, sup, sub • Lorem ipsum 
-	<strong>important text &lt;strong&gt; and &lt;b&gt; • dolor sit amet</strong>, consectetur 
-	<em>emphasized text &lt;em&gt; and &lt;i&gt; • adipiscing elit</em>. Vestibulum
-	<a href="#">hyperlink &lt;a href&gt; • metus</a> tellus, ultrices ac 
-	<span>generic inline container &lt;span&gt; • tristique vitae</span>, laoreet et ante. Sodales
-	<abbr title="abbr">abbreviation &lt;abbr&gt; • ALIQUAM</abbr> elit velit, 
-	<q>short quotation &lt;q&gt; • Vestibulum eros odio</q>, gravida et bibendum et,
-	<cite>title of a work &lt;cite&gt; • accumsan imperdiet</cite> eros. In at mauris
-	<kbd>keyboard input &lt;kbd&gt; • vitae</kbd> sodales in dolor. Cum sociis 
-	<samp>sample output from a computer program &lt;samp&gt; • natoque penatibus</samp> et magnis dis 
-	<var>variable &lt;var&gt; • parturient</var> montes, nascetur 
-	<dfn>definition term &lt;dfn&gt; • ridiculus</dfn> mus. Praesent 
-	<code>computer code &lt;code&gt; • torqueo jumentum dolus esca</code> suscipit,
-	<del>deleted text &lt;del&gt; • ultrices</del> velit, sit amet 
-	<ins>inserted text &lt;ins&gt; • acinia massa varius</ins> in. Sed vulputate dapibus nulla, et 
-	<sup>supscript text &lt;sup&gt; • tincidunt</sup> urna faucibus eu. Neo damnum aliquam
-	<sub>subscript text &lt;sub&gt; • consequat</sub>. Abdo genitus luptatum virtus singularis distineo validus ea. Gravis 
-	<strong class="myinlineclass">important text &lt;strong&gt; with class "myinlineclass" • oppeto huic incassum. Vulputate hos singularis veniam zelus singularis utinam vulputate sino quidne. Nutus neque quidem. Natu interdico melior.Oppeto vulpes meus jugis ut iriure valde consectetuer</strong> abigo. Aptent bene ideo commoveo quadrum abbas. Vereor macto neo probo ille. Esse vulpes sino virtus rusticus brevitas mos. Cui ad vulputate et vero zelus feugiat os olim obruo. Facilisi quadrum proprius gravis velit humo nunc wisi imputo antehabeo.Valde dolore tation facilisi ullamcorper gemino gemino cui qui paratus. Camur in capto euismod. Brevitas vero iriure letalis valde oppeto plaga ullamcorper adipiscing inhibeo.
-</p>
-
-<h2>Ordered List</h2>
-<ol>
-	<li>Nullam ullamcorper porta sem quis aliquet. Integer sed metus justo.</li>
-	<li>Lorem ipsum dolor sit amet consectetuer.</li>
-	<li>Neo damnum aliquam consequat. Abdo genitus luptatum virtus singularis distineo validus ea. Gravis oppeto huic incassum torqueo jumentum dolus esca suscipit. Vulputate hos singularis veniam zelus singularis utinam vulputate sino quidne. Nutus neque quidem. Natu interdico melior.Oppeto vulpes meus jugis ut iriure valde consectetuer abigo. Aptent bene ideo commoveo quadrum abbas. Vereor macto neo probo ille.</li>
-	<li><p>Pellentesque dui mauris, mattis id lobortis porttitor, laoreet eu dui. Vestibulum eget ligula mauris, iaculis euismod sapien.</p><p>Donec quis justo lorem.</p></li>
-	<li>Condimentum quis.</li>
-	<li>Congue Quisque augue elit dolor.
-		<ol>
-			<li>Sed at tempus enim.</li>
-			<li>Aliquam accumsan lorem eu dui tempus vel pellentesque magna hendrerit.</li>
-			<li>Donec eleifend sodales lorem at varius. Pellentesque condimentum dui scelerisque eros consectetur blandit. Etiam posuere placerat arcu ut cursus. Mauris dui ligula, porta ut tincidunt quis, ornare ut dolor. Sed sed mollis felis. Suspendisse laoreet pellentesque nibh id gravida. Pellentesque dui mauris, mattis id lobortis porttitor, laoreet eu dui. Vestibulum eget ligula mauris, iaculis euismod sapien. Donec quis justo lorem.</li>
-		</ol>
-	</li>
-	<li>Congue Quisque augue elit dolor nibh.</li>
-	<li>Vestibulum feugiat tempor gravida.</li>
-	<li>Donec vulputate pretium egestas.</li>
-	<li>Vivamus faucibus ultrices elit, sit amet dignissim mauris semper at.</li>
-	<li>Mauris laoreet nisi sed dolor volutpat sagittis.</li>
-</ol>
-
-<h2>Unordered List</h2>
-<ul>
-	<li>Donec quis justo lorem.</li>
-	<li>Condimentum quis.</li>
-	<li>Congue Quisque augue elit dolor.
-		<ul class="special">
-			<li>Mauris laoreet nisi sed dolor volutpat sagittis. </li>
-			<li>Proin euismod varius nisl ut interdum.
-				<ul>
-					<li>Maecenas tempor, ipsum placerat suscipit malesuada, sem ipsum ullamcorper purus, eu eleifend tortor ante ac arcu.</li>
-					<li>Donec eleifend sodales lorem at varius.</li>
-					<li>Nullam ullamcorper porta sem quis aliquet. Integer sed metus justo.</li>
-				</ul>
-			</li>
-			<li>Suspendisse non lorem eget lacus tincidunt mattis.</li>
-		</ul>
-	</li>
-	<li>Nunc cursus sem et pretium sapien eget.</li>
-</ul>
-<ul></ul>
-
-<h2>Definition List</h2>
-<dl class="something">
-	<dt>Cras</dt>
-	<dd>Phasellus convallis interdum dictum. </dd>
-	<dd>Suspendisse lectus eros, vestibulum et sagittis eu, fringilla ac urna. Phasellus ullamcorper faucibus sapien, nec rhoncus orci gravida id. Quisque elementum leo at leo facilisis euismod. Nunc sit amet elit vitae arcu fermentum adipiscing eu at mauris.</dd>
-	<dt>Aenean volutpat urna a risus congue fermentum.</dt>
-	<dd>Curabitur id nunc ante, nec tincidunt odio. Nulla facilisi. In hac habitasse platea dictumst. Curabitur suscipit luctus aliquet. Pellentesque quis risus dolor.</dd>
-</dl>
-
-<table style="width:50%;border-width:1px;">
-	<caption>Caption • Table with border 1.</caption>
-	<thead>
-		<tr>
-			<th>thead th • Aliquam</th>
-			<th>thead th • Quisque</th>
-			<th>thead th • Nunc</th>
-		</tr>
-	</thead>
-	<tbody>
-		<tr>
-			<td>tbody tr td • Curabitur suscipit luctus aliquet.</td>
-			<td>tbody tr td • Nunc orci lorem, rhoncus eu elementum id, lacinia eget lorem. Nulla in neque viverra metus iaculis posuere. </td>
-			<td>tbody tr td • Proin id leo condimentum ipsum commodo consequat.</td>
-		</tr>
-		<tr>
-			<td>Neo damnum aliquam consequat.</td>
-			<td>Neo damnum aliquam consequat.</td>
-			<td>Neo damnum aliquam consequat. </td>
-		</tr>
-		<tr>
-			<td>Neo damnum aliquam consequat.</td>
-			<td>Neo damnum aliquam consequat. Neo damnum aliquam consequat.</td>
-			<td>Neo damnum aliquam consequat. Neo damnum aliquam consequat. Neo damnum aliquam consequat</td>
-		</tr>
-	</tbody>
-</table>
-
-</body>
-</html>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/icon.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/icon.png
deleted file mode 100644
index bfa2e9e8c5..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/icon.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.eot b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.eot
deleted file mode 100644
index 0a3c867742..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.eot and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.ttf b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.ttf
deleted file mode 100644
index 04ce123d4b..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.ttf and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.woff b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.woff
deleted file mode 100644
index 153355568a..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/visitor1.woff and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.css
deleted file mode 100644
index 5120b73b3c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.css
+++ /dev/null
@@ -1,395 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        wymeditor.css
- *        Main editor css file.
- *        See the documentation for more info.
- *
- * File Authors:
- *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
- *        Daniel Reszka (d.reszka a-t wymeditor dotorg)
- *        Gyuris Gellért (bubu a-t ujevangelizacio dothu)
-*/
-
-/* VISUAL FEEDBACK */
-@font-face {
-    font-family: "Visitor";
-    src: url("visitor1.woff") format("woff"),
-         url("visitor1.ttf") format("truetype");
-    font-weight: normal;
-    font-style: normal;
-}
-
-/* basic */
-  body  { background: #e1e8f1;}
-
-/* make HTML blocs visible */
-  div,
-  p,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  ul,
-  ol,
-  table,
-  address,
-  blockquote,
-  pre           { background: #FFFFFF;
-                  padding:8px 5px 5px;
-                  margin:10px; }
-  ul,
-  ol,
-  dl            { background: #B9C4D0;
-                  margin: 10px;
-                  padding: 0 0 0 10px;
-                  list-style-position: outside;
-                  min-height: 1.6em; }
-  ul ul,
-  ul ol,
-  ol ol,
-  ol ul         { margin: 5px 0 0 -5px }
-  ul > li ul,
-  ul > li ol,
-  ol > li ul,
-  ol > li ol    { border-top: 4px solid #B9C4D0 }
-  li > p:first-child,
-  li > div:first-child { margin-top: 0 } 
-  li > p:last-child,
-  li > div:last-child {	margin-bottom: 0 }
-  li, 
-  dd, 
-  dt            { background: white;
-                  margin: 0px 0 4px 20px;
-                  padding: 8px 0 0 5px; }
-  dt            { margin-bottom: 0 }
-  dd + dt       { margin-top: 4px; }
-  dd            { margin: 2px 0 0 4em }
-  td            { background: #F0F4F8; width: 25%; }
-  th            { background: #ffffcc; }
-  caption       { background: #E4E4B0; padding: 5px; font-weight: bold; }
-  table         { font-size: 12px; width: 500px; }
-  blockquote    { margin-left: 30px; }
-  pre           { background-color:transparent; border: 1px solid white; }
-
-/* Gecko min height fix */
-  td            { height: 1.6em; }
-
-/* specific HTML elements */
-  caption   { text-align: left; }
-  img       { border-style: solid;
-              border-color: gray;
-              border-width: 0; }
-  a img     { border-width: 1px; border-color: blue; }
-  acronym   { border: 1px solid gray; }
-  span      { /*background-color: #eef;*/ }
-
-/* visual feedback for non-valid nesting of elements*/
-  h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
-  h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
-  h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
-  h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
-  h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
-  h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
-  p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
-  pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
-  address h1, address h2, address h3, address h4, address h5, address h6,
-  address p, address pre, address address
-  { background-color: #ff9999 !important;
-    border: 1px solid red !important;
-    font-size: 12px !important;
-    font-weight: normal; }
-
-/* Spacer BRs shouldn't add much whitespace */
-br { height: 5px; line-height: 5px; }
-
-/* labels: block elements; IE9 support ::before: http://stackoverflow.com/questions/7157405/are-css3-after-and-before-pseudo-elements-rendered-by-ie9  */
-div, p, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, 
-pre, address {
-	position: relative;
-}
-div::before,
-p::before,
-ol::before,
-ul::before,
-dl::before,
-li::before,
-dt::before,
-dd::before,
-h1::before,
-h2::before,
-h3::before,
-h4::before,
-h5::before,
-h6::before,
-blockquote::before,
-pre::before,
-address::before {
-	position: absolute;
-	left: -1px;
-	top: -1px;
-	padding: 0px 3px;
-	font: 10px/10px "Visitor", monospace;
-	color: silver;
-	background: rgba(255,255,255,0.5);
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -o-user-select: none;
-    -ms-user-select: none;  
-    user-select: none;
-    cursor: default;
-    white-space: nowrap;
-}
-div:hover::before,
-p:hover::before,
-ol:hover::before,
-ul:hover::before,
-dl:hover::before,
-li:hover::before,
-dt:hover::before,
-dd:hover::before,
-h1:hover::before,
-h2:hover::before,
-h3:hover::before,
-h4:hover::before,
-h5:hover::before,
-h6:hover::before,
-blockquote:hover::before,
-pre:hover::before,
-address:hover::before {
-	color: rgb(65,105,225);
-	background: rgba(255,255,255,0.);
-	outline: 1px solid rgba(65,105,225,0.9);
-}
-div::before                          { content: "document division" } /* official names: https://developer.mozilla.org/en/HTML/Element */
-div[class]::before                   { content: "document division type \"" attr(class) "\"" }
-body.short div::before               { content: "div" }
-body.short div[class]::before        { content: "div." attr(class) }
-p::before                            { content: "paragraph" }
-p[class]::before                     { content: "paragraph type \"" attr(class) "\"" }
-body.short p::before                 { content: "p" }
-body.short p[class]::before          { content: "p." attr(class) }
-ol::before                           { content: "ordered list" }
-ol[class]::before                    { content: "ordered list type \"" attr(class) "\"" }
-body.short ol::before                { content: "ol" }
-body.short ol[class]::before         { content: "ol." attr(class) }
-ul::before                           { content: "unordered list" }
-ul[class]::before                    { content: "unordered list type \"" attr(class) "\"" }
-body.short ul::before                { content: "ul" }
-body.short ul[class]::before         { content: "ul." attr(class) }
-dl::before                           { content: "definition list" }
-dl[class]::before                    { content: "definition list type \"" attr(class) "\"" }
-body.short dl::before                { content: "dl" }
-body.short dl[class]::before         { content: "dl." attr(class) }
-li::before                           { content: "list item" }
-li[class]::before                    { content: "list item type \"" attr(class) "\"" }
-body.short li::before                { content: "li" }
-body.short li[class]::before         { content: "li." attr(class) }
-dt::before                           { content: "definition term" }
-dt[class]::before                    { content: "definition term type \"" attr(class) "\"" }
-body.short dt::before                { content: "dt" }
-body.short dt[class]::before         { content: "dt." attr(class) }
-dd::before                           { content: "definition description" }
-dd[class]::before                    { content: "definition description type \"" attr(class) "\"" }
-body.short dd::before                { content: "dd" }
-body.short dd[class]::before         { content: "dd." attr(class) }
-h1::before                           { content: "heading 1" }
-h1[class]::before                    { content: "heading 1 type \"" attr(class) "\"" }
-body.short h1::before                { content: "h1" }
-body.short h1[class]::before         { content: "h1." attr(class) }
-h2::before                           { content: "heading 2" }
-h2[class]::before                    { content: "heading 2 type \"" attr(class) "\"" }
-body.short h2::before                { content: "h2" }
-body.short h2[class]::before         { content: "h2." attr(class) }
-h3::before                           { content: "heading 3" }
-h3[class]::before                    { content: "heading 3 type \"" attr(class) "\"" }
-body.short h3::before                { content: "h3" }
-body.short h3[class]::before         { content: "h3." attr(class) }
-h4::before                           { content: "heading 4" }
-h4[class]::before                    { content: "heading 4 type \"" attr(class) "\"" }
-body.short h4::before                { content: "h4" }
-body.short h4[class]::before         { content: "h4." attr(class) }
-h5::before                           { content: "heading 5" }
-h5[class]::before                    { content: "heading 5 type \"" attr(class) "\"" }
-body.short h5::before                { content: "h5" }
-body.short h5[class]::before         { content: "h5." attr(class) }
-h6::before                           { content: "heading 6" }
-h6[class]::before                    { content: "heading 6 type \"" attr(class) "\"" }
-body.short h6::before                { content: "h6" }
-body.short h6[class]::before         { content: "h6." attr(class) }
-blockquote::before                   { content: "block quotation" }
-blockquote[class]::before            { content: "block quotation type \"" attr(class) "\"" }
-body.short blockquote::before        { content: "blockquote" }
-body.short blockquote[class]::before { content: "blockquote." attr(class) }
-pre::before                          { content: "preformatted text" }
-pre[class]::before                   { content: "preformatted text type \"" attr(class) "\"" }
-body.short pre::before               { content: "pre" }
-body.short pre[class]::before        { content: "pre." attr(class) }
-address::before                      { content: "address or contact information" }
-address[class]::before               { content: "address or contact information type \"" attr(class) "\"" }
-body.short address::before           { content: "address" }
-body.short ddress[class]::before     { content: "address." attr(class) }
-
-ul[class]:not(:empty)::before, body:not(.short) ul:not(:empty)::before,
-ol[class]:not(:empty)::before, body:not(.short) ol:not(:empty)::before,
-dl[class]:not(:empty)::before, body:not(.short) dl:not(:empty)::before {
-	transform: rotate(90deg);
-	-ms-transform: rotate(90deg); /* IE 9 */
-	-webkit-transform: rotate(90deg); /* Safari and Chrome */
-	-o-transform: rotate(90deg); /* Opera 11+ */
-	-moz-transform: rotate(90deg); /* Firefox */
-	transform-origin: bottom left;
-	-ms-transform-origin:  bottom left;
-	-webkit-transform-origin: bottom left;
-	-o-transform-origin: bottom left;
-	-moz-transform-origin: bottom left;
-	top: -11px;
-}
-
-/* labels: inline elements */
-span, strong, b, em, i, a, abbr, acronym, kbd, q, cite, samp, var, del, 
-ins, dfn, code, sup, sub {
-	position: relative;
-}
-span:hover::before,
-strong:hover::before,
-b:hover::before,
-em:hover::before,
-i:hover::before,
-a:hover::before,
-abbr:hover::before,
-acronym:hover::before,
-kbd:hover::before,
-/*q:hover::before(2), now is not working http://www.w3.org/TR/css3-content/#inserting0 */
-cite:hover::before,
-samp:hover::before,
-var:hover::before,
-del:hover::before,
-ins:hover::before,
-dfn:hover::before,
-code:hover::before,
-sup:hover::before,
-sub:hover::before {
-	position: absolute;
-	top: -8px;
-	left: -2px;
-	padding: 0px 3px;
-	font: 10px/10px "Visitor", monospace;
-	hyphens: none; /* chrome: a-href */
-	color: rgb(65,105,225);
-	background: rgba(255,255,255,0.9);
-	outline: 1px solid rgba(65,105,225,0.9);
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -o-user-select: none;
-    -ms-user-select: none;  
-    user-select: none;
-    cursor: default;
-    white-space: nowrap;
-}
-span:hover::before                      { content: "text span" }
-span[class]:hover::before               { content: "text span type \"" attr(class) "\"" }
-body.short span:hover::before           { content: "span" }
-body.short span[class]:hover::before    { content: "span." attr(class) }
-strong:hover::before,
-b:hover::before                         { content: "strong emphasis" }
-strong[class]:hover::before,
-b[class]:hover::before                  { content: "strong emphasis type \"" attr(class) "\"" }
-body.short strong:hover::before,
-body.short b:hover::before              { content: "strong" }
-body.short strong[class]:hover::before,
-body.short b[class]:hover::before       { content: "strong." attr(class) }
-em:hover::before,
-i:hover::before                         { content: "emphasis" }
-em[class]:hover::before,
-i[class]:hover::before                  { content: "emphasis type \"" attr(class) "\"" }
-body.short em:hover::before,
-body.short i:hover::before              { content: "em" }
-body.short em[class]:hover::before,
-body.short i[class]:hover::before       { content: "em." attr(class) }
-a[href]:hover::before                   { content: "hyperlink" }
-a[href][class]:hover::before            { content: "hyperlink type \"" attr(class) "\"" }
-body.short a[href]:hover::before        { content: "a-href" }
-body.short a[href][class]:hover::before { content: "a-href." attr(class) }
-abbr:hover::before                      { content: "abbreviation" }
-abbr[class]:hover::before               { content: "abbreviation type \"" attr(class) "\"" }
-body.short abbr:hover::before           { content: "abbr" }
-body.short abbr[class]:hover::before    { content: "abbr." attr(class) }
-acronym:hover::before                   { content: "acronym" }
-acronym[class]:hover::before            { content: "acronym type \"" attr(class) "\"" }
-body.short acronym:hover::before        { content: "acronym" }
-body.short acronym[class]:hover::before { content: "acronym." attr(class) }
-kbd:hover::before                       { content: "keyboard input" }
-kbd[class]:hover::before                { content: "keyboard input type \"" attr(class) "\"" }
-body.short kbd:hover::before            { content: "kbd" }
-body.short kbd[class]:hover::before     { content: "kbd." attr(class)}
-/* q:hover::before(2)                     { content: "quotation" }
-q[class]:hover::before(2)               { content: "quotation type \"" attr(class) "\"" }
-body.short q:hover::before(2)           { content: "q" }
-body.short q[class]:hover::before(2)    { content: "q." attr(class) } */
-cite:hover::before                      { content: "work title" }
-cite[class]:hover::before               { content: "work title type \"" attr(class) "\""}
-body.short cite:hover::before           { content: "cite" }
-body.short cite[class]:hover::before    { content: "cite." attr(class) }
-samp:hover::before                      { content: "sample text" }
-samp[class]:hover::before               { content: "sample text type \"" attr(class) "\"" }
-body.short samp:hover::before           { content: "samp" }
-body.short samp[class]:hover::before    { content: "samp." attr(class) }
-var:hover::before                       { content: "variable" }
-var[class]:hover::before                { content: "variable type \"" attr(class) "\"" }
-body.short var:hover::before            { content: "var" }
-body.short var[class]:hover::before     { content: "var." attr(class) }
-del:hover::before                       { content: "deleted text" }
-del[class]:hover::before                { content: "deleted text type \"" attr(class) "\"" }
-body.short del:hover::before            { content: "del" }
-body.short del[class]:hover::before     { content: "del." attr(class) }
-ins:hover::before                       { content: "inserted text" }
-ins[class]:hover::before                { content: "inserted text type \"" attr(class) "\"" }
-body.short ins:hover::before            { content: "ins" }
-body.short ins[class]:hover::before     { content: "ins." attr(class) }
-dfn:hover::before                       { content: "definition" }
-dfn[class]:hover::before                { content: "definition type \"" attr(class) "\"" }
-body.short dfn:hover::before            { content: "dfn" }
-body.short dfn[class]:hover::before     { content: "dfn." attr(class) }
-code:hover::before                      { content: "code fragment" }
-code[class]:hover::before               { content: "code fragment type \"" attr(class) "\"" }
-body.short code:hover::before           { content: "code" }
-body.short code[class]:hover::before    { content: "code." attr(class) }
-sup:hover::before                       { content: "superscript" }
-sup[class]:hover::before                { content: "superscript type \"" attr(class) "\"" }
-body.short sup:hover::before            { content: "sup" }
-body.short sup[class]:hover::before     { content: "sup." attr(class) }
-sub:hover::before                       { content: "subscript" }
-sub[class]:hover::before                { content: "subscript type \"" attr(class) "\""}
-body.short sub:hover::before            { content: "sub" }
-body.short sub[class]:hover::before     { content: "sub." attr(class) }
-
-span:hover,
-strong:hover, b:hover,
-em:hover, i:hover,
-a[href]:hover,
-abbr:hover,
-acronym:hover,
-kbd:hover,
-q:hover,
-cite:hover,
-samp:hover,
-var:hover,
-del:hover,
-ins:hover,
-dfn:hover,
-code:hover,
-sup:hover,
-sub:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAgSURBVAiZY3DMfPj/////DDDMxIAGMAQYHTMf/kcWAADRgQ4R3lkO7wAAAABJRU5ErkJggg==) bottom left no-repeat,
-                        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAgSURBVAiZY/z//z8DDDhlPfrPxIAGMAQYHTMf/kcWAABxJAgb2YLYKgAAAABJRU5ErkJggg==) bottom right no-repeat }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.html b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.html
deleted file mode 100644
index 21bfbb5020..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<!--
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        wymiframe.html
- *        Iframe used by designMode.
- *        See the documentation for more info.
- *
- * File Authors:
- *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
--->
-<html>
-<head>
-<title>WYMeditor iframe</title>
-<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css" />
-<!--[if IE]><link rel="stylesheet" type="text/css" media="screen" href="wymiframe.ie.css" /><![endif]-->
-</head>
-<body></body>
-</html>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.ie.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.ie.css
deleted file mode 100644
index 0be2da2297..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/iframe/pretty/wymiframe.ie.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        wymeditor.ie.css
- *        Main editor css file, IE support.
- *        See the documentation for more info.
- *
- * File Authors:
- *        Gyuris Gellért (bubu a-t ujevangelizacio dothu)
-*/
-
-/* VISUAL FEEDBACK */
-ul, ol, dl { min-height: auto; line-height: 0px }
-li, dt, dd { line-height: 20px; }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/jquery.wymeditor.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/jquery.wymeditor.js
deleted file mode 100644
index da5bbb966c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/jquery.wymeditor.js
+++ /dev/null
@@ -1,26328 +0,0 @@
-/*!
- * jQuery Browser Plugin 0.0.8
- * https://github.com/gabceb/jquery-browser-plugin
- *
- * Original jquery-browser code Copyright 2005, 2015 jQuery Foundation, Inc. and other contributors
- * http://jquery.org/license
- *
- * Modifications Copyright 2015 Gabriel Cebrian
- * https://github.com/gabceb
- *
- * Released under the MIT license
- *
- * Date: 05-07-2015
- */
-/*global window: false */
-
-(function (factory) {
-  if (typeof define === 'function' && define.amd) {
-    // AMD. Register as an anonymous module.
-    define(['jquery'], function ($) {
-      return factory($);
-    });
-  } else if (typeof module === 'object' && typeof module.exports === 'object') {
-    // Node-like environment
-    module.exports = factory(require('jquery'));
-  } else {
-    // Browser globals
-    factory(window.jQuery);
-  }
-}(function(jQuery) {
-  "use strict";
-
-  function uaMatch( ua ) {
-    // If an UA is not provided, default to the current browser UA.
-    if ( ua === undefined ) {
-      ua = window.navigator.userAgent;
-    }
-    ua = ua.toLowerCase();
-
-    var match = /(edge)\/([\w.]+)/.exec( ua ) ||
-        /(opr)[\/]([\w.]+)/.exec( ua ) ||
-        /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
-        /(version)(applewebkit)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec( ua ) ||
-        /(webkit)[ \/]([\w.]+).*(version)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec( ua ) ||
-        /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
-        /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
-        /(msie) ([\w.]+)/.exec( ua ) ||
-        ua.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec( ua ) ||
-        ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
-        [];
-
-    var platform_match = /(ipad)/.exec( ua ) ||
-        /(ipod)/.exec( ua ) ||
-        /(iphone)/.exec( ua ) ||
-        /(kindle)/.exec( ua ) ||
-        /(silk)/.exec( ua ) ||
-        /(android)/.exec( ua ) ||
-        /(windows phone)/.exec( ua ) ||
-        /(win)/.exec( ua ) ||
-        /(mac)/.exec( ua ) ||
-        /(linux)/.exec( ua ) ||
-        /(cros)/.exec( ua ) ||
-        /(playbook)/.exec( ua ) ||
-        /(bb)/.exec( ua ) ||
-        /(blackberry)/.exec( ua ) ||
-        [];
-
-    var browser = {},
-        matched = {
-          browser: match[ 5 ] || match[ 3 ] || match[ 1 ] || "",
-          version: match[ 2 ] || match[ 4 ] || "0",
-          versionNumber: match[ 4 ] || match[ 2 ] || "0",
-          platform: platform_match[ 0 ] || ""
-        };
-
-    if ( matched.browser ) {
-      browser[ matched.browser ] = true;
-      browser.version = matched.version;
-      browser.versionNumber = parseInt(matched.versionNumber, 10);
-    }
-
-    if ( matched.platform ) {
-      browser[ matched.platform ] = true;
-    }
-
-    // These are all considered mobile platforms, meaning they run a mobile browser
-    if ( browser.android || browser.bb || browser.blackberry || browser.ipad || browser.iphone ||
-      browser.ipod || browser.kindle || browser.playbook || browser.silk || browser[ "windows phone" ]) {
-      browser.mobile = true;
-    }
-
-    // These are all considered desktop platforms, meaning they run a desktop browser
-    if ( browser.cros || browser.mac || browser.linux || browser.win ) {
-      browser.desktop = true;
-    }
-
-    // Chrome, Opera 15+ and Safari are webkit based browsers
-    if ( browser.chrome || browser.opr || browser.safari ) {
-      browser.webkit = true;
-    }
-
-    // IE11 has a new token so we will assign it msie to avoid breaking changes
-    // IE12 disguises itself as Chrome, but adds a new Edge token.
-    if ( browser.rv || browser.edge ) {
-      var ie = "msie";
-
-      matched.browser = ie;
-      browser[ie] = true;
-    }
-
-    // Blackberry browsers are marked as Safari on BlackBerry
-    if ( browser.safari && browser.blackberry ) {
-      var blackberry = "blackberry";
-
-      matched.browser = blackberry;
-      browser[blackberry] = true;
-    }
-
-    // Playbook browsers are marked as Safari on Playbook
-    if ( browser.safari && browser.playbook ) {
-      var playbook = "playbook";
-
-      matched.browser = playbook;
-      browser[playbook] = true;
-    }
-
-    // BB10 is a newer OS version of BlackBerry
-    if ( browser.bb ) {
-      var bb = "blackberry";
-
-      matched.browser = bb;
-      browser[bb] = true;
-    }
-
-    // Opera 15+ are identified as opr
-    if ( browser.opr ) {
-      var opera = "opera";
-
-      matched.browser = opera;
-      browser[opera] = true;
-    }
-
-    // Stock Android browsers are marked as Safari on Android.
-    if ( browser.safari && browser.android ) {
-      var android = "android";
-
-      matched.browser = android;
-      browser[android] = true;
-    }
-
-    // Kindle browsers are marked as Safari on Kindle
-    if ( browser.safari && browser.kindle ) {
-      var kindle = "kindle";
-
-      matched.browser = kindle;
-      browser[kindle] = true;
-    }
-
-     // Kindle Silk browsers are marked as Safari on Kindle
-    if ( browser.safari && browser.silk ) {
-      var silk = "silk";
-
-      matched.browser = silk;
-      browser[silk] = true;
-    }
-
-    // Assign the name and platform variable
-    browser.name = matched.browser;
-    browser.platform = matched.platform;
-    return browser;
-  }
-
-  // Run the matching process, also assign the function to the returned object
-  // for manual, jQuery-free use if desired
-  window.jQBrowser = uaMatch( window.navigator.userAgent );
-  window.jQBrowser.uaMatch = uaMatch;
-
-  // Only assign to jQuery.browser if jQuery is loaded
-  if ( jQuery ) {
-    jQuery.browser = window.jQBrowser;
-  }
-
-  return window.jQBrowser;
-}));
-
-/* jshint strict: false, maxlen: 90, evil: true */
-/* global -$, WYMeditor: true, console */
-
-/*@version 1.1.1 */
-/**
-    WYMeditor
-    =========
-
-    version 1.1.1
-
-    WYMeditor : what you see is What You Mean web-based editor
-
-    Main JS file with core classes and functions.
-
-    Copyright
-    ---------
-
-    Copyright (c) 2005 - 2010 Jean-Francois Hovinne, http://www.wymeditor.org/
-    Dual licensed under the MIT (MIT-license.txt)
-    and GPL (GPL-license.txt) licenses.
-
-    Website
-    -------
-
-    For further information visit:
-    http://www.wymeditor.org/
-
-
-    Authors
-    -------
-
-    See AUTHORS file
-*/
-
-// Global WYMeditor namespace.
-if (typeof (WYMeditor) === 'undefined') {
-    /* jshint -W079 */
-    var WYMeditor = {};
-    /* jshint +W079 */
-}
-
-// Wrap the Firebug console in WYMeditor.console
-(function () {
-    if (typeof window.console === 'undefined' &&
-        typeof console === 'undefined') {
-        // No in-browser console logging available
-        var names = [
-                "log", "debug", "info", "warn", "error", "assert", "dir",
-                "dirxml", "group", "groupEnd", "time", "timeEnd", "count",
-                "trace", "profile", "profileEnd"
-            ],
-            noOp = function () {},
-            i;
-
-        WYMeditor.console = {};
-        for (i = 0; i < names.length; i += 1) {
-            WYMeditor.console[names[i]] = noOp;
-        }
-    } else if (typeof console !== 'undefined') {
-        // ie8+
-        WYMeditor.console = console;
-    } else if (window.console.firebug) {
-        // FF with firebug
-        WYMeditor.console = window.console;
-    } else if (window.console) {
-        // Chrome
-        WYMeditor.console = window.console;
-    }
-}());
-
-jQuery.extend(WYMeditor, {
-
-/**
-    Constants
-    =========
-
-    Global WYMeditor constants.
-
-    VERSION             - Defines WYMeditor version.
-    INSTANCES           - An array of loaded WYMeditor.editor instances.
-    STRINGS             - An array of loaded WYMeditor language pairs/values.
-    SKINS               - An array of loaded WYMeditor skins.
-    NAME                - The "name" attribute.
-    WYM_INDEX           - A string used to get/set the instance index.
-    WYM_PATH            - A string replaced by WYMeditor's main JS file path.
-    IFRAME_BASE_PATH    - String replaced by the designmode iframe's base path.
-    IFRAME_DEFAULT      - The iframe's default base path.
-    JQUERY_PATH         - A string replaced by the computed jQuery path.
-    DIRECTION           - A string replaced by the text direction (rtl or ltr).
-    LOGO                - A string replaced by WYMeditor logo.
-    TOOLS               - A string replaced by the toolbar's HTML.
-    TOOLS_ITEMS         - A string replaced by the toolbar items.
-    TOOL_NAME           - A string replaced by a toolbar item's name.
-    TOOL_TITLE          - A string replaced by a toolbar item's title.
-    TOOL_CLASS          - A string replaced by a toolbar item's class.
-    CLASSES             - A string replaced by the classes panel's HTML.
-    CLASSES_ITEMS       - A string replaced by the classes items.
-    CLASS_NAME          - A string replaced by a class item's name.
-    CLASS_TITLE         - A string replaced by a class item's title.
-    CONTAINERS          - A string replaced by the containers panel's HTML.
-    CONTAINERS_ITEMS    - A string replaced by the containers items.
-    CONTAINER_NAME      - A string replaced by a container item's name.
-    CONTAINER_TITLE     - A string replaced by a container item's title.
-    CONTAINER_CLASS     - A string replaced by a container item's class.
-    HTML                - A string replaced by the HTML view panel's HTML.
-    IFRAME              - A string replaced by the designmode iframe.
-    STATUS              - A string replaced by the status panel's HTML.
-    BODY                - The BODY element.
-    STRING              - The "string" type.
-    BODY,DIV,P,
-    H1,H2,H3,H4,H5,H6,
-    PRE,BLOCKQUOTE,
-    A,BR,IMG,
-    TABLE,TD,TH,
-    UL,OL,LI            - HTML elements string representation.
-    CLASS,HREF,SRC,
-    TITLE,REL,ALT       - HTML attributes string representation.
-    KEY                 - Standard key codes.
-    NODE                - Node types.
-
-*/
-
-    A                   : "a",
-    ALT                 : "alt",
-    BLOCKQUOTE          : "blockquote",
-    BODY                : "body",
-    CLASS               : "class",
-    CLASSES             : "{Wym_Classes}",
-    CLASSES_ITEMS       : "{Wym_Classes_Items}",
-    CLASS_NAME          : "{Wym_Class_Name}",
-    CLASS_TITLE         : "{Wym_Class_Title}",
-    CONTAINERS          : "{Wym_Containers}",
-    CONTAINERS_ITEMS    : "{Wym_Containers_Items}",
-    CONTAINER_CLASS     : "{Wym_Container_Class}",
-    CONTAINER_NAME      : "{Wym_Container_Name}",
-    CONTAINER_TITLE     : "{Wym_Containers_Title}",
-    DIRECTION           : "{Wym_Direction}",
-    DIV                 : "div",
-    H1                  : "h1",
-    H2                  : "h2",
-    H3                  : "h3",
-    H4                  : "h4",
-    H5                  : "h5",
-    H6                  : "h6",
-    HREF                : "href",
-    HTML                : "{Wym_Html}",
-    IFRAME              : "{Wym_Iframe}",
-    IFRAME_BASE_PATH    : "{Wym_Iframe_Base_Path}",
-    IFRAME_DEFAULT      : "iframe/default/",
-    IMG                 : "img",
-    INSERT_HTML         : "InsertHTML",
-    INSTANCES           : [],
-    JQUERY_PATH         : "{Wym_Jquery_Path}",
-    LI                  : "li",
-    LOGO                : "{Wym_Logo}",
-    NAME                : "name",
-    NBSP                : '\xA0',
-    NEWLINE             : "\n",
-    OL                  : "ol",
-    P                   : "p",
-    PRE                 : "pre",
-    REL                 : "rel",
-    SKINS               : [],
-    SRC                 : "src",
-    STATUS              : "{Wym_Status}",
-    STRING              : "string",
-    STRINGS             : [],
-    TABLE               : "table",
-    TD                  : "td",
-    TH                  : "th",
-    TITLE               : "title",
-    TOOLS               : "{Wym_Tools}",
-    TOOLS_ITEMS         : "{Wym_Tools_Items}",
-    TOOL_CLASS          : "{Wym_Tool_Class}",
-    TOOL_NAME           : "{Wym_Tool_Name}",
-    TOOL_TITLE          : "{Wym_Tool_Title}",
-    TR                  : "tr",
-    UL                  : "ul",
-    VERSION             : "1.1.1",
-    WYM_INDEX           : "wym_index",
-    WYM_PATH            : "{Wym_Wym_Path}",
-
-    // Commands for the `editor.exec` method
-    EXEC_COMMANDS: {
-        // Inline wrapping element toggles
-        BOLD                : "Bold",
-        ITALIC              : "Italic",
-        SUPERSCRIPT         : "Superscript",
-        SUBSCRIPT           : "Subscript",
-        // Other manipulations
-        CREATE_LINK         : "CreateLink",
-        UNLINK              : "Unlink",
-        FORMAT_BLOCK        : "FormatBlock",
-        INSERT_IMAGE        : "InsertImage",
-        UNDO                : "Undo",
-        REDO                : "Redo",
-        INSERT_LINEBREAK    : "InsertLineBreak",
-        // Lists
-        INSERT_ORDEREDLIST  : "InsertOrderedList",
-        INSERT_UNORDEREDLIST: "InsertUnorderedList",
-        INDENT              : "Indent",
-        OUTDENT             : "Outdent",
-        // UI
-        TOGGLE_HTML         : "ToggleHtml"
-    },
-
-    // Containers that we allow at the root of the document (as a direct child
-    // of the body tag)
-    ROOT_CONTAINERS : [
-        "blockquote",
-        "div",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "p",
-        "pre"
-    ],
-
-    // Containers that we explicitly do not allow at the root of the document.
-    // These containers must be wrapped in a valid root container.
-    FORBIDDEN_ROOT_CONTAINERS : [
-        "a",
-        "b",
-        "em",
-        "i",
-        "span",
-        "strong",
-        "sub",
-        "sup"
-    ],
-
-    // All block (as opposed to inline) tags
-    BLOCKS : [
-        "address",
-        "blockquote",
-        "dd",
-        "div",
-        "dl",
-        "dt",
-        "fieldset",
-        "form",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "hr",
-        "li",
-        "noscript",
-        "ol",
-        "p",
-        "pre",
-        "table",
-        "tbody",
-        "td",
-        "tfoot",
-        "th",
-        "thead",
-        "tr",
-        "ul"
-    ],
-
-    // The subset of the `ROOT_CONTAINERS` that prevent the user from using
-    // up/down/enter/backspace from moving above or below them. They
-    // effectively block the creation of new blocks.
-    BLOCKING_ELEMENTS : [
-        "blockquote",
-        "pre",
-        "table"
-    ],
-
-    // Elements that are not containers. They don't generally have any child
-    // nodes.
-    NON_CONTAINING_ELEMENTS : [
-        "br",
-        "col",
-        "hr",
-        "img"
-    ],
-
-    // Elements that should not contain collapsed selection directly.
-    NO_CARET_ELEMENTS: [
-        "blockquote",
-        "br",
-        "col",
-        "colgroup",
-        "dl",
-        "hr",
-        "img",
-        "ol",
-        "table",
-        "tbody",
-        "tfoot",
-        "thead",
-        "tr",
-        "ul"
-    ],
-
-    // Inline elements.
-    INLINE_ELEMENTS : [
-        "a",
-        "abbr",
-        "acronym",
-        "b",
-        "bdo",
-        "big",
-        "br",
-        "button",
-        "cite",
-        "code",
-        "dfn",
-        "em",
-        "i",
-        "img",
-        "input",
-        "kbd",
-        "label",
-        "map",
-        "object",
-        "q",
-        "samp",
-        "script",
-        "select",
-        "small",
-        "span",
-        "strong",
-        "sub",
-        "sup",
-        "textarea",
-        "tt",
-        "var"
-    ],
-
-    // The remaining `ROOT_CONTAINERS` that are not considered
-    // `BLOCKING_ELEMENTS`
-    NON_BLOCKING_ELEMENTS : [
-        "div",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "p"
-    ],
-
-    // The elements that define a type of list.
-    LIST_TYPE_ELEMENTS : [
-        "ol",
-        "ul"
-    ],
-
-    // The elements that define a heading
-    HEADING_ELEMENTS : [
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6"
-    ],
-
-    // The elements that are allowed to be turned in to lists. If an item in
-    // this array isn't in the ROOT_CONTAINERS array, then its contents will be
-    // turned in to a list instead.
-    POTENTIAL_LIST_ELEMENTS : [
-        "blockquote",
-        "div",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "p",
-        "pre",
-        "td"
-    ],
-
-    // The elements that are allowed to have a table inserted after them or
-    // within them.
-    POTENTIAL_TABLE_INSERT_ELEMENTS : [
-        "blockquote",
-        "div",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "li",
-        "p",
-        "pre"
-    ],
-
-    // The elements that are allowed to have a table inserted inline within
-    // them.
-    INLINE_TABLE_INSERTION_ELEMENTS : [
-        "li"
-    ],
-
-    // The elements used in tables that can be selected by the user by clicking
-    // in them.
-    SELECTABLE_TABLE_ELEMENTS: [
-        "caption",
-        "td",
-        "th"
-    ],
-
-    // Class for marking br elements used to space apart blocking elements in
-    // the editor.
-    BLOCKING_ELEMENT_SPACER_CLASS: "wym-blocking-element-spacer",
-
-    // Class used to flag an element for removal by the xhtml parser so that
-    // the element is removed from the output and only shows up internally
-    // within the editor.
-    EDITOR_ONLY_CLASS: "wym-editor-only",
-
-    // Class for resize handles
-    RESIZE_HANDLE_CLASS: "wym-resize-handle",
-
-    // Classes that will be removed from all tags' class attribute by the
-    // parser.
-    CLASSES_REMOVED_BY_PARSER: [
-        "apple-style-span"
-    ],
-
-    // Keyboard mappings so that we don't have to remember that 38 means up
-    // when reading keyboard handlers
-    KEY_CODE : {
-        B: 66,
-        BACKSPACE: 8,
-        COMMAND: 224,
-        CTRL: 17,
-        CURSOR: [37, 38, 39, 40],
-        DELETE: 46,
-        DOWN: 40,
-        END: 35,
-        ENTER: 13,
-        HOME: 36,
-        I: 73,
-        LEFT: 37,
-        R: 82,
-        RIGHT: 39,
-        TAB: 9,
-        UP: 38
-    },
-
-    // Key codes for the keys that can potentially create a block element when
-    // inputted
-    POTENTIAL_BLOCK_ELEMENT_CREATION_KEYS : [
-        8,   // BACKSPACE
-        13,  // ENTER
-        37,  // LEFT
-        38,  // UP
-        39,  // RIGHT
-        40,  // DOWN
-        46   // DELETE
-    ],
-
-    EVENTS : {
-        'postBlockMaybeCreated': 'wym-postBlockMaybeCreated',
-        'postIframeInitialization': 'wym-postIframeInitialization',
-        'postModification': 'wym-postModification',
-        'postUndo': 'wym-postUndo',
-        'postRedo': 'wym-postRedo'
-    },
-
-    // domNode.nodeType constants
-    NODE_TYPE : {
-        ELEMENT: 1,
-        ATTRIBUTE: 2,
-        TEXT: 3
-    },
-
-    /**
-        WYMeditor.editor
-        ================
-
-        WYMeditor editor main class, instantiated for each editor occurrence.
-
-        See also: WYMeditor.editor.init
-
-        Use
-        ---
-
-        Initializes main values (index, elements, paths, ...)
-        and calls WYMeditor.editor.init which initializes the editor.
-
-        ### Parameters
-
-        elem - The HTML element to be replaced by the editor.
-
-        options - The hash of options.
-
-        ### Returns
-
-        Nothing.
-
-    */
-    editor : function (elem, options) {
-        if (jQuery.getWymeditorByTextarea(elem[0])) {
-            throw "It seems that this textarea already belongs to a " +
-                "WYMeditor instance.";
-        }
-        var wym = this;
-        // Store the instance in the INSTANCES array and store the index
-        wym._index = WYMeditor.INSTANCES.push(wym) - 1;
-        // The element replaced by the editor
-        wym.element = elem;
-        wym._options = options;
-        // Path to the WYMeditor core
-        wym._options.wymPath = wym._options.wymPath ||
-            WYMeditor._computeWymPath();
-        // Path to the main JS files
-        wym._options.basePath = wym._options.basePath ||
-            WYMeditor._computeBasePath(wym._options.wymPath);
-        // The designmode iframe's base path
-        wym._options.iframeBasePath = wym._options.iframeBasePath ||
-            wym._options.basePath + WYMeditor.IFRAME_DEFAULT;
-
-        // Initialize the editor instance
-        wym._init();
-    },
-
-    EXTERNAL_MODULES : {}
-});
-
-/********** jQuery Plugin Definition **********/
-
-/**
-    wymeditor
-    =========
-
-    jQuery plugin function for replacing an HTML element with a WYMeditor
-    instance.
-
-    Example
-    -------
-
-    `jQuery(".wymeditor").wymeditor({});`
-*/
-jQuery.fn.wymeditor = function (options) {
-    var $textareas = this;
-
-    options = jQuery.extend({
-
-        html:       "",
-        basePath:   false,
-        wymPath:    false,
-        iframeBasePath: false,
-        jQueryPath: false,
-        skin:       "default",
-        lang:       "en",
-        direction:  "ltr",
-        customCommands: [],
-
-        // These values will override the default for their respective
-        // `DocumentStructureManager.structureRules`
-        structureRules: {
-            defaultRootContainer:  'p'
-        },
-
-        boxHtml: String() +
-            "<div class='wym_box'>" +
-                "<div class='wym_area_top'>" +
-                    WYMeditor.TOOLS +
-                "</div>" +
-                "<div class='wym_area_left'></div>" +
-                "<div class='wym_area_right'>" +
-                    WYMeditor.CONTAINERS +
-                    WYMeditor.CLASSES +
-                "</div>" +
-                "<div class='wym_area_main'>" +
-                    WYMeditor.HTML +
-                    WYMeditor.IFRAME +
-                    WYMeditor.STATUS +
-                "</div>" +
-                "<div class='wym_area_bottom'>" +
-                    WYMeditor.LOGO +
-                "</div>" +
-            "</div>",
-
-        logoHtml: String() +
-            '<a class="wym_wymeditor_link" ' +
-                'href="http://www.wymeditor.org/">WYMeditor</a>',
-
-        iframeHtml: String() +
-            '<div class="wym_iframe wym_section">' +
-                '<iframe src="' + WYMeditor.IFRAME_BASE_PATH + 'wymiframe.html">' +
-                '</iframe>' +
-            "</div>",
-
-        toolsHtml: String() +
-            '<div class="wym_tools wym_section">' +
-                '<h2>{Tools}</h2>' +
-                '<ul>' +
-                    WYMeditor.TOOLS_ITEMS +
-                '</ul>' +
-            '</div>',
-
-        toolsItemHtml: String() +
-            '<li class="' + WYMeditor.TOOL_CLASS + '">' +
-                '<a href="#" name="' + WYMeditor.TOOL_NAME + '" ' +
-                        'title="' + WYMeditor.TOOL_TITLE + '">' +
-                    WYMeditor.TOOL_TITLE +
-                '</a>' +
-            '</li>',
-
-        toolsItems: [
-            {
-                'name': 'Bold',
-                'title': 'Strong',
-                'css': 'wym_tools_strong'
-            },
-            {
-                'name': 'Italic',
-                'title': 'Emphasis',
-                'css': 'wym_tools_emphasis'
-            },
-            {
-                'name': 'Superscript',
-                'title': 'Superscript',
-                'css': 'wym_tools_superscript'
-            },
-            {
-                'name': 'Subscript',
-                'title': 'Subscript',
-                'css': 'wym_tools_subscript'
-            },
-            {
-                'name': 'InsertOrderedList',
-                'title': 'Ordered_List',
-                'css': 'wym_tools_ordered_list'
-            },
-            {
-                'name': 'InsertUnorderedList',
-                'title': 'Unordered_List',
-                'css': 'wym_tools_unordered_list'
-            },
-            {
-                'name': 'Indent',
-                'title': 'Indent',
-                'css': 'wym_tools_indent'
-            },
-            {
-                'name': 'Outdent',
-                'title': 'Outdent',
-                'css': 'wym_tools_outdent'
-            },
-            {
-                'name': 'Undo',
-                'title': 'Undo',
-                'css': 'wym_tools_undo'
-            },
-            {
-                'name': 'Redo',
-                'title': 'Redo',
-                'css': 'wym_tools_redo'
-            },
-            {
-                'name': 'CreateLink',
-                'title': 'Link',
-                'css': 'wym_tools_link wym_opens_dialog'
-            },
-            {
-                'name': 'Unlink',
-                'title': 'Unlink',
-                'css': 'wym_tools_unlink'
-            },
-            {
-                'name': 'InsertImage',
-                'title': 'Image',
-                'css': 'wym_tools_image wym_opens_dialog'
-            },
-            {
-                'name': 'InsertTable',
-                'title': 'Table',
-                'css': 'wym_tools_table wym_opens_dialog'
-            },
-            {
-                'name': 'Paste',
-                'title': 'Paste_From_Word',
-                'css': 'wym_tools_paste wym_opens_dialog'
-            },
-            {
-                'name': 'ToggleHtml',
-                'title': 'HTML',
-                'css': 'wym_tools_html'
-            },
-            {
-                'name': 'Preview',
-                'title': 'Preview',
-                'css': 'wym_tools_preview wym_opens_dialog'
-            }
-        ],
-
-        containersHtml: String() +
-            '<div class="wym_containers wym_section">' +
-                '<h2>{Containers}</h2>' +
-                '<ul>' +
-                    WYMeditor.CONTAINERS_ITEMS +
-                '</ul>' +
-            '</div>',
-
-        containersItemHtml: String() +
-            '<li class="' + WYMeditor.CONTAINER_CLASS + '">' +
-                '<a href="#" name="' + WYMeditor.CONTAINER_NAME + '">' +
-                    WYMeditor.CONTAINER_TITLE +
-                '</a>' +
-            '</li>',
-
-        containersItems: [
-            {'name': 'P', 'title': 'Paragraph', 'css': 'wym_containers_p'},
-            {'name': 'H1', 'title': 'Heading_1', 'css': 'wym_containers_h1'},
-            {'name': 'H2', 'title': 'Heading_2', 'css': 'wym_containers_h2'},
-            {'name': 'H3', 'title': 'Heading_3', 'css': 'wym_containers_h3'},
-            {'name': 'H4', 'title': 'Heading_4', 'css': 'wym_containers_h4'},
-            {'name': 'H5', 'title': 'Heading_5', 'css': 'wym_containers_h5'},
-            {'name': 'H6', 'title': 'Heading_6', 'css': 'wym_containers_h6'},
-            {'name': 'PRE', 'title': 'Preformatted', 'css': 'wym_containers_pre'},
-            {'name': 'BLOCKQUOTE', 'title': 'Blockquote',
-                'css': 'wym_containers_blockquote'},
-            {'name': 'TH', 'title': 'Table_Header', 'css': 'wym_containers_th'}
-        ],
-
-        classesHtml: String() +
-            '<div class="wym_classes wym_section">' +
-                '<h2>{Classes}</h2>' +
-                '<ul>' +
-                    WYMeditor.CLASSES_ITEMS +
-                '</ul>' +
-            '</div>',
-
-        classesItemHtml: String() +
-            '<li class="wym_classes_' + WYMeditor.CLASS_NAME + '">' +
-                '<a href="#" name="' + WYMeditor.CLASS_NAME + '">' +
-                    WYMeditor.CLASS_TITLE +
-                '</a>' +
-            '</li>',
-
-        classesItems:      [],
-        statusHtml: String() +
-            '<div class="wym_status wym_section">' +
-                '<h2>{Status}</h2>' +
-            '</div>',
-
-        htmlHtml: String() +
-            '<div class="wym_html wym_section">' +
-                '<h2>{Source_Code}</h2>' +
-                '<textarea class="wym_html_val"></textarea>' +
-            '</div>',
-
-        boxSelector:        ".wym_box",
-        toolsSelector:      ".wym_tools",
-        toolsListSelector:  " ul",
-        containersSelector: ".wym_containers",
-        classesSelector:    ".wym_classes",
-        htmlSelector:       ".wym_html",
-        iframeSelector:     ".wym_iframe iframe",
-        iframeBodySelector: ".wym_iframe",
-        statusSelector:     ".wym_status",
-        toolSelector:       ".wym_tools a",
-        containerSelector:  ".wym_containers a",
-        classSelector:      ".wym_classes a",
-        htmlValSelector:    ".wym_html_val",
-
-        updateSelector:    ".wymupdate",
-        updateEvent:       "click",
-
-        stringDelimiterLeft:  "{",
-        stringDelimiterRight: "}",
-
-        preInit: null,
-        preBind: null,
-        postInit: null
-
-    }, options);
-
-    options = jQuery.extend(WYMeditor.DEFAULT_DIALOG_OPTIONS, options);
-
-    return $textareas.each(function () {
-        var textarea = this;
-        // Assigning to _wym because the return value from new isn't
-        // actually used, but we need to use new to properly change the
-        // prototype
-        textarea._wym = new WYMeditor.editor(jQuery(textarea), options);
-    });
-};
-
-// Enable accessing of wymeditor instances via jQuery.wymeditors
-jQuery.extend({
-    wymeditors: function (i) {
-        return WYMeditor.INSTANCES[i];
-    }
-});
-
-jQuery.extend({
-    getWymeditorByTextarea: function (textarea) {
-        var i;
-        if (
-            !(
-                textarea &&
-                textarea.tagName &&
-                textarea.tagName.toLowerCase() === 'textarea'
-            )
-        ) {
-            throw "jQuery.getWymeditorByTextarea requires a textarea element.";
-        }
-        for (i = 0; i < WYMeditor.INSTANCES.length; i++) {
-            if (textarea === WYMeditor.INSTANCES[i].element[0]) {
-                return WYMeditor.INSTANCES[i];
-            }
-        }
-        return false;
-    }
-});
-
-/**
-    jQuery.copyPropsFromObjectToObject
-    =====================================
-
-    General helper function that copies specified list of properties from a
-    specified origin object to a specified target object.
-
-    @param origin The origin object.
-    @param target The target object.
-    @param propNames An array of strings, representing the properties to copy.
-*/
-jQuery.extend({
-    copyPropsFromObjectToObject: function (origin, target, propNames) {
-        var i,
-            propName,
-            prop,
-            props = {};
-
-        for (i = 0; i < propNames.length; i++) {
-            propName = propNames[i];
-            prop = origin[propName];
-            props[propName] = prop;
-        }
-
-        jQuery.extend(target, props);
-    }
-});
-
-/**
-    WYMeditor.isInternetExplorerPre11
-    =================================
-
-    Returns true if the current browser is an Internet Explorer version
-    previous to 11. Otherwise, returns false.
-*/
-WYMeditor.isInternetExplorerPre11 = function () {
-    if (
-        jQuery.browser.msie &&
-        jQuery.browser.versionNumber < 11
-    ) {
-        return true;
-    }
-    return false;
-};
-
-/**
-    WYMeditor.isInternetExplorer11OrNewer
-    =====================================
-
-    Returns true if the current browser is an Internet Explorer version 11 or
-    newer. Otherwise, returns false.
-*/
-WYMeditor.isInternetExplorer11OrNewer = function () {
-    if (
-        jQuery.browser.msie &&
-        jQuery.browser.versionNumber >= 11
-    ) {
-        return true;
-    }
-    return false;
-};
-
-/**
-    WYMeditor._computeWymPath
-    =========================
-
-    Get the relative path to the WYMeditor core js file for usage as
-    a src attribute for script inclusion.
-
-    Looks for script tags on the current page and finds the first matching
-    src attribute matching any of these values:
-    * jquery.wymeditor.pack.js
-    * jquery.wymeditor.min.js
-    * jquery.wymeditor.packed.js
-    * jquery.wymeditor.js
-    * /core.js
-*/
-WYMeditor._computeWymPath = function () {
-    var script = jQuery(
-        jQuery.grep(
-            jQuery('script'),
-            function (s) {
-                if (!s.src) {
-                    return null;
-                }
-                return (
-                    s.src.match(
-                        /jquery\.wymeditor(\.pack|\.min|\.packed)?\.js(\?.*)?$/
-                    ) ||
-                    s.src.match(
-                            /\/core\.js(\?.*)?$/
-                        )
-                );
-            }
-        )
-    );
-    if (script.length > 0) {
-        return script.attr('src');
-    }
-    // We couldn't locate the base path. This will break language loading
-    // and other features.
-    WYMeditor.console.warn(
-        "Error determining wymPath. No base WYMeditor file located."
-    );
-    WYMeditor.console.warn("Assuming wymPath to be the current URL");
-    WYMeditor.console.warn("Please pass a correct wymPath option");
-
-    // Guess that the wymPath is the current directory
-    return '';
-};
-
-/**
-    WYMeditor._computeBasePath
-    ==========================
-
-    Get the relative path to the WYMeditor directory root based on the path to
-    the wymeditor base file. This path is used as the basis for loading:
-    * Language files
-    * Skins
-    * The popup document https://github.com/wymeditor/wymeditor/issues/731
-*/
-WYMeditor._computeBasePath = function (wymPath) {
-    // Strip everything after the last slash to get the base path
-    var lastSlashIndex = wymPath.lastIndexOf('/');
-    return wymPath.substr(0, lastSlashIndex + 1);
-};
-
-/********** HELPERS **********/
-
-// Returns true if it is a text node with whitespaces only
-jQuery.fn.isPhantomNode = function () {
-    var $nodes = this;
-    if ($nodes[0].nodeType === WYMeditor.NODE_TYPE.TEXT) {
-        return !(/[^\t\n\r ]/.test($nodes[0].data));
-    }
-
-    return false;
-};
-
-/**
-    jQuery.fn.nextContentsUntil
-    ===========================
-
-    Acts like jQuery.nextUntil() but includes text nodes and comments and only
-    works on the first element in the given jQuery collection..
-*/
-jQuery.fn.nextContentsUntil = function (selector, filter) {
-    var $nodes = this,
-        matched = [],
-        $matched,
-        cur = $nodes.get(0);
-
-    selector = selector ? selector : '';
-    filter = filter ? filter : '';
-
-    if (!cur) {
-        // Called on an empty selector. The sibling of nothing is nothing
-        return jQuery();
-    }
-    // We don't want to include this element, only its siblings
-    cur = cur.nextSibling;
-
-    while (cur) {
-        if (!jQuery(cur).is(selector)) {
-            matched.push(cur);
-            cur = cur.nextSibling;
-        } else {
-            break;
-        }
-    }
-
-    $matched = jQuery(matched);
-    if (filter) {
-        return $matched.filter(filter);
-    }
-    return $matched;
-};
-/**
-    jQuery.fn.nextAllContents
-    =========================
-
-    Acts like jQuery.nextAll() but includes text nodes and comments and only
-    works on the first element in the given jQuery collection..
-
-    Mostly cribbed from the jQuery source.
-*/
-jQuery.fn.nextAllContents = function () {
-    var $nodes = this;
-    return jQuery($nodes).nextContentsUntil('', '');
-};
-
-/**
-    jQuery.fn.prevContentsUntil
-    ===========================
-
-    Acts like jQuery.prevUntil() but includes text nodes and comments and only
-    works on the first element in the given jQuery collection..
-*/
-jQuery.fn.prevContentsUntil = function (selector, filter) {
-    var $nodes = this,
-        matched = [],
-        $matched,
-        cur = $nodes.get(0);
-
-    selector = selector ? selector : '';
-    filter = filter ? filter : '';
-
-    if (!cur) {
-        // Called on an empty selector. The sibling of nothing is nothing
-        return jQuery();
-    }
-    // We don't want to include this element, only its siblings
-    cur = cur.previousSibling;
-
-    while (cur) {
-        if (!jQuery(cur).is(selector)) {
-            matched.push(cur);
-            cur = cur.previousSibling;
-        } else {
-            break;
-        }
-    }
-
-    $matched = jQuery(matched);
-    if (filter) {
-        return $matched.filter(filter);
-    }
-    return $matched;
-};
-
-/**
-    jQuery.fn.prevAllContents
-    =========================
-
-    Acts like jQuery.prevAll() but includes text nodes and comments and only
-    works on the first element in the given jQuery collection..
-
-    Mostly cribbed from the jQuery source.
-*/
-jQuery.fn.prevAllContents = function () {
-    var $nodes = this;
-    return jQuery($nodes).prevContentsUntil('', '');
-};
-
-WYMeditor.isPhantomNode = function (n) {
-    if (n.nodeType === WYMeditor.NODE_TYPE.TEXT) {
-        return !(/[^\t\n\r ]/.test(n.data));
-    }
-
-    return false;
-};
-
-WYMeditor.isPhantomString = function (str) {
-    return !(/[^\t\n\r ]/.test(str));
-};
-
-jQuery.fn.addBack = jQuery.fn.addBack ? jQuery.fn.addBack : jQuery.fn.andSelf;
-
-// Returns the Parents or the node itself
-// `selector` = a jQuery selector
-jQuery.fn.parentsOrSelf = function (selector) {
-    var $n = this;
-
-    if (selector) {
-        return $n.parents().addBack().filter(selector);
-    } else {
-        return $n.parents().addBack();
-    }
-};
-
-// Various helpers
-
-WYMeditor.Helper = {
-
-    //replace all instances of 'old' by 'rep' in 'str' string
-    replaceAllInStr: function (str, old, rep) {
-        var rExp = new RegExp(old, "g");
-        return str.replace(rExp, rep);
-    },
-
-    //insert 'inserted' at position 'pos' in 'str' string
-    insertAt: function (str, inserted, pos) {
-        return str.substr(0, pos) + inserted + str.substring(pos);
-    },
-
-    //trim 'str' string
-    trim: function (str) {
-        return str.replace(/^(\s*)|(\s*)$/gm, '');
-    },
-
-    //Returns true if `array`` contains `thing`. Uses `===` for comparison of
-    //provided `thing` with contents of provided `array`.
-    arrayContains: function (arr, elem) {
-        var i;
-        for (i = 0; i < arr.length; i += 1) {
-            if (arr[i] === elem) {
-                return true;
-            }
-        }
-        return false;
-    },
-
-    //return 'item' position in 'arr' array, or -1
-    indexOf: function (arr, item) {
-        var ret = -1, i;
-        for (i = 0; i < arr.length; i += 1) {
-            if (arr[i] === item) {
-                ret = i;
-                break;
-            }
-        }
-        return ret;
-    },
-
-    //return 'item' object in 'arr' array, checking its 'name' property, or null
-    _getFromArrayByName: function (arr, name) {
-        var i, item;
-        for (i = 0; i < arr.length; i += 1) {
-            item = arr[i];
-            if (item.name === name) {
-                return item;
-            }
-        }
-        return null;
-    },
-
-    // naively returns all event types
-    // of the provided an element
-    // according the its property keys that
-    // begin with 'on'
-    getAllEventTypes: function (elem) {
-        var result = [];
-        for (var key in elem) {
-            if (key.indexOf('on') === 0 && key !== 'onmousemove') {
-                result.push(key.slice(2));
-            }
-        }
-        return result.join(' ');
-    }
-};
-
-/**
-    WYMeditor._getWymClassForBrowser
-    ================================
-
-    Returns the constructor for the browser-specific wymeditor instance.
-
-    If does not detect a supported browser, returns false;
-*/
-WYMeditor._getWymClassForBrowser = function () {
-
-    // Using https://github.com/gabceb/jquery-browser-plugin
-    switch (jQuery.browser.name) {
-        case "msie":
-            if (WYMeditor.isInternetExplorerPre11()) {
-                return WYMeditor.WymClassTridentPre7;
-            } else if (WYMeditor.isInternetExplorer11OrNewer()) {
-                return WYMeditor.WymClassTrident7;
-            } else {
-                return false;
-            }
-            break;
-        case "mozilla":
-            return WYMeditor.WymClassGecko;
-        case "chrome":
-            return WYMeditor.WymClassBlink;
-        case "safari":
-            return WYMeditor.WymClassSafari;
-    }
-
-    if (jQuery.browser.webkit) {
-        return WYMeditor.WymClassWebKit;
-    }
-
-    WYMeditor.console.warn("WYMeditor could not instantiate: this browser " +
-        "is not supported");
-    return false;
-};
-
-"use strict";
-/**
-    editor._openPopupWindow
-    =======================
-
-    Opens a popup window, provided the `windowFeatures`.
-*/
-WYMeditor.editor.prototype._openPopupWindow = function (windowFeatures) {
-    var wym = this,
-        popup,
-        basePath = wym._options.basePath;
-
-    popup = window.open(
-        // https://github.com/wymeditor/wymeditor/issues/731
-        jQuery.browser.msie ? basePath + 'popup.html' : '',
-        "wymPopupWindow",
-        windowFeatures
-    );
-
-    return popup;
-};
-
-/**
-    editor.dialog
-    =============
-
-    Open a dialog box
-*/
-WYMeditor.editor.prototype.dialog = function (
-    dialog,
-    pDialogWindowFeatures,
-    pBodyHtml
-) {
-    var wym = this,
-        i,
-        DIALOGS = WYMeditor.DIALOGS,
-        dialogObject,
-        dialogWindowFeatures,
-        wDialog,
-        htmlStrReplacements,
-        dialogHtml,
-        doc,
-        selectedContainer,
-        options = wym._options;
-
-    if (jQuery.isPlainObject(dialog)) {
-        // Dialog object provided. This is the documented public API way.
-        dialogObject = dialog;
-    } else if (
-        // Dialog name string provided. This is undocumented.
-        typeof dialog === "string" &&
-        DIALOGS.hasOwnProperty(dialog)
-    ) {
-        WYMeditor.console.warn("DEPRECATION WARNING: `dialog` method " +
-            "received a string dialog name. Please provide a dialog object " +
-            "instead.");
-        dialogObject = DIALOGS[dialog];
-    }
-
-    if (
-        jQuery.isPlainObject(dialogObject) !== true &&
-        typeof pBodyHtml !== "string"
-    ) {
-        throw "`dialog` method: No dialog provided";
-    }
-
-    if (dialogObject) {
-        if (
-            dialogObject.hasOwnProperty("title") !== true ||
-            dialogObject.hasOwnProperty("shouldOpen") !== true ||
-            dialogObject.hasOwnProperty("getBodyHtml") !== true
-        ) {
-            throw "Expected the dialog object to contain at least `title`, " +
-                "`shouldOpen` and `getbodyHtml`";
-        }
-    }
-
-    // Return `false` early if this dialog should not open. Use the dialog's
-    // own function to check this.
-    if (
-        dialogObject &&
-        dialogObject.shouldOpen.call(wym) !== true
-    ) {
-        return false;
-    }
-
-    if (pDialogWindowFeatures) {
-        // Provided argument
-        dialogWindowFeatures = pDialogWindowFeatures;
-    } else if (dialogObject && dialogObject.getWindowFeatures) {
-        // Dialog's code
-        dialogWindowFeatures = dialogObject.getWindowFeatures.call(wym);
-    } else if (options.dialogFeatures) {
-        // Provided option
-        dialogWindowFeatures = options.dialogFeatures;
-    } else {
-        // Default
-        dialogWindowFeatures = [
-            "menubar=no",
-            "titlebar=no",
-            "toolbar=no",
-            "resizable=no",
-            "width=560",
-            "height=300",
-            "top=0",
-            "left=0"
-        ].join(",");
-    }
-
-    wDialog = wym._openPopupWindow(dialogWindowFeatures);
-
-    if (
-        typeof wDialog !== "object" ||
-        wDialog.window !== wDialog
-    ) {
-        WYMeditor.console.warn("Could not create a dialog window");
-        return false;
-    }
-
-    // In the case where a dialog window already exists, it will be reused.
-    // If it is in the background, behind another window, without the following
-    // `focus` call, it will remain in the background and the user may not
-    // understand where it is. This `focus` call brings the dialog to the
-    // foreground, making reasonably sure the user notices it.
-    wDialog.focus();
-
-    // Construct the dialog
-    dialogHtml = options.dialogHtml || String() +
-        '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ' +
-                '"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">' +
-        '<html dir="' + WYMeditor.DIRECTION + '">' +
-            '<head>' +
-                '<title>' + WYMeditor.DIALOG_TITLE + '</title>' +
-            '</head>' +
-            WYMeditor.DIALOG_BODY +
-        '</html>';
-
-    // HTML template replacements
-    htmlStrReplacements = [
-        {
-            placeholder: WYMeditor.DIRECTION,
-            replacement: options.direction
-        },
-        {
-            placeholder: WYMeditor.DIALOG_TITLE,
-            replacement: dialogObject ?
-                wym._encloseString(dialogObject.title) : "Dialog"
-        },
-        {
-            placeholder: WYMeditor.DIALOG_BODY,
-            replacement: pBodyHtml || dialogObject.getBodyHtml.call(wym)
-        }
-    ];
-
-    // Perform HTML template replacements
-    for (i = 0; i < htmlStrReplacements.length; i++) {
-        dialogHtml = WYMeditor.Helper.replaceAllInStr(
-            dialogHtml,
-            htmlStrReplacements[i].placeholder,
-            htmlStrReplacements[i].replacement
-        );
-    }
-
-    dialogHtml = wym.replaceStrings(dialogHtml);
-
-    doc = wDialog.document;
-    doc.write(dialogHtml);
-    if (dialogObject && dialogObject.getBodyClass) {
-        jQuery(doc.body).addClass(dialogObject.getBodyClass.call(wym));
-    }
-    doc.close();
-
-    selectedContainer = wym.selectedContainer();
-
-    wDialog.onbeforeunload = function () {
-        wym.focusOnDocument();
-    };
-
-    // Pre-init function
-    if (jQuery.isFunction(options.preInitDialog)) {
-        options.preInitDialog(wym, wDialog);
-    }
-
-    // Dialog-specific initialization
-    if (dialogObject && dialogObject.initialize) {
-        dialogObject.initialize.call(wym, wDialog);
-    }
-
-    if (dialogObject && dialogObject.submitHandler) {
-        jQuery("form", doc).submit(function () {
-            dialogObject.submitHandler.call(wym, wDialog);
-        });
-    }
-
-    // Cancel button
-    jQuery(options.cancelSelector, doc).click(function () {
-        wDialog.close();
-    });
-
-    // Post-init function
-    if (jQuery.isFunction(options.postInitDialog)) {
-        options.postInitDialog(wym, wDialog);
-    }
-
-    return wDialog;
-};
-
-/*
- * An object of default dialogs.
- *
- * See API documentation for the `dialog` method.
- */
-WYMeditor.DIALOGS = {
-    CreateLink: {
-        title: "Link",
-        shouldOpen: function () {
-            var wym = this,
-                selectedContainer;
-            if (wym.hasSelection() !== true) {
-                return false;
-            }
-            selectedContainer = wym.selectedContainer();
-            if (selectedContainer === false) {
-                return false;
-            }
-            if (
-                wym.selection().isCollapsed &&
-                selectedContainer.tagName.toLowerCase() !== "a"
-            ) {
-                return false;
-            }
-            return true;
-        },
-        getBodyHtml: function () {
-            var wym = this;
-            return wym._options.dialogLinkHtml || String() +
-                '<form>' +
-                    '<fieldset>' +
-                        '<input type="hidden" class="wym_dialog_type" ' +
-                            'value="' + WYMeditor.DIALOG_LINK + '" />' +
-                        '<legend>{Link}</legend>' +
-                        '<div class="row">' +
-                            '<label>{URL}</label>' +
-                            '<input type="text" class="wym_href" ' +
-                                'value="" size="40" ' +
-                                'autofocus="autofocus" />' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<label>{Title}</label>' +
-                            '<input type="text" class="wym_title" ' +
-                                'value="" size="40" />' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<label>{Relationship}</label>' +
-                            '<input type="text" class="wym_rel" ' +
-                                'value="" size="40" />' +
-                        '</div>' +
-                        '<div class="row row-indent">' +
-                            '<input class="wym_submit" type="submit" ' +
-                                'value="{Submit}" />' +
-                            '<input class="wym_cancel" type="button" ' +
-                                'value="{Cancel}" />' +
-                        '</div>' +
-                    '</fieldset>' +
-                '</form>';
-        },
-        getBodyClass: function () {
-            var wym = this;
-            return wym._options.dialogSelectorLink || "wym_dialog_link";
-        },
-        initialize: function (wDialog) {
-            var wym = this,
-                doc = wDialog.document,
-                options = wym._options,
-                selectedContainer = wym.selectedContainer(),
-                $hrefInput,
-                $titleInput,
-                $relInput,
-                currentHref,
-                currentTitle,
-                currentRel;
-
-            if (!selectedContainer) {
-                return;
-            }
-
-            $hrefInput = jQuery(options.hrefSelector, doc);
-            $titleInput = jQuery(options.titleSelector, doc);
-            $relInput = jQuery(options.relSelector, doc);
-
-            currentHref = jQuery(selectedContainer).attr(WYMeditor.HREF);
-            currentTitle = jQuery(selectedContainer).attr(WYMeditor.TITLE);
-            currentRel = jQuery(selectedContainer).attr(WYMeditor.REL);
-
-            $hrefInput.val(currentHref);
-            $titleInput.val(currentTitle);
-            $relInput.val(currentRel);
-        },
-        submitHandler: function (wDialog) {
-            var wym = this,
-                options = wym._options,
-                href = jQuery(options.hrefSelector, wDialog.document).val(),
-                title = jQuery(options.titleSelector, wDialog.document).val(),
-                rel = jQuery(options.relSelector, wDialog.document).val();
-
-            wym.link({
-                href: href,
-                title: title,
-                rel: rel
-            });
-            wDialog.close();
-        }
-    },
-    InsertImage: {
-        title: "Image",
-        shouldOpen: function () {
-            var wym = this,
-                selectedImage = wym.getSelectedImage();
-            if (
-                selectedImage &&
-                selectedImage.tagName &&
-                selectedImage.tagName.toLowerCase() === "img"
-            ) {
-                return true;
-            }
-            return wym.hasSelection();
-        },
-        getBodyHtml: function () {
-            var wym = this;
-            return wym._options.dialogImageHtml || String() +
-                '<form>' +
-                    '<fieldset>' +
-                        '<input type="hidden" class="wym_dialog_type" ' +
-                            'value="' + WYMeditor.DIALOG_IMAGE + '" />' +
-                        '<legend>{Image}</legend>' +
-                        '<div class="row">' +
-                            '<label>{URL}</label>' +
-                            '<input type="text" class="wym_src" ' +
-                                'value="" size="40" ' +
-                                'autofocus="autofocus" />' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<label>{Alternative_Text}</label>' +
-                            '<input type="text" class="wym_alt" ' +
-                                'value="" size="40" />' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<label>{Title}</label>' +
-                            '<input type="text" class="wym_title" ' +
-                                'value="" size="40" />' +
-                        '</div>' +
-                        '<div class="row row-indent">' +
-                            '<input class="wym_submit" type="submit" ' +
-                                'value="{Submit}" />' +
-                            '<input class="wym_cancel" type="button" ' +
-                                'value="{Cancel}" />' +
-                        '</div>' +
-                    '</fieldset>' +
-                '</form>';
-        },
-        getBodyClass: function () {
-            var wym = this;
-            return wym._options.dialogImageSelector || "wym_dialog_image";
-        },
-        initialize: function (wDialog) {
-            var wym = this,
-                doc = wDialog.document,
-                options = wym._options,
-                selectedImage = wym.getSelectedImage(),
-                $srcInput,
-                $titleInput,
-                $altInput,
-                currentSrc,
-                currentTitle,
-                currentAlt;
-
-            if (!selectedImage) {
-                return;
-            }
-
-            $srcInput = jQuery(options.srcSelector, doc);
-            $titleInput = jQuery(options.titleSelector, doc);
-            $altInput = jQuery(options.altSelector, doc);
-
-            currentSrc = jQuery(selectedImage).attr(WYMeditor.SRC);
-            currentTitle = jQuery(selectedImage).attr(WYMeditor.TITLE);
-            currentAlt = jQuery(selectedImage).attr(WYMeditor.ALT);
-
-            $srcInput.val(currentSrc);
-            $titleInput.val(currentTitle);
-            $altInput.val(currentAlt);
-        },
-        submitHandler: function (wDialog) {
-            var wym = this,
-                options = wym._options,
-                imgAttrs,
-                selectedImage = wym.getSelectedImage();
-
-            imgAttrs = {
-                src: jQuery(options.srcSelector, wDialog.document).val(),
-                title: jQuery(options.titleSelector, wDialog.document).val(),
-                alt: jQuery(options.altSelector, wDialog.document).val()
-            };
-
-            wym.focusOnDocument();
-
-            if (selectedImage) {
-                wym._updateImageAttrs(selectedImage, imgAttrs);
-                wym.registerModification();
-            } else {
-                wym.insertImage(imgAttrs);
-            }
-            wDialog.close();
-        }
-    },
-    InsertTable: {
-        title: "Table",
-        shouldOpen: function () {
-            var wym = this;
-            if (
-                wym.hasSelection() !== true ||
-                wym.selection().isCollapsed !== true
-            ) {
-                return false;
-            }
-            return true;
-        },
-        getBodyHtml: function () {
-            var wym = this;
-            return wym._options.dialogTableHtml || String() +
-                '<form>' +
-                    '<fieldset>' +
-                        '<input type="hidden" class="wym_dialog_type" ' +
-                            'value="' + WYMeditor.DIALOG_TABLE + '" />' +
-                        '<legend>{Table}</legend>' +
-                        '<div class="row">' +
-                            '<label>{Caption}</label>' +
-                            '<input type="text" class="wym_caption" ' +
-                                'value="" size="40" />' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<label>{Summary}</label>' +
-                            '<input type="text" class="wym_summary" ' +
-                                'value="" size="40" />' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<label>{Number_Of_Rows}</label>' +
-                            '<input type="text" class="wym_rows" ' +
-                                'value="3" size="3" />' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<label>{Number_Of_Cols}</label>' +
-                            '<input type="text" class="wym_cols" ' +
-                                'value="2" size="3" />' +
-                        '</div>' +
-                        '<div class="row row-indent">' +
-                            '<input class="wym_submit" type="submit" ' +
-                                'value="{Submit}" />' +
-                            '<input class="wym_cancel" type="button" ' +
-                                'value="{Cancel}" />' +
-                        '</div>' +
-                    '</fieldset>' +
-                '</form>';
-        },
-        getBodyClass: function () {
-            var wym = this;
-            return wym._options.dialogTableSelector || "wym_dialog_table";
-        },
-        submitHandler: function (wDialog) {
-            var wym = this,
-                options = wym._options,
-                doc = wDialog.document,
-                numRows = jQuery(options.rowsSelector, doc).val(),
-                numColumns = jQuery(options.colsSelector, doc).val(),
-                caption = jQuery(options.captionSelector, doc).val(),
-                summary = jQuery(options.summarySelector, doc).val();
-
-            wym.insertTable(numRows, numColumns, caption, summary);
-            wDialog.close();
-        }
-    },
-    Paste: {
-        title: "Paste_From_Word",
-        shouldOpen: function () {
-            var wym = this;
-            return wym.hasSelection();
-        },
-        getBodyHtml: function () {
-            var wym = this;
-            return wym._options.dialogPasteHtml || String() +
-                '<form>' +
-                    '<input type="hidden" class="wym_dialog_type" ' +
-                        'value="' + WYMeditor.DIALOG_PASTE + '" />' +
-                    '<fieldset>' +
-                        '<legend>{Paste_From_Word}</legend>' +
-                        '<div class="row">' +
-                            '<textarea class="wym_text" rows="10" ' +
-                                'cols="50" autofocus="autofocus">' +
-                            '</textarea>' +
-                        '</div>' +
-                        '<div class="row">' +
-                            '<input class="wym_submit" type="submit" ' +
-                                'value="{Submit}" />' +
-                            '<input class="wym_cancel" type="button" ' +
-                                'value="{Cancel}" />' +
-                        '</div>' +
-                    '</fieldset>' +
-                '</form>';
-        },
-        getBodyClass: function () {
-            var wym = this;
-            return wym._options.dialogPasteSelector || "wym_dialog_paste";
-        },
-        submitHandler: function (wDialog) {
-            var wym = this,
-                sText;
-            sText = jQuery(wym._options.textSelector, wDialog.document).val();
-            wym.paste(sText);
-            wDialog.close();
-        }
-    },
-    Preview: {
-        title: "Preview",
-        shouldOpen: function () {
-            return true;
-        },
-        getBodyHtml: function () {
-            var wym = this;
-            return wym._options.dialogPreviewHtml || wym.html();
-        },
-        getWindowFeatures: function () {
-            return [
-                "menubar=no",
-                "titlebar=no",
-                "toolbar=no",
-                "resizable=no",
-                "width=560",
-                "height=300",
-                "top=0",
-                "left=0",
-                "scrollbars=yes"
-            ].join(",");
-        },
-        getBodyClass: function () {
-            var wym = this;
-            return wym._options.dialogPreviewSelector || "wym_dialog_preview";
-        }
-    }
-};
-
-WYMeditor.DIALOG_TITLE = "{Wym_Dialog_Title}";
-WYMeditor.DIALOG_BODY = "{Wym_Dialog_Body}";
-WYMeditor.DIALOG_BUTTON_SELECTOR = ".wym_opens_dialog a";
-
-WYMeditor.DEFAULT_DIALOG_OPTIONS = {
-    hrefSelector: ".wym_href",
-    srcSelector: ".wym_src",
-    titleSelector: ".wym_title",
-    relSelector: ".wym_rel",
-    altSelector: ".wym_alt",
-    textSelector: ".wym_text",
-    rowsSelector: ".wym_rows",
-    colsSelector: ".wym_cols",
-    captionSelector: ".wym_caption",
-    summarySelector: ".wym_summary",
-    submitSelector: "form",
-    cancelSelector: ".wym_cancel",
-    previewSelector: "",
-    dialogLinkSelector: ".wym_dialog_link",
-    dialogImageSelector: ".wym_dialog_image",
-    dialogTableSelector: ".wym_dialog_table",
-    dialogPasteSelector: ".wym_dialog_paste",
-    dialogPreviewSelector: ".wym_dialog_preview"
-};
-
-/* jshint evil: true, camelcase: false, maxlen: 100 */
-/* global -$, rangy */
-"use strict";
-
-/**
-    WYMeditor.editor._init
-    ======================
-
-    Initialize a wymeditor instance, including detecting the
-    current browser and enabling the browser-specific subclass.
-*/
-WYMeditor.editor.prototype._init = function () {
-    // Load the browser-specific subclass
-    // If this browser isn't supported, do nothing
-    var wym = this,
-        WymClass,
-        browserInstance,
-        SaxListener,
-        prop,
-        h,
-        iframeHtml,
-        boxHtml,
-        aTools,
-        sTools,
-        oTool,
-        sTool,
-        i,
-        aClasses,
-        sClasses,
-        oClass,
-        sClass,
-        aContainers,
-        sContainers,
-        sContainer,
-        oContainer;
-
-    // Get the constructor for the browser-specific instance
-    WymClass = WYMeditor._getWymClassForBrowser();
-
-    if (!WymClass) {
-        // We don't support this browser. Don't initialize.
-        return;
-    }
-
-    // Initialize the browser-specific instance
-    browserInstance = new WymClass(wym);
-
-    if (jQuery.isFunction(wym._options.preInit)) {
-        wym._options.preInit(wym);
-    }
-
-    wym.parser = null;
-    wym.helper = null;
-
-    SaxListener = new WYMeditor.XhtmlSaxListener();
-    wym.parser = new WYMeditor.XhtmlParser(SaxListener);
-
-    wym.helper = new WYMeditor.XmlHelper();
-
-    // Extend the editor object with the browser-specific version.
-    // We're not using jQuery.extend because we *want* to copy properties via
-    // the prototype chain
-    for (prop in browserInstance) {
-        /*jshint forin: false*/
-        // Explicitly not using hasOwnProperty for the inheritance here
-        // because we want to go up the prototype chain to get all of the
-        // browser-specific editor methods. This is kind of a code smell,
-        // but works just fine.
-        wym[prop] = browserInstance[prop];
-    }
-
-    // Load wymbox
-    wym._box = jQuery(wym.element).hide().after(
-        wym._options.boxHtml
-    ).next().addClass(
-        'wym_box_' + wym._index
-    );
-
-    // Store the instance index and replaced element in wymbox
-    // but keep it compatible with jQuery < 1.2.3, see #122
-    if (jQuery.isFunction(jQuery.fn.data)) {
-        jQuery.data(wym._box.get(0), WYMeditor.WYM_INDEX, wym._index);
-        jQuery.data(wym.element.get(0), WYMeditor.WYM_INDEX, wym._index);
-    }
-
-    h = WYMeditor.Helper;
-
-    // Construct the iframe
-    iframeHtml = wym._options.iframeHtml;
-    iframeHtml = h.replaceAllInStr(
-        iframeHtml,
-        WYMeditor.IFRAME_BASE_PATH,
-        wym._options.iframeBasePath
-    );
-
-    // Construct wymbox
-    boxHtml = jQuery(wym._box).html();
-
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.LOGO, wym._options.logoHtml);
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.TOOLS, wym._options.toolsHtml);
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.CONTAINERS, wym._options.containersHtml);
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.CLASSES, wym._options.classesHtml);
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.HTML, wym._options.htmlHtml);
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.IFRAME, iframeHtml);
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.STATUS, wym._options.statusHtml);
-
-    // Construct the tools list
-    aTools = eval(wym._options.toolsItems);
-    sTools = "";
-
-    for (i = 0; i < aTools.length; i += 1) {
-        oTool = aTools[i];
-        sTool = '';
-        if (oTool.name && oTool.title) {
-            sTool = wym._options.toolsItemHtml;
-        }
-        sTool = h.replaceAllInStr(sTool, WYMeditor.TOOL_NAME, oTool.name);
-        sTool = h.replaceAllInStr(
-            sTool,
-            WYMeditor.TOOL_TITLE,
-            wym._options.stringDelimiterLeft + oTool.title + wym._options.stringDelimiterRight
-        );
-        sTool = h.replaceAllInStr(sTool, WYMeditor.TOOL_CLASS, oTool.css);
-        sTools += sTool;
-    }
-
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.TOOLS_ITEMS, sTools);
-
-    // Construct the classes list
-    aClasses = eval(wym._options.classesItems);
-    sClasses = "";
-
-    for (i = 0; i < aClasses.length; i += 1) {
-        oClass = aClasses[i];
-        sClass = '';
-        if (oClass.name && oClass.title) {
-            sClass = wym._options.classesItemHtml;
-        }
-        sClass = h.replaceAllInStr(sClass, WYMeditor.CLASS_NAME, oClass.name);
-        sClass = h.replaceAllInStr(sClass, WYMeditor.CLASS_TITLE, oClass.title);
-        sClasses += sClass;
-    }
-
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.CLASSES_ITEMS, sClasses);
-
-    // Construct the containers list
-    aContainers = eval(wym._options.containersItems);
-    sContainers = "";
-
-    for (i = 0; i < aContainers.length; i += 1) {
-        oContainer = aContainers[i];
-        sContainer = '';
-        if (oContainer.name && oContainer.title) {
-            sContainer = wym._options.containersItemHtml;
-        }
-        sContainer = h.replaceAllInStr(
-            sContainer,
-            WYMeditor.CONTAINER_NAME,
-            oContainer.name
-        );
-        sContainer = h.replaceAllInStr(sContainer, WYMeditor.CONTAINER_TITLE,
-            wym._options.stringDelimiterLeft +
-            oContainer.title +
-            wym._options.stringDelimiterRight);
-        sContainer = h.replaceAllInStr(
-            sContainer,
-            WYMeditor.CONTAINER_CLASS,
-            oContainer.css
-        );
-        sContainers += sContainer;
-    }
-
-    boxHtml = h.replaceAllInStr(boxHtml, WYMeditor.CONTAINERS_ITEMS, sContainers);
-
-    // I10n
-    boxHtml = wym.replaceStrings(boxHtml);
-
-    // Load the html in wymbox
-    jQuery(wym._box).html(boxHtml);
-
-    // Hide the html value
-    jQuery(wym._box).find(wym._options.htmlSelector).hide();
-
-    wym.documentStructureManager = new WYMeditor.DocumentStructureManager(
-        wym,
-        wym._options.structureRules.defaultRootContainer
-    );
-
-    // Some browsers like to trigger an iframe's load event multiple times
-    // depending on all sorts of small, annoying details. Instead of attempting
-    // to work-around old ones and predict new ones, let's just ensure the
-    // initialization only happens once. All methods of detecting load are
-    // unreliable.
-    wym.iframeInitialized = false;
-
-    wym._iframe = jQuery(wym._box).find('iframe')[0];
-
-    jQuery(wym._iframe).load(function () {
-        wym._onEditorIframeLoad(wym);
-    });
-
-    wym.element.attr('data-wym-initialized', 'yes');
-
-    wym._initSkin();
-};
-
-/**
-    WYMeditor.editor._assignWymDoc
-    ==============================
-
-    Assigns an editor's document to the `_doc` property.
-*/
-WYMeditor.editor.prototype._assignWymDoc = function () {
-    var wym = this;
-
-    wym._doc = wym._iframe.contentDocument;
-};
-
-/**
-    WYMeditor.editor._isDesignModeOn
-    ================================
-
-    Returns true if the designMode property of the editor's document is "On".
-    Returns false, otherwise.
-*/
-WYMeditor.editor.prototype._isDesignModeOn = function () {
-    var wym = this;
-
-    if (
-        typeof wym._doc.designMode === "string" &&
-        wym._doc.designMode.toLowerCase() === "on"
-    ) {
-        return true;
-    }
-    return false;
-};
-
-/**
-    WYMeditor.editor._onEditorIframeLoad
-    ====================================
-
-    This is a part of the initialization of an editor.
-
-    The initialization procedure of an editor turns asynchronous because part of
-    it must occur after the loading of the editor's Iframe.
-
-    This function is supposed to be the event handler of the loading of the
-    editor's Iframe. Therefore, it is the first step since the initialization
-    procedure gets asynchronous.
-
-    @param wym The editor instance that's being initialized.
-*/
-WYMeditor.editor.prototype._onEditorIframeLoad = function (wym) {
-    wym._assignWymDoc();
-    wym._enableDesignModeOnDocument();
-    wym._afterDesignModeOn();
-};
-
-/**
-    WYMeditor.editor.get$Buttons
-    ============================
-
-    Returns a jQuery object, containing all the UI buttons.
-*/
-WYMeditor.editor.prototype.get$Buttons = function () {
-    var wym = this,
-        buttonsSelector,
-        $buttons;
-
-    buttonsSelector = [
-        wym._options.toolSelector,
-        wym._options.containerSelector,
-        wym._options.classSelector
-    ].join(', ');
-    $buttons = jQuery(wym._box).find(buttonsSelector);
-
-    return $buttons;
-};
-
-/**
-    WYMeditor.editor.focusOnDocument
-    ================================
-
-    Sets focus on the document.
-*/
-WYMeditor.editor.prototype.focusOnDocument = function () {
-    var wym = this,
-        doc = wym._iframe.contentWindow;
-
-    doc.focus();
-};
-
-/**
-    WYMeditor.editor.registerModification
-    =====================================
-
-    Registers a change in the document. This should be called after changes
-    are made in the document.
-
-    Triggers the `postModification` event afterwards.
-*/
-WYMeditor.editor.prototype.registerModification = function (isNativeEdit) {
-    var wym = this;
-
-    wym.undoRedo._add();
-
-    if (!isNativeEdit) {
-        // A non-native-edit modification is registered. Reset Edited.
-        wym.nativeEditRegistration.edited.reset();
-    }
-
-    jQuery(wym.element).trigger(WYMeditor.EVENTS.postModification);
-};
-
-/**
-    WYMeditor.editor._bindFocusOnDocumentToButtons
-    ==============================================
-
-    Binds a handler to clicks on the UI buttons, that sets focus back to the
-    document.
-
-    Doesn't bind to dialog-opening buttons, because that would cause them to
-    fall behind the opening window, in some browsers.
-*/
-WYMeditor.editor.prototype._bindFocusOnDocumentToButtons = function () {
-    var wym = this,
-        $buttons = wym.get$Buttons();
-
-    $buttons = $buttons.parent().not('.wym_opens_dialog').children('a');
-    $buttons.click(function () {
-        wym.focusOnDocument();
-    });
-};
-
-/**
-    WYMeditor.editor._uiQuirks
-    ==========================
-
-    A hook for browser quirks that work on the UI.
-
-    To be run after plugins had a chance to modify the UI.
-*/
-WYMeditor.editor.prototype._uiQuirks = function () {
-    return;
-};
-
-
-/**
-    WYMeditor.editor._afterDesignModeOn
-    ===================================
-
-    This is part of the initialization of an editor, designed to be called
-    after the editor's document is in designMode.
-*/
-WYMeditor.editor.prototype._afterDesignModeOn = function () {
-    var wym = this;
-
-    if (wym.iframeInitialized === true) {
-        return;
-    }
-
-    wym._assignWymDoc();
-    wym.$body().addClass("wym_iframe combokeys");
-
-    wym._doc.title = wym._index;
-
-    // Set the text direction.
-    jQuery('html', wym._doc).attr('dir', wym._options.direction);
-
-    wym.keyboard = new WYMeditor.Keyboard(wym);
-    wym.keyboard._attachDefaultKeyboardShortcuts();
-
-    wym._docEventQuirks();
-
-    wym._initializeDocumentContent();
-
-    if (jQuery.isFunction(wym._options.preBind)) {
-        wym._options.preBind(wym);
-    }
-
-    wym._bindUIEvents();
-
-    wym.iframeInitialized = true;
-
-    if (jQuery.isFunction(wym._options.postInit)) {
-        wym._options.postInit(wym);
-    }
-
-    // Importantly, these two are  after `postInit`, where plugins had a chance
-    // to modify the UI (add buttons, etc.).
-    wym._bindFocusOnDocumentToButtons();
-    wym._uiQuirks();
-
-    // Add event listeners to doc elements, e.g. images
-    wym._listen();
-
-    wym.undoRedo = new WYMeditor.UndoRedo(wym);
-
-    wym.nativeEditRegistration = new WYMeditor.NativeEditRegistration(wym);
-
-    wym.ih = new WYMeditor.ImageHandler(wym);
-
-    jQuery(wym.element).trigger(
-        WYMeditor.EVENTS.postIframeInitialization,
-        wym
-    );
-};
-
-/**
-    WYMeditor.editor._initializeDocumentContent
-    ===========================================
-
-    Populates the editor's document with the initial content, according to the
-    configuration and/or the textarea element's value.
-*/
-WYMeditor.editor.prototype._initializeDocumentContent = function () {
-    var wym = this;
-
-    if (wym._options.html) {
-        // Populate from the configuration option
-        wym.html(wym._options.html);
-    } else {
-        // Populate from the textarea element
-        wym.html(wym.element[0].value);
-    }
-};
-
-/**
-    WYMeditor.editor._docEventQuirks
-    ================================
-
-    Misc. event bindings on the editor's document, that may be required.
-*/
-WYMeditor.editor.prototype._docEventQuirks = function () {
-    return;
-};
-
-/**
-    WYMeditor.editor._bindUIEvents
-    ==============================
-
-    Binds event handlers for the UI elements.
-*/
-WYMeditor.editor.prototype._bindUIEvents = function () {
-    var wym = this,
-        $toolbarButtons = jQuery(wym._box).find(wym._options.toolSelector),
-        dialogButtonSelector = WYMeditor.DIALOG_BUTTON_SELECTOR,
-        $html_val;
-
-    // Action buttons
-    $toolbarButtons.not(dialogButtonSelector).click(function () {
-        var button = this;
-        wym.exec(jQuery(button).attr(WYMeditor.NAME));
-        return false;
-    });
-
-    // Dialog buttons
-    $toolbarButtons.filter(dialogButtonSelector).click(function () {
-        var button = this,
-            dialogName = jQuery(button).attr(WYMeditor.NAME),
-            dialog = WYMeditor.DIALOGS[dialogName];
-
-        // The following would also work, but is deprecated:
-        // wym.dialog(dialogName);
-        wym.dialog(dialog);
-        return false;
-    });
-
-    // Containers buttons
-    jQuery(wym._box).find(wym._options.containerSelector).click(function () {
-        var containerButton = this;
-        wym.setRootContainer(jQuery(containerButton).attr(WYMeditor.NAME));
-        return false;
-    });
-
-    // Handle keyup event on the HTML value textarea: set the editor value
-    // Handle focus/blur events to check if the element has focus, see #147
-    $html_val = jQuery(wym._box).find(wym._options.htmlValSelector);
-    $html_val.keyup(function () {
-        var valTextarea = this;
-        wym.$body().html(jQuery(valTextarea).val());
-    });
-    $html_val.focus(function () {
-        var valTextarea = this;
-        jQuery(valTextarea).toggleClass('hasfocus');
-    });
-    $html_val.blur(function () {
-        var valTextarea = this;
-        jQuery(valTextarea).toggleClass('hasfocus');
-    });
-
-    // Handle click events on classes buttons
-    jQuery(wym._box).find(wym._options.classSelector).click(function () {
-        var classButton = this,
-            aClasses = eval(wym._options.classesItems),
-            sName = jQuery(classButton).attr(WYMeditor.NAME),
-
-            oClass = WYMeditor.Helper._getFromArrayByName(aClasses, sName),
-            jqexpr;
-
-        if (oClass) {
-            jqexpr = oClass.expr;
-            wym.toggleClass(sName, jqexpr);
-        }
-        return false;
-    });
-
-    // Handle update event on update element
-    jQuery(wym._options.updateSelector).bind(
-        wym._options.updateEvent,
-        function () {
-            wym.update();
-        }
-    );
-
-    // This may recover an unexpected shut down of `designMode`.
-    wym.$body().bind("focus", function () {
-        if (wym._isDesignModeOn() !== true) {
-            wym._enableDesignModeOnDocument();
-        }
-    });
-};
-
-/**
-    WYMeditor.editor._enableDesignModeOnDocument
-    ============================================
-
-    Enables `designMode` on the document, if it is not already enabled.
-*/
-WYMeditor.editor.prototype._enableDesignModeOnDocument = function () {
-    var wym = this;
-
-    if (wym._isDesignModeOn()) {
-        throw "Expected `designMode` to be off.";
-    }
-
-    try {
-        wym._doc.designMode = "On";
-    } catch (e) {
-        // Bail out gracefully if this went wrong.
-    }
-    if (typeof wym._designModeQuirks === "function") {
-        wym._designModeQuirks();
-    }
-};
-
-/**
-    WYMeditor.editor.get$WymBox
-    ===========================
-
-    Get a jQuery containing the WYMeditor box.
-*/
-WYMeditor.editor.prototype.get$WymBox = function () {
-    var wym = this;
-    return wym._box;
-};
-
-/**
-    WYMeditor.editor.vanish
-    =========================
-
-    Removes the WYMeditor instance from existence and replaces the
-    'data-wym-initialized' attirbute of its textarea with 'data-wym-vanished'.
-*/
-WYMeditor.editor.prototype.vanish = function () {
-    var wym = this,
-        instances = WYMeditor.INSTANCES,
-        i;
-
-    wym._box.remove();
-    wym.element
-        .removeAttr('data-wym-initialized')
-        .attr('data-wym-vanished', '')
-        .show();
-    instances.splice(wym._index, 1);
-
-    // Refresh each editor's _index value
-    for (i = 0; i < instances.length; i++) {
-        instances[i]._index = i;
-    }
-};
-
-WYMeditor.editor.prototype._exec = function (cmd, param) {
-    var wym = this,
-        $span;
-
-    if (typeof cmd !== "string") {
-        throw "`_exec` expected a String `cmd`";
-    }
-
-    if (param && typeof param !== "string") {
-        throw "`_exec` expected a String `param`";
-    }
-
-    if (
-        wym.selectedContainer() === wym.body() &&
-        // These are the two commands that are allowed directly in the body.
-        cmd !== WYMeditor.EXEC_COMMANDS.INSERT_IMAGE &&
-        cmd !== WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK
-    ) {
-        return false;
-    }
-
-    wym._doc.execCommand(cmd, false, param);
-
-    $span = jQuery(wym.selectedContainer()).filter("span").not("[id]");
-    if ($span.length === 0) {
-        return true;
-    }
-    if (
-        $span.attr("class") === "" &&
-        $span.attr("style") === "font-weight: normal;" ||
-        $span.attr("class").toLowerCase() === "apple-style-span"
-    ) {
-        // An undesireable `span` was created. WebKit & Blink do this.
-        $span.contents().unwrap();
-    }
-
-    return true;
-};
-
-/**
-    WYMeditor.editor.rawHtml
-    =====================
-
-    Get or set the wymbox html value. HTML is NOT parsed when either set/get.
-    Use html() if you are unsure what this function does.
-*/
-WYMeditor.editor.prototype.rawHtml = function (html) {
-    var wym = this;
-    if (typeof html === 'string') {
-        wym.$body().html(html);
-        wym.update();
-    } else {
-        return wym.$body().html();
-    }
-};
-
-/**
-    WYMeditor.editor.html
-    =====================
-
-    Get or set the wymbox html value. HTML is parsed before it is inserted and
-    parsed before it is return. Use rawHtml() if parsing is not wanted/needed.
-*/
-WYMeditor.editor.prototype.html = function (html) {
-    var wym = this;
-    if (typeof html === 'string') {
-        wym.rawHtml(wym.parser.parse(html));
-        wym.prepareDocForEditing();
-    } else {
-        return wym.parser.parse(wym.rawHtml());
-    }
-};
-
-/**
-    WYMeditor.editor.exec
-    =====================
-
-    Execute a button command on the currently-selected container. The command
-    can be anything from "indent this element" to "open a dialog to create a
-    table."
-
-    `cmd` is a string corresponding to the command that should be run, roughly
-    matching the designMode execCommand strategy (and falling through to
-    execCommand in some cases).
-*/
-WYMeditor.editor.prototype.exec = function (cmd) {
-    var wym = this,
-        custom_run;
-    switch (cmd) {
-
-    case WYMeditor.EXEC_COMMANDS.TOGGLE_HTML:
-        wym.update();
-        wym.toggleHtml();
-        break;
-
-    case WYMeditor.EXEC_COMMANDS.INSERT_ORDEREDLIST:
-        wym._insertOrderedList();
-        break;
-
-    case WYMeditor.EXEC_COMMANDS.INSERT_UNORDEREDLIST:
-        wym._insertUnorderedList();
-        break;
-
-    case WYMeditor.EXEC_COMMANDS.INDENT:
-        wym.indent();
-        break;
-
-    case WYMeditor.EXEC_COMMANDS.OUTDENT:
-        wym.outdent();
-        break;
-
-    case WYMeditor.EXEC_COMMANDS.UNDO:
-        wym.undoRedo.undo();
-        break;
-
-    case WYMeditor.EXEC_COMMANDS.REDO:
-        wym.undoRedo.redo();
-        break;
-
-
-    default:
-        custom_run = false;
-        jQuery.each(wym._options.customCommands, function () {
-            var customCommand = this;
-            if (cmd === customCommand.name) {
-                custom_run = true;
-                customCommand.run.apply(wym);
-                return false;
-            }
-        });
-        if (!custom_run) {
-            if (
-                // Deligate all other commands to `_exec`
-                wym._exec(cmd) === true
-            ) {
-                wym.registerModification();
-            }
-        }
-        break;
-    }
-};
-
-/**
-    WYMeditor.editor.selection
-    ==========================
-
-    Override the default selection function to use rangy.
-*/
-WYMeditor.editor.prototype.selection = function () {
-    var wym = this,
-        iframe = wym._iframe,
-        sel;
-
-    if (window.rangy && !rangy.initialized) {
-        rangy.init();
-    }
-
-    sel = rangy.getIframeSelection(iframe);
-
-    return sel;
-};
-
-/**
-    WYMeditor.editor.nodeAfterSel
-    =============================
-
-    Returns the node that is immediately after the selection.
-*/
-WYMeditor.editor.prototype.nodeAfterSel = function () {
-    var wym = this,
-       sel = wym.selection();
-
-    // Different browsers describe selection differently. Here be dragons.
-    if (
-        sel.anchorNode.tagName &&
-        jQuery.inArray(
-            sel.anchorNode.tagName.toLowerCase(),
-            WYMeditor.NON_CONTAINING_ELEMENTS
-        ) === -1
-    ) {
-        if (sel.anchorNode.childNodes.length === 0) {
-            return;
-        }
-        return sel.anchorNode.childNodes[sel.anchorOffset];
-    }
-
-    if (
-        sel.focusNode.nodeType === WYMeditor.NODE_TYPE.TEXT &&
-        sel.focusNode.data.length === sel.focusOffset
-    ) {
-        if (!sel.focusNode.nextSibling) {
-            return;
-        }
-        return sel.focusNode.nextSibling;
-    }
-
-    return sel.focusNode;
-};
-
-/**
-    WYMeditor.editor.get$CommonParent
-    =================================
-
-    Returns a jQuery of the common parent of two nodes.
-*/
-WYMeditor.editor.prototype.get$CommonParent = function (one, two) {
-    if (
-        typeof one !== 'object' ||
-        typeof one.nodeType !== 'number' ||
-        typeof two !== 'object' ||
-        typeof two.nodeType !== 'number'
-    ) {
-        throw "`one` and `two` must be DOM nodes.";
-    }
-
-    if (one.nodeType === WYMeditor.NODE_TYPE.TEXT) {
-        // These checks seem to be required for our tests to pass in PhantomJS.
-        one = one.parentNode;
-    }
-    if (two.nodeType === WYMeditor.NODE_TYPE.TEXT) {
-        // These checks seem to be required for our tests to pass in PhantomJS.
-        two = two.parentNode;
-    }
-
-    if (one === two) {
-        // This is just an optimisation.
-        return jQuery(one);
-    }
-
-    var $one = jQuery(one),
-        $two = jQuery(two),
-        $commonParent;
-
-    $commonParent = $one.parents().addBack().has($two).last();
-
-    if ($commonParent.length === 0) {
-        throw "Couldn't find common parent. This shouldn't happen.";
-    }
-
-    return $commonParent;
-};
-
-/**
-    WYMeditor.editor.selectedContainer
-    ==================================
-
-    Get the selected container.
-
-    * If no selection, returns `false`.
-    * If selection starts and ends in the same element, returns that element.
-    * If an element that contains one end of the selection is ancestor to the
-      element that contains the other end, return that ancestor element.
-    * Otherwise, returns `false`.
-
-    For example (``|`` marks selection ends):
-
-        <p>|Foo <i>bar|</i></p>
-
-    The ``p`` is returned.
-
-        <p>Foo <i>|bar|</i></p>
-
-    The ``i`` is returned.
-*/
-WYMeditor.editor.prototype.selectedContainer = function () {
-    var wym = this,
-        selection,
-        $anchor,
-        $focus,
-        $selectedContainer;
-
-    if (wym.hasSelection() !== true) {
-        return false;
-    }
-
-    selection = wym.selection();
-    $anchor = jQuery(selection.anchorNode);
-    $focus = jQuery(selection.focusNode);
-
-    if ($anchor[0].nodeType === WYMeditor.NODE_TYPE.TEXT) {
-        $anchor = $anchor.parent();
-    }
-
-    if ($focus[0].nodeType === WYMeditor.NODE_TYPE.TEXT) {
-        $focus = $focus.parent();
-    }
-
-    if ($anchor[0] === $focus[0]) {
-        return $anchor[0];
-    }
-
-    $selectedContainer = $anchor.has($focus);
-    if ($selectedContainer.length === 0) {
-        $selectedContainer = $focus.has($anchor);
-    }
-
-    if ($selectedContainer.length === 0) {
-        return false;
-    }
-
-    return $selectedContainer[0];
-};
-
-// Deprecated in favor of `WYMeditor.editor.selectedContainer`.
-WYMeditor.editor.prototype.selected = function () {
-    var wym = this;
-
-    WYMeditor.console.warn(
-        "The function WYMeditor.editor.selected() is " +
-        "deprecated. Use WYMeditor.editor.selectedContainer"
-    );
-
-    return wym.selectedContainer();
-};
-
-/**
-    WYMeditor.editor.isBlockNode
-    =============================
-
-    Returns true if the provided node is a block type node. Otherwise
-    returns false.
-
-    @param node The node to check.
-*/
-
-WYMeditor.editor.prototype.isBlockNode = function (node) {
-    if (
-        node.tagName &&
-        jQuery.inArray(
-            node.tagName.toLowerCase(),
-            WYMeditor.BLOCKS
-        ) > -1
-    ) {
-        return true;
-    }
-    return false;
-};
-
-/**
-    WYMeditor.editor.isInlineNode
-    =============================
-
-    Returns true if the provided node is an inline type node. Otherwise
-    returns false.
-
-    @param node The node to check.
-*/
-
-WYMeditor.editor.prototype.isInlineNode = function (node) {
-    if (
-        node.nodeType === WYMeditor.NODE_TYPE.TEXT ||
-        jQuery.inArray(
-            node.tagName.toLowerCase(),
-            WYMeditor.INLINE_ELEMENTS
-        ) > -1
-    ) {
-        return true;
-    }
-    return false;
-};
-
-/**
-    WYMeditor.editor.isListNode
-    ===========================
-
-    Returns true if the provided node is a list element. Otherwise
-    returns false.
-
-    @param node The node to check.
-*/
-
-WYMeditor.editor.prototype.isListNode = function (node) {
-    if (
-        node.tagName &&
-        jQuery.inArray(
-            node.tagName.toLowerCase(),
-            WYMeditor.LIST_TYPE_ELEMENTS
-        ) > -1
-    ) {
-        return true;
-    }
-    return false;
-};
-
-/**
-   WYMeditor.editor.unwrapIfMeaninglessSpan
-
-   If the given node is a span with no useful attributes, unwrap it.
-
-   For certain editing actions (mostly list indent/outdent), it's necessary to
-   wrap content in a span element to retain grouping because it's not obvious that
-   the content will stay together without grouping. This method detects that
-   specific situation and then unwraps the content if the span is in fact not
-   necessary.
-
-   @param element The element.
-*/
-WYMeditor.editor.prototype.unwrapIfMeaninglessSpan = function (element) {
-    var $element = jQuery(element),
-        i = 0,
-        attrName,
-        meaninglessAttrNames = [
-            '_wym_visited',
-            'length',
-            'ie8_length'
-        ];
-
-    if (!element || typeof (element.tagName) === 'undefined' ||
-        element.tagName.toLowerCase() !== 'span') {
-        return false;
-    }
-
-    while (i < element.attributes.length) {
-        attrName = element.attributes[i].nodeName;
-        if (jQuery.inArray(attrName, meaninglessAttrNames) === -1) {
-            return false;
-        }
-        i++;
-    }
-
-    $element.before($element.contents());
-    $element.remove();
-    return true;
-};
-
-/**
-    WYMeditor.editor.getRootContainer
-    =================================
-
-    Get the selected root container.
-*/
-WYMeditor.editor.prototype.getRootContainer = function () {
-    var wym = this;
-
-    return jQuery(wym.selectedContainer())
-        .parentsOrSelf()
-        .not('html, body, blockquote')
-        .last()[0];
-};
-
-/**
-    WYMeditor.editor.setRootContainer
-    =================================
-
-    Set the selected root container.
-*/
-WYMeditor.editor.prototype.setRootContainer = function (sType) {
-    var wym = this,
-        container = null,
-        aTypes,
-        newNode,
-        blockquote,
-        nodes,
-        lgt,
-        firstNode,
-        x;
-
-    if (sType.toLowerCase() === WYMeditor.TH) {
-        container = wym.selectedContainer();
-
-        // Find the TD or TH container
-        switch (container.tagName.toLowerCase()) {
-
-        case WYMeditor.TD:
-        case WYMeditor.TH:
-            break;
-        default:
-            aTypes = [WYMeditor.TD, WYMeditor.TH];
-            container = wym.findUp(wym.selectedContainer(), aTypes);
-            break;
-        }
-
-        // If it exists, switch
-        if (container !== null) {
-            sType = WYMeditor.TD;
-            if (container.tagName.toLowerCase() === WYMeditor.TD) {
-                sType = WYMeditor.TH;
-            }
-            wym.restoreSelectionAfterManipulation(function () {
-                wym.switchTo(container, sType, false);
-                return true;
-            });
-            wym.update();
-            wym.registerModification();
-        }
-    } else {
-        // Set the container type
-        aTypes = [
-            WYMeditor.P,
-            WYMeditor.DIV,
-            WYMeditor.H1,
-            WYMeditor.H2,
-            WYMeditor.H3,
-            WYMeditor.H4,
-            WYMeditor.H5,
-            WYMeditor.H6,
-            WYMeditor.PRE,
-            WYMeditor.BLOCKQUOTE
-        ];
-        container = wym.findUp(wym.selectedContainer(), aTypes);
-
-        if (container) {
-            if (sType.toLowerCase() === WYMeditor.BLOCKQUOTE) {
-                // Blockquotes must contain a block level element
-                blockquote = wym.findUp(
-                    wym.selectedContainer(),
-                    WYMeditor.BLOCKQUOTE
-                );
-                if (blockquote === null) {
-                    newNode = wym._doc.createElement(sType);
-                    container.parentNode.insertBefore(newNode, container);
-                    newNode.appendChild(container);
-                    wym.setCaretIn(newNode.firstChild);
-                } else {
-                    nodes = blockquote.childNodes;
-                    lgt = nodes.length;
-
-                    if (lgt > 0) {
-                        firstNode = nodes.item(0);
-                    }
-                    for (x = 0; x < lgt; x += 1) {
-                        blockquote.parentNode.insertBefore(
-                            nodes.item(0),
-                            blockquote
-                        );
-                    }
-                    blockquote.parentNode.removeChild(blockquote);
-                    if (firstNode) {
-                        wym.setCaretIn(firstNode);
-                    }
-                }
-            } else {
-                // Not a blockquote
-                wym.restoreSelectionAfterManipulation(function () {
-                    wym.switchTo(container, sType, false);
-                    return true;
-                });
-            }
-
-            wym.update();
-            wym.registerModification();
-        }
-    }
-
-    return false;
-};
-
-/**
-    WYMeditor.editor.isForbiddenRootContainer
-    =========================================
-
-    Returns true if provided `tagName` is disallowed as a root container.
-    Returns false if it is allowed.
-
-    @param tagName A string of the tag name.
-*/
-WYMeditor.editor.prototype.isForbiddenRootContainer = function (tagName) {
-    return jQuery.inArray(tagName.toLowerCase(),
-                          WYMeditor.FORBIDDEN_ROOT_CONTAINERS) > -1;
-};
-
-/**
-    WYMeditor.editor.keyCanCreateBlockElement
-    =========================================
-
-    Determines whether the key represented by the passed keyCode can create a
-    block element within the editor when pressed. Returns true if the key can
-    create a block element when pressed, and returns false if otherwise.
-
-    @param keyCode A numberic key code representing a key
-*/
-WYMeditor.editor.prototype.keyCanCreateBlockElement = function (keyCode) {
-    return jQuery.inArray(keyCode,
-                    WYMeditor.POTENTIAL_BLOCK_ELEMENT_CREATION_KEYS) > -1;
-};
-
-/**
-    WYMeditor.editor.toggleClass
-    ============================
-
-    Toggle a class on the selected element or one of its parents
-*/
-WYMeditor.editor.prototype.toggleClass = function (sClass, jqexpr) {
-    var wym = this,
-        $element;
-
-    $element = jQuery(wym.getSelectedImage());
-    if ($element.length !== 1) {
-        $element = jQuery(wym.selectedContainer())
-            // `.last()` is used here because the `.addBack()` from
-            // `.parentsOrSelf` reverses the array.
-            .parentsOrSelf(jqexpr).last();
-    }
-    $element.toggleClass(sClass);
-
-    if (!$element.attr(WYMeditor.CLASS)) {
-        $element.removeAttr(wym._class);
-    }
-    wym.registerModification();
-};
-
-/**
-    WYMeditor.editor.getSelectedImage
-    =================================
-
-    If selection encompasses exactly a single image, returns that image.
-    Otherwise returns `false`.
-*/
-WYMeditor.editor.prototype.getSelectedImage = function () {
-    var wym = this,
-        selectedNodes,
-        selectedNode;
-
-    if (wym.hasSelection() !== true) {
-        return false;
-    }
-    if (wym.selection().isCollapsed !== false) {
-        return false;
-    }
-
-    selectedNodes = wym._getSelectedNodes();
-
-    if (selectedNodes.length !== 1) {
-        return false;
-    }
-
-    selectedNode = selectedNodes[0];
-
-    if (
-        !selectedNode.tagName ||
-        selectedNode.tagName.toLowerCase() !== "img"
-    ) {
-        return false;
-    }
-
-    return selectedNode;
-};
-
-/**
-    WYMeditor.editor.findUp
-    =======================
-
-    Return the first parent or self container, based on its type
-
-    `filter` is a string or an array of strings on which to filter the container
-*/
-WYMeditor.editor.prototype.findUp = function (node, filter) {
-    if (typeof (node) === 'undefined' || node === null) {
-        return null;
-    }
-
-    if (node.nodeName === "#text") {
-        // For text nodes, we need to look from the nodes container object
-        node = node.parentNode;
-    }
-    var tagname = node.tagName.toLowerCase(),
-        bFound,
-        i;
-    if (typeof (filter) === WYMeditor.STRING) {
-        while (tagname !== filter && tagname !== WYMeditor.BODY) {
-            node = node.parentNode;
-            tagname = node.tagName.toLowerCase();
-        }
-    } else {
-        bFound = false;
-        while (!bFound && tagname !== WYMeditor.BODY) {
-            for (i = 0; i < filter.length; i += 1) {
-                if (tagname === filter[i]) {
-                    bFound = true;
-                    break;
-                }
-            }
-            if (!bFound) {
-                node = node.parentNode;
-                if (node === null) {
-                    // No parentNode, so we're not going to find anything
-                    // up the ancestry chain that matches
-                    return null;
-                }
-                tagname = node.tagName.toLowerCase();
-            }
-        }
-    }
-
-    if (tagname === WYMeditor.BODY) {
-        return null;
-    }
-
-    return node;
-};
-
-/**
-    WYMeditor.editor.switchTo
-    =========================
-
-    Switch the type of an element.
-
-    @param element The element.
-    @param sType A string of the desired type. For example, 'p'.
-    @param stripAttrs a boolean that determines whether the attributes of
-                      the element will be stripped or preserved.
-
-*/
-WYMeditor.editor.prototype.switchTo = function (
-    element,
-    sType,
-    stripAttrs
-) {
-    var wym = this,
-        $element = jQuery(element),
-        newElement,
-        i,
-        attrs = element.attributes;
-
-    if (!element.tagName) {
-        throw "This must be an element.";
-    }
-
-    if (element.tagName.toLowerCase() === 'img') {
-        throw "Will not change the type of an 'img' element.";
-    }
-
-    newElement = wym._doc.createElement(sType);
-    jQuery(newElement).append(element.childNodes);
-    $element.replaceWith(newElement);
-
-    if (!stripAttrs) {
-        for (i = 0; i < attrs.length; ++i) {
-            newElement.setAttribute(
-                attrs.item(i).nodeName,
-                attrs.item(i).value
-            );
-        }
-    }
-
-    return newElement;
-};
-
-WYMeditor.editor.prototype.replaceStrings = function (sVal) {
-    var wym = this,
-        key;
-    // Check if the language file has already been loaded
-    // if not, get it via a synchronous ajax call
-    if (!WYMeditor.STRINGS[wym._options.lang]) {
-        WYMeditor.console.error(
-            "WYMeditor: language '" + wym._options.lang + "' not found."
-        );
-        WYMeditor.console.error(
-            "Unable to perform i10n."
-        );
-        return sVal;
-    }
-
-    // Replace all the strings in sVal and return it
-    for (key in WYMeditor.STRINGS[wym._options.lang]) {
-        if (WYMeditor.STRINGS[wym._options.lang].hasOwnProperty(key)) {
-            sVal = WYMeditor.Helper.replaceAllInStr(
-                sVal,
-                wym._options.stringDelimiterLeft + key + wym._options.stringDelimiterRight,
-                WYMeditor.STRINGS[wym._options.lang][key]
-            );
-        }
-    }
-    return sVal;
-};
-
-WYMeditor.editor.prototype._encloseString = function (sVal) {
-    var wym = this;
-    return wym._options.stringDelimiterLeft +
-        sVal +
-        wym._options.stringDelimiterRight;
-};
-
-/**
-    editor.getCurrentState
-    ======================
-
-    Returns an object with the current state of the editor.
-
-    The state includes:
-
-    ``html``
-        The return value of ``editor.rawHtml()``.
-    ``savedSelection``
-        A Rangy saved selection, if anything is selected.
-        The ``win`` and the ``doc``  properties are deleted,
-        instead of referencing the window object and the document object,
-        respectively.
-        In order to provide this as an argument to Rangy's ``restoreSelection``,
-        these must be reassigned.
-
-    It may include more things in the future.
-*/
-WYMeditor.editor.prototype.getCurrentState = function () {
-    var wym = this,
-        state = {},
-        selection,
-        wymIframeWindow = wym._iframe.contentWindow;
-
-    if (wym.hasSelection()) {
-        selection = wym.selection();
-    }
-
-    if (
-        selection &&
-        selection.anchorNode === wym.body() &&
-        selection.anchorOffset === 0 &&
-        selection.isCollapsed
-    ) {
-        // meaningless selection
-        selection = false;
-    }
-
-    if (selection) {
-        state.savedSelection = rangy.saveSelection(wymIframeWindow);
-    }
-
-    state.html = wym.rawHtml();
-
-    if (state.savedSelection) {
-        // Selection was saved. This means that in the document, DOM elements,
-        // which are markers for the selection, were placed, and that references
-        // to these markers were saved in `state.savedselection`. The markers
-        // were saved in `state.html`, along with the whole document, as HTML.
-        // Restoring the selection removes the markers and restores the
-        // selection to almost exactly as it was before it was saved.
-        rangy.restoreSelection(state.savedSelection);
-        // This is for time-travel, so selection is considered not to be
-        // restored. The markers may be created again from the saved HTML. In
-        // that case, leaving this value at `true` would mean that
-        // `rangy.restoreSelection` will refuse to restore this selection.
-        state.savedSelection.restored = false;
-        // These refer to the window and the document and can't be processed by
-        // the `object-history` module that is used by the `UndoRedo` module.
-        delete state.savedSelection.win;
-        delete state.savedSelection.doc;
-    }
-
-    return state;
-};
-
-/**
-    editor.hasSelection
-    ===================
-
-    Returns true if there is a selection. Returns false otherwise.
-*/
-WYMeditor.editor.prototype.hasSelection = function () {
-    var wym = this;
-
-    if (
-        // `isSelectionValid` is undocumented in current Rangy (`1.2.2`).
-        // It seems to be required because the `rangeCount` in `IE <= 8` seems
-        // to be misleading.
-        rangy.isSelectionValid(wym._iframe.contentWindow) !== true
-    ) {
-        return false;
-    }
-
-    if (wym.selection().rangeCount === 0) {
-        return false;
-    }
-
-    return true;
-};
-
-/**
-    editor._setSingleSelectionRange
-    ===============================
-
-    Sets the selection to the single provided Rangy range.
-
-    @param range A Rangy range.
-*/
-WYMeditor.editor.prototype._setSingleSelectionRange = function (range) {
-    var wym = this,
-        selection;
-
-    selection = wym.selection();
-
-    selection.setSingleRange(range);
-};
-
-/**
-    editor.status
-    =============
-
-    Print the given string as a status message.
-*/
-WYMeditor.editor.prototype.status = function (sMessage) {
-    var wym = this;
-    // Print status message
-    jQuery(wym._box).find(wym._options.statusSelector).html(sMessage);
-};
-
-/**
-    editor.update
-    =============
-
-    Update the element and textarea values.
-*/
-WYMeditor.editor.prototype.update = function () {
-    var wym = this,
-        html;
-
-    html = wym.html();
-    jQuery(wym.element).val(html);
-    jQuery(wym._box).find(wym._options.htmlValSelector).not('.hasfocus').val(html); //#147
-};
-
-/**
-    editor.prepareDocForEditing
-    ===========================
-
-    Makes some editor-only modifications to the body of the document, which are necessary
-    for the user interface. For example, inserts `br` elements in certain places.
-    These modifications will not show up in the HTML output.
-
-*/
-WYMeditor.editor.prototype.prepareDocForEditing = function () {
-    var wym = this,
-        $body;
-
-    wym._spaceBlockingElements();
-    wym._fixDoubleBr();
-
-    $body = wym.$body();
-    if ($body.children().length === 0) {
-        wym.$body().append('<br />');
-    }
-
-    jQuery(wym.element).trigger(WYMeditor.EVENTS.postBlockMaybeCreated, wym);
-};
-
-/**
-    editor._spaceBlockingElements
-    =============================
-
-    Insert <br> elements between adjacent blocking elements and
-    p elements, between block elements or blocking elements and the
-    start/end of the document.
-*/
-WYMeditor.editor.prototype._spaceBlockingElements = function () {
-    var wym = this,
-        blockingSelector =
-            WYMeditor.DocumentStructureManager.CONTAINERS_BLOCKING_NAVIGATION.join(', '),
-        $body = wym.$body(),
-        children = $body.children(),
-
-        placeholderNode,
-        $firstChild,
-        $lastChild,
-        blockSepSelector,
-        blockInListSepSelector,
-        $blockInList;
-
-    if (jQuery.browser.mozilla) {
-        placeholderNode = '<br ' +
-                            'class="' +
-                            WYMeditor.BLOCKING_ELEMENT_SPACER_CLASS + ' ' +
-                            WYMeditor.EDITOR_ONLY_CLASS + '" ' +
-                            '_moz_editor_bogus_node="TRUE" ' +
-                            '_moz_dirty=""' +
-                          '/>';
-    } else {
-        placeholderNode = '<br ' +
-                            'class="' +
-                            WYMeditor.BLOCKING_ELEMENT_SPACER_CLASS + ' ' +
-                            WYMeditor.EDITOR_ONLY_CLASS + '"' +
-                          '/>';
-    }
-
-    // Make sure that we still have a placeholder node at both the begining and
-    // end
-    if (children.length > 0) {
-        $firstChild = jQuery(children[0]);
-        $lastChild = jQuery(children[children.length - 1]);
-
-        if ($firstChild.is(blockingSelector)) {
-            $firstChild.before(placeholderNode);
-        }
-
-        if ($lastChild.is(blockingSelector)) {
-            $lastChild.after(placeholderNode);
-        }
-    }
-
-    blockSepSelector = wym._getBlockSepSelector();
-
-    // Put placeholder nodes between consecutive blocking elements and between
-    // blocking elements and normal block-level elements
-    $body.find(blockSepSelector).before(placeholderNode);
-
-    blockInListSepSelector = wym._getBlockInListSepSelector();
-    $blockInList = $body.find(blockInListSepSelector);
-
-    // The $blockInList selection must be iterated over to only add placeholder
-    // nodes after blocking elements at the end of a list item rather than all
-    // blocking elements in a list. No jQuery selection that is supported on
-    // all browsers can do this check, so that is why it must be done by using
-    // `each` to iterate over the selection. Note that the handling of the
-    // spacing of other blocking elements in a list besides after the last
-    // blocking element in a list item is already handled by the
-    // blockSepSelector used before this.
-    $blockInList.each(function () {
-        var block = this,
-            $block = jQuery(block);
-
-        if (!$block.next(blockingSelector).length &&
-           !$block.next('br').length) {
-
-            $block.after(placeholderNode);
-        }
-    });
-};
-
-/**
-    editor._getBlockSepSelector
-    ===========================
-
-    Build a string representing a jquery selector that will find all
-    elements which need a spacer <br> before them. This includes all consecutive
-    blocking elements and between blocking elements and normal non-blocking
-    elements.
-*/
-WYMeditor.editor.prototype._getBlockSepSelector = function () {
-    var wym = this,
-        blockCombo = [],
-        containersBlockingNav =
-            WYMeditor.DocumentStructureManager.CONTAINERS_BLOCKING_NAVIGATION,
-        containersNotBlockingNav;
-
-    if (typeof (wym._blockSpacersSel) !== 'undefined') {
-        return wym._blockSpacersSel;
-    }
-
-    // Generate the list of non-blocking elements by removing the blocking
-    // elements from the list of validRootContainers
-    containersNotBlockingNav = jQuery.grep(
-        wym.documentStructureManager.structureRules.validRootContainers,
-        function (item) {
-            return jQuery.inArray(item, containersBlockingNav) === -1;
-        }
-    );
-
-    // Consecutive blocking elements need separators
-    jQuery.each(
-        containersBlockingNav,
-        function (indexO, elementO) {
-            jQuery.each(
-                containersBlockingNav,
-                function (indexI, elementI) {
-                    blockCombo.push(elementO + ' + ' + elementI);
-                }
-            );
-        }
-    );
-
-    // A blocking element either followed by or preceeded by a not blocking
-    // element needs separators
-    jQuery.each(
-        containersBlockingNav,
-        function (indexO, elementO) {
-            jQuery.each(
-                containersNotBlockingNav,
-                function (indexI, elementI) {
-                    blockCombo.push(elementO + ' + ' + elementI);
-                    blockCombo.push(elementI + ' + ' + elementO);
-                }
-            );
-        }
-    );
-    wym._blockSpacersSel = blockCombo.join(', ');
-    return wym._blockSpacersSel;
-};
-
-/*
-    editor._getBlockInListSepSelector
-    =================================
-
-    Returns a selector for getting all of the block elements in lists
-    or sublists. The block elements at the end of lists or sublists should have
-    a spacer line break after them in the editor at all times.
-*/
-WYMeditor.editor.prototype._getBlockInListSepSelector = function () {
-    var wym = this,
-        blockCombo = [];
-
-    if (typeof (wym._blockInListSpacersSel) !== 'undefined') {
-        return wym._blockInListSpacersSel;
-    }
-
-    jQuery.each(WYMeditor.LIST_TYPE_ELEMENTS, function (indexO, elementO) {
-        jQuery.each(WYMeditor.BLOCKING_ELEMENTS, function (indexI, elementI) {
-            blockCombo.push(elementO + ' ' + elementI);
-        });
-    });
-
-    wym._blockInListSpacersSel = blockCombo.join(', ');
-    return wym._blockInListSpacersSel;
-};
-
-/**
-    editor._fixDoubleBr
-    ===================
-
-    Remove the <br><br> elements that are inserted between
-    paragraphs, usually after hitting enter from an existing paragraph.
-*/
-WYMeditor.editor.prototype._fixDoubleBr = function () {
-    var wym = this,
-        $body = wym.$body(),
-        $last_br;
-
-    // Strip consecutive brs unless they're in a pre tag
-    $body.children('br + br').filter(':not(pre br)').remove();
-
-    // Also remove any brs between two p's
-    $body.find('p + br').next('p').prev('br').remove();
-
-    // Remove brs floating at the end after a p
-    $last_br = $body.find('p + br').slice(-1);
-    if ($last_br.length > 0) {
-        if ($last_br.next().length === 0) {
-            $last_br.remove();
-        }
-    }
-};
-
-/**
-    WYMeditor.editor.link
-    ======================
-
-    Creates a link, or changes attributes of an `a`, at selection.
-
-    @param attrs Object with key-value pairs of attributes for the `a`.
-*/
-WYMeditor.editor.prototype.link = function (attrs) {
-    var wym = this,
-        $selected,
-        uniqueStamp,
-        $a;
-
-    if (jQuery.isPlainObject(attrs) !== true) {
-        throw "Expected a plain object.";
-    }
-
-    if (
-        attrs.hasOwnProperty('href') !== true ||
-        typeof attrs.href !== 'string' ||
-        attrs.href.length === 0
-    ) {
-        // Would probably be best to throw here, but...
-        // This is used by a dialog that doesn't check input.
-        // The dialog is created by `WYMeditor.INIT_DIALOG`.
-        return;
-    }
-
-    $selected = jQuery(wym.selectedContainer());
-    if ($selected.is('a')) {
-        $a = $selected;
-    } else {
-        uniqueStamp = wym.uniqueStamp();
-        wym._exec(WYMeditor.EXEC_COMMANDS.CREATE_LINK, uniqueStamp);
-        $a = jQuery("a[href=" + uniqueStamp + "]", wym.body());
-    }
-
-    if ($a.length === 0) {
-        // This occurs when a link wasn't created, because, for example
-        // the selection didn't allow it.
-        return;
-    }
-    $a.attr(attrs);
-
-    wym.registerModification();
-};
-
-/**
-    WYMeditor.editor.insertImage
-    ============================
-
-    Inserts an image at selection.
-
-    @param attrs Object with key-value pairs of attributes for the `img`.
-*/
-WYMeditor.editor.prototype.insertImage = function (attrs) {
-    var wym = this,
-        uniqueStamp,
-        $img;
-
-    if (jQuery.isPlainObject(attrs) !== true) {
-        throw "Expected a plain object.";
-    }
-
-    if (
-        attrs.hasOwnProperty('src') !== true ||
-        typeof attrs.src !== 'string' ||
-        attrs.src.length === 0
-    ) {
-        // Would probably be best to throw here, but...
-        // This is used by a dialog that doesn't check input.
-        // The dialog is created by `WYMeditor.INIT_DIALOG`.
-        return;
-    }
-
-    uniqueStamp = wym.uniqueStamp();
-    wym._exec(WYMeditor.EXEC_COMMANDS.INSERT_IMAGE, uniqueStamp);
-    $img = jQuery("img[src=" + uniqueStamp + "]", wym.body());
-
-    if ($img.length === 0) {
-        // This occurs when a link wasn't created, because, for example
-        // the selection didn't allow it.
-        return;
-    }
-    $img.attr(attrs);
-
-    // PhantomJS seems to add strange spans around images.
-    wym.$body().find('.Apple-style-span').children().unwrap();
-
-    wym.registerModification();
-};
-
-/**
-    editor._updateImageAttrs
-    ========================
-
-    Updates provided `img`'s attributes with provided `attrs`.
-*/
-WYMeditor.editor.prototype._updateImageAttrs = function (img, attrs) {
-    var $img = jQuery(img);
-    if (attrs.src !== $img.attr('src')) {
-        // this data is used in the ImageHandler.
-        // height/width ratio is now most likely invalid
-        $img.data('DimensionsRatio', null);
-
-        // since the height/width ration is most likely different
-        // these proportions are most likely wrong.
-        // easiest solution is to remove them
-        // and let the user deal with
-        // the real size of the source image
-        // and he'll be able to resize it
-        $img.removeAttr('height').removeAttr('width');
-    }
-    $img.attr(attrs);
-};
-
-/**
-    editor.toggleHtml
-    =================
-
-    Show/Hide the HTML textarea.
-*/
-WYMeditor.editor.prototype.toggleHtml = function () {
-    var wym = this;
-    jQuery(wym._box).find(wym._options.htmlSelector).toggle();
-};
-
-WYMeditor.editor.prototype.uniqueStamp = function () {
-    var now = new Date();
-    return "wym" + now.getTime();
-};
-
-/**
-    Paste the given array of paragraph-items at the given range inside the given $container.
-
-    It has already been determined that the paragraph has multiple lines and
-    that the container we're pasting to is a block container capable of accepting
-    further nested blocks.
-*/
-WYMeditor.editor.prototype._handleMultilineBlockContainerPaste = function (
-    wym, $container, range, paragraphStrings
-) {
-
-    var i,
-        $insertAfter,
-        html,
-        blockSplitter,
-        leftSide,
-        rightSide,
-        rangeNodeComparison,
-        $splitRightParagraph,
-        firstParagraphString,
-        firstParagraphHtml,
-        blockParent,
-        blockParentType;
-
-
-    // Now append all subsequent paragraphs
-    $insertAfter = jQuery(blockParent);
-
-    // Just need to split the current container and put new block elements
-    // in between
-    blockSplitter = 'p';
-    if ($container.is('li')) {
-        // Instead of creating paragraphs on line breaks, we'll need to create li's
-        blockSplitter = 'li';
-    }
-    // Split the selected element then build and insert the appropriate html
-    // This accounts for cases where the start selection is at the
-    // start of a node or in the middle of a text node by splitting the
-    // text nodes using rangy's splitBoundaries()
-    range.splitBoundaries(); // Split any partially-select text nodes
-    blockParent = wym.findUp(
-        range.startContainer,
-        ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li']
-    );
-    blockParentType = blockParent.tagName;
-    leftSide = [];
-    rightSide = [];
-    jQuery(blockParent).contents().each(function (index, element) {
-        // Capture all of the dom nodes to the left and right of our
-        // range. We can't remove them in the same step because that
-        // loses the selection in webkit
-
-        rangeNodeComparison = range.compareNode(element);
-        if (rangeNodeComparison === range.NODE_BEFORE ||
-                (rangeNodeComparison === range.NODE_BEFORE_AND_AFTER &&
-                 range.startOffset === range.startContainer.length)) {
-            // Because of the way splitBoundaries() works, the
-            // collapsed selection might appear in the right-most index
-            // of the border node, which means it will show up as
-            //
-            // eg. | is the selection and <> are text node boundaries
-            // <foo|><bar>
-            //
-            // We detect that case by counting any
-            // NODE_BEFORE_AND_AFTER result where the offset is at the
-            // very end of the node as a member of the left side
-            leftSide.push(element);
-        } else {
-            rightSide.push(element);
-        }
-    });
-    // Now remove all of the left and right nodes
-    for (i = 0; i < leftSide.length; i++) {
-        jQuery(leftSide[i]).remove();
-    }
-    for (i = 0; i < rightSide.length; i++) {
-        jQuery(rightSide[i]).remove();
-    }
-
-    // Rebuild our split nodes and add the inserted content
-    if (leftSide.length > 0) {
-        // We have left-of-selection content
-        // Put the content back inside our blockParent
-        jQuery(blockParent).prepend(leftSide);
-    }
-    if (rightSide.length > 0) {
-        // We have right-of-selection content.
-        // Split it off in to a node of the same type after our
-        // blockParent
-        $splitRightParagraph = jQuery('<' + blockParentType + '>' +
-            '</' + blockParentType + '>', wym._doc);
-        $splitRightParagraph.insertAfter(jQuery(blockParent));
-        $splitRightParagraph.append(rightSide);
-    }
-
-    // Insert the first paragraph in to the current node, and then
-    // start appending subsequent paragraphs
-    firstParagraphString = paragraphStrings.splice(
-        0,
-        1
-    )[0];
-    firstParagraphHtml = firstParagraphString.split(WYMeditor.NEWLINE).join('<br />');
-    jQuery(blockParent).html(jQuery(blockParent).html() + firstParagraphHtml);
-
-    // Now append all subsequent paragraphs
-    $insertAfter = jQuery(blockParent);
-    for (i = 0; i < paragraphStrings.length; i++) {
-        html = '<' + blockSplitter + '>' +
-            (paragraphStrings[i].split(WYMeditor.NEWLINE).join('<br />')) +
-            '</' + blockSplitter + '>';
-        $insertAfter = jQuery(html, wym._doc).insertAfter($insertAfter);
-    }
-};
-
-/**
-    editor.paste
-    ============
-
-    Paste text into the editor below the carret, used for "Paste from Word".
-
-    Takes the string to insert as an argument. Two or more newlines separates
-    paragraphs. May contain inline HTML.
-*/
-WYMeditor.editor.prototype.paste = function (str) {
-    var wym = this,
-        container = wym.selectedContainer(),
-        paragraphStrings,
-        j,
-        textNodesToInsert,
-        blockSplitter,
-        $container = jQuery(container),
-        html = '',
-        paragraphs,
-        i,
-        isSingleLine = false,
-        sel = wym.selection(),
-        textNode,
-        range = sel.getRangeAt(0),
-        insertionNodes;
-
-    // Start by collapsing the range to the start of the selection. We're
-    // punting on implementing a paste that also replaces existing content for
-    // now,
-    range.collapse(true); // Collapse to the the begining of the selection
-
-    // Split string into paragraphs by two or more newlines
-    paragraphStrings = str.split(new RegExp(WYMeditor.NEWLINE + '{2,}', 'g'));
-
-    if (paragraphStrings.length === 1) {
-        // This is a one-line paste, which is an easy case.
-        // We try not to wrap these in paragraphs
-        isSingleLine = true;
-    }
-
-    if (typeof container === 'undefined' ||
-            (container && container.tagName.toLowerCase() === WYMeditor.BODY)) {
-        // No selection, or body selection. Paste at the end of the document
-
-        if (isSingleLine) {
-            // Easy case. Wrap the string in p tags
-            paragraphs = jQuery(
-                '<p>' + paragraphStrings[0] + '</p>',
-                wym._doc
-            ).appendTo(wym._doc.body);
-        } else {
-            // Need to build paragraphs and insert them at the end
-            blockSplitter = 'p';
-            for (i = paragraphStrings.length - 1; i >= 0; i -= 1) {
-                // Going backwards because rangy.insertNode leaves the
-                // selection in front of the inserted node
-                html = '<' + blockSplitter + '>' +
-                    (paragraphStrings[i].split(WYMeditor.NEWLINE).join('<br />')) +
-                    '</' + blockSplitter + '>';
-                // Build multiple nodes from the HTML because ie6 chokes
-                // creating multiple nodes implicitly via jquery
-                insertionNodes = jQuery(html, wym._doc);
-                for (j = insertionNodes.length - 1; j >= 0; j--) {
-                    // Loop backwards through all of the nodes because
-                    // insertNode moves that direction
-                    range.insertNode(insertionNodes[j]);
-                }
-            }
-        }
-    } else {
-        // Pasting inside an existing element
-        if (isSingleLine || $container.is('pre')) {
-            // Easy case. Insert a text node at the current selection
-            textNode = wym._doc.createTextNode(str);
-            range.insertNode(textNode);
-        } else if ($container.is('p,h1,h2,h3,h4,h5,h6,li')) {
-            wym._handleMultilineBlockContainerPaste(wym, $container, range, paragraphStrings);
-        } else {
-            // We're in a container that doesn't accept nested paragraphs (eg. td). Use
-            // <br> separators everywhere instead
-            textNodesToInsert = str.split(WYMeditor.NEWLINE);
-            for (i = textNodesToInsert.length - 1; i >= 0; i -= 1) {
-                // Going backwards because rangy.insertNode leaves the
-                // selection in front of the inserted node
-                textNode = wym._doc.createTextNode(textNodesToInsert[i]);
-                range.insertNode(textNode);
-                if (i > 0) {
-                    // Don't insert an opening br
-                    range.insertNode(jQuery('<br />', wym._doc).get(0));
-                }
-            }
-        }
-    }
-    wym.registerModification();
-};
-
-WYMeditor.editor.prototype.insert = function (html) {
-    // Do we have a selection?
-    var wym = this,
-        selection = wym.hasSelection() ? wym.selection() : false,
-        range,
-        node;
-    if (selection) {
-        // Overwrite selection with provided html
-        range = selection.getRangeAt(0);
-        node = range.createContextualFragment(html);
-        range.deleteContents();
-        range.insertNode(node);
-    }
-};
-
-/**
-    editor.canSetCaretBefore
-    ========================
-
-    Returns true if it is OK to set a collapsed selection immediately before
-    a node. Otherwise returns false.
-
-    @param node A node to check about.
- */
-WYMeditor.editor.prototype.canSetCaretBefore = function (node) {
-    var wym = this;
-    if (node.nodeType === WYMeditor.NODE_TYPE.TEXT) {
-        return true;
-    }
-    if (
-        node.tagName &&
-        node.tagName.toLowerCase() === 'br'
-    ) {
-        if (
-            !node.previousSibling
-        ) {
-            return true;
-
-        } else if (
-            node.previousSibling.tagName &&
-            node.previousSibling.tagName.toLowerCase() === 'br'
-        ) {
-            return true;
-
-        } else if (wym.isBlockNode(node.previousSibling)) {
-            return true;
-
-        } else if (node.previousSibling.nodeType === WYMeditor.NODE_TYPE.TEXT) {
-            return true;
-        }
-    }
-    return false;
-};
-
-/**
-    editor.setCaretBefore
-    =====================
-
-    Sets a collapsed selection to immediately before a provided node.
-
-    Not to be confused with `editor.setCaretIn`, which sets a collapsed
-    selection inside a container node, at the start.
-
-    @param node A node to set the selection to immediately before of.
- */
-WYMeditor.editor.prototype.setCaretBefore = function (node) {
-    var wym = this,
-        range = rangy.createRange(wym._doc),
-        selection = wym.selection();
-
-    if (!wym.canSetCaretBefore(node)) {
-        throw "Can't set caret before this node.";
-    }
-
-    range.selectNode(node);
-    range.collapse(true);
-
-    selection.setSingleRange(range);
-};
-
-/**
-    editor.canSetCaretIn
-    ====================
-
-    Returns true if it is OK to set a collapsed selection inside a node.
-    Otherwise returns false.
-
-    @param node A node to check about.
- */
-WYMeditor.editor.prototype.canSetCaretIn = function (node) {
-    var wym = this;
-    if (
-        node.nodeType === WYMeditor.NODE_TYPE.TEXT ||
-        (
-            node.tagName &&
-            jQuery.inArray(
-                node.tagName.toLowerCase(),
-                WYMeditor.NO_CARET_ELEMENTS
-            ) > -1
-        )
-    ) {
-        return false;
-    }
-    // Rangy issue #209.
-    if (wym.isInlineNode(node)) {
-
-        if (node.childNodes.length === 0) {
-            // Not possible to work-around this issue.
-            return false;
-        }
-        // It is possible to work-around this issue by setting a non-collapsed
-        // selection. Warn about this.
-        WYMeditor.console.warn("Can set a non-collapsed selection. Rangy issue #209.");
-    }
-    return true;
-};
-
-/**
-    editor.setCaretIn
-    =================
-
-    Sets a collapsed selection to inside provided container element, at the start.
-
-    Not to be confused with `editor.setCaretBefore`, which sets a collapsed
-    selection immediately before a node.
-
-    @param element An element to set the selection inside of, at the start.
- */
-WYMeditor.editor.prototype.setCaretIn = function (element) {
-    var wym = this,
-        range = rangy.createRange(wym._doc),
-        selection = wym.selection();
-
-    if (
-        !wym.canSetCaretIn(element)
-    ) {
-        throw "The element must be able to contain other elements. Perhaps " +
-            " you would like to use `setCaretBefore`, instead.";
-    }
-
-    range.selectNodeContents(element);
-
-    // Rangy issue #209.
-    if (wym.isInlineNode(element)) {
-
-        // Don't collapse the range. As long as
-        // this occurs only in tests it is probably OK. Warn.
-        WYMeditor.console.warn("Can't set a collapsed selection. Setting " +
-           "a non-collapsed selection, instead. Rangy issue #209.");
-    } else {
-        range.collapse(true);
-    }
-
-    selection.setSingleRange(range);
-};
-
-/**
-    editor._splitListItemContents
-    =============================
-
-    Utility
-
-    Splits a list item into the content that should stay with the li as it is
-    indented/outdent and the things that should stay at their current indent level.
-
-    `itemContents` are what a user would consider that list's contents
-    `sublistContents` are the sub-items that are nested inside the li
-    (basically everything after the first ol/ul inclusive).
-
-    The returned object has `itemContents` and `sublistContents` properties.
-*/
-WYMeditor.editor.prototype._splitListItemContents = function ($listItem) {
-    var $allContents,
-        i,
-        elmnt,
-        hitSublist = false,
-        splitObject = {itemContents: [], sublistContents: []};
-
-    $allContents = $listItem.contents();
-
-    for (i = 0; i < $allContents.length; i++) {
-        elmnt = $allContents.get(i);
-        if (hitSublist || jQuery(elmnt).is('ol,ul')) {
-            // We've hit the first sublist. Everything from this point on is
-            // considered `sublistContents`
-            hitSublist = true;
-            splitObject.sublistContents.push(elmnt);
-        } else {
-            splitObject.itemContents.push(elmnt);
-        }
-    }
-
-    return splitObject;
-};
-
-/**
-    editor._joinAdjacentLists
-    =========================
-
-    Utility
-
-    Joins two lists if they are adjacent and are of the same type.
-
-    The end result will be `listTwo`s contents being appended to `listOne`
-*/
-WYMeditor.editor.prototype._joinAdjacentLists = function (listOne, listTwo) {
-    var $listTwoContents;
-
-    if (typeof listOne === 'undefined' ||
-            typeof listTwo === 'undefined') {
-        // Invalid arguments
-        return;
-    }
-    if (listOne.nextSibling !== listTwo ||
-            listOne.tagName.toLowerCase() !== listTwo.tagName.toLowerCase()) {
-        return;
-    }
-
-    $listTwoContents = jQuery(listTwo).contents();
-    $listTwoContents.unwrap(); // Kill listTwo
-    $listTwoContents.detach();
-    jQuery(listOne).append($listTwoContents);
-};
-
-/**
-    editor._indentSingleItem
-    ========================
-
-    Indent a single list item via the dom, ensuring that the selected node moves in
-    exactly one level and all other nodes stay at the same level.
- */
-WYMeditor.editor.prototype._indentSingleItem = function (listItem) {
-    var wym = this,
-        $liToIndent,
-        listType,
-        spacerHtml,
-        containerHtml,
-
-        splitContent,
-        $itemContents,
-        $sublistContents,
-
-        $prevLi,
-        $prevSublist,
-        $firstSublist,
-
-        $spacer,
-        $spacerContents;
-
-    // The algorithm used here is generally:
-    // 1. Ensure there's a previous li to put the `liToIndent`.
-    // 2. Move the `liToIndent` into a sublist in the previous li.
-    // 3. If we added a spacer_li after `liToIndent` remove it and move its
-    // contents inside `liToIndent`.
-
-    // For step 2, the sublist to use can either be:
-    // 1. An existing sublist of the correct type at the end of the previous li.
-    // 2. An existing sublist inside `liToIndent`.
-    // 3. A new sublist that we create.
-
-    $liToIndent = jQuery(listItem);
-    listType = $liToIndent.parent()[0].tagName.toLowerCase();
-
-    // Separate out the contents into things that should stay with the li as it
-    // moves and things that should stay at their current level
-    splitContent = wym._splitListItemContents($liToIndent);
-    $sublistContents = jQuery(splitContent.sublistContents);
-    $itemContents = jQuery(splitContent.itemContents);
-
-    $prevLi = $liToIndent.prev().filter('li');
-    // Ensure we actually have a previous li in which to put the `liToIndent`
-    if ($prevLi.length === 0) {
-        spacerHtml = '<li class="spacer_li"></li>';
-        $liToIndent.before(spacerHtml);
-        $prevLi = $liToIndent.prev();
-    }
-
-    // Move `liToIndent` to a sublist inside its previous sibling li
-    $prevSublist = $prevLi.contents().last().filter('ol,ul');
-    if ($prevSublist.length > 0) {
-        // Case 1: We have a sublist at the appropriate level as a previous
-        // sibling. Leave the sublist contents where they are and join the
-        // previous sublist
-
-        // Join our node at the end of the target sublist
-        $prevSublist.append($liToIndent);
-
-        // Stick all of the sublist contents at the end of the previous li
-        $sublistContents.detach();
-        $prevLi.append($sublistContents);
-
-        // If we just moved two lists of the same type next to eachother, join
-        // them
-        $firstSublist = $sublistContents.first();
-        wym._joinAdjacentLists($prevSublist.get(0), $firstSublist.get(0));
-    } else {
-        if ($sublistContents.length > 0) {
-            // Case 2: We need to move our existing sublist to the previous li
-            $sublistContents.detach();
-            $prevLi.append($sublistContents);
-            $prevSublist = $sublistContents.first();
-        } else {
-            // Case 3: Create a spacer sublist in the previous li in which to
-            // place `liToIndent`
-            containerHtml = '<' + listType + '></' + listType + '>';
-            $prevLi.append(containerHtml);
-            $prevSublist = $prevLi.contents().last();
-        }
-
-        // Move our li to the start of the sublist
-        $prevSublist.prepend($liToIndent);
-    }
-
-    // If we eliminated the need for a spacer_li, remove it
-    if ($liToIndent.next().is('.spacer_li')) {
-        $spacer = $liToIndent.next('.spacer_li');
-        $spacerContents = $spacer.contents();
-        $spacerContents.detach();
-        $liToIndent.append($spacerContents);
-        $spacer.remove();
-    }
-
-};
-
-/**
-    editor._outdentSingleItem
-    =========================
-
-    Outdent a single list item via the dom, ensuring that the selected node moves in
-    exactly one level and all other nodes stay at the same level.
- */
-WYMeditor.editor.prototype._outdentSingleItem = function (listItem) {
-    var wym = this,
-        $liToOutdent,
-        listType,
-        spacerListHtml,
-
-        splitContent,
-        $itemContents,
-        $sublistContents,
-
-        $parentLi,
-        $parentList,
-
-        $subsequentSiblingContent,
-        $subsequentParentListSiblingContent,
-
-        $sublist;
-
-    // The algorithm used here is generally:
-    // 1. Gather all subsequent sibling content in `liToIndent`s list along
-    // with all subsequent sibling content in `liToIndent`s parent list.
-    // 2. Move `liToIndent` after the li whose sublist it's in.
-    // 3. Create a sublist of the same type of `liToIndent`s parent list inside
-    // `liToIndent`.
-    // 4. If `liToIndent` has a sublist, use a spacer_li and list to hold its
-    // position inside the new sublist.
-    // 5. Append all original subsequent siblings inside the created sublist.
-    // 6. Append all of `liToIndent`s original parent list subsequent sibling
-    // content after the created sublist.
-    // 7. Remove `liToOutdent`'s original parent list and parent li if either
-    // are now empty
-
-    $liToOutdent = jQuery(listItem);
-    listType = $liToOutdent.parent()[0].tagName.toLowerCase();
-
-    // If this list item isn't already indented at least one level, don't allow
-    // outdenting
-    if (!$liToOutdent.parent().parent().is('ol,ul,li')) {
-        return;
-    }
-    if (!$liToOutdent.parent().parent().is('li')) {
-        // We have invalid list nesting and we need to fix that
-        WYMeditor.console.log(
-            'Attempting to fix invalid list nesting before outdenting.'
-        );
-        wym._fixInvalidListNesting(listItem);
-    }
-
-    // Separate out the contents into things that should stay with the li as it
-    // moves and things that should stay at their current level
-    splitContent = wym._splitListItemContents($liToOutdent);
-    $sublistContents = jQuery(splitContent.sublistContents);
-    $itemContents = jQuery(splitContent.itemContents);
-
-    // Gather subsequent sibling and parent sibling content
-    $parentLi = $liToOutdent.parent().parent('li');
-    // Invalid HTML could cause this selector to fail, which breaks our logic.
-    // Bail out rather than possibly losing content
-    if ($parentLi.length === 0) {
-        WYMeditor.console.error('Invalid list. No parentLi found, so aborting outdent');
-        return;
-    }
-    $parentList = $liToOutdent.parent();
-    $subsequentSiblingContent = $liToOutdent.nextAllContents();
-    $subsequentParentListSiblingContent = $parentList.nextAllContents();
-
-    // Move the li to after the parent li
-    $liToOutdent.detach();
-    $parentLi.after($liToOutdent);
-
-    // If this node has one or more sublists, they will need to be indented
-    // by one with a fake parent to hold their previous position
-    if ($sublistContents.length > 0) {
-        spacerListHtml = '<' + listType + '>' +
-            '<li class="spacer_li"></li>' +
-            '</' + listType + '>';
-        $liToOutdent.append(spacerListHtml);
-        $sublist = $liToOutdent.children().last();
-        // Add all of the sublistContents inside our new spacer li
-        $sublistContents.detach();
-        $sublist.children('li').append($sublistContents);
-    }
-
-    if ($subsequentSiblingContent.length > 0) {
-        // Nest the previously-subsequent items inside the list to
-        // retain order and their indent level
-        if (typeof $sublist === 'undefined') {
-            // Insert a sublist if we don't already have one
-            spacerListHtml = '<' + listType + '></' + listType + '>';
-            $liToOutdent.append(spacerListHtml);
-            $sublist = $liToOutdent.children().last();
-        }
-        $subsequentSiblingContent.detach();
-        $sublist.append($subsequentSiblingContent);
-    }
-
-    // If we have a parentItem with content after our parent list
-    // eg. <ol>
-    //       <li>one
-    //         <ul ...>
-    //         two
-    //         <ul ...>
-    //         three
-    //       </li>
-    //     </ol>
-    // we'll need to split that parentItem to retain proper content ordering
-    if ($subsequentParentListSiblingContent.length > 0) {
-        // Move the subsequent content in to a new list item after our parent li
-        $subsequentParentListSiblingContent.detach();
-
-        // If our last content and the first content in the subsequent content
-        // are both text nodes, insert a <br /> spacer to avoid crunching the
-        // text together visually. This maintains the same "visual" structure.
-        if ($liToOutdent.contents().length > 0 &&
-                $liToOutdent.contents().last()[0].nodeType === WYMeditor.NODE_TYPE.TEXT &&
-                $subsequentParentListSiblingContent[0].nodeType === WYMeditor.NODE_TYPE.TEXT) {
-            $liToOutdent.append('<br />');
-        }
-
-        $liToOutdent.append($subsequentParentListSiblingContent);
-    }
-
-    // Remove our parentList if it's empty and if we just removed that, the
-    // parentLi is likely to be empty also
-    if ($parentList.contents().length === 0) {
-        $parentList.remove();
-    }
-    if ($parentLi.contents().length === 0) {
-        $parentLi.remove();
-    }
-};
-
-/**
-    editor._fixInvalidListNesting
-    =============================
-
-    Take an li/ol/ul and correct any list nesting issues in the entire list
-    tree.
-
-    Corrected lists have the following properties:
-    1. ol and ul nodes *only* allow li children.
-    2. All li nodes have either an ol or ul parent.
-
-    The `alreadyCorrected` argument is used to indicate if a correction has
-    already been made, which means we need to return true even if no further
-    corrections are made.
-
-    Returns true if any nodes were corrected.
- */
-WYMeditor.editor.prototype._fixInvalidListNesting = function (listItem, alreadyCorrected) {
-    // Travel up the dom until we're at the root ol/ul/li
-    var wym = this,
-        currentNode = listItem,
-        parentNode,
-        tagName;
-    if (typeof alreadyCorrected === 'undefined') {
-        alreadyCorrected = false;
-    }
-    if (!currentNode) {
-        return alreadyCorrected;
-    }
-    while (currentNode.parentNode) {
-        parentNode = currentNode.parentNode;
-        if (parentNode.nodeType !== WYMeditor.NODE_TYPE.ELEMENT) {
-            // Our parent is outside a valid list structure. Stop at this node.
-            break;
-        }
-        tagName = parentNode.tagName.toLowerCase();
-        if (tagName !== 'ol' && tagName !== 'ul' && tagName !== 'li') {
-            // Our parent is outside a valid list structure. Stop at this node.
-            break;
-
-        }
-        // We're still traversing up a list structure. Keep going
-        currentNode = parentNode;
-    }
-    // We have the root node. Make sure it's legit
-    if (jQuery(currentNode).is('li')) {
-        // We have an li as the "root" because its missing a parent list.
-        // Correct this problem and then try again to correct the nesting.
-        WYMeditor.console.log(
-            "Correcting orphaned root li before correcting invalid list nesting."
-        );
-        wym._correctOrphanedListItem(currentNode);
-        return wym._fixInvalidListNesting(currentNode, true);
-    }
-    if (!jQuery(currentNode).is('ol,ul')) {
-        WYMeditor.console.error("Can't correct invalid list nesting. No root list found");
-        return alreadyCorrected;
-    }
-    return wym._fixInvalidlyNestedList(currentNode, alreadyCorrected);
-};
-
-/**
-    editor._isPOrDivAfterEnterInEmptyNestedLi(container)
-    ====================================================
-
-    Detects one of the types of resulting DOM in issue #430.
-
-    The case is when a 'p' or a 'div' are introduced into the parent 'li'.
-    Since we don't allow a 'p' or a 'div' directly within 'li's it is replaced
-    with a 'br'.
-
-    Returns true if detected positively and false otherwise.
-
-    @param container An element to check this about.
- */
-
-WYMeditor.editor.prototype._isPOrDivAfterEnterInEmptyNestedLi = function
-(container) {
-    if (
-        jQuery.inArray(
-            container.tagName.toLowerCase(),
-            WYMeditor.DocumentStructureManager.VALID_DEFAULT_ROOT_CONTAINERS
-        ) > -1 &&
-        container.parentNode.tagName.toLowerCase() === 'li'
-    ) {
-        switch (container.childNodes.length) {
-        case 0:
-            return true;
-        case 1:
-            if (
-                container.childNodes[0].tagName &&
-                container.childNodes[0].tagName.toLowerCase() === 'br'
-            ) {
-                return true;
-            } else if (
-                container.childNodes[0].nodeType === WYMeditor.NODE_TYPE.TEXT &&
-                container.childNodes[0].data === WYMeditor.NBSP
-            ) {
-                return true;
-            }
-        }
-    }
-    return false;
-};
-
-/**
-    editor._isSpilledListAfterEnterInEmptyLi
-    ========================================
-
-    Detects one of the types of resulting DOM in issue #430.
-
-    In this type of resulting DOM, the contents of a `li` have been
-    "spilled" after that `li`.
-
-    Returns true if detected positively and false otherwise.
-
-    @param container An element to check this about.
- */
-
-WYMeditor.editor.prototype._isSpilledListAfterEnterInEmptyLi = function
-    (container) {
-    var wym = this;
-    if (
-        container.tagName.toLowerCase() === 'li' &&
-        container.previousSibling &&
-        wym.isListNode(container.previousSibling) &&
-        container.previousSibling.previousSibling &&
-        container.previousSibling.previousSibling.tagName
-            .toLowerCase() === 'li' &&
-        wym.isListNode(container.parentNode)
-    ) {
-        return true;
-    }
-    return false;
-};
-
-/**
-    editor._handlePotentialEnterInEmptyNestedLi
-    ===========================================
-
-    Issue #430. When the caret is in an empty nested `li` and the enter key is
-    pressed, browsers perform DOM manipulations that are different than what
-    we desire.
-
-    This detects two out of three types of the DOM manipulations and calls for
-    their correction.
-
-    The third type of DOM manipulation is harder to detect, but, luckily, it
-    is tolerable, so it goes undetected. This results in a difference in UX
-    across browsers.
-
-    For detailed information on this please see the issue #430's description.
-
-    @param keyPressed The code of the key that was pressed, to check whether
-                      it is an enter.
-    @param container The currently selected container.
- */
-
-WYMeditor.editor.prototype._handlePotentialEnterInEmptyNestedLi = function (
-    keyPressed, container) {
-
-    if (keyPressed !== WYMeditor.KEY_CODE.ENTER) {
-        // Only an enter key press can result a p/div in an empty nested list.
-        return null;
-    }
-
-    var wym = this;
-
-    if (wym._isPOrDivAfterEnterInEmptyNestedLi(container)) {
-        wym._replaceNodeWithBrAndSetCaret(container);
-    } else if (wym._isSpilledListAfterEnterInEmptyLi(container)) {
-        wym._appendSiblingsUntilNextLiToPreviousLi(container);
-        wym._replaceNodeWithBrAndSetCaret(container);
-    }
-};
-
-/**
-    editor._replaceNodeWithBrAndSetCaret
-    ====================================
-
-    Replaces a node with a `br` element and sets caret before it.
-
-    If the previousSibling is inline (except for a `br`) then another `br`
-    is added before.
-
-    @param node This is the node to be replaced.
-*/
-WYMeditor.editor.prototype._replaceNodeWithBrAndSetCaret = function (node) {
-    var wym = this,
-        $node = jQuery(node);
-
-    if (
-        node.previousSibling &&
-        !node.previousSibling.tagName ||
-        node.previousSibling.tagName.toLowerCase() !== 'br' &&
-        wym.isInlineNode(node.previousSibling)
-    ) {
-        $node.before('<br />');
-    }
-
-    $node.before('<br />');
-    wym.setCaretBefore(node.previousSibling);
-    $node.remove();
-};
-
-/**
-    editor._appendSiblingsUntilNextLiToPreviousLi
-    =============================================
-
-    This corrects the type of resulting DOM from issue #430 where the
-    contents of a `li` have been spilled to after that `li`.
-
-    It only corrects the spillage itself and doesn't modify the new `li`.
-
-    @param newLi This is the new 'li' that was created. It is supposed to
-                 contain the caret.
-*/
-
-WYMeditor.editor.prototype._appendSiblingsUntilNextLiToPreviousLi =
-    function (newLi) {
-
-    var $newLi = jQuery(newLi),
-        // The spilled nodes are a subset of these.
-        $parentContents = $newLi.parent().contents(),
-        // This is the `li` that spilled its contents.
-        $sadLi = $newLi.prevAll('li').first(),
-        // This is the next `li` after the newLi. If it exists, it marks the
-        // end of the spill.
-        $nextLi = $newLi.nextAll('li').first(),
-        // The spill start index is after the source `li`.
-        spillStart = $sadLi.index() + 1,
-        $spilled;
-
-    if ($nextLi.length === 1) {
-        $spilled = $parentContents.slice(spillStart, $nextLi.index());
-    } else {
-        // There are no `li` elements after our newLi. The spill ends at the
-        // end of its parent.
-        $spilled = $parentContents.slice(spillStart);
-    }
-    $sadLi.append($spilled);
-};
-
-/**
-    editor._correctOrphanedListItem
-    ===============================
-
-    Ensure that the given ophaned list item has a proper list parent.
-
-    Uses the sibling nodes to determine what kind of list should be used. Also
-    wraps sibling adjacent orphaned li nodes in the same list.
- */
-WYMeditor.editor.prototype._correctOrphanedListItem = function (listNode) {
-    var prevAdjacentLis,
-        nextAdjacentLis,
-        $adjacentLis = jQuery(),
-        prevList,
-        prevNode;
-
-    prevAdjacentLis = jQuery(listNode).prevContentsUntil(':not(li)');
-    nextAdjacentLis = jQuery(listNode).nextContentsUntil(':not(li)');
-
-    // Merge the collections together
-    $adjacentLis = $adjacentLis.add(prevAdjacentLis);
-    $adjacentLis = $adjacentLis.add(listNode);
-    $adjacentLis = $adjacentLis.add(nextAdjacentLis);
-
-    // Determine if we have a list node in which to insert all of our orphaned
-    // li's
-    prevNode = $adjacentLis[0].previousSibling;
-    if (prevNode && jQuery(prevNode).is('ol,ul')) {
-        prevList = prevNode;
-    } else {
-        // No previous existing list to use. Need to create one
-        $adjacentLis.before('<ol></ol>');
-        prevList = $adjacentLis.prev()[0];
-    }
-
-    // Insert all of the adjacent orphaned lists inside the new parent
-    jQuery(prevList).append($adjacentLis);
-};
-
-/**
-    editor._fixInvalidlyNestedList
-    ==============================
-
-    This is the function that actually does the list correction.
-    _fixInvalidListNesting is just a helper function that first finds the root
-    of the list.
-
-    Returns true if any correction was made.
-
-    We use a reverse preorder traversal to navigate the DOM because we might be:
-
-    * Making nodes children of their previous sibling (in the <ol><li></li><ol>...</ol></ol> case)
-    * Adding nodes at the current level (wrapping any non-li node inside a ul/ol in a new li node)
-
-    Adapted from code at: Tavs Dokkedahl from
-    http://www.jslab.dk/articles/non.recursive.preorder.traversal.part3
- */
-WYMeditor.editor.prototype._fixInvalidlyNestedList = function (listNode, alreadyCorrected) {
-    var rootNode = listNode,
-        currentNode = listNode,
-        wasCorrected = false,
-        previousSibling,
-        tagName,
-        ancestorNode,
-        nodesToMove,
-        targetLi,
-        lastContentNode,
-        spacerHtml = '<li class="spacer_li"></li>';
-    if (typeof alreadyCorrected !== 'undefined') {
-        wasCorrected = alreadyCorrected;
-    }
-
-    while (currentNode) {
-        if (currentNode._wym_visited) {
-            // This node has already been visited.
-            // Remove mark for visited nodes
-            currentNode._wym_visited = false;
-            // Once we reach the root element again traversal
-            // is done and we can break
-            if (currentNode === rootNode) {
-                break;
-            }
-            if (currentNode.previousSibling) {
-                currentNode = currentNode.previousSibling;
-            } else {
-                currentNode = currentNode.parentNode;
-            }
-        } else {
-            // This is the first visit for this node
-
-            // All non-li nodes must have an
-            // ancestor li node that's closer than any ol/ul ancestor node.
-            // Basically, everything needs to be inside an li node.
-            if (currentNode !== rootNode && !jQuery(currentNode).is('li')) {
-                // We have a non-li node.
-                // Ensure that we have an li ancestor before we have any ol/ul
-                // ancestors
-
-                ancestorNode = currentNode;
-                while (ancestorNode.parentNode) {
-                    ancestorNode = ancestorNode.parentNode;
-                    if (jQuery(ancestorNode).is('li')) {
-                        // Everything is ok. Hit an li before a ol/ul
-                        break;
-                    }
-
-                    if (ancestorNode.nodeType !== WYMeditor.NODE_TYPE.ELEMENT) {
-                        // Our parent is outside a valid list structure. Stop at this node.
-                        break;
-                    }
-                    tagName = ancestorNode.tagName.toLowerCase();
-                    if (tagName === 'ol' || tagName === 'ul') {
-                        // We've hit a list container before any list item.
-                        // This isn't valid html and causes editing problems.
-                        //
-                        // Convert the list to a valid structure that closely
-                        // mimics the layout and behavior of invalidly nested
-                        // content inside a list. The browser treats the
-                        // content similar to how it would treat that same
-                        // content separated by a <br /> within its previous
-                        // sibling list item, so recreate that structure.
-                        //
-                        // The algorithm for performing this is basically:
-                        // 1. Gather this and any previous siblings up until the
-                        // previous li (if one exists) as content to move.
-                        // 2. If we don't have any previous or subsequent li
-                        // sibling, create a spacer li in which to insert all
-                        // the gathered content.
-                        // 3. Move all of the content to the previous li or the
-                        // subsequent li (in that priority).
-                        WYMeditor.console.log("Fixing orphaned list content");
-                        wasCorrected = true;
-
-                        // Gather this and previous sibling until the previous li
-                        nodesToMove = [currentNode];
-                        previousSibling = currentNode;
-                        targetLi = null;
-                        while (previousSibling.previousSibling) {
-                            previousSibling = previousSibling.previousSibling;
-                            if (jQuery(previousSibling).is('li')) {
-                                targetLi = previousSibling;
-                                // We hit an li. Store it as the target in
-                                // which to move the nodes
-                                break;
-                            }
-                            nodesToMove.push(previousSibling);
-                        }
-
-                        // We have our nodes ordered right to left and we need
-                        // them left to right
-                        nodesToMove.reverse();
-
-                        // If there are no previous siblings, we can join the next li instead
-                        if (!targetLi && nodesToMove.length === 1) {
-                            if (jQuery(currentNode.nextSibling).is('li')) {
-                                targetLi = currentNode.nextSibling;
-                            }
-                        }
-
-                        // If we still don't have an li in which to move, we
-                        // need to create a spacer li
-                        if (!targetLi) {
-                            jQuery(nodesToMove[0]).before(spacerHtml);
-                            targetLi = jQuery(nodesToMove[0]).prev()[0];
-                        }
-
-                        // Move all of our content inside the li we've chosen
-                        // If the last content node inside the target li is
-                        // text and so is the first content node to move, separate them
-                        // with a <br /> to preserve the visual layout of them
-                        // being on separate lines
-                        lastContentNode = jQuery(targetLi).contents().last();
-                        if (lastContentNode.length === 1 &&
-                                lastContentNode[0].nodeType === WYMeditor.NODE_TYPE.TEXT) {
-                            if (nodesToMove[0].nodeType === WYMeditor.NODE_TYPE.TEXT) {
-                                jQuery(targetLi).append('<br />');
-                            }
-                        }
-                        jQuery(targetLi).append(jQuery(nodesToMove));
-
-                        break;
-
-                    }
-                    // We're still traversing up a list structure. Keep going
-                }
-            }
-
-            if (currentNode.lastChild) {
-                // Since we have childnodes, mark this as visited because
-                // we'll return later
-                currentNode._wym_visited = true;
-                currentNode = currentNode.lastChild;
-            } else if (currentNode.previousSibling) {
-                currentNode = currentNode.previousSibling;
-            } else {
-                currentNode = currentNode.parentNode;
-            }
-        }
-    }
-
-    return wasCorrected;
-};
-
-/**
-    editor._getCommonParentList
-    ===========================
-
-    Get the common parent ol/ul for the given li nodes. If the parent ol/ul for
-    each cell isn't the same, returns null.
-
-    @param listItems An array of list item nodes to check for a common parent
-    @param getClosest If true, checks if the closest list parent to each list
-                      node is the same. If false, checks if the furthest list
-                      parent to each list node is the same.
- */
-WYMeditor.editor.prototype._getCommonParentList = function (listItems, getClosest) {
-    var firstLi,
-        parentList,
-        rootList,
-        haveCommonParent = true;
-
-    listItems = jQuery(listItems).filter('li');
-    if (listItems.length === 0) {
-        return null;
-    }
-    firstLi = listItems[0];
-    parentList = jQuery(firstLi).parents('ol,ul');
-    parentList = (getClosest ? parentList.first() : parentList.last());
-
-    if (parentList.length === 0) {
-        return null;
-    }
-    rootList = parentList[0];
-
-    // Ensure that all of the li's have the same parent list
-    jQuery(listItems).each(function (index, elmnt) {
-        parentList = jQuery(elmnt).parents('ol,ul');
-        parentList = (getClosest ? parentList.first() : parentList.last());
-        if (parentList.length === 0 || parentList[0] !== rootList) {
-            haveCommonParent = false;
-        }
-    });
-
-    if (!haveCommonParent) {
-        return null;
-    }
-    return rootList;
-};
-
-/**
-    editor.deselect
-    ===============
-
-    Removes seletion.
-*/
-WYMeditor.editor.prototype.deselect = function () {
-    var wym = this;
-
-    wym.selection().removeAllRanges();
-    // Blur seems to be required for IE8.
-    wym.body().blur();
-};
-
-/**
-    editor._getSelectedNodes
-    ========================
-
-    Returns an array of the selected and partially selected nodes.
-
-    Returns false if there is not selection.
-
-Returns false if there is no selection.
-*/
-WYMeditor.editor.prototype._getSelectedNodes = function () {
-    var wym = this,
-        selection = wym.selection(),
-        selectedNodes;
-
-    if (wym.hasSelection() !== true) {
-        return false;
-    }
-
-    selectedNodes = selection.getAllRanges()
-        .reduce(function (nodes, range) {
-            return nodes.concat(range.getNodes());
-        }, []);
-    return selectedNodes;
-};
-
-/**
-    editor._getSelectedListItems
-    ============================
-
-    Determine which `li` nodes are "selected" from the user's standpoint.
-
-    These are the `li` nodes that they would expect to be affected by an action
-    with the given selection.
-
-    For a better understanding, comments are provided inside.
-
-    @param selection A Rangy Selection object.
-*/
-WYMeditor.editor.prototype._getSelectedListItems = function (selection) {
-    var wym = this,
-        $selectedContainer,
-        $selectedNodes,
-        $selectedLis;
-
-    if (selection.isCollapsed) {
-        $selectedContainer = jQuery(wym.selectedContainer());
-
-        if ($selectedContainer.closest('li, table').is('table')) {
-            // Inside a table and not inside a list inside it. This prevents
-            // the inclusion of the list item that might be an ancestor of the
-            // table.
-            return [];
-        }
-        return $selectedContainer.closest('li');
-    }
-
-    // All the selected nodes in the selection's first range.
-    $selectedNodes = jQuery(wym._getSelectedNodes());
-
-    if ($selectedNodes.closest('li, table').filter('li').length === 0) {
-        // Selection is in a table before it is in a list. This prevents
-        // inclusion of the list item that the table may be contained
-        // in.
-        return [];
-    }
-
-    // The technique is to get selected contents of the list items and then
-    // get their closest parent list items. So we don't want the list elements.
-    // Some list items may be empty and we do want those so we'll add them back
-    // later.
-    $selectedLis = $selectedNodes.not('li, ol, ul')
-
-    // IE doesn't include the Rangy selection boundary `span` in the above
-    // `.getNodes`. This effects an edge case, where a `li` contains only
-    // that `span`.
-    .add($selectedNodes.find('.rangySelectionBoundary'))
-
-    // Add back the text nodes because jQuery.not always excludes them.
-    .add(
-        $selectedNodes.filter(
-            function () {
-                return wym.nodeType === WYMeditor.NODE_TYPE.TEXT;
-            }
-        )
-    )
-    .closest('li')
-
-    // Add `li`s that are selected and are empty. Because they didn't
-    // get found by `.closest`. We can safely add them because they don't
-    // contain other list items so surely if they are in the selection it is
-    // because the user wants to manipulate them.
-    .add($selectedNodes.filter('li:empty'))
-
-    // Exclude list items that are children of table elements that are in the
-    // selection.
-    .not($selectedNodes.filter('table').find('li'));
-
-    return jQuery.unique($selectedLis.get());
-};
-
-/**
-    editor._selectionOnlyInList
-    ===========================
-
-    Tests if all of the nodes within the passed selection are contained in one
-    list. Returns true if all of the nodes are within one list, and returns
-    false if otherwise.
-
-    @param sel A selection to test for being entirely contained within one
-               list.
-*/
-WYMeditor.editor.prototype._selectionOnlyInList = function (sel) {
-    var wym = this,
-        selStartNode,
-        selEndNode,
-        i;
-
-    for (i = 0; i < sel.rangeCount; ++i) {
-        selStartNode = wym.findUp(sel.getRangeAt(i).startContainer, ['li']);
-        selEndNode = wym.findUp(sel.getRangeAt(i).endContainer, ['li']);
-
-        // If the start or end node is not contained within a list item, return
-        // false.
-        if (!selStartNode || !selEndNode) {
-            return false;
-        }
-
-        // If the two list items do not have a common parent list, return
-        // false.
-        if (!wym._getCommonParentList([selStartNode, selEndNode], false)) {
-            return false;
-        }
-    }
-
-    return true;
-};
-
-/**
-    editor.indent
-    =============
-
-    Indent the selected list items via the dom.
-
-    Only list items that have a common list will be indented.
- */
-WYMeditor.editor.prototype.indent = function () {
-    var wym = this,
-        sel = wym.selection(),
-        listItems,
-        manipulationFunc,
-        i;
-
-    // First, make sure this list is properly structured
-    manipulationFunc = function () {
-        var selection = wym.selection(),
-            selectedBlock = wym.get$CommonParent(
-                selection.anchorNode,
-                selection.focusNode
-            )[0],
-            potentialListBlock = wym.findUp(
-                selectedBlock,
-                ['ol', 'ul', 'li']
-            );
-        return wym._fixInvalidListNesting(potentialListBlock);
-    };
-    if (wym.restoreSelectionAfterManipulation(manipulationFunc)) {
-        // We actually made some list correction
-        // Don't actually perform the action if we've potentially just changed
-        // the list, and maybe the list appearance as a result.
-        wym.registerModification();
-        return true;
-    }
-
-    // We just changed and restored the selection when possibly correcting the
-    // lists
-    sel = wym.selection();
-
-    // If all of the selected nodes are not contained within one list, don't
-    // perform the action.
-    if (!wym._selectionOnlyInList(sel)) {
-        return false;
-    }
-
-    // Gather the li nodes the user means to affect based on their current
-    // selection
-    listItems = wym._getSelectedListItems(sel);
-    if (listItems.length === 0) {
-        return false;
-    }
-
-    manipulationFunc = function () {
-        var domChanged = false;
-
-        for (i = 0; i < listItems.length; i++) {
-            wym._indentSingleItem(listItems[i]);
-            domChanged = true;
-        }
-
-        return domChanged;
-    };
-    return wym.restoreSelectionAfterManipulation(manipulationFunc) &&
-        wym.registerModification();
-};
-
-/**
-    editor.outdent
-    ==============
-
-    Outdent a list item, accounting for firefox bugs to ensure consistent
-    behavior and valid HTML.
-*/
-WYMeditor.editor.prototype.outdent = function () {
-    var wym = this,
-        sel = wym.selection(),
-        listItems,
-        manipulationFunc,
-        i;
-
-    // First, make sure this list is properly structured
-    manipulationFunc = function () {
-        var selection = wym.selection(),
-            selectedBlock = wym.get$CommonParent(
-                selection.anchorNode,
-                selection.focusNode
-            )[0],
-            potentialListBlock = wym.findUp(
-                selectedBlock,
-                ['ol', 'ul', 'li']
-            );
-        return wym._fixInvalidListNesting(potentialListBlock);
-    };
-    if (wym.restoreSelectionAfterManipulation(manipulationFunc)) {
-        // We actually made some list correction
-        // Don't actually perform the action if we've potentially just changed
-        // the list, and maybe the list appearance as a result.
-        wym.registerModification();
-        return true;
-    }
-
-    // We just changed and restored the selection when possibly correcting the
-    // lists
-    sel = wym.selection();
-
-    // If all of the selected nodes are not contained within one list, don't
-    // perform the action.
-    if (!wym._selectionOnlyInList(sel)) {
-        return false;
-    }
-
-    // Gather the li nodes the user means to affect based on their current
-    // selection
-    listItems = wym._getSelectedListItems(sel);
-
-    if (listItems.length === 0) {
-        return false;
-    }
-
-    manipulationFunc = function () {
-        var domChanged = false;
-
-        for (i = 0; i < listItems.length; i++) {
-            wym._outdentSingleItem(listItems[i]);
-            domChanged = true;
-        }
-
-        return domChanged;
-    };
-    return wym.restoreSelectionAfterManipulation(manipulationFunc) &&
-        wym.registerModification();
-};
-
-/**
-    editor.restoreSelectionAfterManipulation
-    ========================================
-
-    A helper function to ensure that the selection is restored to the same
-    location after a potentially complicated DOM manipulation is performed. This
-    also handles the case where the DOM manipulation throws an error by cleaning
-    up any selection markers that were added to the DOM.
-
-    `manipulationFunc` is a function that takes no arguments and performs the
-    manipulation. It should return `true` if changes were made that could have
-    potentially destroyed the selection.
-*/
-WYMeditor.editor.prototype.restoreSelectionAfterManipulation = function (manipulationFunc) {
-    var wym = this,
-        savedSelection = rangy.saveSelection(
-            rangy.dom.getIframeWindow(wym._iframe)
-        ),
-        changesMade = true;
-
-    // If something goes wrong, we don't want to leave selection markers
-    // floating around
-    try {
-        changesMade = manipulationFunc();
-        if (changesMade) {
-            rangy.restoreSelection(savedSelection);
-        } else {
-            rangy.removeMarkers(savedSelection);
-        }
-    } catch (e) {
-        WYMeditor.console.error("Error during manipulation");
-        WYMeditor.console.error(e);
-        rangy.removeMarkers(savedSelection);
-    }
-
-    return changesMade;
-};
-
-/**
-    editor._insertOrderedList
-    =========================
-
-    Convert the selected block in to an ordered list.
-
-    If the selection is already inside a list, switch the type of the nearest
-    parent list to an `<ol>`. If the selection is in a block element that can be a
-    valid list, place that block element's contents inside an ordered list.
-
-    Pure dom implementation consistently cross-browser implementation of
-    `execCommand(InsertOrderedList)`.
- */
-WYMeditor.editor.prototype._insertOrderedList = function () {
-    var wym = this,
-        manipulationFunc;
-
-    // First, make sure this list is properly structured
-    manipulationFunc = function () {
-        // There is a design flaw here. Especially in the case where we may
-        // have multiple root-level lists or even `li` items (which shouldn't
-        // happen) selected. This code seems to make our tests pass but this
-        // should be considered broken.
-        var potentialListBlock = jQuery(wym._getSelectedNodes())
-                .parents().addBack().filter('ol, ul, li').last()[0];
-        potentialListBlock = potentialListBlock || wym.selectedContainer();
-        return wym._fixInvalidListNesting(potentialListBlock);
-    };
-    if (wym.restoreSelectionAfterManipulation(manipulationFunc)) {
-        // We actually made some list correction
-        // Don't actually perform the action if we've potentially just changed
-        // the list, and maybe the list appearance as a result.
-        wym.registerModification();
-        return true;
-    }
-
-    // Actually perform the list insertion
-    manipulationFunc = function () {
-        return wym.insertList('ol');
-    };
-
-    return wym.restoreSelectionAfterManipulation(manipulationFunc) &&
-        wym.registerModification();
-};
-
-/**
-    editor._insertUnorderedList
-    ===========================
-
-    Convert the selected block in to an unordered list.
-
-    Exactly the same as `editor.insert_orderedlist` except with `<ol>` instead.
-
-    Pure dom implementation consistently cross-browser implementation of
-    `execCommand(InsertUnorderedList)`.
- */
-WYMeditor.editor.prototype._insertUnorderedList = function () {
-    var wym = this,
-        manipulationFunc;
-
-    // First, make sure this list is properly structured
-    manipulationFunc = function () {
-        // There is a design flaw here. Especially in the case where we may
-        // have multiple root-level lists or even `li` items (which shouldn't
-        // happen) selected. This code seems to make our tests pass but this
-        // should be considered broken.
-        var potentialListBlock = jQuery(wym._getSelectedNodes())
-                .parents().addBack().filter('ol, ul, li').last()[0];
-        potentialListBlock = potentialListBlock || wym.selectedContainer();
-        return wym._fixInvalidListNesting(potentialListBlock);
-    };
-    if (wym.restoreSelectionAfterManipulation(manipulationFunc)) {
-        // We actually made some list correction
-        // Don't actually perform the action if we've potentially just changed
-        // the list, and maybe the list appearance as a result.
-        wym.registerModification();
-        return true;
-    }
-
-    // Actually perform the list insertion
-    manipulationFunc = function () {
-        return wym.insertList('ul');
-    };
-
-    return wym.restoreSelectionAfterManipulation(manipulationFunc) &&
-        wym.registerModification();
-};
-
-/**
-    editor.insertList
-    =================
-
-    This either manipulates existing lists or creates a new one.
-
-    The action that will be performed depends on the contents of the
-    selection and their context.
-
-    This can result in one of:
-
-     1. Changing the type of lists.
-     2. Removing items from list.
-     3. Creating a list.
-     4. Nothing.
-
-    If existing list items are selected this means either changing list type
-    or de-listing. Changing list type occurs when selected list items all share
-    a list of a different type than the requested. Removing items from lists
-    occurs when selected list items are all of the same type as the requested.
-
-    If no list items are selected, then, if possible, a list will be created.
-    If not possible, no change is made.
-
-    Returns `true` if a change was made, `false` otherwise.
-
-    @param listType A string, representing the user's action, either 'ul'
-                    or 'ol'.
- */
-WYMeditor.editor.prototype.insertList = function (listType) {
-    var wym = this,
-        sel = wym.selection(),
-        listItems,
-        $listItems,
-        $parentListsOfDifferentType,
-        commonParentList,
-        potentialListBlock;
-
-    listItems = wym._getSelectedListItems(sel);
-    if (listItems.length > 0) {
-        // We have existing list items selected. This means either changing
-        // their parent lists' types or de-listing.
-
-        $listItems = jQuery(listItems);
-
-        $parentListsOfDifferentType = $listItems
-            .parent(':not(' + listType + ')');
-        if ($parentListsOfDifferentType.length > 0) {
-            // Some of the lists are of a different type than that which was
-            // requested.
-
-            // Change list type only if selected list items share a common parent
-            // list. TODO: Change types over several lists:
-            // https://github.com/wymeditor/wymeditor/issues/541
-            commonParentList = wym._getCommonParentList(listItems, true);
-            if (commonParentList) {
-                wym.changeListType(commonParentList, listType);
-                return true;
-            }
-        } else {
-            // List types are the same as requested. De-list.
-            wym._removeItemsFromList($listItems);
-            return true;
-        }
-    }
-    // Get a potential block element from selection that could be converted
-    // into a list:
-    // TODO: Use `_containerRules['root']` minus the ol/ul and
-    // `_containerRules['contentsCanConvertToList']
-    potentialListBlock = wym.findUp(
-        wym.selectedContainer(),
-        WYMeditor.POTENTIAL_LIST_ELEMENTS
-    );
-    if (potentialListBlock) {
-        wym.convertToList(potentialListBlock, listType);
-        return true;
-    }
-    // The user has something selected that wouldn't be a valid list
-    return false;
-};
-
-WYMeditor.editor.prototype.changeListType = function (list, listType) {
-    var wym = this;
-    // Wrap the contents in a new list of `listType` and remove the old list
-    // container.
-    return wym.switchTo(list, listType);
-};
-
-WYMeditor.editor.prototype.convertToList = function (blockElement, listType) {
-    var wym = this,
-        $blockElement = jQuery(blockElement),
-        newListHtml,
-        $newList;
-
-    // ie6 doesn't support calling wrapInner with a dom node. Build html
-    newListHtml = '<' + listType + '><li></li></' + listType + '>';
-
-    if (wym.findUp(blockElement, WYMeditor.ROOT_CONTAINERS) === blockElement) {
-        // TODO: Handle ol/ul elements, since these are now in the `root`
-        // containers list
-
-        // This is a root container block, so we can just replace it with the
-        // list structure
-        $blockElement.wrapInner(newListHtml);
-        $newList = $blockElement.children();
-        $newList.unwrap();
-
-        return $newList.get(0);
-    }
-    // We're converting a block that's not a root container, so we need to nest
-    // this list around its contents and NOT remove the container (eg. a td
-    // node).
-    $blockElement.wrapInner(newListHtml);
-    $newList = $blockElement.children();
-
-    return $newList.get(0);
-};
-
-/**
-    editor._removeItemsFromList
-    ===========================
-
-    De-list the provided list items.
-
-    @param listItems A jQuery object of list items.
-*/
-WYMeditor.editor.prototype._removeItemsFromList = function ($listItems) {
-    var wym = this,
-        $listItem,
-        i,
-        j,
-        listItemChild,
-        $childNodesToTransfer,
-        k,
-        $childNodeToTransfer,
-        rootContainer = wym.documentStructureManager.structureRules
-            .defaultRootContainer,
-        attributes;
-
-    // This is left here for future reference because it may or may not be a
-    // better behavior:
-    // It is reasonable to de-list only a subset of the provided list items.
-    // The subset are the list items which are not ancestors of any other list
-    // items.
-    //$listItems = $listItems.not($listItems.find('li'));
-
-    for (i = 0; i < $listItems.length; i++) {
-        $listItem = $listItems.eq(i);
-
-        // Determine the type of element this list item will be transformed
-        // into and call for this transformation.
-        if ($listItem.parent().parent('li, th, td').length === 1) {
-            // The list item will end up inside another list item or inside a
-            // table cell. Turn it into a `span`.
-            $listItem = jQuery(
-                wym.switchTo(
-                    $listItem[0],
-                    'span',
-                    false
-                )
-            );
-        } else {
-            // The list item will end up in the root of the document. Turn it
-            // into a default root container.
-            $listItem = jQuery(
-                wym.switchTo(
-                    $listItem[0],
-                    rootContainer,
-                    false
-                )
-            );
-        }
-        // The transformation should be complete and the element is no longer
-        // a list item, hence we call it 'the de-listed element'.
-
-        // Move the de-listed element according to its relation to its
-        // sibling nodes.
-        if ($listItem.parent().children().length === 1) {
-            // It is the only child in the list.
-
-            $listItem.parent().before($listItem);
-            // Remove the list because it is empty.
-            $listItem.next().remove();
-
-        } else if ($listItem[0] === $listItem.parent().children().first()[0]) {
-            // It is not the only child. It is the first child.
-
-            $listItem.parent().before($listItem);
-        } else if (
-            $listItem[0] !== $listItem.parent().children().first()[0] &&
-            $listItem[0] !== $listItem.parent().children().last()[0]
-        ) {
-            // It is not the first and not the last child.
-            $listItem.parent().before(
-                '<' + $listItem.parent()[0].tagName + '/>'
-            );
-            jQuery($listItem.prevAll().toArray().reverse())
-                .appendTo($listItem.parent().prev());
-            $listItem.parent().before($listItem);
-
-        } else if ($listItem[0] === $listItem.parent().children().last()[0]) {
-            // It is not the only child. It is the last child.
-            $listItem.parent().after($listItem);
-        }
-        // The de-listed element should now be at it's final destination.
-        // Now, deal with its contents.
-        for (j = 0; j < $listItem.contents().length; j++) {
-            listItemChild = $listItem.contents()[j];
-            if (
-                wym.isBlockNode(listItemChild) &&
-                // Prevents a rangy selection boundary element from interfering.
-                listItemChild.className !== 'rangySelectionBoundary' &&
-                listItemChild.tagName.toLowerCase() !== 'br'
-            ) {
-                // We have hit the first block child. From this child onward,
-                // the contents will be moved to after the de-listed element.
-                $childNodesToTransfer = $listItem.contents().slice(j);
-                if (
-                    $listItem[0].tagName.toLowerCase() ===
-                        rootContainer
-                ) {
-                    // The destination of these nodes is the root element.
-                    // Prepare them as such.
-                    for (k = 0; k < $childNodesToTransfer.length; k++) {
-                        $childNodeToTransfer = $childNodesToTransfer.eq(k);
-                        if (
-                            $childNodeToTransfer[0]
-                                .nodeType === WYMeditor.NODE_TYPE.TEXT
-                        ) {
-                            $childNodeToTransfer.wrap(
-                                '<' + rootContainer + ' />'
-                            );
-                        } else if (
-                            $childNodeToTransfer[0].tagName &&
-                            !(wym.isBlockNode($childNodeToTransfer[0])) &&
-                            $childNodeToTransfer[0].tagName
-                                .toLowerCase() !== 'br'
-                        ) {
-                            wym.switchTo(
-                                $childNodesToTransfer[k],
-                                rootContainer,
-                                false
-                            );
-                        }
-                    }
-                }
-                // The contents should be ready now.
-                $listItem.after($listItem.contents().slice(j));
-                // The loop was for finding the first block element.
-                break;
-            }
-        }
-        // `br`s may have been transferred to the root container. They don't
-        // belong there.
-        wym.$body().children('br').remove();
-
-        if ($listItem[0].tagName.toLowerCase() === 'span') {
-            // Get rid of empty `span`s and ones that contain only `br`s.
-            if (
-                $listItem.contents(':not(.rangySelectionBoundary)')
-                    .length === 0 ||
-                $listItem.contents(':not(.rangySelectionBoundary)').length ===
-                    $listItem.contents('br').length
-            ) {
-                // The Rangy selection boundary `span` may be inside.
-                $listItem.before($listItem.contents('.rangySelectionBoundary'));
-                $listItem.remove();
-            } else {
-                // The `span` wasn't removed.
-
-                // Add `br` elements that may be necessary because by turning
-                // a `li` element into a `span` element we turn a block
-                // type element into an inline type element.
-                if (
-                    $listItem[0].previousSibling &&
-                    $listItem[0].previousSibling.nodeType === WYMeditor
-                        .NODE_TYPE.TEXT ||
-
-                    $listItem.prevAll(':not(.rangySelectionBoundary)')
-                        .length > 0 &&
-                    wym.isBlockNode(
-                        $listItem.prevAll(':not(.rangySelectionBoundary)')[0]
-                    ) === false
-                ) {
-                    $listItem.before('<br />');
-                }
-                if (
-                    $listItem[0].nextSibling &&
-                    $listItem[0].nextSibling.nodeType === WYMeditor
-                        .NODE_TYPE.TEXT ||
-
-                    $listItem.nextAll(':not(.rangySelectionBoundary)')
-                        .length > 0 &&
-                    wym.isBlockNode(
-                        $listItem.nextAll(':not(.rangySelectionBoundary)')[0]
-                    ) === false
-                ) {
-                    $listItem.after('<br />');
-                }
-
-                // If the de-listed element has no meaningful attributes, there is
-                // no use for it being a span.
-                attributes = $listItem[0].attributes;
-                wym.unwrapIfMeaninglessSpan($listItem[0]);
-            }
-        }
-    }
-
-    // Reintroduce any necessary DOM-level corrections for editing purposes
-    wym.prepareDocForEditing();
-};
-
-/**
-     editor.insertTable
-     ==================
-
-     Insert a table at the current selection with the given number of rows
-     and columns and with the given caption and summary text.
-*/
-WYMeditor.editor.prototype.insertTable = function (rows, columns, caption, summary) {
-    if ((rows <= 0) || (columns <= 0)) {
-        // We need rows and columns to make a table
-
-        // TODO: It seems to me we should warn the user when zero columns and/or
-        // rows were entered.
-        return;
-    }
-
-    var wym = this,
-        table = wym._doc.createElement(WYMeditor.TABLE),
-        newRow = null,
-        newCaption,
-
-        x,
-        y,
-        container,
-        selectedNode;
-
-    // Create the table caption
-    newCaption = table.createCaption();
-    newCaption.innerHTML = caption;
-
-    // Create the rows and cells
-    for (x = 0; x < rows; x += 1) {
-        newRow = table.insertRow(x);
-        for (y = 0; y < columns; y += 1) {
-            newRow.insertCell(y);
-        }
-    }
-
-    if (summary !== "") {
-        // Only need to set the summary if we actually have a summary
-        jQuery(table).attr('summary', summary);
-    }
-
-    // Find the currently-selected container
-    container = jQuery(
-        wym.findUp(wym.selectedContainer(), WYMeditor.POTENTIAL_TABLE_INSERT_ELEMENTS)
-    ).get(0);
-
-    if (!container || !container.parentNode) {
-        // No valid selected container. Put the table at the end.
-        wym.$body().append(table);
-
-    } else if (jQuery.inArray(container.nodeName.toLowerCase(),
-                       WYMeditor.INLINE_TABLE_INSERTION_ELEMENTS) > -1) {
-        // Insert table after selection if container is allowed to have tables
-        // inserted inline.
-        selectedNode = wym.selection().focusNode;
-
-        // If the selection is within a table, move the selection to the parent
-        // table to avoid nesting the tables.
-        if (jQuery.inArray(selectedNode.nodeName.toLowerCase(),
-                           WYMeditor.SELECTABLE_TABLE_ELEMENTS) > -1 ||
-            jQuery.inArray(selectedNode.parentNode.nodeName.toLowerCase(),
-                           WYMeditor.SELECTABLE_TABLE_ELEMENTS) > -1) {
-
-            while (selectedNode.nodeName.toLowerCase() !== WYMeditor.TABLE) {
-                selectedNode = selectedNode.parentNode;
-            }
-        }
-
-        // If the list item itself is selected, append the table to it. If the
-        // selection is within the list item, put the table after it. Either
-        // way, this ensures the table will always be inserted within the list
-        // item.
-        if (selectedNode.nodeName.toLowerCase() === WYMeditor.LI) {
-            jQuery(selectedNode).append(table);
-        } else {
-            jQuery(selectedNode).after(table);
-        }
-
-    } else {
-        // If the table is not allowed to be inserted inline with the
-        // container, insert it after the container.
-        jQuery(container).after(table);
-    }
-
-    // Handle any browser-specific cleanup
-    wym._afterInsertTable(table);
-    wym.prepareDocForEditing();
-
-    wym.registerModification();
-    return table;
-};
-
-/**
-    editor._afterInsertTable
-    ========================
-
-    Handle cleanup/normalization after inserting a table. Different browsers
-    need slightly different tweaks.
-*/
-WYMeditor.editor.prototype._afterInsertTable = function () {
-};
-
-WYMeditor.editor.prototype._listen = function () {
-    var wym = this;
-
-    jQuery(wym._doc).bind('paste', function () {
-        wym._handlePasteEvent();
-    });
-};
-
-WYMeditor.editor.prototype._handlePasteEvent = function () {
-    var wym = this;
-
-    // The paste event happens *before* the paste actually occurs.
-    // Use a timer to delay execution until after whatever is being pasted has
-    // actually been added.
-    window.setTimeout(
-        function () {
-            jQuery(wym.element).trigger(
-                WYMeditor.EVENTS.postBlockMaybeCreated,
-                wym
-            );
-        },
-        20
-    );
-};
-
-/**
-    WYMeditor.editor._selectSingleNode
-    ==================================
-
-    Sets selection to a single node, exclusively.
-    Not public API because not tested enough.
-    For example, what happens when selecting containing element, this way?
-*/
-WYMeditor.editor.prototype._selectSingleNode = function (node) {
-    var wym = this,
-        selection,
-        nodeRange;
-
-    if (!node) {
-        throw "Expected a node";
-    }
-    selection = wym.selection();
-    nodeRange = rangy.createRangyRange();
-    nodeRange.selectNode(node);
-
-    selection.setSingleRange(nodeRange);
-};
-
-/**
-    WYMeditor.editor._initSkin
-    ==========================
-
-    Apply the appropriate CSS class to "activate" that skin's CSS and call the
-    skin's javascript `init` method.
-*/
-WYMeditor.editor.prototype._initSkin = function () {
-    var wym = this;
-    // Put the classname (ex. wym_skin_default) on wym_box
-    jQuery(wym._box).addClass("wym_skin_" + wym._options.skin);
-
-    // Init the skin, if needed
-    if (typeof WYMeditor.SKINS[wym._options.skin] !== "undefined") {
-        if (typeof WYMeditor.SKINS[wym._options.skin].init === "function") {
-            WYMeditor.SKINS[wym._options.skin].init(wym);
-        }
-    } else {
-        WYMeditor.console.warn(
-            "Chosen skin _" + wym.options.skin + "_ not found."
-        );
-    }
-};
-
-/**
-    WYMeditor.editor.body
-    =====================
-
-    Returns the document's body element.
-*/
-WYMeditor.editor.prototype.body = function () {
-    var wym = this,
-        body;
-
-    if (!wym._doc.body) {
-        throw "The document seems to have no body element.";
-    }
-
-    body = wym._doc.body;
-
-    if (
-        !body.tagName ||
-        body.tagName.toLowerCase() !== 'body'
-    ) {
-        throw "The document's body doesn't seem to be a `body` element.";
-    }
-
-    return body;
-};
-
-/**
-    WYMEditor.editor.$body
-    ======================
-
-    Returns a jQuery object of the document's body element.
-*/
-WYMeditor.editor.prototype.$body = function () {
-    var wym = this,
-        body;
-
-    body = wym.body();
-    return jQuery(body);
-};
-
-/**
-    WYMeditor.editor.doesElementContainSelection
-    ============================================
-
-    Returns ``true`` if the supplied element contains at least part of the
-    selection.
-    Otherwise returns ``false``.
-*/
-WYMeditor.editor.prototype.doesElementContainSelection = function (element) {
-    var wym = this,
-        $element,
-        selectedContainer,
-        $selectedNodes,
-        i,
-        $selectedNodeAncestors,
-        j;
-
-    if (wym.hasSelection() !== true) {
-        return false;
-    }
-    $element = jQuery(element);
-
-    if (wym.selection().isCollapsed === true) {
-        selectedContainer = wym.selectedContainer();
-
-        if (element === selectedContainer) {
-            return true;
-        }
-        if ($element.has(selectedContainer).length > 0) {
-            return true;
-        }
-        return false;
-    }
-
-    // For non-collapsed selections.
-    // We could have used the following, but it
-    // doesn't work in IE8.
-    // if ($element.has(wym._getSelectedNodes()).length > 0) {
-    //     return true;
-    // }
-    $selectedNodes = jQuery(wym._getSelectedNodes());
-    for (i = 0; i < $selectedNodes.length; i++) {
-        $selectedNodeAncestors = $selectedNodes.eq(i).parents();
-        for (j = 0; j < $selectedNodeAncestors.length; j++) {
-            if ($selectedNodeAncestors[j] === element) {
-                return true;
-            }
-        }
-    }
-
-    return false;
-};
-
-/*jslint maxlen: 90 */
-/* global -$ */
-"use strict";
-
-/**
- * WYMeditor.DocumentStructureManager
- * ==================================
- *
- * This manager controls the rules for the subset of HTML that WYMeditor will
- * allow the user to create. For technical users, there are justifiable reasons
- * to use any in-spec HTML, but for users of WYMeditor (not implementors), the
- * goal is make it intuitive for them to create the structured markup that will
- * fit their needs.
- *
- * For example, while it's valid HTML to have a mix
- * of DIV and P tags at the top level of a document, in practice, this is
- * confusing for non-technical users. The DocumentStructureManager allows the
- * WYMeditor implementor to standardize on P tags in the root of the document,
- * which will automatically convert DIV tags in the root to P tags.
- *
- */
-WYMeditor.DocumentStructureManager = function (wym, defaultRootContainer) {
-    var dsm = this;
-    dsm._wym = wym;
-    dsm.structureRules = WYMeditor.DocumentStructureManager.DEFAULTS;
-    dsm.setDefaultRootContainer(defaultRootContainer);
-};
-
-jQuery.extend(WYMeditor.DocumentStructureManager, {
-    // Only these containers are allowed as valid `defaultRootContainer`
-    // options.
-    VALID_DEFAULT_ROOT_CONTAINERS : [
-        "p",
-        "div"
-    ],
-
-    // Cooresponding titles for use in the containers panel for the valid
-    // default root containers
-    DEFAULT_ROOT_CONTAINER_TITLES : {
-        p: "Paragraph",
-        div: "Division"
-    },
-
-    // These containers prevent the user from using up/down/enter/backspace
-    // to move above or below them, thus effectively blocking the creation
-    // of new blocks. We must use temporary spacer elements to correct this
-    // while the document is being edited.
-    CONTAINERS_BLOCKING_NAVIGATION : ["table", "blockquote", "pre"],
-
-
-    DEFAULTS : {
-        // By default, this container will be used for all root contents. This
-        // defines the container used when "enter" is pressed from the root and
-        // also which container wraps or replaces containers found at the root
-        // that aren't allowed. Only
-        // `DocumentStructureManager.VALID_DEFAULT_ROOT_CONTAINERS` are allowed
-        // here. Whichever you choose, the VALID_DEFAULT_ROOT_CONTAINERS will
-        // be automatically converted when found at the top level of your
-        // document.
-        defaultRootContainer: 'p',
-
-        // These containers cannot be used as root containers. This includes
-        // any default root containers that are not the chosen default root
-        // container. By default, this is set to the list of valid root
-        // containers that are not the defaultRootContainer.
-        notValidRootContainers: ['div'],
-
-        // Only these containers are allowed as a direct child of the body tag.
-        // All other containers located there will be wrapped in the
-        // `defaultRootContainer`, unless they're one of the tags in
-        // `convertIfRoot`.
-        validRootContainers: [
-            'p',
-            'div',
-            'h1',
-            'h2',
-            'h3',
-            'h4',
-            'h5',
-            'h6',
-            'pre',
-            'blockquote',
-            'table',
-            'ol',
-            'ul'
-        ],
-
-        // If these tags are found in the root, they'll be converted to the
-        // `defaultRootContainer` container instead of the default of being
-        // wrapped.
-        convertIfRootContainers: [
-            'div'
-        ],
-
-        // The elements that are allowed to be turned in to lists.
-        validListConversionTargetContainers: [
-            "p",
-            "div",
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "pre",
-            "blockquote",
-            "td",
-            "th"
-        ],
-
-        // For most block elements, the default behavior when a user attempts
-        // to convert it to a list is to convert that block to a ol/ul and wrap
-        // the contents in an li. For containers in `wrapContentsInList`,
-        // instead of converting the container, we should just wrap the
-        // contents of the container in a ul/ol + li.
-        wrapContentsInList: [
-            'td',
-            'th'
-        ]
-    }
-});
-
-/**
- * Set the default container created/used in the root.
- *
- * @param defaultRootContainer String A string representation of the tag to
- * use.
- */
-WYMeditor.DocumentStructureManager.prototype.setDefaultRootContainer = function
-(
-    defaultRootContainer
-) {
-    var dsm = this,
-        validContainers,
-        index,
-        DSManager;
-
-    if (dsm.structureRules.defaultRootContainer === defaultRootContainer) {
-        // This is already our current configuration. No need to do the
-        // work again.
-        return;
-    }
-
-    // Make sure the new container is one of the valid options
-    DSManager = WYMeditor.DocumentStructureManager;
-    validContainers = DSManager.VALID_DEFAULT_ROOT_CONTAINERS;
-    index = jQuery.inArray(defaultRootContainer, validContainers);
-    if (index === -1) {
-        throw new Error(
-            "a defaultRootContainer of '" +
-            defaultRootContainer +
-            "' is not supported"
-        );
-    }
-
-    dsm.structureRules.defaultRootContainer = defaultRootContainer;
-
-    // No other possible option for default root containers is valid expect for
-    // the one choosen default root container
-    dsm.structureRules.notValidRootContainers =
-        WYMeditor.DocumentStructureManager.VALID_DEFAULT_ROOT_CONTAINERS;
-    dsm.structureRules.notValidRootContainers.splice(index, 1);
-
-    dsm._adjustDefaultRootContainerUI();
-
-    // TODO: Actually do all of the switching required to move from p to div or
-    // from div to p for the topLevelContainer
-};
-
-/**
-    _adjustDefaultRootContainerUI
-    =============================
-
-    Adds a new link for the default root container to the containers panel in
-    the editor if needed, and removes any other links for valid default root
-    containers form the containers panel besides the link for the chosen
-    default root container.
-*/
-WYMeditor.DocumentStructureManager.prototype._adjustDefaultRootContainerUI = function () {
-    var dsm = this,
-        wym = dsm._wym,
-        defaultRootContainer = dsm.structureRules.defaultRootContainer,
-        $containerItems,
-        $containerLink,
-        $newContainerItem,
-        containerName,
-        newContainerLinkNeeded,
-        newContainerLinkHtml,
-        i,
-        DSManager;
-
-    $containerItems = jQuery(wym._box).find(wym._options.containersSelector)
-                                      .find('li');
-    newContainerLinkNeeded = true;
-
-    // Remove container links for any other valid default root container from
-    // the containers panel besides the link for the chosen default root
-    // container
-    for (i = 0; i < $containerItems.length; ++i) {
-        $containerLink = $containerItems.eq(i).find('a');
-        containerName = $containerLink.attr('name').toLowerCase();
-        if (jQuery.inArray(containerName,
-                           dsm.structureRules.notValidRootContainers) > -1) {
-            $containerItems.eq(i).remove();
-        }
-        if (containerName === defaultRootContainer) {
-            newContainerLinkNeeded = false;
-        }
-    }
-
-    // Add new link for the default root container to the containers panel if
-    // needed
-    if (newContainerLinkNeeded) {
-        newContainerLinkHtml = wym._options.containersItemHtml;
-        newContainerLinkHtml = WYMeditor.Helper.replaceAllInStr(
-            newContainerLinkHtml,
-            WYMeditor.CONTAINER_NAME,
-            defaultRootContainer.toUpperCase()
-        );
-        DSManager = WYMeditor.DocumentStructureManager;
-        newContainerLinkHtml = WYMeditor.Helper.replaceAllInStr(
-            newContainerLinkHtml,
-            WYMeditor.CONTAINER_TITLE,
-            DSManager.DEFAULT_ROOT_CONTAINER_TITLES[defaultRootContainer]
-        );
-        newContainerLinkHtml = WYMeditor.Helper.replaceAllInStr(
-            newContainerLinkHtml,
-            WYMeditor.CONTAINER_CLASS,
-            "wym_containers_" + defaultRootContainer
-        );
-        $newContainerItem = jQuery(newContainerLinkHtml);
-        $containerItems = jQuery(wym._box).find(wym._options.containersSelector)
-                                          .find('li');
-        $containerItems.eq(0).before($newContainerItem);
-
-        // Bind click event for the new link
-        $newContainerItem.find('a').click(function () {
-            var button = this;
-            wym.setRootContainer(jQuery(button).attr(WYMeditor.NAME));
-            return false;
-        });
-    }
-};
-
-
-/* jshint maxlen:100 */
-"use strict";
-
-/*
- * # The Image Handler
- *
- * Give it an editor instance and it will make
- * most of your image resizing dreams come true.
- *
- * ## IE8 Shenanigans
- *
- * When IE8 is not longer supported,
- * `rem` could be used for more accurate UI element dimensions
- *
- * Dragging and dropping of images is not suggested in the UI.
- * See the `_isImgDragDropAllowed` function
- * and the `_onImgMousedown` function.
- *
- * ## IE9 Shenanigans
- *
- * Dragging and dropping of images is disabled.
- * See the `_isImgDragDropAllowed` function.
- *
- * ## IE8-11 Shenanigans
- *
- * SVG images are not scaled.
- * They are cropped. That's right.
- * And applying style to them does not help,
- * as well. Ideas are welcome.
- *
- * ## General Shenanigans (http://i.imgur.com/wbQ6U5C.jpg)
- *
- * This module is covered by only a few basic tests
- * so any change must be meticulously manually tested
- * in all the supported browsers
- * by psychologically stable individuals.
- *
- * Dragging and dropping of images
- * might produce undesired results on drop.
- * Uncharted territory.
- *
- * In event handlers of events that
- * are not expected to perform useful default actions
- * `return false` is used to prevent any bad feelings
- * towards unexpected browser behavior.
- */
-
-// the image handler class.
-WYMeditor.ImageHandler = function (wym) {
-    var ih = this;
-    ih._wym = wym;
-
-    ih._$resizeHandle = ih._createResizeHandle();
-
-    ih._$currentImageMarker = null;
-
-    // references the image that
-    // has the resize handle placed on it
-    ih._$currentImg = null;
-
-    // flags whether a resize operation is
-    // occurring at this moment
-    ih._resizingNow = false;
-
-    ih._imgDragDropAllowed = WYMeditor.ImageHandler._isImgDragDropAllowed();
-
-    ih._addEventListeners();
-
-    return ih;
-};
-
-WYMeditor.ImageHandler._isImgDragDropAllowed = function () {
-    var browser = jQuery.browser;
-    if (browser.msie) {
-        if (browser.versionNumber <= 9) {
-            // dragging and dropping seems to not consistently work.
-            // the image would only some times get picked up by the mouse drag attempt.
-            // to prevent confusion
-            return false;
-        }
-    }
-    return true;
-};
-
-WYMeditor.ImageHandler._RESIZE_HANDLE_HR_HTML = jQuery('<hr>')
-    .addClass(WYMeditor.EDITOR_ONLY_CLASS)
-    .css({margin: 0, padding: 0})
-    .attr('outerHTML');
-
-WYMeditor.ImageHandler._RESIZE_HANDLE_INNER_HTML = [
-    'drag this to resize',
-    'click on image to select'
-].join(WYMeditor.ImageHandler._RESIZE_HANDLE_HR_HTML);
-
-WYMeditor.ImageHandler._IMAGE_HIGHLIGHT_COLOR = 'yellow';
-
-// creates and returns
-// a yet detached UI resize handle element
-// in a jQuery object
-WYMeditor.ImageHandler.prototype._createResizeHandle = function () {
-    var $handle = jQuery('<div/>');
-
-    // In IE11 it was very easy to
-    // accidentally enter into editing mode
-    // in the resize handle.
-    // This seamlessly prevents it.
-    $handle.attr('contentEditable', 'false');
-
-    $handle.html(WYMeditor.ImageHandler._RESIZE_HANDLE_INNER_HTML);
-
-    $handle
-        .addClass(WYMeditor.RESIZE_HANDLE_CLASS)
-        .addClass(WYMeditor.EDITOR_ONLY_CLASS);
-
-    $handle.css({
-        margin: '0',
-        padding: '0',
-
-        // when IE9 is no longer supported
-        // this could be `ns-resize`
-        cursor: 'row-resize',
-
-        'text-align': 'center',
-
-        // this means that
-        // elements after the resize handle
-        // will not be pushed down because of its presence.
-        // we later use the `left` and `top` properties
-        // to keep the resize handle exactly
-        // below its current image
-        position: 'absolute',
-
-        'background-color': WYMeditor.ImageHandler._IMAGE_HIGHLIGHT_COLOR,
-
-        // override default iframe stylesheet
-        // so that a 'div' does not appear
-        'background-image': 'none',
-
-        // so that the text inside the resize handle
-        // fits in one line.
-        // in the theoretical future
-        // the more appropriate value would be
-        // `min-content`
-        'min-width': '13em',
-
-        width: '100%'
-    });
-
-    return $handle;
-};
-
-WYMeditor.ImageHandler.prototype._getCurrentImageMarker = function () {
-    var ih = this;
-    if (
-        // a marker was not yet created
-        !ih._$currentImageMarker ||
-        // a marker was destroyed via native edit
-        !ih._$currentImageMarker.length
-    ) {
-        ih._$currentImageMarker = ih._createCurrentImageMarker();
-    }
-    return ih._$currentImageMarker;
-};
-
-WYMeditor.ImageHandler._IMAGE_MARKER_CLASS = 'wym-image-marker';
-
-WYMeditor.ImageHandler.prototype._createCurrentImageMarker = function () {
-    return jQuery('<div/>')
-        .addClass(WYMeditor.EDITOR_ONLY_CLASS)
-        .addClass(WYMeditor.ImageHandler._IMAGE_MARKER_CLASS)
-        .hide();
-};
-
-WYMeditor.ImageHandler.prototype._addEventListeners = function () {
-    var ih = this;
-    var $doc = jQuery(ih._wym._doc);
-
-    $doc.delegate(
-        'img', 'mouseover',
-        ih._onImgMouseover.bind(ih)
-    );
-    $doc.delegate(
-        'img', 'click',
-        ih._onImgClick.bind(ih)
-    );
-    $doc.delegate(
-        '.' + WYMeditor.RESIZE_HANDLE_CLASS, 'mousedown',
-        ih._onResizeHandleMousedown.bind(ih)
-    );
-    $doc.delegate(
-        'img',
-        'mousedown',
-        ih._onImgMousedown.bind(ih)
-    );
-    $doc.delegate(
-        'img',
-        'dragstart',
-        ih._onImgDragstart.bind(ih)
-    );
-    $doc.bind(
-        'mousemove',
-        ih._onMousemove.bind(ih)
-    );
-    $doc.bind(
-        'mouseup',
-        ih._onMouseup.bind(ih)
-    );
-    ih._edited = new WYMeditor.EXTERNAL_MODULES.Edited(
-        $doc[0],
-        function () {}, // do not do anything with strictly sensible edits
-        ih._onAnyNativeEdit.bind(ih) // handle all edits
-    );
-    $doc.delegate(
-        '.' + WYMeditor.RESIZE_HANDLE_CLASS,
-        'click dblclick',
-        ih._onResizeHandleClickDblclick.bind(ih)
-    );
-    // useful for debugging
-    if (false) {
-        ih._wym.$body().delegate(
-            '*',
-            WYMeditor.Helper.getAllEventTypes(ih._wym.$body()[0]),
-            ih._onAllEvents.bind(ih)
-        );
-    }
-};
-
-WYMeditor.ImageHandler.prototype._onImgMouseover = function (evt) {
-    var ih = this;
-    var $img = jQuery(evt.target);
-    if (
-        !$img.data('cE disabled') &&
-        jQuery.browser.msie
-    ) {
-        // in IE8-11 it seems that the default cursor for images
-        // (in `designMode`) is 'move' (4 directions arrow)
-        // and simply setting a different cursor
-        // does not change that default.
-        // this works around the issue.
-        // the result is still not just any cursor we'd like,
-        // but only the 'default' cursor,
-        // which is better than the default 'move' cursor.
-        // this workaround does not seem to have obvious side effects
-        $img.attr('contentEditable', 'false');
-        $img.data('cE disabled', true);
-    }
-    ih._setImgCursor($img);
-};
-
-WYMeditor.ImageHandler.prototype._setImgCursor = function ($img) {
-    var ih = this;
-    if (ih._wym.getSelectedImage() !== $img[0]) {
-        // hint that image is selectable by click
-        $img.css('cursor', 'pointer');
-        return;
-    }
-    // image is selected
-    if (ih._imgDragDropAllowed) {
-        // in IE8-11 this does not work
-        // and the cursor remains 'default'.
-        // see the `_onImgMouseover` handler
-        $img.css('cursor', 'move');
-    } else {
-        $img.css('cursor', 'default');
-    }
-};
-
-WYMeditor.ImageHandler.prototype._onImgClick = function (evt) {
-    var ih = this;
-
-    // firefox seems to natively select the image on mousedown
-    // this means that by the time this handler executes,
-    // the image is already selected.
-    //
-    // in IE8, by this point
-    // the image is always deselected,
-    // even if it was selected just before the click,
-    // because the mouse event itself
-    // causes the deselection of the image
-    // (see the `_selectImage` method).
-    //
-    // because of the above browser limitations,
-    // it is more simple to always select the image here,
-    // regardless of whether it is selected already or not
-
-    ih._selectImage(evt.target);
-    ih._indicateOnResizeHandleThatImageIsSelected();
-    return false;
-};
-
-WYMeditor.ImageHandler.prototype._selectImage = function (img) {
-    var ih = this;
-    var $img = jQuery(img);
-
-    if (jQuery.browser.msie && jQuery.browser.versionNumber === 8) {
-        // in IE8 when the right side of an img is clicked
-        // (you can't make this up),
-        // any selection that was set on click is discarded.
-        // scheduling the image selection
-        // for after synchronous execution
-        // works around the issue
-        setTimeout(function () {
-             //ih._isAnImgSelected('IE8 ASYNC `_selectImage` (before select)'); // for debugging
-            ih._wym._selectSingleNode(img);
-             //ih._isAnImgSelected('IE8 ASYNC `_selectImage` (after select)'); // for debugging
-        }, 0);
-    } else {
-         //ih._isAnImgSelected('`_selectImage` (before select)'); // for debugging
-        ih._wym._selectSingleNode(img);
-         //ih._isAnImgSelected('`_selectImage` (after select)'); // for debugging
-    }
-
-    ih._setImgCursor($img);
-};
-
-WYMeditor.ImageHandler.prototype._indicateOnResizeHandleThatImageIsSelected = function () {
-    var ih = this;
-
-    var indication = 'image is selected';
-    if (ih._imgDragDropAllowed) {
-        indication = [
-            indication,
-            'drag image to move it'
-        ].join(WYMeditor.ImageHandler._RESIZE_HANDLE_HR_HTML);
-    }
-
-    ih._$resizeHandle
-        .css('font-weight', 'bold')
-        .html(indication);
-
-    // ideally, the above indication text would remain
-    // until the image is no longer selected.
-    // since it is not easy to detect when that happens,
-    // the indication text is replaced with the initial text
-    // after a short moment.
-    setTimeout(function () {
-        ih._$resizeHandle
-          .css('font-weight', 'normal')
-          .html(WYMeditor.ImageHandler._RESIZE_HANDLE_INNER_HTML);
-    }, 1000);
-};
-
-WYMeditor.ImageHandler.prototype._placeResizeHandleOnImg = function (img) {
-    var ih = this;
-    var IMAGE_PADDING = '0.8em';
-    var $img = jQuery(img);
-
-    ih._$currentImg = $img;
-
-    ih._getCurrentImageMarker().insertAfter($img);
-
-    // colored padding around the image and the handle
-    // visually marks the image
-    // that currently has the resize handle placed on it.
-    // it also makes it possible to resize very small images
-    // (see the `_detachResizeHandle` method)
-    $img.css({
-        'background-color': WYMeditor.ImageHandler._IMAGE_HIGHLIGHT_COLOR,
-
-        'padding-top': IMAGE_PADDING,
-        'padding-right': IMAGE_PADDING,
-        'padding-bottom': '0',
-        'padding-left': IMAGE_PADDING,
-        'margin-top': '-' + IMAGE_PADDING,
-        'margin-right': '-' + IMAGE_PADDING,
-        'margin-bottom': '0',
-        'margin-left': '-' + IMAGE_PADDING
-    });
-
-    // the resize handle, prepended to the body in this way,
-    // can be removed from the body using DOM manipulation
-    // such as setting the content with the `html` method.
-    // so we place it there in case that occurred.
-    // this could be done conditionally
-    // but there is practically no performance hit so keeping it simple
-    ih._$resizeHandle.prependTo(ih._wym.$body());
-
-    // it is important that the resize handle's offset
-    // is updated after the above style modification
-    // adds top padding to the image
-    // because that alters the image's outside height
-    ih._correctResizeHandleOffsetAndWidth();
-
-    ih._$resizeHandle.show();
-};
-
-WYMeditor.ImageHandler.prototype._correctResizeHandleOffsetAndWidth = function () {
-    var ih = this;
-
-    ih._$resizeHandle.css('max-width', ih._$currentImg.outerWidth());
-
-    var offset = ih._$currentImg.offset();
-
-    ih._$resizeHandle.css('left', offset.left);
-
-    // the Y position of the first pixel after the image's outer Y dimension.
-    // in other words, just below the image's margin (if it had a margin)
-    var yAfterImg = offset.top + ih._$currentImg.outerHeight();
-
-    if (jQuery.browser.msie) {
-        // in IE8-11 there might be a visible 1 pixes gap
-        // between the image and the resize handle
-        // possibly this issue:
-        // https://github.com/jquery/jquery/issues/1724
-        yAfterImg--;
-    }
-
-    ih._$resizeHandle.css('top', yAfterImg);
-};
-
-WYMeditor.ImageHandler.prototype._onResizeHandleMousedown = function (evt) {
-    var ih = this;
-
-    if (!ih._resizingNow) {
-        ih._startResize(evt.clientY);
-    }
-    return false;
-};
-
-WYMeditor.ImageHandler.prototype._startResize = function (startMouseY) {
-    var ih = this;
-
-    ih._startMouseY = startMouseY;
-    ih._$currentImg.data('StartHeight', ih._$currentImg.height());
-    ih._resizingNow = true;
-};
-
-WYMeditor.ImageHandler.prototype._onMousemove = function (evt) {
-    var ih = this;
-
-    // default action for this event may be a `mousedown` and `mousemove`
-    // with the intention to select text
-    // or to drag (for later dropping of) content
-    // so be careful about preventing default
-
-    if (!evt.target.tagName) {
-        // IE8 may fire such an event.
-        // what element was it fired on?
-        return;
-    }
-
-    if (ih._resizingNow) {
-        // this is up high in this method for performance
-        ih._resizeImage(evt.clientY);
-        return false;
-    }
-
-    if (
-        evt.target.tagName.toLowerCase() === 'img' &&
-        !ih._isResizeHandleAttached()
-    ) {
-        ih._placeResizeHandleOnImg(evt.target);
-        return false;
-    }
-
-    if (!ih._isResizeHandleAttached()) {
-        return;
-    }
-
-    // from this point on, this event handler is all about
-    // checking whether the resize handle should be detached
-
-    if (
-        !jQuery(evt.target).hasClass(WYMeditor.EDITOR_ONLY_CLASS) &&
-        !ih._isCurrentImg(evt.target)
-    ) {
-        // this must be after the above check for whether resizing now
-        // because, while the resize operation does begin
-        // with the mouse pointing on the resize handle,
-        // the mouse might leave the resize handle during the resize operation.
-        // in that case, we would like the operation to continue
-        ih._detachResizeHandle();
-        return;
-    }
-
-    if (!ih._isCurrentImgAtMarker()) {
-        ih._detachResizeHandle();
-        return;
-    }
-};
-
-WYMeditor.ImageHandler.prototype._isCurrentImgAtMarker = function () {
-    var ih = this;
-    var $marker = ih._$currentImageMarker;
-    if (!$marker.length) {
-        // the marker was removed by some DOM manipulation
-        return false;
-    }
-    var $img = ih._$currentImg;
-    var $imgPrevToMarker = $marker.prev('img');
-    if (
-        $img.length &&
-        $imgPrevToMarker.length &&
-        $imgPrevToMarker[0] === $img[0]
-    ) {
-        return true;
-    }
-    // this happens when:
-    //
-    // * the image was selected and
-    //   * replaced by pasted content
-    //   * replaced by character insertion from key press
-    //   * removed with backspace/delete
-    // * caret was before/after image and delete/backspace pressed
-    // * the image was dragged and dropped somewhere
-    return false;
-};
-
-WYMeditor.ImageHandler.prototype._isResizeHandle = function (elem) {
-    return jQuery(elem).hasClass(WYMeditor.RESIZE_HANDLE_CLASS);
-};
-
-WYMeditor.ImageHandler.prototype._isCurrentImg = function (img) {
-    var ih = this;
-    return img === ih._$currentImg[0];
-};
-
-WYMeditor.ImageHandler.prototype._resizeImage = function (currentMouseY) {
-    var ih = this;
-    var $img = ih._$currentImg;
-
-    var dimensionsRatio = $img.data('DimensionsRatio');
-
-    if (!dimensionsRatio) {
-        // in order to prevent dimensions ratio corruption
-        var originalHeight = $img.height();
-        var originalWidth = $img.width();
-        dimensionsRatio = originalWidth / originalHeight;
-        $img.data('DimensionsRatio', dimensionsRatio);
-    }
-
-    // calculate the new dimensions
-    var startHeight = $img.data('StartHeight');
-    var newHeight = startHeight - ih._startMouseY + currentMouseY;
-    newHeight = newHeight > 0 ? newHeight : 0;
-    var newWidth = newHeight * dimensionsRatio;
-
-    // update the dimensions
-    $img.attr('height', newHeight);
-    $img.attr('width', newWidth);
-
-    ih._correctResizeHandleOffsetAndWidth();
-};
-
-WYMeditor.ImageHandler.prototype._onMouseup = function () {
-    // this could be a case where
-    // there was a `mousedown` on a selection
-    // and then a `mouseup` without having moved the mouse.
-    // the default action would be
-    // to collapse the selection to a caret where the pointer is.
-    // we'd not like to prevent that
-
-    var ih = this;
-
-    if (ih._resizingNow) {
-        ih._stopResize();
-    }
-};
-
-WYMeditor.ImageHandler.prototype._stopResize = function () {
-    var ih = this;
-
-    ih._resizingNow = false;
-    ih._startMouseY = null;
-    ih._wym.registerModification();
-};
-
-WYMeditor.ImageHandler.prototype._onImgMousedown = function (evt) {
-    var ih = this;
-
-    if (jQuery.browser.msie && jQuery.browser.versionNumber === 11) {
-        // IE11 on image mousedown places native resize handles around the image.
-        // selecting the image both here and on `click` refrains from those handles
-        // completely and seemingly without side effects.
-        ih._selectImage(evt.target);
-        // another way to refrain from the handles is preventing default.
-        // but that would have an undesired side effect
-        // of not allowing dragging and dropping of images.
-    }
-
-    // returning false here prevents drag of image
-    // except for in IE8
-    return ih._imgDragDropAllowed;
-};
-
-WYMeditor.ImageHandler.prototype._onAnyNativeEdit = function () {
-    var ih = this;
-    // modifications possibly not have occurred yet.
-    // schedule immediate async in order to execute
-    // after the possible modifications may have occurred
-    setTimeout(ih._handlePossibleModification.bind(ih), 0);
-};
-
-WYMeditor.ImageHandler.prototype._handlePossibleModification = function () {
-    var ih = this;
-
-    if (!ih._isResizeHandleAttached()) {
-        return;
-    }
-
-    if (!ih._isCurrentImgAtMarker()) {
-        ih._detachResizeHandle();
-        return;
-    }
-
-    // any edit to the document might result
-    // in the image ending up in a different position than before.
-    // for example, inserting a character before the image
-    // pushes it to the right.
-    ih._correctResizeHandleOffsetAndWidth();
-};
-
-WYMeditor.ImageHandler.prototype._isResizeHandleAttached = function () {
-    var ih = this;
-    var $handle = ih._getResizeHandle();
-    return $handle && $handle.css('display') !== 'none';
-};
-
-WYMeditor.ImageHandler.prototype._getResizeHandle = function () {
-    var ih = this;
-    var $handle = ih._wym.$body().find('.' + WYMeditor.RESIZE_HANDLE_CLASS);
-    return $handle.length ? $handle : false;
-};
-
-WYMeditor.ImageHandler.prototype._detachResizeHandle = function () {
-    var ih = this;
-
-    ih._$currentImageMarker.detach();
-    if (
-        // the size of the image might be so small,
-        // that it would be hard to mouse over it
-        // in order to make the resize handle appear.
-        // in that case (an arbitrary number of pixels)
-        // leave the padding on, as it will allow
-        // easy mouse over the image,
-        // even when the image is 0 in size
-        ih._$currentImg.height() >= 16 &&
-        ih._$currentImg.width() >= 16
-    ) {
-        ih._$currentImg.css({padding: 0, margin: 0});
-    }
-    ih._$currentImg = null;
-    ih._$resizeHandle.hide();
-};
-
-WYMeditor.ImageHandler.prototype._onImgDragstart = function () {
-    var ih = this;
-    ih._detachResizeHandle();
-};
-
-WYMeditor.ImageHandler.prototype._onResizeHandleClickDblclick = function () {
-    var ih = this;
-
-    if (jQuery.browser.msie && jQuery.browser.versionNumber === 11) {
-        // in IE11 some mouse events on the resize handle
-        // result in native resize handles on it (eight small squares around it).
-        // trying to resize the resize handle using these native handles
-        // fails quite gracefully, as they seem to have no effect at all.
-        // it fails most likely due to prevented native actions
-        // in one of our event handlers.
-        // however, deselecting here completely prevents these handles
-        ih._wym.deselect();
-    }
-    // prevents entering edit mode in the handle
-    return false;
-};
-
-// useful for debugging
-WYMeditor.ImageHandler.prototype._isAnImgSelected = function (message) {
-    var ih = this;
-    message = message.toUpperCase();
-
-    function check(prefix) {
-        var result = ih._wym.getSelectedImage() ? '***YES***' : '';
-        prefix = prefix ? prefix + ' ' : '';
-        WYMeditor.console.log(prefix + message + ' ' + result);
-    }
-
-    check('sync');
-
-    setTimeout(function () {
-        check('async');
-    }, 0);
-};
-
-// for debugging
-WYMeditor.ImageHandler._onAllEvents = function (evt) {
-    var ih = this;
-
-    ih._isAnImgSelected([
-        evt.type,
-        evt.target.tagName,
-        jQuery(evt.target).attr('className')
-    ].join(' '));
-};
-
-/*jslint evil: true */
-/* global -$ */
-"use strict";
-
-WYMeditor.WymClassGecko = function (wym) {
-    var wymClassGecko = this;
-    wymClassGecko._wym = wym;
-    wymClassGecko._class = "class";
-};
-
-// Placeholder cell to allow content in TD cells for FF 3.5+
-WYMeditor.WymClassGecko.CELL_PLACEHOLDER = '<br _moz_dirty="" />';
-
-// Firefox 3.5 and 3.6 require the CELL_PLACEHOLDER and 4.0 doesn't
-WYMeditor.WymClassGecko.NEEDS_CELL_FIX = parseInt(
-    jQuery.browser.version, 10) === 1 &&
-    jQuery.browser.version >= '1.9.1' &&
-    jQuery.browser.version < '2.0';
-
-WYMeditor.WymClassGecko.prototype._docEventQuirks = function () {
-    var wym = this;
-    var $doc = jQuery(wym._doc);
-
-    $doc.keyup(wym._keyup.bind(wym));
-    $doc.focus(function () {
-        // not providing _onBodyFocus here because it doesn't exist yet
-        wym.undoRedo._onBodyFocus();
-    });
-    $doc.click(wym._click.bind(wym));
-};
-
-// Keyup handler, mainly used for cleanups
-WYMeditor.WymClassGecko.prototype._keyup = function (evt) {
-    var wym = this,
-        container,
-        defaultRootContainer,
-        notValidRootContainers,
-        name,
-        parentName;
-
-    notValidRootContainers =
-        wym.documentStructureManager.structureRules.notValidRootContainers;
-    defaultRootContainer =
-        wym.documentStructureManager.structureRules.defaultRootContainer;
-    container = null;
-
-    // If the inputted key cannont create a block element and is not a command,
-    // check to make sure the selection is properly wrapped in a container
-    if (!wym.keyCanCreateBlockElement(evt.which) &&
-            evt.which !== WYMeditor.KEY_CODE.CTRL &&
-            evt.which !== WYMeditor.KEY_CODE.COMMAND &&
-            !evt.metaKey &&
-            !evt.ctrlKey) {
-
-        container = wym.selectedContainer();
-        name = container.tagName.toLowerCase();
-        if (container.parentNode) {
-            parentName = container.parentNode.tagName.toLowerCase();
-        }
-
-        // Fix forbidden root containers
-        if (wym.isForbiddenRootContainer(name)) {
-            name = parentName;
-        }
-
-        // Replace text nodes with default root tags and make sure the
-        // container is valid if it is a root container
-        if (name === WYMeditor.BODY ||
-                (jQuery.inArray(name, notValidRootContainers) > -1 &&
-                parentName === WYMeditor.BODY)) {
-
-            wym._exec(
-                WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,
-                defaultRootContainer
-            );
-            wym.prepareDocForEditing();
-        }
-    }
-
-    // If we potentially created a new block level element or moved to a new
-    // one, then we should ensure the container is valid and the formatting is
-    // proper.
-    if (wym.keyCanCreateBlockElement(evt.which)) {
-        // If the selected container is a root container, make sure it is not a
-        // different possible default root container than the chosen one.
-        container = wym.selectedContainer();
-        name = container.tagName.toLowerCase();
-        if (container.parentNode) {
-            parentName = container.parentNode.tagName.toLowerCase();
-        }
-        if (jQuery.inArray(name, notValidRootContainers) > -1 &&
-                parentName === WYMeditor.BODY) {
-            wym._exec(
-                WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,
-                defaultRootContainer
-            );
-        }
-
-        // Call for the check for--and possible correction of--issue #430.
-        wym._handlePotentialEnterInEmptyNestedLi(evt.which, container);
-
-        // Fix formatting if necessary
-        wym.prepareDocForEditing();
-    }
-};
-
-WYMeditor.WymClassGecko.prototype._click = function () {
-    var wym = this,
-        container = wym.selectedContainer(),
-        sel;
-
-    if (WYMeditor.WymClassGecko.NEEDS_CELL_FIX === true) {
-        if (container && container.tagName.toLowerCase() === WYMeditor.TR) {
-            // Starting with FF 3.6, inserted tables need some content in their
-            // cells before they're editable
-            jQuery(WYMeditor.TD, wym._doc.body).append(
-                WYMeditor.WymClassGecko.CELL_PLACEHOLDER);
-
-            // The user is still going to need to move out of and then back in
-            // to this cell if the table was inserted via an inner_html call
-            // (like via the manual HTML editor).
-            // TODO: Use rangy or some other selection library to consistently
-            // put the users selection out of and then back in this cell
-            // so that it appears to be instantly editable
-            // Once accomplished, can remove the _afterInsertTable handling
-        }
-    }
-
-    if (container && container.tagName.toLowerCase() === WYMeditor.BODY) {
-        // A click in the body means there is no content at all, so we
-        // should automatically create a starter paragraph
-        sel = wym.selection();
-        if (sel.isCollapsed === true) {
-            // If the selection isn't collapsed, we might have a selection that
-            // drags over the body, but we shouldn't turn everything in to a
-            // paragraph tag. Otherwise, double-clicking in the space to the
-            // right of an h2 tag would turn it in to a paragraph
-            wym._exec(WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK, WYMeditor.P);
-        }
-    }
-};
-
-WYMeditor.WymClassGecko.prototype._designModeQuirks = function () {
-    var wym = this;
-    // Handle any errors that might occur.
-    try {
-        wym._doc.execCommand("styleWithCSS", '', false);
-        wym._doc.execCommand("enableObjectResizing", false, false);
-        wym._doc.execCommand("enableInlineTableEditing", false, false);
-    } catch (e) {}
-};
-
-/*
- * Fix new cell contents and ability to insert content at the front and end of
- * the contents.
- */
-WYMeditor.WymClassGecko.prototype._afterInsertTable = function (table) {
-    if (WYMeditor.WymClassGecko.NEEDS_CELL_FIX === true) {
-        // In certain FF versions, inserted tables need some content in their
-        // cells before they're editable, otherwise the user has to move focus
-        // in and then out of a cell first, even with our _click() hack
-        jQuery(table).find('td').each(function (index, element) {
-            jQuery(element).append(WYMeditor.WymClassGecko.CELL_PLACEHOLDER);
-        });
-    }
-};
-
-/*jslint evil: true */
-/* global -$ */
-"use strict";
-
-WYMeditor.WymClassWebKit = function (wym) {
-    var wymClassWebKit = this;
-    wymClassWebKit._wym = wym;
-    wymClassWebKit._class = "class";
-};
-
-WYMeditor.WymClassWebKit.prototype._docEventQuirks = function () {
-    var wym = this;
-
-    jQuery(wym._doc).bind("keyup", function (evt) {
-        wym._keyup(evt);
-    });
-
-    wym.keyboard.combokeys.bind(
-        "shift+enter",
-        // WebKit's shift+enter seems to create a new paragraph so we fix it
-        function () {
-            wym._exec(WYMeditor.EXEC_COMMANDS.INSERT_LINEBREAK);
-            return false;
-        }
-    );
-
-    wym.$body().bind("focus", function () {
-        wym.undoRedo._onBodyFocus();
-    });
-};
-
-// A `div` can be created by breaking out of a list in some cases. Issue #549.
-WYMeditor.WymClassWebKit.prototype._inListBreakoutDiv = function (evtWhich) {
-    var wym = this,
-        $rootContainer = jQuery(wym.getRootContainer());
-
-    if (
-        evtWhich === WYMeditor.KEY_CODE.ENTER &&
-        $rootContainer.is('div') &&
-        wym.documentStructureManager.defaultRootContainer !== 'div' &&
-        $rootContainer.prev('ol, ul').length === 1
-    ) {
-        return true;
-    }
-    return false;
-};
-
-// Checks whether this is issue #542.
-WYMeditor.WymClassWebKit.prototype._isLiInLiAfterEnter = function (evtWhich) {
-    var wym = this,
-        nodeAfterSel = wym.nodeAfterSel(),
-        parentNode,
-        previousSibling,
-        previousSiblingChild,
-        previousPreviousSibling;
-
-    if (evtWhich !== WYMeditor.KEY_CODE.ENTER) {
-        return false;
-    }
-
-    if (!nodeAfterSel) {
-        return false;
-    }
-
-    parentNode = nodeAfterSel.parentNode;
-    if (!parentNode) {
-        return false;
-    }
-    if (typeof parentNode.tagName !== 'string') {
-        return false;
-    }
-    if (parentNode.tagName.toLowerCase() !== 'li') {
-        return false;
-    }
-
-    previousSibling = nodeAfterSel.previousSibling;
-    if (!previousSibling) {
-        return false;
-    }
-    if (typeof previousSibling.tagName !== 'string') {
-        return false;
-    }
-    if (previousSibling.tagName.toLowerCase() !== 'li') {
-        return false;
-    }
-
-    if (previousSibling.childNodes.length !== 1) {
-        return false;
-    }
-    previousSiblingChild = previousSibling.childNodes[0];
-    if (!previousSiblingChild) {
-        return false;
-    }
-    if (typeof previousSiblingChild.tagName !== 'string') {
-        return false;
-    }
-    if (previousSiblingChild.tagName.toLowerCase() !== 'br') {
-        return false;
-    }
-
-    previousPreviousSibling = previousSibling.previousSibling;
-    if (!previousPreviousSibling) {
-        return false;
-    }
-    if (typeof previousPreviousSibling.tagName !== 'string') {
-        return false;
-    }
-    if (
-        jQuery.inArray(
-        previousPreviousSibling.tagName.toLowerCase(),
-        ['ol', 'ul']
-        ) === -1
-    ) {
-        return false;
-    }
-
-    return true;
-};
-
-// Fixes issue #542.
-WYMeditor.WymClassWebKit.prototype
-    ._fixLiInLiAfterEnter = function () {
-    var wym = this,
-        nodeAfterSel = wym.nodeAfterSel(),
-        $errorLi = jQuery(nodeAfterSel.previousSibling),
-        $parentLi = $errorLi.parent('li'),
-        errorLiIndex = $parentLi.contents().index($errorLi),
-        $contentsAfterErrorLi = $parentLi.contents().slice(errorLiIndex + 1);
-
-    $errorLi.remove();
-    $parentLi.after('<li><br /></li>');
-    $parentLi.next().append($contentsAfterErrorLi);
-    wym.setCaretBefore($parentLi.next('li').children().first('br')[0]);
-};
-
-// Keyup handler, mainly used for cleanups
-WYMeditor.WymClassWebKit.prototype._keyup = function (evt) {
-    var wym = this,
-        container,
-        defaultRootContainer,
-        notValidRootContainers,
-        name,
-        parentName,
-        rootContainer;
-
-    notValidRootContainers =
-        wym.documentStructureManager.structureRules.notValidRootContainers;
-    defaultRootContainer =
-        wym.documentStructureManager.structureRules.defaultRootContainer;
-
-    // Fix to allow shift + return to insert a line break in older safari
-    if (jQuery.browser.version < 534.1) {
-        // Not needed in AT MAX chrome 6.0. Probably safe earlier
-        if (evt.which === WYMeditor.KEY_CODE.ENTER && evt.shiftKey) {
-            wym._exec('InsertLineBreak');
-        }
-    }
-
-    // If the inputted key cannont create a block element and is not a command,
-    // check to make sure the selection is properly wrapped in a container
-    if (!wym.keyCanCreateBlockElement(evt.which) &&
-            evt.which !== WYMeditor.KEY_CODE.CTRL &&
-            evt.which !== WYMeditor.KEY_CODE.COMMAND &&
-            !evt.metaKey &&
-            !evt.ctrlKey) {
-
-        container = wym.selectedContainer();
-        name = container.tagName.toLowerCase();
-        if (container.parentNode) {
-            parentName = container.parentNode.tagName.toLowerCase();
-        }
-
-        // Fix forbidden root containers
-        if (wym.isForbiddenRootContainer(name)) {
-            name = parentName;
-        }
-
-        // Replace text nodes with default root tags and make sure the
-        // container is valid if it is a root container
-        if (name === WYMeditor.BODY ||
-                (jQuery.inArray(name, notValidRootContainers) > -1 &&
-                parentName === WYMeditor.BODY)) {
-
-            wym._exec(
-                WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,
-                defaultRootContainer
-            );
-            wym.prepareDocForEditing();
-        }
-    }
-
-    // If we potentially created a new block level element or moved to a new
-    // one, then we should ensure the container is valid and the formatting is
-    // proper.
-    if (wym.keyCanCreateBlockElement(evt.which)) {
-        // If the selected container is a root container, make sure it is not a
-        // different possible default root container than the chosen one.
-        container = wym.selectedContainer();
-        name = container.tagName.toLowerCase();
-        if (container.parentNode) {
-            parentName = container.parentNode.tagName.toLowerCase();
-        }
-        if (jQuery.inArray(name, notValidRootContainers) > -1 &&
-                parentName === WYMeditor.BODY) {
-            wym._exec(
-                WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,
-                defaultRootContainer
-            );
-            container = wym.selectedContainer();
-        }
-
-        // Issue #542
-        if (wym._isLiInLiAfterEnter(evt.which, container)) {
-            wym._fixLiInLiAfterEnter();
-            // Container may have changed.
-            container = wym.selectedContainer();
-            return;
-        }
-
-        // Call for the check for--and possible correction of--issue #430.
-        wym._handlePotentialEnterInEmptyNestedLi(evt.which, container);
-
-        // Issue #549.
-        if (wym._inListBreakoutDiv(evt.which)) {
-            rootContainer = wym.switchTo(
-                wym.getRootContainer(),
-                defaultRootContainer
-            );
-            wym.setCaretIn(rootContainer);
-        }
-
-        // Fix formatting if necessary
-        wym.prepareDocForEditing();
-    }
-};
-
-/* jshint evil: true */
-"use strict";
-
-WYMeditor.WymClassBlink = function (wym) {
-    var wymClassBlink = this;
-    wymClassBlink._wym = wym;
-};
-
-jQuery.extend(
-    WYMeditor.WymClassBlink.prototype,
-    WYMeditor.WymClassWebKit.prototype
-);
-
-/* jshint evil: true */
-"use strict";
-
-WYMeditor.WymClassSafari = function (wym) {
-    var wymClassSafari = this;
-    wymClassSafari._wym = wym;
-};
-
-jQuery.extend(
-    WYMeditor.WymClassSafari.prototype,
-    WYMeditor.WymClassWebKit.prototype
-);
-
-/*jslint evil: true */
-/* global rangy, -$ */
-"use strict";
-
-WYMeditor.WymClassTridentPre7 = function (wym) {
-    var wymClassTridentPre7 = this;
-    wymClassTridentPre7._wym = wym;
-    wymClassTridentPre7._class = "className";
-};
-
-WYMeditor.WymClassTridentPre7.prototype._onEditorIframeLoad = function (wym) {
-    wym._assignWymDoc();
-
-    if (wym._isDesignModeOn() === false) {
-        wym._doc.designMode = "On";
-    } else {
-        // Pre-7 Trident Internet Explorer versions reload the Iframe when its
-        // designMode property is set to "on". So this will run on the second
-        // time this handler is called.
-        wym._afterDesignModeOn();
-    }
-};
-
-WYMeditor.WymClassTridentPre7.prototype._assignWymDoc = function () {
-    var wym = this;
-
-    wym._doc = wym._iframe.contentWindow.document;
-};
-
-WYMeditor.WymClassTridentPre7.prototype._docEventQuirks = function () {
-    var wym = this;
-
-    wym._doc.onbeforedeactivate = function () {
-        wym._saveCaret();
-    };
-    jQuery(wym._doc).bind('keyup', function (evt) {
-        wym._keyup(evt);
-    });
-    wym._doc.onkeyup = function () {
-        wym._saveCaret();
-    };
-    wym._doc.onclick = function () {
-        wym._saveCaret();
-    };
-
-    wym.$body().bind("focus", function () {
-        wym.undoRedo._onBodyFocus();
-    });
-
-    wym._doc.body.onbeforepaste = function () {
-        wym._iframe.contentWindow.event.returnValue = false;
-    };
-
-    wym._doc.body.onpaste = function () {
-        wym._iframe.contentWindow.event.returnValue = false;
-        wym.paste(window.clipboardData.getData("Text"));
-    };
-
-    // https://github.com/wymeditor/wymeditor/pull/641
-    wym.$body().bind("dragend", function (evt) {
-        if (evt.target.tagName.toLowerCase() === WYMeditor.IMG) {
-            wym.deselect();
-        }
-    });
-
-    wym._doc.oncontrolselect = function () {
-        // this prevents resize handles on various element
-        // such as images, at least in IE8
-        return false;
-    };
-};
-
-WYMeditor.WymClassTridentPre7.prototype._setButtonsUnselectable = function () {
-    // Mark UI buttons as unselectable (#203)
-    // Issue explained here:
-    // http://stackoverflow.com/questions/1470932
-    var wym = this,
-        $buttons = wym.get$Buttons();
-
-    $buttons.attr('unselectable', 'on');
-};
-
-WYMeditor.WymClassTridentPre7.prototype._uiQuirks = function () {
-    var wym = this;
-    if (jQuery.browser.versionNumber === 8) {
-        wym._setButtonsUnselectable();
-    }
-};
-
-WYMeditor.WymClassTridentPre7.prototype._saveCaret = function () {
-    var wym = this,
-        nativeSelection = wym._doc.selection;
-
-    if (nativeSelection.type === "None") {
-        return;
-    }
-    wym._doc.caretPos = nativeSelection.createRange();
-};
-
-/**
-    _wrapWithContainer
-    ==================
-
-    Wraps the passed node in a container of the passed type. Also, restores the
-    selection to being after the node within its new container.
-
-    @param node A DOM node to be wrapped in a container
-    @param containerType A string of an HTML tag that specifies the container
-                         type to use for wrapping the node.
-*/
-WYMeditor.WymClassTridentPre7.prototype._wrapWithContainer = function (
-    node, containerType
-) {
-    var wym = this,
-        $wrappedNode,
-        selection,
-        range;
-
-    $wrappedNode = jQuery(node).wrap('<' + containerType + ' />');
-    selection = wym.selection();
-    range = rangy.createRange(wym._doc);
-    range.selectNodeContents($wrappedNode[0]);
-    range.collapse();
-    selection.setSingleRange(range);
-};
-
-WYMeditor.WymClassTridentPre7.prototype._keyup = function (evt) {
-    var wym = this,
-        container,
-        defaultRootContainer,
-        notValidRootContainers,
-        name,
-        parentName,
-        forbiddenMainContainer = false,
-        selectedNode;
-
-    notValidRootContainers =
-        wym.documentStructureManager.structureRules.notValidRootContainers;
-    defaultRootContainer =
-        wym.documentStructureManager.structureRules.defaultRootContainer;
-
-    // If the pressed key can't create a block element and is not a command,
-    // check to make sure the selection is properly wrapped in a container
-    if (!wym.keyCanCreateBlockElement(evt.which) &&
-            evt.which !== WYMeditor.KEY_CODE.CTRL &&
-            evt.which !== WYMeditor.KEY_CODE.COMMAND &&
-            !evt.metaKey &&
-            !evt.ctrlKey) {
-
-        container = wym.selectedContainer();
-        selectedNode = wym.selection().focusNode;
-        if (container !== null) {
-            name = container.tagName.toLowerCase();
-        }
-        if (container.parentNode) {
-            parentName = container.parentNode.tagName.toLowerCase();
-        }
-
-        // Fix forbidden root containers
-        if (wym.isForbiddenRootContainer(name)) {
-            name = parentName;
-            forbiddenMainContainer = true;
-        }
-
-        // Wrap text nodes and forbidden root containers with default root node
-        // tags
-        if (name === WYMeditor.BODY && selectedNode.nodeName === "#text") {
-            // If we're in a forbidden root container, switch the selected node
-            // to its parent node so that we wrap the forbidden root container
-            // itself and not its inner text content
-            if (forbiddenMainContainer) {
-                selectedNode = selectedNode.parentNode;
-            }
-            wym._wrapWithContainer(selectedNode, defaultRootContainer);
-            wym.prepareDocForEditing();
-        }
-
-        if (jQuery.inArray(name, notValidRootContainers) > -1 &&
-                parentName === WYMeditor.BODY) {
-            wym.switchTo(container, defaultRootContainer);
-            wym.prepareDocForEditing();
-        }
-    }
-
-    // If we potentially created a new block level element or moved to a new
-    // one, then we should ensure the container is valid and the formatting is
-    // proper.
-    if (wym.keyCanCreateBlockElement(evt.which)) {
-        // If the selected container is a root container, make sure it is not a
-        // different possible default root container than the chosen one.
-        container = wym.selectedContainer();
-        name = container.tagName.toLowerCase();
-        if (container.parentNode) {
-            parentName = container.parentNode.tagName.toLowerCase();
-        }
-        if (jQuery.inArray(name, notValidRootContainers) > -1 &&
-                parentName === WYMeditor.BODY) {
-            wym.switchTo(container, defaultRootContainer);
-        }
-
-        // Call for the check for--and possible correction of--issue #430.
-        wym._handlePotentialEnterInEmptyNestedLi(evt.which, container);
-
-        // IE8 bug https://github.com/wymeditor/wymeditor/issues/446
-        if (
-            evt.which === WYMeditor.KEY_CODE.BACKSPACE &&
-            jQuery.browser.versionNumber === 8 &&
-            container.parentNode && (
-                parentName === 'ul' ||
-                parentName === 'ol'
-            )
-        ) {
-            wym._fixInvalidListNesting(container);
-        }
-
-        // Fix formatting if necessary
-        wym.prepareDocForEditing();
-    }
-};
-
-/* jshint evil: true */
-/* global -$ */
-"use strict";
-
-/* This file is the custom code for Trident 7 and newer. At the time of writing
- * this, it is only IE11.
- */
-
-WYMeditor.WymClassTrident7 = function (wym) {
-    var wymClassTrident7 =  this;
-    wymClassTrident7._wym = wym;
-    wymClassTrident7._class = "class";
-};
-
-jQuery.extend(
-    WYMeditor.WymClassTrident7.prototype,
-    WYMeditor.WymClassGecko.prototype
-);
-
-jQuery.copyPropsFromObjectToObject(
-    WYMeditor.WymClassTridentPre7.prototype,
-    WYMeditor.WymClassTrident7.prototype,
-    [
-        '_exec',
-        '_keyup',
-        '_wrapWithContainer'
-    ]
-);
-
-// Some tests fail in what seems to be an edge case of selection corruption.
-// This method makes those tests pass.
-// It seems to be an issue with Rangy and IE11.
-WYMeditor.WymClassTrident7.prototype.rawHtml = function (html) {
-    var wym = this;
-
-    if (typeof html === "string") {
-        wym._doc.designMode = "off";
-        wym.$body().html(html);
-        if (wym._isDesignModeOn() !== true) {
-            wym._enableDesignModeOnDocument();
-        }
-    } else {
-        return wym.$body().html();
-    }
-    return false;
-};
-
-WYMeditor.WymClassTrident7.prototype._docEventQuirks = function () {
-    var wym = this;
-
-    jQuery(wym._doc).bind("keyup", function (evt) {
-        wym._keyup(evt);
-    });
-
-    // https://github.com/wymeditor/wymeditor/pull/641
-    wym.$body().bind("dragend", function (evt) {
-        if (evt.target.tagName.toLowerCase() === WYMeditor.IMG) {
-            wym.deselect();
-        }
-    });
-
-    wym.$body().bind("focus", function () {
-        wym.undoRedo._onBodyFocus();
-    });
-};
-
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.foo = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-'use strict'
-
-var _ = require('lodash')
-var clone = require('udc')
-var xtend = require('xtend')
-
-/**
- * Gives birth to instances
- *
- * ```js
- * var History = require('object-history')
- * var initial = {foo: 'bar', name: 'victoria'}
- * var history = new History(initial, {limit: 33})
- * ```
- *
- * @name History
- * @param {Object} `initial` The initial history point
- * @param {Object} `options` `limit`: `{Number}` Remember this many backward points
- * @constructor
- * @api public
- */
-
-module.exports = function (initial, options) {
-  var self = this
-  self.options = xtend({
-    limit: null
-  }, options)
-
-  self.notObjError = new Error('requires a plain object')
-  if (!initial || !_.isPlainObject(initial)) {
-    throw self.notObjError
-  }
-
-  self.current = clone(initial)
-  self.changesets = {
-    backward: [],
-    forward: []
-  }
-}
-
-var proto = module.exports.prototype
-
-proto.add = require('./prototype/add')
-proto.get = require('./prototype/get')
-proto.lengthBackward = require('./prototype/length-backward')
-proto.lengthForward = require('./prototype/length-forward')
-proto.backward = require('./prototype/backward')
-proto.forward = require('./prototype/forward')
-proto.move = require('./prototype/move')
-proto.forgetAllInDirection = require('./prototype/forget-all-in-direction')
-proto.forgetAllBackward = require('./prototype/forget-all-backward')
-proto.forgetAllForward = require('./prototype/forget-all-forward')
-
-},{"./prototype/add":2,"./prototype/backward":3,"./prototype/forget-all-backward":4,"./prototype/forget-all-forward":5,"./prototype/forget-all-in-direction":6,"./prototype/forward":7,"./prototype/get":8,"./prototype/length-backward":9,"./prototype/length-forward":10,"./prototype/move":11,"lodash":14,"udc":15,"xtend":16}],2:[function(require,module,exports){
-'use strict'
-var _ = require('lodash')
-var diff = require('changeset')
-var clone = require('udc')
-
-/**
- * Add a history point object
- *
- * ```js
- * history.add({
- *   foo: 'bar',
- *   bar: 'foo'
- * })
- * ```
- *
- * @name add
- * @param {Object} `obj` The history point
- * @api public
- */
-
-module.exports = function (obj) {
-  var self = this
-
-  if (!obj || !_.isPlainObject(obj)) {
-    throw self.notObjError
-  }
-
-  if (self.lengthBackward() === self.options.limit) {
-    // limit reached. remove the oldest
-    self.changesets.backward.shift()
-  }
-
-  self.changesets.backward.push(diff(obj, self.current))
-
-  self.current = clone(obj)
-
-  self.changesets.forward = []
-}
-
-},{"changeset":12,"lodash":14,"udc":15}],3:[function(require,module,exports){
-'use strict'
-
-/**
- * Go back one history point
- *
- * @name backward
- * @api public
- */
-
-module.exports = function () {
-  var self = this
-
-  self.move('backward')
-}
-
-},{}],4:[function(require,module,exports){
-'use strict'
-
-/**
- * Makes all backward history forgotten
- *
- * @name forgetAllBackward
- * @api public
- * @since 3.1.0
- */
-
-module.exports = function () {
-  var self = this
-
-  self.forgetAllInDirection('backward')
-}
-
-},{}],5:[function(require,module,exports){
-'use strict'
-
-/**
- * Makes all forward history forgotten
- *
- * @name forgetAllForward
- * @api public
- * @since 3.1.0
- */
-
-module.exports = function () {
-  var self = this
-
-  self.forgetAllInDirection('forward')
-}
-
-},{}],6:[function(require,module,exports){
-/**
- * Makes all history in a certain direction forgotten
- *
- * @param {String} `direction` The direction in which to forget
- *   @option `'forward'` [direction]
- *   @option `'backward'` [direction]
- * @api private
- * @since 3.1.0
- */
-var forgetAllInDirection = function (direction) {
-  var self = this
-  var changesets = self.changesets
-
-  if (!changesets.hasOwnProperty(direction)) {
-    throw new Error('there is no such direction')
-  }
-
-  changesets[direction] = []
-}
-
-module.exports = forgetAllInDirection
-
-},{}],7:[function(require,module,exports){
-'use strict'
-
-/**
- * Go forward one history point
- *
- * @name forward
- * @api public
- */
-
-module.exports = function () {
-  var self = this
-
-  self.move('forward')
-}
-
-},{}],8:[function(require,module,exports){
-'use strict'
-
-var clone = require('udc')
-
-/**
- * @name get
- * @return {Object} "Current" history point
- * @api public
- */
-
-module.exports = function () {
-  var self = this
-
-  return clone(self.current)
-}
-
-},{"udc":15}],9:[function(require,module,exports){
-'use strict'
-
-/**
- * @name lengthBackward
- * @return {Number} Number of history points backwards
- * @api public
- */
-
-module.exports = function () {
-  var self = this
-
-  return self.changesets.backward.length
-}
-
-},{}],10:[function(require,module,exports){
-'use strict'
-
-/**
- * @name lengthForward
- * @return {Number} Number of history points forward
- * @api public
- */
-
-module.exports = function () {
-  var self = this
-
-  return self.changesets.forward.length
-}
-
-},{}],11:[function(require,module,exports){
-'use strict'
-var diff = require('changeset')
-var apply = diff.apply
-var without = require('lodash').without
-
-/**
- * Move forward or backwards
- *
- * @api private
- * @param {String} `direction` direction of movement either `'backward'` or `'forward'`
- */
-
-var move = function (direction) {
-  var self = this
-
-  if (!direction || !self.changesets.hasOwnProperty(direction)) {
-    throw new Error('Invalid direction')
-  }
-
-  // get the reverse direction name
-  var directions = Object.getOwnPropertyNames(self.changesets)
-  var reverseDirection = without(directions, direction)[0]
-
-  // the directions will refer to the arrays of changesets
-  var changesets = self.changesets[direction]
-  var reverseChangesets = self.changesets[reverseDirection]
-
-  if (changesets.length === 0) {
-    throw new Error('There\'s no going ' + direction)
-  }
-
-  // create the new object by applying the last changeset from
-  // this direction on the current object. this will be our new current
-  var newCurrent = apply(changesets.pop(), self.current)
-
-  // push to the reverse direction a changeset from the new object
-  // to the current object so that we could go back
-  reverseChangesets.push(diff(newCurrent, self.current))
-
-  self.current = newCurrent
-}
-
-module.exports = move
-
-},{"changeset":12,"lodash":14}],12:[function(require,module,exports){
-var _ = require('underscore');
-
-module.exports = diff;
-function diff(old, new_) {
-  var changes = [];
-
-  changes = changes.concat(compare([], old, new_));
-
-  comparing = [];
-  return changes;
-}
-
-function delCheck(op) {
-  if (op.type === 'put' && op.value === undefined) {
-    op.type = 'del';
-    delete op.value;
-  }
-  return op;
-}
-
-var comparing = [];
-function compare(path, old, new_) {
-  var changes = [];
-  if (old !== null && new_ !== null &&
-      typeof old === 'object' &&
-      !_.contains(comparing, old)) {
-
-    comparing.push(old);
-    var oldKeys = Object.keys(old);
-    var newKeys = Object.keys(new_);
-
-    var sameKeys = _.intersection(oldKeys, newKeys);
-    sameKeys.forEach(function (k) {
-      var childChanges = compare(path.concat(k), old[k], new_[k]);
-      changes = changes.concat(childChanges);
-    });
-
-    var delKeys = _.difference(oldKeys, newKeys);
-    delKeys.forEach(function (k) {
-      changes.push({ type: 'del', key: path.concat(k) });
-    });
-
-    var newKeys_ = _.difference(newKeys, oldKeys);
-    newKeys_.forEach(function (k) {
-      changes.push(delCheck(
-        { type: 'put', key: path.concat(k), value: new_[k] }));
-    });
-
-  } else if (old !== new_) {
-    changes.push(delCheck({ type: 'put', key: path, value: new_ }));
-  }
-
-  return changes;
-}
-
-module.exports.apply = apply;
-function apply(changes, target, modify) {
-  var obj, clone;
-  if (modify) {
-    obj = target;
-  } else {
-    clone = require("udc");
-    obj = clone(target);
-  }
-  changes.forEach(function (ch) {
-    var ptr, keys, len;
-    switch (ch.type) {
-      case 'put':
-        ptr = obj;
-        keys = ch.key;
-        len = keys.length;
-        if (len) {
-          keys.forEach(function (prop, i) {
-            if (!(prop in ptr)) {
-              ptr[prop] = {};
-            }
-
-            if (i < len - 1) {
-              ptr = ptr[prop];
-            } else {
-              ptr[prop] = ch.value;
-            }
-          });
-        } else {
-          obj = ch.value;
-        }
-        break;
-
-      case 'del':
-        ptr = obj;
-        keys = ch.key;
-        len = keys.length;
-        if (len) {
-          keys.forEach(function (prop, i) {
-            if (!(prop in ptr)) {
-              ptr[prop] = {};
-            }
-
-            if (i < len - 1) {
-              ptr = ptr[prop];
-            } else {
-              delete ptr[prop];
-            }
-          });
-        } else {
-          obj = null;
-        }
-        break;
-    }
-  });
-  return obj;
-}
-
-},{"udc":15,"underscore":13}],13:[function(require,module,exports){
-//     Underscore.js 1.4.4
-//     http://underscorejs.org
-//     (c) 2009-2013 Jeremy Ashkenas, DocumentCloud Inc.
-//     Underscore may be freely distributed under the MIT license.
-
-(function() {
-
-  // Baseline setup
-  // --------------
-
-  // Establish the root object, `window` in the browser, or `global` on the server.
-  var root = this;
-
-  // Save the previous value of the `_` variable.
-  var previousUnderscore = root._;
-
-  // Establish the object that gets returned to break out of a loop iteration.
-  var breaker = {};
-
-  // Save bytes in the minified (but not gzipped) version:
-  var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
-
-  // Create quick reference variables for speed access to core prototypes.
-  var push             = ArrayProto.push,
-      slice            = ArrayProto.slice,
-      concat           = ArrayProto.concat,
-      toString         = ObjProto.toString,
-      hasOwnProperty   = ObjProto.hasOwnProperty;
-
-  // All **ECMAScript 5** native function implementations that we hope to use
-  // are declared here.
-  var
-    nativeForEach      = ArrayProto.forEach,
-    nativeMap          = ArrayProto.map,
-    nativeReduce       = ArrayProto.reduce,
-    nativeReduceRight  = ArrayProto.reduceRight,
-    nativeFilter       = ArrayProto.filter,
-    nativeEvery        = ArrayProto.every,
-    nativeSome         = ArrayProto.some,
-    nativeIndexOf      = ArrayProto.indexOf,
-    nativeLastIndexOf  = ArrayProto.lastIndexOf,
-    nativeIsArray      = Array.isArray,
-    nativeKeys         = Object.keys,
-    nativeBind         = FuncProto.bind;
-
-  // Create a safe reference to the Underscore object for use below.
-  var _ = function(obj) {
-    if (obj instanceof _) return obj;
-    if (!(this instanceof _)) return new _(obj);
-    this._wrapped = obj;
-  };
-
-  // Export the Underscore object for **Node.js**, with
-  // backwards-compatibility for the old `require()` API. If we're in
-  // the browser, add `_` as a global object via a string identifier,
-  // for Closure Compiler "advanced" mode.
-  if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = _;
-    }
-    exports._ = _;
-  } else {
-    root._ = _;
-  }
-
-  // Current version.
-  _.VERSION = '1.4.4';
-
-  // Collection Functions
-  // --------------------
-
-  // The cornerstone, an `each` implementation, aka `forEach`.
-  // Handles objects with the built-in `forEach`, arrays, and raw objects.
-  // Delegates to **ECMAScript 5**'s native `forEach` if available.
-  var each = _.each = _.forEach = function(obj, iterator, context) {
-    if (obj == null) return;
-    if (nativeForEach && obj.forEach === nativeForEach) {
-      obj.forEach(iterator, context);
-    } else if (obj.length === +obj.length) {
-      for (var i = 0, l = obj.length; i < l; i++) {
-        if (iterator.call(context, obj[i], i, obj) === breaker) return;
-      }
-    } else {
-      for (var key in obj) {
-        if (_.has(obj, key)) {
-          if (iterator.call(context, obj[key], key, obj) === breaker) return;
-        }
-      }
-    }
-  };
-
-  // Return the results of applying the iterator to each element.
-  // Delegates to **ECMAScript 5**'s native `map` if available.
-  _.map = _.collect = function(obj, iterator, context) {
-    var results = [];
-    if (obj == null) return results;
-    if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
-    each(obj, function(value, index, list) {
-      results[results.length] = iterator.call(context, value, index, list);
-    });
-    return results;
-  };
-
-  var reduceError = 'Reduce of empty array with no initial value';
-
-  // **Reduce** builds up a single result from a list of values, aka `inject`,
-  // or `foldl`. Delegates to **ECMAScript 5**'s native `reduce` if available.
-  _.reduce = _.foldl = _.inject = function(obj, iterator, memo, context) {
-    var initial = arguments.length > 2;
-    if (obj == null) obj = [];
-    if (nativeReduce && obj.reduce === nativeReduce) {
-      if (context) iterator = _.bind(iterator, context);
-      return initial ? obj.reduce(iterator, memo) : obj.reduce(iterator);
-    }
-    each(obj, function(value, index, list) {
-      if (!initial) {
-        memo = value;
-        initial = true;
-      } else {
-        memo = iterator.call(context, memo, value, index, list);
-      }
-    });
-    if (!initial) throw new TypeError(reduceError);
-    return memo;
-  };
-
-  // The right-associative version of reduce, also known as `foldr`.
-  // Delegates to **ECMAScript 5**'s native `reduceRight` if available.
-  _.reduceRight = _.foldr = function(obj, iterator, memo, context) {
-    var initial = arguments.length > 2;
-    if (obj == null) obj = [];
-    if (nativeReduceRight && obj.reduceRight === nativeReduceRight) {
-      if (context) iterator = _.bind(iterator, context);
-      return initial ? obj.reduceRight(iterator, memo) : obj.reduceRight(iterator);
-    }
-    var length = obj.length;
-    if (length !== +length) {
-      var keys = _.keys(obj);
-      length = keys.length;
-    }
-    each(obj, function(value, index, list) {
-      index = keys ? keys[--length] : --length;
-      if (!initial) {
-        memo = obj[index];
-        initial = true;
-      } else {
-        memo = iterator.call(context, memo, obj[index], index, list);
-      }
-    });
-    if (!initial) throw new TypeError(reduceError);
-    return memo;
-  };
-
-  // Return the first value which passes a truth test. Aliased as `detect`.
-  _.find = _.detect = function(obj, iterator, context) {
-    var result;
-    any(obj, function(value, index, list) {
-      if (iterator.call(context, value, index, list)) {
-        result = value;
-        return true;
-      }
-    });
-    return result;
-  };
-
-  // Return all the elements that pass a truth test.
-  // Delegates to **ECMAScript 5**'s native `filter` if available.
-  // Aliased as `select`.
-  _.filter = _.select = function(obj, iterator, context) {
-    var results = [];
-    if (obj == null) return results;
-    if (nativeFilter && obj.filter === nativeFilter) return obj.filter(iterator, context);
-    each(obj, function(value, index, list) {
-      if (iterator.call(context, value, index, list)) results[results.length] = value;
-    });
-    return results;
-  };
-
-  // Return all the elements for which a truth test fails.
-  _.reject = function(obj, iterator, context) {
-    return _.filter(obj, function(value, index, list) {
-      return !iterator.call(context, value, index, list);
-    }, context);
-  };
-
-  // Determine whether all of the elements match a truth test.
-  // Delegates to **ECMAScript 5**'s native `every` if available.
-  // Aliased as `all`.
-  _.every = _.all = function(obj, iterator, context) {
-    iterator || (iterator = _.identity);
-    var result = true;
-    if (obj == null) return result;
-    if (nativeEvery && obj.every === nativeEvery) return obj.every(iterator, context);
-    each(obj, function(value, index, list) {
-      if (!(result = result && iterator.call(context, value, index, list))) return breaker;
-    });
-    return !!result;
-  };
-
-  // Determine if at least one element in the object matches a truth test.
-  // Delegates to **ECMAScript 5**'s native `some` if available.
-  // Aliased as `any`.
-  var any = _.some = _.any = function(obj, iterator, context) {
-    iterator || (iterator = _.identity);
-    var result = false;
-    if (obj == null) return result;
-    if (nativeSome && obj.some === nativeSome) return obj.some(iterator, context);
-    each(obj, function(value, index, list) {
-      if (result || (result = iterator.call(context, value, index, list))) return breaker;
-    });
-    return !!result;
-  };
-
-  // Determine if the array or object contains a given value (using `===`).
-  // Aliased as `include`.
-  _.contains = _.include = function(obj, target) {
-    if (obj == null) return false;
-    if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1;
-    return any(obj, function(value) {
-      return value === target;
-    });
-  };
-
-  // Invoke a method (with arguments) on every item in a collection.
-  _.invoke = function(obj, method) {
-    var args = slice.call(arguments, 2);
-    var isFunc = _.isFunction(method);
-    return _.map(obj, function(value) {
-      return (isFunc ? method : value[method]).apply(value, args);
-    });
-  };
-
-  // Convenience version of a common use case of `map`: fetching a property.
-  _.pluck = function(obj, key) {
-    return _.map(obj, function(value){ return value[key]; });
-  };
-
-  // Convenience version of a common use case of `filter`: selecting only objects
-  // containing specific `key:value` pairs.
-  _.where = function(obj, attrs, first) {
-    if (_.isEmpty(attrs)) return first ? null : [];
-    return _[first ? 'find' : 'filter'](obj, function(value) {
-      for (var key in attrs) {
-        if (attrs[key] !== value[key]) return false;
-      }
-      return true;
-    });
-  };
-
-  // Convenience version of a common use case of `find`: getting the first object
-  // containing specific `key:value` pairs.
-  _.findWhere = function(obj, attrs) {
-    return _.where(obj, attrs, true);
-  };
-
-  // Return the maximum element or (element-based computation).
-  // Can't optimize arrays of integers longer than 65,535 elements.
-  // See: https://bugs.webkit.org/show_bug.cgi?id=80797
-  _.max = function(obj, iterator, context) {
-    if (!iterator && _.isArray(obj) && obj[0] === +obj[0] && obj.length < 65535) {
-      return Math.max.apply(Math, obj);
-    }
-    if (!iterator && _.isEmpty(obj)) return -Infinity;
-    var result = {computed : -Infinity, value: -Infinity};
-    each(obj, function(value, index, list) {
-      var computed = iterator ? iterator.call(context, value, index, list) : value;
-      computed >= result.computed && (result = {value : value, computed : computed});
-    });
-    return result.value;
-  };
-
-  // Return the minimum element (or element-based computation).
-  _.min = function(obj, iterator, context) {
-    if (!iterator && _.isArray(obj) && obj[0] === +obj[0] && obj.length < 65535) {
-      return Math.min.apply(Math, obj);
-    }
-    if (!iterator && _.isEmpty(obj)) return Infinity;
-    var result = {computed : Infinity, value: Infinity};
-    each(obj, function(value, index, list) {
-      var computed = iterator ? iterator.call(context, value, index, list) : value;
-      computed < result.computed && (result = {value : value, computed : computed});
-    });
-    return result.value;
-  };
-
-  // Shuffle an array.
-  _.shuffle = function(obj) {
-    var rand;
-    var index = 0;
-    var shuffled = [];
-    each(obj, function(value) {
-      rand = _.random(index++);
-      shuffled[index - 1] = shuffled[rand];
-      shuffled[rand] = value;
-    });
-    return shuffled;
-  };
-
-  // An internal function to generate lookup iterators.
-  var lookupIterator = function(value) {
-    return _.isFunction(value) ? value : function(obj){ return obj[value]; };
-  };
-
-  // Sort the object's values by a criterion produced by an iterator.
-  _.sortBy = function(obj, value, context) {
-    var iterator = lookupIterator(value);
-    return _.pluck(_.map(obj, function(value, index, list) {
-      return {
-        value : value,
-        index : index,
-        criteria : iterator.call(context, value, index, list)
-      };
-    }).sort(function(left, right) {
-      var a = left.criteria;
-      var b = right.criteria;
-      if (a !== b) {
-        if (a > b || a === void 0) return 1;
-        if (a < b || b === void 0) return -1;
-      }
-      return left.index < right.index ? -1 : 1;
-    }), 'value');
-  };
-
-  // An internal function used for aggregate "group by" operations.
-  var group = function(obj, value, context, behavior) {
-    var result = {};
-    var iterator = lookupIterator(value || _.identity);
-    each(obj, function(value, index) {
-      var key = iterator.call(context, value, index, obj);
-      behavior(result, key, value);
-    });
-    return result;
-  };
-
-  // Groups the object's values by a criterion. Pass either a string attribute
-  // to group by, or a function that returns the criterion.
-  _.groupBy = function(obj, value, context) {
-    return group(obj, value, context, function(result, key, value) {
-      (_.has(result, key) ? result[key] : (result[key] = [])).push(value);
-    });
-  };
-
-  // Counts instances of an object that group by a certain criterion. Pass
-  // either a string attribute to count by, or a function that returns the
-  // criterion.
-  _.countBy = function(obj, value, context) {
-    return group(obj, value, context, function(result, key) {
-      if (!_.has(result, key)) result[key] = 0;
-      result[key]++;
-    });
-  };
-
-  // Use a comparator function to figure out the smallest index at which
-  // an object should be inserted so as to maintain order. Uses binary search.
-  _.sortedIndex = function(array, obj, iterator, context) {
-    iterator = iterator == null ? _.identity : lookupIterator(iterator);
-    var value = iterator.call(context, obj);
-    var low = 0, high = array.length;
-    while (low < high) {
-      var mid = (low + high) >>> 1;
-      iterator.call(context, array[mid]) < value ? low = mid + 1 : high = mid;
-    }
-    return low;
-  };
-
-  // Safely convert anything iterable into a real, live array.
-  _.toArray = function(obj) {
-    if (!obj) return [];
-    if (_.isArray(obj)) return slice.call(obj);
-    if (obj.length === +obj.length) return _.map(obj, _.identity);
-    return _.values(obj);
-  };
-
-  // Return the number of elements in an object.
-  _.size = function(obj) {
-    if (obj == null) return 0;
-    return (obj.length === +obj.length) ? obj.length : _.keys(obj).length;
-  };
-
-  // Array Functions
-  // ---------------
-
-  // Get the first element of an array. Passing **n** will return the first N
-  // values in the array. Aliased as `head` and `take`. The **guard** check
-  // allows it to work with `_.map`.
-  _.first = _.head = _.take = function(array, n, guard) {
-    if (array == null) return void 0;
-    return (n != null) && !guard ? slice.call(array, 0, n) : array[0];
-  };
-
-  // Returns everything but the last entry of the array. Especially useful on
-  // the arguments object. Passing **n** will return all the values in
-  // the array, excluding the last N. The **guard** check allows it to work with
-  // `_.map`.
-  _.initial = function(array, n, guard) {
-    return slice.call(array, 0, array.length - ((n == null) || guard ? 1 : n));
-  };
-
-  // Get the last element of an array. Passing **n** will return the last N
-  // values in the array. The **guard** check allows it to work with `_.map`.
-  _.last = function(array, n, guard) {
-    if (array == null) return void 0;
-    if ((n != null) && !guard) {
-      return slice.call(array, Math.max(array.length - n, 0));
-    } else {
-      return array[array.length - 1];
-    }
-  };
-
-  // Returns everything but the first entry of the array. Aliased as `tail` and `drop`.
-  // Especially useful on the arguments object. Passing an **n** will return
-  // the rest N values in the array. The **guard**
-  // check allows it to work with `_.map`.
-  _.rest = _.tail = _.drop = function(array, n, guard) {
-    return slice.call(array, (n == null) || guard ? 1 : n);
-  };
-
-  // Trim out all falsy values from an array.
-  _.compact = function(array) {
-    return _.filter(array, _.identity);
-  };
-
-  // Internal implementation of a recursive `flatten` function.
-  var flatten = function(input, shallow, output) {
-    each(input, function(value) {
-      if (_.isArray(value)) {
-        shallow ? push.apply(output, value) : flatten(value, shallow, output);
-      } else {
-        output.push(value);
-      }
-    });
-    return output;
-  };
-
-  // Return a completely flattened version of an array.
-  _.flatten = function(array, shallow) {
-    return flatten(array, shallow, []);
-  };
-
-  // Return a version of the array that does not contain the specified value(s).
-  _.without = function(array) {
-    return _.difference(array, slice.call(arguments, 1));
-  };
-
-  // Produce a duplicate-free version of the array. If the array has already
-  // been sorted, you have the option of using a faster algorithm.
-  // Aliased as `unique`.
-  _.uniq = _.unique = function(array, isSorted, iterator, context) {
-    if (_.isFunction(isSorted)) {
-      context = iterator;
-      iterator = isSorted;
-      isSorted = false;
-    }
-    var initial = iterator ? _.map(array, iterator, context) : array;
-    var results = [];
-    var seen = [];
-    each(initial, function(value, index) {
-      if (isSorted ? (!index || seen[seen.length - 1] !== value) : !_.contains(seen, value)) {
-        seen.push(value);
-        results.push(array[index]);
-      }
-    });
-    return results;
-  };
-
-  // Produce an array that contains the union: each distinct element from all of
-  // the passed-in arrays.
-  _.union = function() {
-    return _.uniq(concat.apply(ArrayProto, arguments));
-  };
-
-  // Produce an array that contains every item shared between all the
-  // passed-in arrays.
-  _.intersection = function(array) {
-    var rest = slice.call(arguments, 1);
-    return _.filter(_.uniq(array), function(item) {
-      return _.every(rest, function(other) {
-        return _.indexOf(other, item) >= 0;
-      });
-    });
-  };
-
-  // Take the difference between one array and a number of other arrays.
-  // Only the elements present in just the first array will remain.
-  _.difference = function(array) {
-    var rest = concat.apply(ArrayProto, slice.call(arguments, 1));
-    return _.filter(array, function(value){ return !_.contains(rest, value); });
-  };
-
-  // Zip together multiple lists into a single array -- elements that share
-  // an index go together.
-  _.zip = function() {
-    var args = slice.call(arguments);
-    var length = _.max(_.pluck(args, 'length'));
-    var results = new Array(length);
-    for (var i = 0; i < length; i++) {
-      results[i] = _.pluck(args, "" + i);
-    }
-    return results;
-  };
-
-  // Converts lists into objects. Pass either a single array of `[key, value]`
-  // pairs, or two parallel arrays of the same length -- one of keys, and one of
-  // the corresponding values.
-  _.object = function(list, values) {
-    if (list == null) return {};
-    var result = {};
-    for (var i = 0, l = list.length; i < l; i++) {
-      if (values) {
-        result[list[i]] = values[i];
-      } else {
-        result[list[i][0]] = list[i][1];
-      }
-    }
-    return result;
-  };
-
-  // If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**),
-  // we need this function. Return the position of the first occurrence of an
-  // item in an array, or -1 if the item is not included in the array.
-  // Delegates to **ECMAScript 5**'s native `indexOf` if available.
-  // If the array is large and already in sort order, pass `true`
-  // for **isSorted** to use binary search.
-  _.indexOf = function(array, item, isSorted) {
-    if (array == null) return -1;
-    var i = 0, l = array.length;
-    if (isSorted) {
-      if (typeof isSorted == 'number') {
-        i = (isSorted < 0 ? Math.max(0, l + isSorted) : isSorted);
-      } else {
-        i = _.sortedIndex(array, item);
-        return array[i] === item ? i : -1;
-      }
-    }
-    if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item, isSorted);
-    for (; i < l; i++) if (array[i] === item) return i;
-    return -1;
-  };
-
-  // Delegates to **ECMAScript 5**'s native `lastIndexOf` if available.
-  _.lastIndexOf = function(array, item, from) {
-    if (array == null) return -1;
-    var hasIndex = from != null;
-    if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) {
-      return hasIndex ? array.lastIndexOf(item, from) : array.lastIndexOf(item);
-    }
-    var i = (hasIndex ? from : array.length);
-    while (i--) if (array[i] === item) return i;
-    return -1;
-  };
-
-  // Generate an integer Array containing an arithmetic progression. A port of
-  // the native Python `range()` function. See
-  // [the Python documentation](http://docs.python.org/library/functions.html#range).
-  _.range = function(start, stop, step) {
-    if (arguments.length <= 1) {
-      stop = start || 0;
-      start = 0;
-    }
-    step = arguments[2] || 1;
-
-    var len = Math.max(Math.ceil((stop - start) / step), 0);
-    var idx = 0;
-    var range = new Array(len);
-
-    while(idx < len) {
-      range[idx++] = start;
-      start += step;
-    }
-
-    return range;
-  };
-
-  // Function (ahem) Functions
-  // ------------------
-
-  // Create a function bound to a given object (assigning `this`, and arguments,
-  // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if
-  // available.
-  _.bind = function(func, context) {
-    if (func.bind === nativeBind && nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
-    var args = slice.call(arguments, 2);
-    return function() {
-      return func.apply(context, args.concat(slice.call(arguments)));
-    };
-  };
-
-  // Partially apply a function by creating a version that has had some of its
-  // arguments pre-filled, without changing its dynamic `this` context.
-  _.partial = function(func) {
-    var args = slice.call(arguments, 1);
-    return function() {
-      return func.apply(this, args.concat(slice.call(arguments)));
-    };
-  };
-
-  // Bind all of an object's methods to that object. Useful for ensuring that
-  // all callbacks defined on an object belong to it.
-  _.bindAll = function(obj) {
-    var funcs = slice.call(arguments, 1);
-    if (funcs.length === 0) funcs = _.functions(obj);
-    each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); });
-    return obj;
-  };
-
-  // Memoize an expensive function by storing its results.
-  _.memoize = function(func, hasher) {
-    var memo = {};
-    hasher || (hasher = _.identity);
-    return function() {
-      var key = hasher.apply(this, arguments);
-      return _.has(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments));
-    };
-  };
-
-  // Delays a function for the given number of milliseconds, and then calls
-  // it with the arguments supplied.
-  _.delay = function(func, wait) {
-    var args = slice.call(arguments, 2);
-    return setTimeout(function(){ return func.apply(null, args); }, wait);
-  };
-
-  // Defers a function, scheduling it to run after the current call stack has
-  // cleared.
-  _.defer = function(func) {
-    return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1)));
-  };
-
-  // Returns a function, that, when invoked, will only be triggered at most once
-  // during a given window of time.
-  _.throttle = function(func, wait) {
-    var context, args, timeout, result;
-    var previous = 0;
-    var later = function() {
-      previous = new Date;
-      timeout = null;
-      result = func.apply(context, args);
-    };
-    return function() {
-      var now = new Date;
-      var remaining = wait - (now - previous);
-      context = this;
-      args = arguments;
-      if (remaining <= 0) {
-        clearTimeout(timeout);
-        timeout = null;
-        previous = now;
-        result = func.apply(context, args);
-      } else if (!timeout) {
-        timeout = setTimeout(later, remaining);
-      }
-      return result;
-    };
-  };
-
-  // Returns a function, that, as long as it continues to be invoked, will not
-  // be triggered. The function will be called after it stops being called for
-  // N milliseconds. If `immediate` is passed, trigger the function on the
-  // leading edge, instead of the trailing.
-  _.debounce = function(func, wait, immediate) {
-    var timeout, result;
-    return function() {
-      var context = this, args = arguments;
-      var later = function() {
-        timeout = null;
-        if (!immediate) result = func.apply(context, args);
-      };
-      var callNow = immediate && !timeout;
-      clearTimeout(timeout);
-      timeout = setTimeout(later, wait);
-      if (callNow) result = func.apply(context, args);
-      return result;
-    };
-  };
-
-  // Returns a function that will be executed at most one time, no matter how
-  // often you call it. Useful for lazy initialization.
-  _.once = function(func) {
-    var ran = false, memo;
-    return function() {
-      if (ran) return memo;
-      ran = true;
-      memo = func.apply(this, arguments);
-      func = null;
-      return memo;
-    };
-  };
-
-  // Returns the first function passed as an argument to the second,
-  // allowing you to adjust arguments, run code before and after, and
-  // conditionally execute the original function.
-  _.wrap = function(func, wrapper) {
-    return function() {
-      var args = [func];
-      push.apply(args, arguments);
-      return wrapper.apply(this, args);
-    };
-  };
-
-  // Returns a function that is the composition of a list of functions, each
-  // consuming the return value of the function that follows.
-  _.compose = function() {
-    var funcs = arguments;
-    return function() {
-      var args = arguments;
-      for (var i = funcs.length - 1; i >= 0; i--) {
-        args = [funcs[i].apply(this, args)];
-      }
-      return args[0];
-    };
-  };
-
-  // Returns a function that will only be executed after being called N times.
-  _.after = function(times, func) {
-    if (times <= 0) return func();
-    return function() {
-      if (--times < 1) {
-        return func.apply(this, arguments);
-      }
-    };
-  };
-
-  // Object Functions
-  // ----------------
-
-  // Retrieve the names of an object's properties.
-  // Delegates to **ECMAScript 5**'s native `Object.keys`
-  _.keys = nativeKeys || function(obj) {
-    if (obj !== Object(obj)) throw new TypeError('Invalid object');
-    var keys = [];
-    for (var key in obj) if (_.has(obj, key)) keys[keys.length] = key;
-    return keys;
-  };
-
-  // Retrieve the values of an object's properties.
-  _.values = function(obj) {
-    var values = [];
-    for (var key in obj) if (_.has(obj, key)) values.push(obj[key]);
-    return values;
-  };
-
-  // Convert an object into a list of `[key, value]` pairs.
-  _.pairs = function(obj) {
-    var pairs = [];
-    for (var key in obj) if (_.has(obj, key)) pairs.push([key, obj[key]]);
-    return pairs;
-  };
-
-  // Invert the keys and values of an object. The values must be serializable.
-  _.invert = function(obj) {
-    var result = {};
-    for (var key in obj) if (_.has(obj, key)) result[obj[key]] = key;
-    return result;
-  };
-
-  // Return a sorted list of the function names available on the object.
-  // Aliased as `methods`
-  _.functions = _.methods = function(obj) {
-    var names = [];
-    for (var key in obj) {
-      if (_.isFunction(obj[key])) names.push(key);
-    }
-    return names.sort();
-  };
-
-  // Extend a given object with all the properties in passed-in object(s).
-  _.extend = function(obj) {
-    each(slice.call(arguments, 1), function(source) {
-      if (source) {
-        for (var prop in source) {
-          obj[prop] = source[prop];
-        }
-      }
-    });
-    return obj;
-  };
-
-  // Return a copy of the object only containing the whitelisted properties.
-  _.pick = function(obj) {
-    var copy = {};
-    var keys = concat.apply(ArrayProto, slice.call(arguments, 1));
-    each(keys, function(key) {
-      if (key in obj) copy[key] = obj[key];
-    });
-    return copy;
-  };
-
-   // Return a copy of the object without the blacklisted properties.
-  _.omit = function(obj) {
-    var copy = {};
-    var keys = concat.apply(ArrayProto, slice.call(arguments, 1));
-    for (var key in obj) {
-      if (!_.contains(keys, key)) copy[key] = obj[key];
-    }
-    return copy;
-  };
-
-  // Fill in a given object with default properties.
-  _.defaults = function(obj) {
-    each(slice.call(arguments, 1), function(source) {
-      if (source) {
-        for (var prop in source) {
-          if (obj[prop] == null) obj[prop] = source[prop];
-        }
-      }
-    });
-    return obj;
-  };
-
-  // Create a (shallow-cloned) duplicate of an object.
-  _.clone = function(obj) {
-    if (!_.isObject(obj)) return obj;
-    return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
-  };
-
-  // Invokes interceptor with the obj, and then returns obj.
-  // The primary purpose of this method is to "tap into" a method chain, in
-  // order to perform operations on intermediate results within the chain.
-  _.tap = function(obj, interceptor) {
-    interceptor(obj);
-    return obj;
-  };
-
-  // Internal recursive comparison function for `isEqual`.
-  var eq = function(a, b, aStack, bStack) {
-    // Identical objects are equal. `0 === -0`, but they aren't identical.
-    // See the Harmony `egal` proposal: http://wiki.ecmascript.org/doku.php?id=harmony:egal.
-    if (a === b) return a !== 0 || 1 / a == 1 / b;
-    // A strict comparison is necessary because `null == undefined`.
-    if (a == null || b == null) return a === b;
-    // Unwrap any wrapped objects.
-    if (a instanceof _) a = a._wrapped;
-    if (b instanceof _) b = b._wrapped;
-    // Compare `[[Class]]` names.
-    var className = toString.call(a);
-    if (className != toString.call(b)) return false;
-    switch (className) {
-      // Strings, numbers, dates, and booleans are compared by value.
-      case '[object String]':
-        // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
-        // equivalent to `new String("5")`.
-        return a == String(b);
-      case '[object Number]':
-        // `NaN`s are equivalent, but non-reflexive. An `egal` comparison is performed for
-        // other numeric values.
-        return a != +a ? b != +b : (a == 0 ? 1 / a == 1 / b : a == +b);
-      case '[object Date]':
-      case '[object Boolean]':
-        // Coerce dates and booleans to numeric primitive values. Dates are compared by their
-        // millisecond representations. Note that invalid dates with millisecond representations
-        // of `NaN` are not equivalent.
-        return +a == +b;
-      // RegExps are compared by their source patterns and flags.
-      case '[object RegExp]':
-        return a.source == b.source &&
-               a.global == b.global &&
-               a.multiline == b.multiline &&
-               a.ignoreCase == b.ignoreCase;
-    }
-    if (typeof a != 'object' || typeof b != 'object') return false;
-    // Assume equality for cyclic structures. The algorithm for detecting cyclic
-    // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
-    var length = aStack.length;
-    while (length--) {
-      // Linear search. Performance is inversely proportional to the number of
-      // unique nested structures.
-      if (aStack[length] == a) return bStack[length] == b;
-    }
-    // Add the first object to the stack of traversed objects.
-    aStack.push(a);
-    bStack.push(b);
-    var size = 0, result = true;
-    // Recursively compare objects and arrays.
-    if (className == '[object Array]') {
-      // Compare array lengths to determine if a deep comparison is necessary.
-      size = a.length;
-      result = size == b.length;
-      if (result) {
-        // Deep compare the contents, ignoring non-numeric properties.
-        while (size--) {
-          if (!(result = eq(a[size], b[size], aStack, bStack))) break;
-        }
-      }
-    } else {
-      // Objects with different constructors are not equivalent, but `Object`s
-      // from different frames are.
-      var aCtor = a.constructor, bCtor = b.constructor;
-      if (aCtor !== bCtor && !(_.isFunction(aCtor) && (aCtor instanceof aCtor) &&
-                               _.isFunction(bCtor) && (bCtor instanceof bCtor))) {
-        return false;
-      }
-      // Deep compare objects.
-      for (var key in a) {
-        if (_.has(a, key)) {
-          // Count the expected number of properties.
-          size++;
-          // Deep compare each member.
-          if (!(result = _.has(b, key) && eq(a[key], b[key], aStack, bStack))) break;
-        }
-      }
-      // Ensure that both objects contain the same number of properties.
-      if (result) {
-        for (key in b) {
-          if (_.has(b, key) && !(size--)) break;
-        }
-        result = !size;
-      }
-    }
-    // Remove the first object from the stack of traversed objects.
-    aStack.pop();
-    bStack.pop();
-    return result;
-  };
-
-  // Perform a deep comparison to check if two objects are equal.
-  _.isEqual = function(a, b) {
-    return eq(a, b, [], []);
-  };
-
-  // Is a given array, string, or object empty?
-  // An "empty" object has no enumerable own-properties.
-  _.isEmpty = function(obj) {
-    if (obj == null) return true;
-    if (_.isArray(obj) || _.isString(obj)) return obj.length === 0;
-    for (var key in obj) if (_.has(obj, key)) return false;
-    return true;
-  };
-
-  // Is a given value a DOM element?
-  _.isElement = function(obj) {
-    return !!(obj && obj.nodeType === 1);
-  };
-
-  // Is a given value an array?
-  // Delegates to ECMA5's native Array.isArray
-  _.isArray = nativeIsArray || function(obj) {
-    return toString.call(obj) == '[object Array]';
-  };
-
-  // Is a given variable an object?
-  _.isObject = function(obj) {
-    return obj === Object(obj);
-  };
-
-  // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp.
-  each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp'], function(name) {
-    _['is' + name] = function(obj) {
-      return toString.call(obj) == '[object ' + name + ']';
-    };
-  });
-
-  // Define a fallback version of the method in browsers (ahem, IE), where
-  // there isn't any inspectable "Arguments" type.
-  if (!_.isArguments(arguments)) {
-    _.isArguments = function(obj) {
-      return !!(obj && _.has(obj, 'callee'));
-    };
-  }
-
-  // Optimize `isFunction` if appropriate.
-  if (typeof (/./) !== 'function') {
-    _.isFunction = function(obj) {
-      return typeof obj === 'function';
-    };
-  }
-
-  // Is a given object a finite number?
-  _.isFinite = function(obj) {
-    return isFinite(obj) && !isNaN(parseFloat(obj));
-  };
-
-  // Is the given value `NaN`? (NaN is the only number which does not equal itself).
-  _.isNaN = function(obj) {
-    return _.isNumber(obj) && obj != +obj;
-  };
-
-  // Is a given value a boolean?
-  _.isBoolean = function(obj) {
-    return obj === true || obj === false || toString.call(obj) == '[object Boolean]';
-  };
-
-  // Is a given value equal to null?
-  _.isNull = function(obj) {
-    return obj === null;
-  };
-
-  // Is a given variable undefined?
-  _.isUndefined = function(obj) {
-    return obj === void 0;
-  };
-
-  // Shortcut function for checking if an object has a given property directly
-  // on itself (in other words, not on a prototype).
-  _.has = function(obj, key) {
-    return hasOwnProperty.call(obj, key);
-  };
-
-  // Utility Functions
-  // -----------------
-
-  // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
-  // previous owner. Returns a reference to the Underscore object.
-  _.noConflict = function() {
-    root._ = previousUnderscore;
-    return this;
-  };
-
-  // Keep the identity function around for default iterators.
-  _.identity = function(value) {
-    return value;
-  };
-
-  // Run a function **n** times.
-  _.times = function(n, iterator, context) {
-    var accum = Array(n);
-    for (var i = 0; i < n; i++) accum[i] = iterator.call(context, i);
-    return accum;
-  };
-
-  // Return a random integer between min and max (inclusive).
-  _.random = function(min, max) {
-    if (max == null) {
-      max = min;
-      min = 0;
-    }
-    return min + Math.floor(Math.random() * (max - min + 1));
-  };
-
-  // List of HTML entities for escaping.
-  var entityMap = {
-    escape: {
-      '&': '&amp;',
-      '<': '&lt;',
-      '>': '&gt;',
-      '"': '&quot;',
-      "'": '&#x27;',
-      '/': '&#x2F;'
-    }
-  };
-  entityMap.unescape = _.invert(entityMap.escape);
-
-  // Regexes containing the keys and values listed immediately above.
-  var entityRegexes = {
-    escape:   new RegExp('[' + _.keys(entityMap.escape).join('') + ']', 'g'),
-    unescape: new RegExp('(' + _.keys(entityMap.unescape).join('|') + ')', 'g')
-  };
-
-  // Functions for escaping and unescaping strings to/from HTML interpolation.
-  _.each(['escape', 'unescape'], function(method) {
-    _[method] = function(string) {
-      if (string == null) return '';
-      return ('' + string).replace(entityRegexes[method], function(match) {
-        return entityMap[method][match];
-      });
-    };
-  });
-
-  // If the value of the named property is a function then invoke it;
-  // otherwise, return it.
-  _.result = function(object, property) {
-    if (object == null) return null;
-    var value = object[property];
-    return _.isFunction(value) ? value.call(object) : value;
-  };
-
-  // Add your own custom functions to the Underscore object.
-  _.mixin = function(obj) {
-    each(_.functions(obj), function(name){
-      var func = _[name] = obj[name];
-      _.prototype[name] = function() {
-        var args = [this._wrapped];
-        push.apply(args, arguments);
-        return result.call(this, func.apply(_, args));
-      };
-    });
-  };
-
-  // Generate a unique integer id (unique within the entire client session).
-  // Useful for temporary DOM ids.
-  var idCounter = 0;
-  _.uniqueId = function(prefix) {
-    var id = ++idCounter + '';
-    return prefix ? prefix + id : id;
-  };
-
-  // By default, Underscore uses ERB-style template delimiters, change the
-  // following template settings to use alternative delimiters.
-  _.templateSettings = {
-    evaluate    : /<%([\s\S]+?)%>/g,
-    interpolate : /<%=([\s\S]+?)%>/g,
-    escape      : /<%-([\s\S]+?)%>/g
-  };
-
-  // When customizing `templateSettings`, if you don't want to define an
-  // interpolation, evaluation or escaping regex, we need one that is
-  // guaranteed not to match.
-  var noMatch = /(.)^/;
-
-  // Certain characters need to be escaped so that they can be put into a
-  // string literal.
-  var escapes = {
-    "'":      "'",
-    '\\':     '\\',
-    '\r':     'r',
-    '\n':     'n',
-    '\t':     't',
-    '\u2028': 'u2028',
-    '\u2029': 'u2029'
-  };
-
-  var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g;
-
-  // JavaScript micro-templating, similar to John Resig's implementation.
-  // Underscore templating handles arbitrary delimiters, preserves whitespace,
-  // and correctly escapes quotes within interpolated code.
-  _.template = function(text, data, settings) {
-    var render;
-    settings = _.defaults({}, settings, _.templateSettings);
-
-    // Combine delimiters into one regular expression via alternation.
-    var matcher = new RegExp([
-      (settings.escape || noMatch).source,
-      (settings.interpolate || noMatch).source,
-      (settings.evaluate || noMatch).source
-    ].join('|') + '|$', 'g');
-
-    // Compile the template source, escaping string literals appropriately.
-    var index = 0;
-    var source = "__p+='";
-    text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
-      source += text.slice(index, offset)
-        .replace(escaper, function(match) { return '\\' + escapes[match]; });
-
-      if (escape) {
-        source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
-      }
-      if (interpolate) {
-        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
-      }
-      if (evaluate) {
-        source += "';\n" + evaluate + "\n__p+='";
-      }
-      index = offset + match.length;
-      return match;
-    });
-    source += "';\n";
-
-    // If a variable is not specified, place data values in local scope.
-    if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
-
-    source = "var __t,__p='',__j=Array.prototype.join," +
-      "print=function(){__p+=__j.call(arguments,'');};\n" +
-      source + "return __p;\n";
-
-    try {
-      render = new Function(settings.variable || 'obj', '_', source);
-    } catch (e) {
-      e.source = source;
-      throw e;
-    }
-
-    if (data) return render(data, _);
-    var template = function(data) {
-      return render.call(this, data, _);
-    };
-
-    // Provide the compiled function source as a convenience for precompilation.
-    template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}';
-
-    return template;
-  };
-
-  // Add a "chain" function, which will delegate to the wrapper.
-  _.chain = function(obj) {
-    return _(obj).chain();
-  };
-
-  // OOP
-  // ---------------
-  // If Underscore is called as a function, it returns a wrapped object that
-  // can be used OO-style. This wrapper holds altered versions of all the
-  // underscore functions. Wrapped objects may be chained.
-
-  // Helper function to continue chaining intermediate results.
-  var result = function(obj) {
-    return this._chain ? _(obj).chain() : obj;
-  };
-
-  // Add all of the Underscore functions to the wrapper object.
-  _.mixin(_);
-
-  // Add all mutator Array functions to the wrapper.
-  each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
-    var method = ArrayProto[name];
-    _.prototype[name] = function() {
-      var obj = this._wrapped;
-      method.apply(obj, arguments);
-      if ((name == 'shift' || name == 'splice') && obj.length === 0) delete obj[0];
-      return result.call(this, obj);
-    };
-  });
-
-  // Add all accessor Array functions to the wrapper.
-  each(['concat', 'join', 'slice'], function(name) {
-    var method = ArrayProto[name];
-    _.prototype[name] = function() {
-      return result.call(this, method.apply(this._wrapped, arguments));
-    };
-  });
-
-  _.extend(_.prototype, {
-
-    // Start chaining a wrapped Underscore object.
-    chain: function() {
-      this._chain = true;
-      return this;
-    },
-
-    // Extracts the result from a wrapped and chained object.
-    value: function() {
-      return this._wrapped;
-    }
-
-  });
-
-}).call(this);
-
-},{}],14:[function(require,module,exports){
-(function (global){
-/**
- * @license
- * Lo-Dash 2.4.2 (Custom Build) <https://lodash.com/>
- * Build: `lodash modern -o ./dist/lodash.js`
- * Copyright 2012-2013 The Dojo Foundation <http://dojofoundation.org/>
- * Based on Underscore.js 1.5.2 <http://underscorejs.org/LICENSE>
- * Copyright 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- * Available under MIT license <https://lodash.com/license>
- */
-;(function() {
-
-  /** Used as a safe reference for `undefined` in pre ES5 environments */
-  var undefined;
-
-  /** Used to pool arrays and objects used internally */
-  var arrayPool = [],
-      objectPool = [];
-
-  /** Used to generate unique IDs */
-  var idCounter = 0;
-
-  /** Used to prefix keys to avoid issues with `__proto__` and properties on `Object.prototype` */
-  var keyPrefix = +new Date + '';
-
-  /** Used as the size when optimizations are enabled for large arrays */
-  var largeArraySize = 75;
-
-  /** Used as the max size of the `arrayPool` and `objectPool` */
-  var maxPoolSize = 40;
-
-  /** Used to detect and test whitespace */
-  var whitespace = (
-    // whitespace
-    ' \t\x0B\f\xA0\ufeff' +
-
-    // line terminators
-    '\n\r\u2028\u2029' +
-
-    // unicode category "Zs" space separators
-    '\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000'
-  );
-
-  /** Used to match empty string literals in compiled template source */
-  var reEmptyStringLeading = /\b__p \+= '';/g,
-      reEmptyStringMiddle = /\b(__p \+=) '' \+/g,
-      reEmptyStringTrailing = /(__e\(.*?\)|\b__t\)) \+\n'';/g;
-
-  /**
-   * Used to match ES6 template delimiters
-   * http://people.mozilla.org/~jorendorff/es6-draft.html#sec-literals-string-literals
-   */
-  var reEsTemplate = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g;
-
-  /** Used to match regexp flags from their coerced string values */
-  var reFlags = /\w*$/;
-
-  /** Used to detected named functions */
-  var reFuncName = /^\s*function[ \n\r\t]+\w/;
-
-  /** Used to match "interpolate" template delimiters */
-  var reInterpolate = /<%=([\s\S]+?)%>/g;
-
-  /** Used to match leading whitespace and zeros to be removed */
-  var reLeadingSpacesAndZeros = RegExp('^[' + whitespace + ']*0+(?=.$)');
-
-  /** Used to ensure capturing order of template delimiters */
-  var reNoMatch = /($^)/;
-
-  /** Used to detect functions containing a `this` reference */
-  var reThis = /\bthis\b/;
-
-  /** Used to match unescaped characters in compiled string literals */
-  var reUnescapedString = /['\n\r\t\u2028\u2029\\]/g;
-
-  /** Used to assign default `context` object properties */
-  var contextProps = [
-    'Array', 'Boolean', 'Date', 'Function', 'Math', 'Number', 'Object',
-    'RegExp', 'String', '_', 'attachEvent', 'clearTimeout', 'isFinite', 'isNaN',
-    'parseInt', 'setTimeout'
-  ];
-
-  /** Used to make template sourceURLs easier to identify */
-  var templateCounter = 0;
-
-  /** `Object#toString` result shortcuts */
-  var argsClass = '[object Arguments]',
-      arrayClass = '[object Array]',
-      boolClass = '[object Boolean]',
-      dateClass = '[object Date]',
-      funcClass = '[object Function]',
-      numberClass = '[object Number]',
-      objectClass = '[object Object]',
-      regexpClass = '[object RegExp]',
-      stringClass = '[object String]';
-
-  /** Used to identify object classifications that `_.clone` supports */
-  var cloneableClasses = {};
-  cloneableClasses[funcClass] = false;
-  cloneableClasses[argsClass] = cloneableClasses[arrayClass] =
-  cloneableClasses[boolClass] = cloneableClasses[dateClass] =
-  cloneableClasses[numberClass] = cloneableClasses[objectClass] =
-  cloneableClasses[regexpClass] = cloneableClasses[stringClass] = true;
-
-  /** Used as an internal `_.debounce` options object */
-  var debounceOptions = {
-    'leading': false,
-    'maxWait': 0,
-    'trailing': false
-  };
-
-  /** Used as the property descriptor for `__bindData__` */
-  var descriptor = {
-    'configurable': false,
-    'enumerable': false,
-    'value': null,
-    'writable': false
-  };
-
-  /** Used to determine if values are of the language type Object */
-  var objectTypes = {
-    'boolean': false,
-    'function': true,
-    'object': true,
-    'number': false,
-    'string': false,
-    'undefined': false
-  };
-
-  /** Used to escape characters for inclusion in compiled string literals */
-  var stringEscapes = {
-    '\\': '\\',
-    "'": "'",
-    '\n': 'n',
-    '\r': 'r',
-    '\t': 't',
-    '\u2028': 'u2028',
-    '\u2029': 'u2029'
-  };
-
-  /** Used as a reference to the global object */
-  var root = (objectTypes[typeof window] && window) || this;
-
-  /** Detect free variable `exports` */
-  var freeExports = objectTypes[typeof exports] && exports && !exports.nodeType && exports;
-
-  /** Detect free variable `module` */
-  var freeModule = objectTypes[typeof module] && module && !module.nodeType && module;
-
-  /** Detect the popular CommonJS extension `module.exports` */
-  var moduleExports = freeModule && freeModule.exports === freeExports && freeExports;
-
-  /** Detect free variable `global` from Node.js or Browserified code and use it as `root` */
-  var freeGlobal = objectTypes[typeof global] && global;
-  if (freeGlobal && (freeGlobal.global === freeGlobal || freeGlobal.window === freeGlobal)) {
-    root = freeGlobal;
-  }
-
-  /*--------------------------------------------------------------------------*/
-
-  /**
-   * The base implementation of `_.indexOf` without support for binary searches
-   * or `fromIndex` constraints.
-   *
-   * @private
-   * @param {Array} array The array to search.
-   * @param {*} value The value to search for.
-   * @param {number} [fromIndex=0] The index to search from.
-   * @returns {number} Returns the index of the matched value or `-1`.
-   */
-  function baseIndexOf(array, value, fromIndex) {
-    var index = (fromIndex || 0) - 1,
-        length = array ? array.length : 0;
-
-    while (++index < length) {
-      if (array[index] === value) {
-        return index;
-      }
-    }
-    return -1;
-  }
-
-  /**
-   * An implementation of `_.contains` for cache objects that mimics the return
-   * signature of `_.indexOf` by returning `0` if the value is found, else `-1`.
-   *
-   * @private
-   * @param {Object} cache The cache object to inspect.
-   * @param {*} value The value to search for.
-   * @returns {number} Returns `0` if `value` is found, else `-1`.
-   */
-  function cacheIndexOf(cache, value) {
-    var type = typeof value;
-    cache = cache.cache;
-
-    if (type == 'boolean' || value == null) {
-      return cache[value] ? 0 : -1;
-    }
-    if (type != 'number' && type != 'string') {
-      type = 'object';
-    }
-    var key = type == 'number' ? value : keyPrefix + value;
-    cache = (cache = cache[type]) && cache[key];
-
-    return type == 'object'
-      ? (cache && baseIndexOf(cache, value) > -1 ? 0 : -1)
-      : (cache ? 0 : -1);
-  }
-
-  /**
-   * Adds a given value to the corresponding cache object.
-   *
-   * @private
-   * @param {*} value The value to add to the cache.
-   */
-  function cachePush(value) {
-    var cache = this.cache,
-        type = typeof value;
-
-    if (type == 'boolean' || value == null) {
-      cache[value] = true;
-    } else {
-      if (type != 'number' && type != 'string') {
-        type = 'object';
-      }
-      var key = type == 'number' ? value : keyPrefix + value,
-          typeCache = cache[type] || (cache[type] = {});
-
-      if (type == 'object') {
-        (typeCache[key] || (typeCache[key] = [])).push(value);
-      } else {
-        typeCache[key] = true;
-      }
-    }
-  }
-
-  /**
-   * Used by `_.max` and `_.min` as the default callback when a given
-   * collection is a string value.
-   *
-   * @private
-   * @param {string} value The character to inspect.
-   * @returns {number} Returns the code unit of given character.
-   */
-  function charAtCallback(value) {
-    return value.charCodeAt(0);
-  }
-
-  /**
-   * Used by `sortBy` to compare transformed `collection` elements, stable sorting
-   * them in ascending order.
-   *
-   * @private
-   * @param {Object} a The object to compare to `b`.
-   * @param {Object} b The object to compare to `a`.
-   * @returns {number} Returns the sort order indicator of `1` or `-1`.
-   */
-  function compareAscending(a, b) {
-    var ac = a.criteria,
-        bc = b.criteria,
-        index = -1,
-        length = ac.length;
-
-    while (++index < length) {
-      var value = ac[index],
-          other = bc[index];
-
-      if (value !== other) {
-        if (value > other || typeof value == 'undefined') {
-          return 1;
-        }
-        if (value < other || typeof other == 'undefined') {
-          return -1;
-        }
-      }
-    }
-    // Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications
-    // that causes it, under certain circumstances, to return the same value for
-    // `a` and `b`. See https://github.com/jashkenas/underscore/pull/1247
-    //
-    // This also ensures a stable sort in V8 and other engines.
-    // See http://code.google.com/p/v8/issues/detail?id=90
-    return a.index - b.index;
-  }
-
-  /**
-   * Creates a cache object to optimize linear searches of large arrays.
-   *
-   * @private
-   * @param {Array} [array=[]] The array to search.
-   * @returns {null|Object} Returns the cache object or `null` if caching should not be used.
-   */
-  function createCache(array) {
-    var index = -1,
-        length = array.length,
-        first = array[0],
-        mid = array[(length / 2) | 0],
-        last = array[length - 1];
-
-    if (first && typeof first == 'object' &&
-        mid && typeof mid == 'object' && last && typeof last == 'object') {
-      return false;
-    }
-    var cache = getObject();
-    cache['false'] = cache['null'] = cache['true'] = cache['undefined'] = false;
-
-    var result = getObject();
-    result.array = array;
-    result.cache = cache;
-    result.push = cachePush;
-
-    while (++index < length) {
-      result.push(array[index]);
-    }
-    return result;
-  }
-
-  /**
-   * Used by `template` to escape characters for inclusion in compiled
-   * string literals.
-   *
-   * @private
-   * @param {string} match The matched character to escape.
-   * @returns {string} Returns the escaped character.
-   */
-  function escapeStringChar(match) {
-    return '\\' + stringEscapes[match];
-  }
-
-  /**
-   * Gets an array from the array pool or creates a new one if the pool is empty.
-   *
-   * @private
-   * @returns {Array} The array from the pool.
-   */
-  function getArray() {
-    return arrayPool.pop() || [];
-  }
-
-  /**
-   * Gets an object from the object pool or creates a new one if the pool is empty.
-   *
-   * @private
-   * @returns {Object} The object from the pool.
-   */
-  function getObject() {
-    return objectPool.pop() || {
-      'array': null,
-      'cache': null,
-      'criteria': null,
-      'false': false,
-      'index': 0,
-      'null': false,
-      'number': null,
-      'object': null,
-      'push': null,
-      'string': null,
-      'true': false,
-      'undefined': false,
-      'value': null
-    };
-  }
-
-  /**
-   * Releases the given array back to the array pool.
-   *
-   * @private
-   * @param {Array} [array] The array to release.
-   */
-  function releaseArray(array) {
-    array.length = 0;
-    if (arrayPool.length < maxPoolSize) {
-      arrayPool.push(array);
-    }
-  }
-
-  /**
-   * Releases the given object back to the object pool.
-   *
-   * @private
-   * @param {Object} [object] The object to release.
-   */
-  function releaseObject(object) {
-    var cache = object.cache;
-    if (cache) {
-      releaseObject(cache);
-    }
-    object.array = object.cache = object.criteria = object.object = object.number = object.string = object.value = null;
-    if (objectPool.length < maxPoolSize) {
-      objectPool.push(object);
-    }
-  }
-
-  /**
-   * Slices the `collection` from the `start` index up to, but not including,
-   * the `end` index.
-   *
-   * Note: This function is used instead of `Array#slice` to support node lists
-   * in IE < 9 and to ensure dense arrays are returned.
-   *
-   * @private
-   * @param {Array|Object|string} collection The collection to slice.
-   * @param {number} start The start index.
-   * @param {number} end The end index.
-   * @returns {Array} Returns the new array.
-   */
-  function slice(array, start, end) {
-    start || (start = 0);
-    if (typeof end == 'undefined') {
-      end = array ? array.length : 0;
-    }
-    var index = -1,
-        length = end - start || 0,
-        result = Array(length < 0 ? 0 : length);
-
-    while (++index < length) {
-      result[index] = array[start + index];
-    }
-    return result;
-  }
-
-  /*--------------------------------------------------------------------------*/
-
-  /**
-   * Create a new `lodash` function using the given context object.
-   *
-   * @static
-   * @memberOf _
-   * @category Utilities
-   * @param {Object} [context=root] The context object.
-   * @returns {Function} Returns the `lodash` function.
-   */
-  function runInContext(context) {
-    // Avoid issues with some ES3 environments that attempt to use values, named
-    // after built-in constructors like `Object`, for the creation of literals.
-    // ES5 clears this up by stating that literals must use built-in constructors.
-    // See http://es5.github.io/#x11.1.5.
-    context = context ? _.defaults(root.Object(), context, _.pick(root, contextProps)) : root;
-
-    /** Native constructor references */
-    var Array = context.Array,
-        Boolean = context.Boolean,
-        Date = context.Date,
-        Function = context.Function,
-        Math = context.Math,
-        Number = context.Number,
-        Object = context.Object,
-        RegExp = context.RegExp,
-        String = context.String,
-        TypeError = context.TypeError;
-
-    /**
-     * Used for `Array` method references.
-     *
-     * Normally `Array.prototype` would suffice, however, using an array literal
-     * avoids issues in Narwhal.
-     */
-    var arrayRef = [];
-
-    /** Used for native method references */
-    var objectProto = Object.prototype;
-
-    /** Used to restore the original `_` reference in `noConflict` */
-    var oldDash = context._;
-
-    /** Used to resolve the internal [[Class]] of values */
-    var toString = objectProto.toString;
-
-    /** Used to detect if a method is native */
-    var reNative = RegExp('^' +
-      String(toString)
-        .replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
-        .replace(/toString| for [^\]]+/g, '.*?') + '$'
-    );
-
-    /** Native method shortcuts */
-    var ceil = Math.ceil,
-        clearTimeout = context.clearTimeout,
-        floor = Math.floor,
-        fnToString = Function.prototype.toString,
-        getPrototypeOf = isNative(getPrototypeOf = Object.getPrototypeOf) && getPrototypeOf,
-        hasOwnProperty = objectProto.hasOwnProperty,
-        push = arrayRef.push,
-        setTimeout = context.setTimeout,
-        splice = arrayRef.splice,
-        unshift = arrayRef.unshift;
-
-    /** Used to set meta data on functions */
-    var defineProperty = (function() {
-      // IE 8 only accepts DOM elements
-      try {
-        var o = {},
-            func = isNative(func = Object.defineProperty) && func,
-            result = func(o, o, o) && func;
-      } catch(e) { }
-      return result;
-    }());
-
-    /* Native method shortcuts for methods with the same name as other `lodash` methods */
-    var nativeCreate = isNative(nativeCreate = Object.create) && nativeCreate,
-        nativeIsArray = isNative(nativeIsArray = Array.isArray) && nativeIsArray,
-        nativeIsFinite = context.isFinite,
-        nativeIsNaN = context.isNaN,
-        nativeKeys = isNative(nativeKeys = Object.keys) && nativeKeys,
-        nativeMax = Math.max,
-        nativeMin = Math.min,
-        nativeParseInt = context.parseInt,
-        nativeRandom = Math.random;
-
-    /** Used to lookup a built-in constructor by [[Class]] */
-    var ctorByClass = {};
-    ctorByClass[arrayClass] = Array;
-    ctorByClass[boolClass] = Boolean;
-    ctorByClass[dateClass] = Date;
-    ctorByClass[funcClass] = Function;
-    ctorByClass[objectClass] = Object;
-    ctorByClass[numberClass] = Number;
-    ctorByClass[regexpClass] = RegExp;
-    ctorByClass[stringClass] = String;
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Creates a `lodash` object which wraps the given value to enable intuitive
-     * method chaining.
-     *
-     * In addition to Lo-Dash methods, wrappers also have the following `Array` methods:
-     * `concat`, `join`, `pop`, `push`, `reverse`, `shift`, `slice`, `sort`, `splice`,
-     * and `unshift`
-     *
-     * Chaining is supported in custom builds as long as the `value` method is
-     * implicitly or explicitly included in the build.
-     *
-     * The chainable wrapper functions are:
-     * `after`, `assign`, `bind`, `bindAll`, `bindKey`, `chain`, `compact`,
-     * `compose`, `concat`, `countBy`, `create`, `createCallback`, `curry`,
-     * `debounce`, `defaults`, `defer`, `delay`, `difference`, `filter`, `flatten`,
-     * `forEach`, `forEachRight`, `forIn`, `forInRight`, `forOwn`, `forOwnRight`,
-     * `functions`, `groupBy`, `indexBy`, `initial`, `intersection`, `invert`,
-     * `invoke`, `keys`, `map`, `max`, `memoize`, `merge`, `min`, `object`, `omit`,
-     * `once`, `pairs`, `partial`, `partialRight`, `pick`, `pluck`, `pull`, `push`,
-     * `range`, `reject`, `remove`, `rest`, `reverse`, `shuffle`, `slice`, `sort`,
-     * `sortBy`, `splice`, `tap`, `throttle`, `times`, `toArray`, `transform`,
-     * `union`, `uniq`, `unshift`, `unzip`, `values`, `where`, `without`, `wrap`,
-     * and `zip`
-     *
-     * The non-chainable wrapper functions are:
-     * `clone`, `cloneDeep`, `contains`, `escape`, `every`, `find`, `findIndex`,
-     * `findKey`, `findLast`, `findLastIndex`, `findLastKey`, `has`, `identity`,
-     * `indexOf`, `isArguments`, `isArray`, `isBoolean`, `isDate`, `isElement`,
-     * `isEmpty`, `isEqual`, `isFinite`, `isFunction`, `isNaN`, `isNull`, `isNumber`,
-     * `isObject`, `isPlainObject`, `isRegExp`, `isString`, `isUndefined`, `join`,
-     * `lastIndexOf`, `mixin`, `noConflict`, `parseInt`, `pop`, `random`, `reduce`,
-     * `reduceRight`, `result`, `shift`, `size`, `some`, `sortedIndex`, `runInContext`,
-     * `template`, `unescape`, `uniqueId`, and `value`
-     *
-     * The wrapper functions `first` and `last` return wrapped values when `n` is
-     * provided, otherwise they return unwrapped values.
-     *
-     * Explicit chaining can be enabled by using the `_.chain` method.
-     *
-     * @name _
-     * @constructor
-     * @category Chaining
-     * @param {*} value The value to wrap in a `lodash` instance.
-     * @returns {Object} Returns a `lodash` instance.
-     * @example
-     *
-     * var wrapped = _([1, 2, 3]);
-     *
-     * // returns an unwrapped value
-     * wrapped.reduce(function(sum, num) {
-     *   return sum + num;
-     * });
-     * // => 6
-     *
-     * // returns a wrapped value
-     * var squares = wrapped.map(function(num) {
-     *   return num * num;
-     * });
-     *
-     * _.isArray(squares);
-     * // => false
-     *
-     * _.isArray(squares.value());
-     * // => true
-     */
-    function lodash(value) {
-      // don't wrap if already wrapped, even if wrapped by a different `lodash` constructor
-      return (value && typeof value == 'object' && !isArray(value) && hasOwnProperty.call(value, '__wrapped__'))
-       ? value
-       : new lodashWrapper(value);
-    }
-
-    /**
-     * A fast path for creating `lodash` wrapper objects.
-     *
-     * @private
-     * @param {*} value The value to wrap in a `lodash` instance.
-     * @param {boolean} chainAll A flag to enable chaining for all methods
-     * @returns {Object} Returns a `lodash` instance.
-     */
-    function lodashWrapper(value, chainAll) {
-      this.__chain__ = !!chainAll;
-      this.__wrapped__ = value;
-    }
-    // ensure `new lodashWrapper` is an instance of `lodash`
-    lodashWrapper.prototype = lodash.prototype;
-
-    /**
-     * An object used to flag environments features.
-     *
-     * @static
-     * @memberOf _
-     * @type Object
-     */
-    var support = lodash.support = {};
-
-    /**
-     * Detect if functions can be decompiled by `Function#toString`
-     * (all but PS3 and older Opera mobile browsers & avoided in Windows 8 apps).
-     *
-     * @memberOf _.support
-     * @type boolean
-     */
-    support.funcDecomp = !isNative(context.WinRTError) && reThis.test(runInContext);
-
-    /**
-     * Detect if `Function#name` is supported (all but IE).
-     *
-     * @memberOf _.support
-     * @type boolean
-     */
-    support.funcNames = typeof Function.name == 'string';
-
-    /**
-     * By default, the template delimiters used by Lo-Dash are similar to those in
-     * embedded Ruby (ERB). Change the following template settings to use alternative
-     * delimiters.
-     *
-     * @static
-     * @memberOf _
-     * @type Object
-     */
-    lodash.templateSettings = {
-
-      /**
-       * Used to detect `data` property values to be HTML-escaped.
-       *
-       * @memberOf _.templateSettings
-       * @type RegExp
-       */
-      'escape': /<%-([\s\S]+?)%>/g,
-
-      /**
-       * Used to detect code to be evaluated.
-       *
-       * @memberOf _.templateSettings
-       * @type RegExp
-       */
-      'evaluate': /<%([\s\S]+?)%>/g,
-
-      /**
-       * Used to detect `data` property values to inject.
-       *
-       * @memberOf _.templateSettings
-       * @type RegExp
-       */
-      'interpolate': reInterpolate,
-
-      /**
-       * Used to reference the data object in the template text.
-       *
-       * @memberOf _.templateSettings
-       * @type string
-       */
-      'variable': '',
-
-      /**
-       * Used to import variables into the compiled template.
-       *
-       * @memberOf _.templateSettings
-       * @type Object
-       */
-      'imports': {
-
-        /**
-         * A reference to the `lodash` function.
-         *
-         * @memberOf _.templateSettings.imports
-         * @type Function
-         */
-        '_': lodash
-      }
-    };
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * The base implementation of `_.bind` that creates the bound function and
-     * sets its meta data.
-     *
-     * @private
-     * @param {Array} bindData The bind data array.
-     * @returns {Function} Returns the new bound function.
-     */
-    function baseBind(bindData) {
-      var func = bindData[0],
-          partialArgs = bindData[2],
-          thisArg = bindData[4];
-
-      function bound() {
-        // `Function#bind` spec
-        // http://es5.github.io/#x15.3.4.5
-        if (partialArgs) {
-          // avoid `arguments` object deoptimizations by using `slice` instead
-          // of `Array.prototype.slice.call` and not assigning `arguments` to a
-          // variable as a ternary expression
-          var args = slice(partialArgs);
-          push.apply(args, arguments);
-        }
-        // mimic the constructor's `return` behavior
-        // http://es5.github.io/#x13.2.2
-        if (this instanceof bound) {
-          // ensure `new bound` is an instance of `func`
-          var thisBinding = baseCreate(func.prototype),
-              result = func.apply(thisBinding, args || arguments);
-          return isObject(result) ? result : thisBinding;
-        }
-        return func.apply(thisArg, args || arguments);
-      }
-      setBindData(bound, bindData);
-      return bound;
-    }
-
-    /**
-     * The base implementation of `_.clone` without argument juggling or support
-     * for `thisArg` binding.
-     *
-     * @private
-     * @param {*} value The value to clone.
-     * @param {boolean} [isDeep=false] Specify a deep clone.
-     * @param {Function} [callback] The function to customize cloning values.
-     * @param {Array} [stackA=[]] Tracks traversed source objects.
-     * @param {Array} [stackB=[]] Associates clones with source counterparts.
-     * @returns {*} Returns the cloned value.
-     */
-    function baseClone(value, isDeep, callback, stackA, stackB) {
-      if (callback) {
-        var result = callback(value);
-        if (typeof result != 'undefined') {
-          return result;
-        }
-      }
-      // inspect [[Class]]
-      var isObj = isObject(value);
-      if (isObj) {
-        var className = toString.call(value);
-        if (!cloneableClasses[className]) {
-          return value;
-        }
-        var ctor = ctorByClass[className];
-        switch (className) {
-          case boolClass:
-          case dateClass:
-            return new ctor(+value);
-
-          case numberClass:
-          case stringClass:
-            return new ctor(value);
-
-          case regexpClass:
-            result = ctor(value.source, reFlags.exec(value));
-            result.lastIndex = value.lastIndex;
-            return result;
-        }
-      } else {
-        return value;
-      }
-      var isArr = isArray(value);
-      if (isDeep) {
-        // check for circular references and return corresponding clone
-        var initedStack = !stackA;
-        stackA || (stackA = getArray());
-        stackB || (stackB = getArray());
-
-        var length = stackA.length;
-        while (length--) {
-          if (stackA[length] == value) {
-            return stackB[length];
-          }
-        }
-        result = isArr ? ctor(value.length) : {};
-      }
-      else {
-        result = isArr ? slice(value) : assign({}, value);
-      }
-      // add array properties assigned by `RegExp#exec`
-      if (isArr) {
-        if (hasOwnProperty.call(value, 'index')) {
-          result.index = value.index;
-        }
-        if (hasOwnProperty.call(value, 'input')) {
-          result.input = value.input;
-        }
-      }
-      // exit for shallow clone
-      if (!isDeep) {
-        return result;
-      }
-      // add the source value to the stack of traversed objects
-      // and associate it with its clone
-      stackA.push(value);
-      stackB.push(result);
-
-      // recursively populate clone (susceptible to call stack limits)
-      (isArr ? forEach : forOwn)(value, function(objValue, key) {
-        result[key] = baseClone(objValue, isDeep, callback, stackA, stackB);
-      });
-
-      if (initedStack) {
-        releaseArray(stackA);
-        releaseArray(stackB);
-      }
-      return result;
-    }
-
-    /**
-     * The base implementation of `_.create` without support for assigning
-     * properties to the created object.
-     *
-     * @private
-     * @param {Object} prototype The object to inherit from.
-     * @returns {Object} Returns the new object.
-     */
-    function baseCreate(prototype, properties) {
-      return isObject(prototype) ? nativeCreate(prototype) : {};
-    }
-    // fallback for browsers without `Object.create`
-    if (!nativeCreate) {
-      baseCreate = (function() {
-        function Object() {}
-        return function(prototype) {
-          if (isObject(prototype)) {
-            Object.prototype = prototype;
-            var result = new Object;
-            Object.prototype = null;
-          }
-          return result || context.Object();
-        };
-      }());
-    }
-
-    /**
-     * The base implementation of `_.createCallback` without support for creating
-     * "_.pluck" or "_.where" style callbacks.
-     *
-     * @private
-     * @param {*} [func=identity] The value to convert to a callback.
-     * @param {*} [thisArg] The `this` binding of the created callback.
-     * @param {number} [argCount] The number of arguments the callback accepts.
-     * @returns {Function} Returns a callback function.
-     */
-    function baseCreateCallback(func, thisArg, argCount) {
-      if (typeof func != 'function') {
-        return identity;
-      }
-      // exit early for no `thisArg` or already bound by `Function#bind`
-      if (typeof thisArg == 'undefined' || !('prototype' in func)) {
-        return func;
-      }
-      var bindData = func.__bindData__;
-      if (typeof bindData == 'undefined') {
-        if (support.funcNames) {
-          bindData = !func.name;
-        }
-        bindData = bindData || !support.funcDecomp;
-        if (!bindData) {
-          var source = fnToString.call(func);
-          if (!support.funcNames) {
-            bindData = !reFuncName.test(source);
-          }
-          if (!bindData) {
-            // checks if `func` references the `this` keyword and stores the result
-            bindData = reThis.test(source);
-            setBindData(func, bindData);
-          }
-        }
-      }
-      // exit early if there are no `this` references or `func` is bound
-      if (bindData === false || (bindData !== true && bindData[1] & 1)) {
-        return func;
-      }
-      switch (argCount) {
-        case 1: return function(value) {
-          return func.call(thisArg, value);
-        };
-        case 2: return function(a, b) {
-          return func.call(thisArg, a, b);
-        };
-        case 3: return function(value, index, collection) {
-          return func.call(thisArg, value, index, collection);
-        };
-        case 4: return function(accumulator, value, index, collection) {
-          return func.call(thisArg, accumulator, value, index, collection);
-        };
-      }
-      return bind(func, thisArg);
-    }
-
-    /**
-     * The base implementation of `createWrapper` that creates the wrapper and
-     * sets its meta data.
-     *
-     * @private
-     * @param {Array} bindData The bind data array.
-     * @returns {Function} Returns the new function.
-     */
-    function baseCreateWrapper(bindData) {
-      var func = bindData[0],
-          bitmask = bindData[1],
-          partialArgs = bindData[2],
-          partialRightArgs = bindData[3],
-          thisArg = bindData[4],
-          arity = bindData[5];
-
-      var isBind = bitmask & 1,
-          isBindKey = bitmask & 2,
-          isCurry = bitmask & 4,
-          isCurryBound = bitmask & 8,
-          key = func;
-
-      function bound() {
-        var thisBinding = isBind ? thisArg : this;
-        if (partialArgs) {
-          var args = slice(partialArgs);
-          push.apply(args, arguments);
-        }
-        if (partialRightArgs || isCurry) {
-          args || (args = slice(arguments));
-          if (partialRightArgs) {
-            push.apply(args, partialRightArgs);
-          }
-          if (isCurry && args.length < arity) {
-            bitmask |= 16 & ~32;
-            return baseCreateWrapper([func, (isCurryBound ? bitmask : bitmask & ~3), args, null, thisArg, arity]);
-          }
-        }
-        args || (args = arguments);
-        if (isBindKey) {
-          func = thisBinding[key];
-        }
-        if (this instanceof bound) {
-          thisBinding = baseCreate(func.prototype);
-          var result = func.apply(thisBinding, args);
-          return isObject(result) ? result : thisBinding;
-        }
-        return func.apply(thisBinding, args);
-      }
-      setBindData(bound, bindData);
-      return bound;
-    }
-
-    /**
-     * The base implementation of `_.difference` that accepts a single array
-     * of values to exclude.
-     *
-     * @private
-     * @param {Array} array The array to process.
-     * @param {Array} [values] The array of values to exclude.
-     * @returns {Array} Returns a new array of filtered values.
-     */
-    function baseDifference(array, values) {
-      var index = -1,
-          indexOf = getIndexOf(),
-          length = array ? array.length : 0,
-          isLarge = length >= largeArraySize && indexOf === baseIndexOf,
-          result = [];
-
-      if (isLarge) {
-        var cache = createCache(values);
-        if (cache) {
-          indexOf = cacheIndexOf;
-          values = cache;
-        } else {
-          isLarge = false;
-        }
-      }
-      while (++index < length) {
-        var value = array[index];
-        if (indexOf(values, value) < 0) {
-          result.push(value);
-        }
-      }
-      if (isLarge) {
-        releaseObject(values);
-      }
-      return result;
-    }
-
-    /**
-     * The base implementation of `_.flatten` without support for callback
-     * shorthands or `thisArg` binding.
-     *
-     * @private
-     * @param {Array} array The array to flatten.
-     * @param {boolean} [isShallow=false] A flag to restrict flattening to a single level.
-     * @param {boolean} [isStrict=false] A flag to restrict flattening to arrays and `arguments` objects.
-     * @param {number} [fromIndex=0] The index to start from.
-     * @returns {Array} Returns a new flattened array.
-     */
-    function baseFlatten(array, isShallow, isStrict, fromIndex) {
-      var index = (fromIndex || 0) - 1,
-          length = array ? array.length : 0,
-          result = [];
-
-      while (++index < length) {
-        var value = array[index];
-
-        if (value && typeof value == 'object' && typeof value.length == 'number'
-            && (isArray(value) || isArguments(value))) {
-          // recursively flatten arrays (susceptible to call stack limits)
-          if (!isShallow) {
-            value = baseFlatten(value, isShallow, isStrict);
-          }
-          var valIndex = -1,
-              valLength = value.length,
-              resIndex = result.length;
-
-          result.length += valLength;
-          while (++valIndex < valLength) {
-            result[resIndex++] = value[valIndex];
-          }
-        } else if (!isStrict) {
-          result.push(value);
-        }
-      }
-      return result;
-    }
-
-    /**
-     * The base implementation of `_.isEqual`, without support for `thisArg` binding,
-     * that allows partial "_.where" style comparisons.
-     *
-     * @private
-     * @param {*} a The value to compare.
-     * @param {*} b The other value to compare.
-     * @param {Function} [callback] The function to customize comparing values.
-     * @param {Function} [isWhere=false] A flag to indicate performing partial comparisons.
-     * @param {Array} [stackA=[]] Tracks traversed `a` objects.
-     * @param {Array} [stackB=[]] Tracks traversed `b` objects.
-     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
-     */
-    function baseIsEqual(a, b, callback, isWhere, stackA, stackB) {
-      // used to indicate that when comparing objects, `a` has at least the properties of `b`
-      if (callback) {
-        var result = callback(a, b);
-        if (typeof result != 'undefined') {
-          return !!result;
-        }
-      }
-      // exit early for identical values
-      if (a === b) {
-        // treat `+0` vs. `-0` as not equal
-        return a !== 0 || (1 / a == 1 / b);
-      }
-      var type = typeof a,
-          otherType = typeof b;
-
-      // exit early for unlike primitive values
-      if (a === a &&
-          !(a && objectTypes[type]) &&
-          !(b && objectTypes[otherType])) {
-        return false;
-      }
-      // exit early for `null` and `undefined` avoiding ES3's Function#call behavior
-      // http://es5.github.io/#x15.3.4.4
-      if (a == null || b == null) {
-        return a === b;
-      }
-      // compare [[Class]] names
-      var className = toString.call(a),
-          otherClass = toString.call(b);
-
-      if (className == argsClass) {
-        className = objectClass;
-      }
-      if (otherClass == argsClass) {
-        otherClass = objectClass;
-      }
-      if (className != otherClass) {
-        return false;
-      }
-      switch (className) {
-        case boolClass:
-        case dateClass:
-          // coerce dates and booleans to numbers, dates to milliseconds and booleans
-          // to `1` or `0` treating invalid dates coerced to `NaN` as not equal
-          return +a == +b;
-
-        case numberClass:
-          // treat `NaN` vs. `NaN` as equal
-          return (a != +a)
-            ? b != +b
-            // but treat `+0` vs. `-0` as not equal
-            : (a == 0 ? (1 / a == 1 / b) : a == +b);
-
-        case regexpClass:
-        case stringClass:
-          // coerce regexes to strings (http://es5.github.io/#x15.10.6.4)
-          // treat string primitives and their corresponding object instances as equal
-          return a == String(b);
-      }
-      var isArr = className == arrayClass;
-      if (!isArr) {
-        // unwrap any `lodash` wrapped values
-        var aWrapped = hasOwnProperty.call(a, '__wrapped__'),
-            bWrapped = hasOwnProperty.call(b, '__wrapped__');
-
-        if (aWrapped || bWrapped) {
-          return baseIsEqual(aWrapped ? a.__wrapped__ : a, bWrapped ? b.__wrapped__ : b, callback, isWhere, stackA, stackB);
-        }
-        // exit for functions and DOM nodes
-        if (className != objectClass) {
-          return false;
-        }
-        // in older versions of Opera, `arguments` objects have `Array` constructors
-        var ctorA = a.constructor,
-            ctorB = b.constructor;
-
-        // non `Object` object instances with different constructors are not equal
-        if (ctorA != ctorB &&
-              !(isFunction(ctorA) && ctorA instanceof ctorA && isFunction(ctorB) && ctorB instanceof ctorB) &&
-              ('constructor' in a && 'constructor' in b)
-            ) {
-          return false;
-        }
-      }
-      // assume cyclic structures are equal
-      // the algorithm for detecting cyclic structures is adapted from ES 5.1
-      // section 15.12.3, abstract operation `JO` (http://es5.github.io/#x15.12.3)
-      var initedStack = !stackA;
-      stackA || (stackA = getArray());
-      stackB || (stackB = getArray());
-
-      var length = stackA.length;
-      while (length--) {
-        if (stackA[length] == a) {
-          return stackB[length] == b;
-        }
-      }
-      var size = 0;
-      result = true;
-
-      // add `a` and `b` to the stack of traversed objects
-      stackA.push(a);
-      stackB.push(b);
-
-      // recursively compare objects and arrays (susceptible to call stack limits)
-      if (isArr) {
-        // compare lengths to determine if a deep comparison is necessary
-        length = a.length;
-        size = b.length;
-        result = size == length;
-
-        if (result || isWhere) {
-          // deep compare the contents, ignoring non-numeric properties
-          while (size--) {
-            var index = length,
-                value = b[size];
-
-            if (isWhere) {
-              while (index--) {
-                if ((result = baseIsEqual(a[index], value, callback, isWhere, stackA, stackB))) {
-                  break;
-                }
-              }
-            } else if (!(result = baseIsEqual(a[size], value, callback, isWhere, stackA, stackB))) {
-              break;
-            }
-          }
-        }
-      }
-      else {
-        // deep compare objects using `forIn`, instead of `forOwn`, to avoid `Object.keys`
-        // which, in this case, is more costly
-        forIn(b, function(value, key, b) {
-          if (hasOwnProperty.call(b, key)) {
-            // count the number of properties.
-            size++;
-            // deep compare each property value.
-            return (result = hasOwnProperty.call(a, key) && baseIsEqual(a[key], value, callback, isWhere, stackA, stackB));
-          }
-        });
-
-        if (result && !isWhere) {
-          // ensure both objects have the same number of properties
-          forIn(a, function(value, key, a) {
-            if (hasOwnProperty.call(a, key)) {
-              // `size` will be `-1` if `a` has more properties than `b`
-              return (result = --size > -1);
-            }
-          });
-        }
-      }
-      stackA.pop();
-      stackB.pop();
-
-      if (initedStack) {
-        releaseArray(stackA);
-        releaseArray(stackB);
-      }
-      return result;
-    }
-
-    /**
-     * The base implementation of `_.merge` without argument juggling or support
-     * for `thisArg` binding.
-     *
-     * @private
-     * @param {Object} object The destination object.
-     * @param {Object} source The source object.
-     * @param {Function} [callback] The function to customize merging properties.
-     * @param {Array} [stackA=[]] Tracks traversed source objects.
-     * @param {Array} [stackB=[]] Associates values with source counterparts.
-     */
-    function baseMerge(object, source, callback, stackA, stackB) {
-      (isArray(source) ? forEach : forOwn)(source, function(source, key) {
-        var found,
-            isArr,
-            result = source,
-            value = object[key];
-
-        if (source && ((isArr = isArray(source)) || isPlainObject(source))) {
-          // avoid merging previously merged cyclic sources
-          var stackLength = stackA.length;
-          while (stackLength--) {
-            if ((found = stackA[stackLength] == source)) {
-              value = stackB[stackLength];
-              break;
-            }
-          }
-          if (!found) {
-            var isShallow;
-            if (callback) {
-              result = callback(value, source);
-              if ((isShallow = typeof result != 'undefined')) {
-                value = result;
-              }
-            }
-            if (!isShallow) {
-              value = isArr
-                ? (isArray(value) ? value : [])
-                : (isPlainObject(value) ? value : {});
-            }
-            // add `source` and associated `value` to the stack of traversed objects
-            stackA.push(source);
-            stackB.push(value);
-
-            // recursively merge objects and arrays (susceptible to call stack limits)
-            if (!isShallow) {
-              baseMerge(value, source, callback, stackA, stackB);
-            }
-          }
-        }
-        else {
-          if (callback) {
-            result = callback(value, source);
-            if (typeof result == 'undefined') {
-              result = source;
-            }
-          }
-          if (typeof result != 'undefined') {
-            value = result;
-          }
-        }
-        object[key] = value;
-      });
-    }
-
-    /**
-     * The base implementation of `_.random` without argument juggling or support
-     * for returning floating-point numbers.
-     *
-     * @private
-     * @param {number} min The minimum possible value.
-     * @param {number} max The maximum possible value.
-     * @returns {number} Returns a random number.
-     */
-    function baseRandom(min, max) {
-      return min + floor(nativeRandom() * (max - min + 1));
-    }
-
-    /**
-     * The base implementation of `_.uniq` without support for callback shorthands
-     * or `thisArg` binding.
-     *
-     * @private
-     * @param {Array} array The array to process.
-     * @param {boolean} [isSorted=false] A flag to indicate that `array` is sorted.
-     * @param {Function} [callback] The function called per iteration.
-     * @returns {Array} Returns a duplicate-value-free array.
-     */
-    function baseUniq(array, isSorted, callback) {
-      var index = -1,
-          indexOf = getIndexOf(),
-          length = array ? array.length : 0,
-          result = [];
-
-      var isLarge = !isSorted && length >= largeArraySize && indexOf === baseIndexOf,
-          seen = (callback || isLarge) ? getArray() : result;
-
-      if (isLarge) {
-        var cache = createCache(seen);
-        indexOf = cacheIndexOf;
-        seen = cache;
-      }
-      while (++index < length) {
-        var value = array[index],
-            computed = callback ? callback(value, index, array) : value;
-
-        if (isSorted
-              ? !index || seen[seen.length - 1] !== computed
-              : indexOf(seen, computed) < 0
-            ) {
-          if (callback || isLarge) {
-            seen.push(computed);
-          }
-          result.push(value);
-        }
-      }
-      if (isLarge) {
-        releaseArray(seen.array);
-        releaseObject(seen);
-      } else if (callback) {
-        releaseArray(seen);
-      }
-      return result;
-    }
-
-    /**
-     * Creates a function that aggregates a collection, creating an object composed
-     * of keys generated from the results of running each element of the collection
-     * through a callback. The given `setter` function sets the keys and values
-     * of the composed object.
-     *
-     * @private
-     * @param {Function} setter The setter function.
-     * @returns {Function} Returns the new aggregator function.
-     */
-    function createAggregator(setter) {
-      return function(collection, callback, thisArg) {
-        var result = {};
-        callback = lodash.createCallback(callback, thisArg, 3);
-
-        var index = -1,
-            length = collection ? collection.length : 0;
-
-        if (typeof length == 'number') {
-          while (++index < length) {
-            var value = collection[index];
-            setter(result, value, callback(value, index, collection), collection);
-          }
-        } else {
-          forOwn(collection, function(value, key, collection) {
-            setter(result, value, callback(value, key, collection), collection);
-          });
-        }
-        return result;
-      };
-    }
-
-    /**
-     * Creates a function that, when called, either curries or invokes `func`
-     * with an optional `this` binding and partially applied arguments.
-     *
-     * @private
-     * @param {Function|string} func The function or method name to reference.
-     * @param {number} bitmask The bitmask of method flags to compose.
-     *  The bitmask may be composed of the following flags:
-     *  1 - `_.bind`
-     *  2 - `_.bindKey`
-     *  4 - `_.curry`
-     *  8 - `_.curry` (bound)
-     *  16 - `_.partial`
-     *  32 - `_.partialRight`
-     * @param {Array} [partialArgs] An array of arguments to prepend to those
-     *  provided to the new function.
-     * @param {Array} [partialRightArgs] An array of arguments to append to those
-     *  provided to the new function.
-     * @param {*} [thisArg] The `this` binding of `func`.
-     * @param {number} [arity] The arity of `func`.
-     * @returns {Function} Returns the new function.
-     */
-    function createWrapper(func, bitmask, partialArgs, partialRightArgs, thisArg, arity) {
-      var isBind = bitmask & 1,
-          isBindKey = bitmask & 2,
-          isCurry = bitmask & 4,
-          isCurryBound = bitmask & 8,
-          isPartial = bitmask & 16,
-          isPartialRight = bitmask & 32;
-
-      if (!isBindKey && !isFunction(func)) {
-        throw new TypeError;
-      }
-      if (isPartial && !partialArgs.length) {
-        bitmask &= ~16;
-        isPartial = partialArgs = false;
-      }
-      if (isPartialRight && !partialRightArgs.length) {
-        bitmask &= ~32;
-        isPartialRight = partialRightArgs = false;
-      }
-      var bindData = func && func.__bindData__;
-      if (bindData && bindData !== true) {
-        // clone `bindData`
-        bindData = slice(bindData);
-        if (bindData[2]) {
-          bindData[2] = slice(bindData[2]);
-        }
-        if (bindData[3]) {
-          bindData[3] = slice(bindData[3]);
-        }
-        // set `thisBinding` is not previously bound
-        if (isBind && !(bindData[1] & 1)) {
-          bindData[4] = thisArg;
-        }
-        // set if previously bound but not currently (subsequent curried functions)
-        if (!isBind && bindData[1] & 1) {
-          bitmask |= 8;
-        }
-        // set curried arity if not yet set
-        if (isCurry && !(bindData[1] & 4)) {
-          bindData[5] = arity;
-        }
-        // append partial left arguments
-        if (isPartial) {
-          push.apply(bindData[2] || (bindData[2] = []), partialArgs);
-        }
-        // append partial right arguments
-        if (isPartialRight) {
-          unshift.apply(bindData[3] || (bindData[3] = []), partialRightArgs);
-        }
-        // merge flags
-        bindData[1] |= bitmask;
-        return createWrapper.apply(null, bindData);
-      }
-      // fast path for `_.bind`
-      var creater = (bitmask == 1 || bitmask === 17) ? baseBind : baseCreateWrapper;
-      return creater([func, bitmask, partialArgs, partialRightArgs, thisArg, arity]);
-    }
-
-    /**
-     * Used by `escape` to convert characters to HTML entities.
-     *
-     * @private
-     * @param {string} match The matched character to escape.
-     * @returns {string} Returns the escaped character.
-     */
-    function escapeHtmlChar(match) {
-      return htmlEscapes[match];
-    }
-
-    /**
-     * Gets the appropriate "indexOf" function. If the `_.indexOf` method is
-     * customized, this method returns the custom method, otherwise it returns
-     * the `baseIndexOf` function.
-     *
-     * @private
-     * @returns {Function} Returns the "indexOf" function.
-     */
-    function getIndexOf() {
-      var result = (result = lodash.indexOf) === indexOf ? baseIndexOf : result;
-      return result;
-    }
-
-    /**
-     * Checks if `value` is a native function.
-     *
-     * @private
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a native function, else `false`.
-     */
-    function isNative(value) {
-      return typeof value == 'function' && reNative.test(value);
-    }
-
-    /**
-     * Sets `this` binding data on a given function.
-     *
-     * @private
-     * @param {Function} func The function to set data on.
-     * @param {Array} value The data array to set.
-     */
-    var setBindData = !defineProperty ? noop : function(func, value) {
-      descriptor.value = value;
-      defineProperty(func, '__bindData__', descriptor);
-      descriptor.value = null;
-    };
-
-    /**
-     * A fallback implementation of `isPlainObject` which checks if a given value
-     * is an object created by the `Object` constructor, assuming objects created
-     * by the `Object` constructor have no inherited enumerable properties and that
-     * there are no `Object.prototype` extensions.
-     *
-     * @private
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
-     */
-    function shimIsPlainObject(value) {
-      var ctor,
-          result;
-
-      // avoid non Object objects, `arguments` objects, and DOM elements
-      if (!(value && toString.call(value) == objectClass) ||
-          (ctor = value.constructor, isFunction(ctor) && !(ctor instanceof ctor))) {
-        return false;
-      }
-      // In most environments an object's own properties are iterated before
-      // its inherited properties. If the last iterated property is an object's
-      // own property then there are no inherited enumerable properties.
-      forIn(value, function(value, key) {
-        result = key;
-      });
-      return typeof result == 'undefined' || hasOwnProperty.call(value, result);
-    }
-
-    /**
-     * Used by `unescape` to convert HTML entities to characters.
-     *
-     * @private
-     * @param {string} match The matched character to unescape.
-     * @returns {string} Returns the unescaped character.
-     */
-    function unescapeHtmlChar(match) {
-      return htmlUnescapes[match];
-    }
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Checks if `value` is an `arguments` object.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is an `arguments` object, else `false`.
-     * @example
-     *
-     * (function() { return _.isArguments(arguments); })(1, 2, 3);
-     * // => true
-     *
-     * _.isArguments([1, 2, 3]);
-     * // => false
-     */
-    function isArguments(value) {
-      return value && typeof value == 'object' && typeof value.length == 'number' &&
-        toString.call(value) == argsClass || false;
-    }
-
-    /**
-     * Checks if `value` is an array.
-     *
-     * @static
-     * @memberOf _
-     * @type Function
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is an array, else `false`.
-     * @example
-     *
-     * (function() { return _.isArray(arguments); })();
-     * // => false
-     *
-     * _.isArray([1, 2, 3]);
-     * // => true
-     */
-    var isArray = nativeIsArray || function(value) {
-      return value && typeof value == 'object' && typeof value.length == 'number' &&
-        toString.call(value) == arrayClass || false;
-    };
-
-    /**
-     * A fallback implementation of `Object.keys` which produces an array of the
-     * given object's own enumerable property names.
-     *
-     * @private
-     * @type Function
-     * @param {Object} object The object to inspect.
-     * @returns {Array} Returns an array of property names.
-     */
-    var shimKeys = function(object) {
-      var index, iterable = object, result = [];
-      if (!iterable) return result;
-      if (!(objectTypes[typeof object])) return result;
-        for (index in iterable) {
-          if (hasOwnProperty.call(iterable, index)) {
-            result.push(index);
-          }
-        }
-      return result
-    };
-
-    /**
-     * Creates an array composed of the own enumerable property names of an object.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to inspect.
-     * @returns {Array} Returns an array of property names.
-     * @example
-     *
-     * _.keys({ 'one': 1, 'two': 2, 'three': 3 });
-     * // => ['one', 'two', 'three'] (property order is not guaranteed across environments)
-     */
-    var keys = !nativeKeys ? shimKeys : function(object) {
-      if (!isObject(object)) {
-        return [];
-      }
-      return nativeKeys(object);
-    };
-
-    /**
-     * Used to convert characters to HTML entities:
-     *
-     * Though the `>` character is escaped for symmetry, characters like `>` and `/`
-     * don't require escaping in HTML and have no special meaning unless they're part
-     * of a tag or an unquoted attribute value.
-     * http://mathiasbynens.be/notes/ambiguous-ampersands (under "semi-related fun fact")
-     */
-    var htmlEscapes = {
-      '&': '&amp;',
-      '<': '&lt;',
-      '>': '&gt;',
-      '"': '&quot;',
-      "'": '&#39;'
-    };
-
-    /** Used to convert HTML entities to characters */
-    var htmlUnescapes = invert(htmlEscapes);
-
-    /** Used to match HTML entities and HTML characters */
-    var reEscapedHtml = RegExp('(' + keys(htmlUnescapes).join('|') + ')', 'g'),
-        reUnescapedHtml = RegExp('[' + keys(htmlEscapes).join('') + ']', 'g');
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Assigns own enumerable properties of source object(s) to the destination
-     * object. Subsequent sources will overwrite property assignments of previous
-     * sources. If a callback is provided it will be executed to produce the
-     * assigned values. The callback is bound to `thisArg` and invoked with two
-     * arguments; (objectValue, sourceValue).
-     *
-     * @static
-     * @memberOf _
-     * @type Function
-     * @alias extend
-     * @category Objects
-     * @param {Object} object The destination object.
-     * @param {...Object} [source] The source objects.
-     * @param {Function} [callback] The function to customize assigning values.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns the destination object.
-     * @example
-     *
-     * _.assign({ 'name': 'fred' }, { 'employer': 'slate' });
-     * // => { 'name': 'fred', 'employer': 'slate' }
-     *
-     * var defaults = _.partialRight(_.assign, function(a, b) {
-     *   return typeof a == 'undefined' ? b : a;
-     * });
-     *
-     * var object = { 'name': 'barney' };
-     * defaults(object, { 'name': 'fred', 'employer': 'slate' });
-     * // => { 'name': 'barney', 'employer': 'slate' }
-     */
-    var assign = function(object, source, guard) {
-      var index, iterable = object, result = iterable;
-      if (!iterable) return result;
-      var args = arguments,
-          argsIndex = 0,
-          argsLength = typeof guard == 'number' ? 2 : args.length;
-      if (argsLength > 3 && typeof args[argsLength - 2] == 'function') {
-        var callback = baseCreateCallback(args[--argsLength - 1], args[argsLength--], 2);
-      } else if (argsLength > 2 && typeof args[argsLength - 1] == 'function') {
-        callback = args[--argsLength];
-      }
-      while (++argsIndex < argsLength) {
-        iterable = args[argsIndex];
-        if (iterable && objectTypes[typeof iterable]) {
-        var ownIndex = -1,
-            ownProps = objectTypes[typeof iterable] && keys(iterable),
-            length = ownProps ? ownProps.length : 0;
-
-        while (++ownIndex < length) {
-          index = ownProps[ownIndex];
-          result[index] = callback ? callback(result[index], iterable[index]) : iterable[index];
-        }
-        }
-      }
-      return result
-    };
-
-    /**
-     * Creates a clone of `value`. If `isDeep` is `true` nested objects will also
-     * be cloned, otherwise they will be assigned by reference. If a callback
-     * is provided it will be executed to produce the cloned values. If the
-     * callback returns `undefined` cloning will be handled by the method instead.
-     * The callback is bound to `thisArg` and invoked with one argument; (value).
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to clone.
-     * @param {boolean} [isDeep=false] Specify a deep clone.
-     * @param {Function} [callback] The function to customize cloning values.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the cloned value.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * var shallow = _.clone(characters);
-     * shallow[0] === characters[0];
-     * // => true
-     *
-     * var deep = _.clone(characters, true);
-     * deep[0] === characters[0];
-     * // => false
-     *
-     * _.mixin({
-     *   'clone': _.partialRight(_.clone, function(value) {
-     *     return _.isElement(value) ? value.cloneNode(false) : undefined;
-     *   })
-     * });
-     *
-     * var clone = _.clone(document.body);
-     * clone.childNodes.length;
-     * // => 0
-     */
-    function clone(value, isDeep, callback, thisArg) {
-      // allows working with "Collections" methods without using their `index`
-      // and `collection` arguments for `isDeep` and `callback`
-      if (typeof isDeep != 'boolean' && isDeep != null) {
-        thisArg = callback;
-        callback = isDeep;
-        isDeep = false;
-      }
-      return baseClone(value, isDeep, typeof callback == 'function' && baseCreateCallback(callback, thisArg, 1));
-    }
-
-    /**
-     * Creates a deep clone of `value`. If a callback is provided it will be
-     * executed to produce the cloned values. If the callback returns `undefined`
-     * cloning will be handled by the method instead. The callback is bound to
-     * `thisArg` and invoked with one argument; (value).
-     *
-     * Note: This method is loosely based on the structured clone algorithm. Functions
-     * and DOM nodes are **not** cloned. The enumerable properties of `arguments` objects and
-     * objects created by constructors other than `Object` are cloned to plain `Object` objects.
-     * See http://www.w3.org/TR/html5/infrastructure.html#internal-structured-cloning-algorithm.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to deep clone.
-     * @param {Function} [callback] The function to customize cloning values.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the deep cloned value.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * var deep = _.cloneDeep(characters);
-     * deep[0] === characters[0];
-     * // => false
-     *
-     * var view = {
-     *   'label': 'docs',
-     *   'node': element
-     * };
-     *
-     * var clone = _.cloneDeep(view, function(value) {
-     *   return _.isElement(value) ? value.cloneNode(true) : undefined;
-     * });
-     *
-     * clone.node == view.node;
-     * // => false
-     */
-    function cloneDeep(value, callback, thisArg) {
-      return baseClone(value, true, typeof callback == 'function' && baseCreateCallback(callback, thisArg, 1));
-    }
-
-    /**
-     * Creates an object that inherits from the given `prototype` object. If a
-     * `properties` object is provided its own enumerable properties are assigned
-     * to the created object.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} prototype The object to inherit from.
-     * @param {Object} [properties] The properties to assign to the object.
-     * @returns {Object} Returns the new object.
-     * @example
-     *
-     * function Shape() {
-     *   this.x = 0;
-     *   this.y = 0;
-     * }
-     *
-     * function Circle() {
-     *   Shape.call(this);
-     * }
-     *
-     * Circle.prototype = _.create(Shape.prototype, { 'constructor': Circle });
-     *
-     * var circle = new Circle;
-     * circle instanceof Circle;
-     * // => true
-     *
-     * circle instanceof Shape;
-     * // => true
-     */
-    function create(prototype, properties) {
-      var result = baseCreate(prototype);
-      return properties ? assign(result, properties) : result;
-    }
-
-    /**
-     * Assigns own enumerable properties of source object(s) to the destination
-     * object for all destination properties that resolve to `undefined`. Once a
-     * property is set, additional defaults of the same property will be ignored.
-     *
-     * @static
-     * @memberOf _
-     * @type Function
-     * @category Objects
-     * @param {Object} object The destination object.
-     * @param {...Object} [source] The source objects.
-     * @param- {Object} [guard] Allows working with `_.reduce` without using its
-     *  `key` and `object` arguments as sources.
-     * @returns {Object} Returns the destination object.
-     * @example
-     *
-     * var object = { 'name': 'barney' };
-     * _.defaults(object, { 'name': 'fred', 'employer': 'slate' });
-     * // => { 'name': 'barney', 'employer': 'slate' }
-     */
-    var defaults = function(object, source, guard) {
-      var index, iterable = object, result = iterable;
-      if (!iterable) return result;
-      var args = arguments,
-          argsIndex = 0,
-          argsLength = typeof guard == 'number' ? 2 : args.length;
-      while (++argsIndex < argsLength) {
-        iterable = args[argsIndex];
-        if (iterable && objectTypes[typeof iterable]) {
-        var ownIndex = -1,
-            ownProps = objectTypes[typeof iterable] && keys(iterable),
-            length = ownProps ? ownProps.length : 0;
-
-        while (++ownIndex < length) {
-          index = ownProps[ownIndex];
-          if (typeof result[index] == 'undefined') result[index] = iterable[index];
-        }
-        }
-      }
-      return result
-    };
-
-    /**
-     * This method is like `_.findIndex` except that it returns the key of the
-     * first element that passes the callback check, instead of the element itself.
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to search.
-     * @param {Function|Object|string} [callback=identity] The function called per
-     *  iteration. If a property name or object is provided it will be used to
-     *  create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {string|undefined} Returns the key of the found element, else `undefined`.
-     * @example
-     *
-     * var characters = {
-     *   'barney': {  'age': 36, 'blocked': false },
-     *   'fred': {    'age': 40, 'blocked': true },
-     *   'pebbles': { 'age': 1,  'blocked': false }
-     * };
-     *
-     * _.findKey(characters, function(chr) {
-     *   return chr.age < 40;
-     * });
-     * // => 'barney' (property order is not guaranteed across environments)
-     *
-     * // using "_.where" callback shorthand
-     * _.findKey(characters, { 'age': 1 });
-     * // => 'pebbles'
-     *
-     * // using "_.pluck" callback shorthand
-     * _.findKey(characters, 'blocked');
-     * // => 'fred'
-     */
-    function findKey(object, callback, thisArg) {
-      var result;
-      callback = lodash.createCallback(callback, thisArg, 3);
-      forOwn(object, function(value, key, object) {
-        if (callback(value, key, object)) {
-          result = key;
-          return false;
-        }
-      });
-      return result;
-    }
-
-    /**
-     * This method is like `_.findKey` except that it iterates over elements
-     * of a `collection` in the opposite order.
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to search.
-     * @param {Function|Object|string} [callback=identity] The function called per
-     *  iteration. If a property name or object is provided it will be used to
-     *  create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {string|undefined} Returns the key of the found element, else `undefined`.
-     * @example
-     *
-     * var characters = {
-     *   'barney': {  'age': 36, 'blocked': true },
-     *   'fred': {    'age': 40, 'blocked': false },
-     *   'pebbles': { 'age': 1,  'blocked': true }
-     * };
-     *
-     * _.findLastKey(characters, function(chr) {
-     *   return chr.age < 40;
-     * });
-     * // => returns `pebbles`, assuming `_.findKey` returns `barney`
-     *
-     * // using "_.where" callback shorthand
-     * _.findLastKey(characters, { 'age': 40 });
-     * // => 'fred'
-     *
-     * // using "_.pluck" callback shorthand
-     * _.findLastKey(characters, 'blocked');
-     * // => 'pebbles'
-     */
-    function findLastKey(object, callback, thisArg) {
-      var result;
-      callback = lodash.createCallback(callback, thisArg, 3);
-      forOwnRight(object, function(value, key, object) {
-        if (callback(value, key, object)) {
-          result = key;
-          return false;
-        }
-      });
-      return result;
-    }
-
-    /**
-     * Iterates over own and inherited enumerable properties of an object,
-     * executing the callback for each property. The callback is bound to `thisArg`
-     * and invoked with three arguments; (value, key, object). Callbacks may exit
-     * iteration early by explicitly returning `false`.
-     *
-     * @static
-     * @memberOf _
-     * @type Function
-     * @category Objects
-     * @param {Object} object The object to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns `object`.
-     * @example
-     *
-     * function Shape() {
-     *   this.x = 0;
-     *   this.y = 0;
-     * }
-     *
-     * Shape.prototype.move = function(x, y) {
-     *   this.x += x;
-     *   this.y += y;
-     * };
-     *
-     * _.forIn(new Shape, function(value, key) {
-     *   console.log(key);
-     * });
-     * // => logs 'x', 'y', and 'move' (property order is not guaranteed across environments)
-     */
-    var forIn = function(collection, callback, thisArg) {
-      var index, iterable = collection, result = iterable;
-      if (!iterable) return result;
-      if (!objectTypes[typeof iterable]) return result;
-      callback = callback && typeof thisArg == 'undefined' ? callback : baseCreateCallback(callback, thisArg, 3);
-        for (index in iterable) {
-          if (callback(iterable[index], index, collection) === false) return result;
-        }
-      return result
-    };
-
-    /**
-     * This method is like `_.forIn` except that it iterates over elements
-     * of a `collection` in the opposite order.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns `object`.
-     * @example
-     *
-     * function Shape() {
-     *   this.x = 0;
-     *   this.y = 0;
-     * }
-     *
-     * Shape.prototype.move = function(x, y) {
-     *   this.x += x;
-     *   this.y += y;
-     * };
-     *
-     * _.forInRight(new Shape, function(value, key) {
-     *   console.log(key);
-     * });
-     * // => logs 'move', 'y', and 'x' assuming `_.forIn ` logs 'x', 'y', and 'move'
-     */
-    function forInRight(object, callback, thisArg) {
-      var pairs = [];
-
-      forIn(object, function(value, key) {
-        pairs.push(key, value);
-      });
-
-      var length = pairs.length;
-      callback = baseCreateCallback(callback, thisArg, 3);
-      while (length--) {
-        if (callback(pairs[length--], pairs[length], object) === false) {
-          break;
-        }
-      }
-      return object;
-    }
-
-    /**
-     * Iterates over own enumerable properties of an object, executing the callback
-     * for each property. The callback is bound to `thisArg` and invoked with three
-     * arguments; (value, key, object). Callbacks may exit iteration early by
-     * explicitly returning `false`.
-     *
-     * @static
-     * @memberOf _
-     * @type Function
-     * @category Objects
-     * @param {Object} object The object to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns `object`.
-     * @example
-     *
-     * _.forOwn({ '0': 'zero', '1': 'one', 'length': 2 }, function(num, key) {
-     *   console.log(key);
-     * });
-     * // => logs '0', '1', and 'length' (property order is not guaranteed across environments)
-     */
-    var forOwn = function(collection, callback, thisArg) {
-      var index, iterable = collection, result = iterable;
-      if (!iterable) return result;
-      if (!objectTypes[typeof iterable]) return result;
-      callback = callback && typeof thisArg == 'undefined' ? callback : baseCreateCallback(callback, thisArg, 3);
-        var ownIndex = -1,
-            ownProps = objectTypes[typeof iterable] && keys(iterable),
-            length = ownProps ? ownProps.length : 0;
-
-        while (++ownIndex < length) {
-          index = ownProps[ownIndex];
-          if (callback(iterable[index], index, collection) === false) return result;
-        }
-      return result
-    };
-
-    /**
-     * This method is like `_.forOwn` except that it iterates over elements
-     * of a `collection` in the opposite order.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns `object`.
-     * @example
-     *
-     * _.forOwnRight({ '0': 'zero', '1': 'one', 'length': 2 }, function(num, key) {
-     *   console.log(key);
-     * });
-     * // => logs 'length', '1', and '0' assuming `_.forOwn` logs '0', '1', and 'length'
-     */
-    function forOwnRight(object, callback, thisArg) {
-      var props = keys(object),
-          length = props.length;
-
-      callback = baseCreateCallback(callback, thisArg, 3);
-      while (length--) {
-        var key = props[length];
-        if (callback(object[key], key, object) === false) {
-          break;
-        }
-      }
-      return object;
-    }
-
-    /**
-     * Creates a sorted array of property names of all enumerable properties,
-     * own and inherited, of `object` that have function values.
-     *
-     * @static
-     * @memberOf _
-     * @alias methods
-     * @category Objects
-     * @param {Object} object The object to inspect.
-     * @returns {Array} Returns an array of property names that have function values.
-     * @example
-     *
-     * _.functions(_);
-     * // => ['all', 'any', 'bind', 'bindAll', 'clone', 'compact', 'compose', ...]
-     */
-    function functions(object) {
-      var result = [];
-      forIn(object, function(value, key) {
-        if (isFunction(value)) {
-          result.push(key);
-        }
-      });
-      return result.sort();
-    }
-
-    /**
-     * Checks if the specified property name exists as a direct property of `object`,
-     * instead of an inherited property.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to inspect.
-     * @param {string} key The name of the property to check.
-     * @returns {boolean} Returns `true` if key is a direct property, else `false`.
-     * @example
-     *
-     * _.has({ 'a': 1, 'b': 2, 'c': 3 }, 'b');
-     * // => true
-     */
-    function has(object, key) {
-      return object ? hasOwnProperty.call(object, key) : false;
-    }
-
-    /**
-     * Creates an object composed of the inverted keys and values of the given object.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to invert.
-     * @returns {Object} Returns the created inverted object.
-     * @example
-     *
-     * _.invert({ 'first': 'fred', 'second': 'barney' });
-     * // => { 'fred': 'first', 'barney': 'second' }
-     */
-    function invert(object) {
-      var index = -1,
-          props = keys(object),
-          length = props.length,
-          result = {};
-
-      while (++index < length) {
-        var key = props[index];
-        result[object[key]] = key;
-      }
-      return result;
-    }
-
-    /**
-     * Checks if `value` is a boolean value.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a boolean value, else `false`.
-     * @example
-     *
-     * _.isBoolean(null);
-     * // => false
-     */
-    function isBoolean(value) {
-      return value === true || value === false ||
-        value && typeof value == 'object' && toString.call(value) == boolClass || false;
-    }
-
-    /**
-     * Checks if `value` is a date.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a date, else `false`.
-     * @example
-     *
-     * _.isDate(new Date);
-     * // => true
-     */
-    function isDate(value) {
-      return value && typeof value == 'object' && toString.call(value) == dateClass || false;
-    }
-
-    /**
-     * Checks if `value` is a DOM element.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a DOM element, else `false`.
-     * @example
-     *
-     * _.isElement(document.body);
-     * // => true
-     */
-    function isElement(value) {
-      return value && value.nodeType === 1 || false;
-    }
-
-    /**
-     * Checks if `value` is empty. Arrays, strings, or `arguments` objects with a
-     * length of `0` and objects with no own enumerable properties are considered
-     * "empty".
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Array|Object|string} value The value to inspect.
-     * @returns {boolean} Returns `true` if the `value` is empty, else `false`.
-     * @example
-     *
-     * _.isEmpty([1, 2, 3]);
-     * // => false
-     *
-     * _.isEmpty({});
-     * // => true
-     *
-     * _.isEmpty('');
-     * // => true
-     */
-    function isEmpty(value) {
-      var result = true;
-      if (!value) {
-        return result;
-      }
-      var className = toString.call(value),
-          length = value.length;
-
-      if ((className == arrayClass || className == stringClass || className == argsClass ) ||
-          (className == objectClass && typeof length == 'number' && isFunction(value.splice))) {
-        return !length;
-      }
-      forOwn(value, function() {
-        return (result = false);
-      });
-      return result;
-    }
-
-    /**
-     * Performs a deep comparison between two values to determine if they are
-     * equivalent to each other. If a callback is provided it will be executed
-     * to compare values. If the callback returns `undefined` comparisons will
-     * be handled by the method instead. The callback is bound to `thisArg` and
-     * invoked with two arguments; (a, b).
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} a The value to compare.
-     * @param {*} b The other value to compare.
-     * @param {Function} [callback] The function to customize comparing values.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
-     * @example
-     *
-     * var object = { 'name': 'fred' };
-     * var copy = { 'name': 'fred' };
-     *
-     * object == copy;
-     * // => false
-     *
-     * _.isEqual(object, copy);
-     * // => true
-     *
-     * var words = ['hello', 'goodbye'];
-     * var otherWords = ['hi', 'goodbye'];
-     *
-     * _.isEqual(words, otherWords, function(a, b) {
-     *   var reGreet = /^(?:hello|hi)$/i,
-     *       aGreet = _.isString(a) && reGreet.test(a),
-     *       bGreet = _.isString(b) && reGreet.test(b);
-     *
-     *   return (aGreet || bGreet) ? (aGreet == bGreet) : undefined;
-     * });
-     * // => true
-     */
-    function isEqual(a, b, callback, thisArg) {
-      return baseIsEqual(a, b, typeof callback == 'function' && baseCreateCallback(callback, thisArg, 2));
-    }
-
-    /**
-     * Checks if `value` is, or can be coerced to, a finite number.
-     *
-     * Note: This is not the same as native `isFinite` which will return true for
-     * booleans and empty strings. See http://es5.github.io/#x15.1.2.5.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is finite, else `false`.
-     * @example
-     *
-     * _.isFinite(-101);
-     * // => true
-     *
-     * _.isFinite('10');
-     * // => true
-     *
-     * _.isFinite(true);
-     * // => false
-     *
-     * _.isFinite('');
-     * // => false
-     *
-     * _.isFinite(Infinity);
-     * // => false
-     */
-    function isFinite(value) {
-      return nativeIsFinite(value) && !nativeIsNaN(parseFloat(value));
-    }
-
-    /**
-     * Checks if `value` is a function.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a function, else `false`.
-     * @example
-     *
-     * _.isFunction(_);
-     * // => true
-     */
-    function isFunction(value) {
-      return typeof value == 'function';
-    }
-
-    /**
-     * Checks if `value` is the language type of Object.
-     * (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is an object, else `false`.
-     * @example
-     *
-     * _.isObject({});
-     * // => true
-     *
-     * _.isObject([1, 2, 3]);
-     * // => true
-     *
-     * _.isObject(1);
-     * // => false
-     */
-    function isObject(value) {
-      // check if the value is the ECMAScript language type of Object
-      // http://es5.github.io/#x8
-      // and avoid a V8 bug
-      // http://code.google.com/p/v8/issues/detail?id=2291
-      return !!(value && objectTypes[typeof value]);
-    }
-
-    /**
-     * Checks if `value` is `NaN`.
-     *
-     * Note: This is not the same as native `isNaN` which will return `true` for
-     * `undefined` and other non-numeric values. See http://es5.github.io/#x15.1.2.4.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is `NaN`, else `false`.
-     * @example
-     *
-     * _.isNaN(NaN);
-     * // => true
-     *
-     * _.isNaN(new Number(NaN));
-     * // => true
-     *
-     * isNaN(undefined);
-     * // => true
-     *
-     * _.isNaN(undefined);
-     * // => false
-     */
-    function isNaN(value) {
-      // `NaN` as a primitive is the only value that is not equal to itself
-      // (perform the [[Class]] check first to avoid errors with some host objects in IE)
-      return isNumber(value) && value != +value;
-    }
-
-    /**
-     * Checks if `value` is `null`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is `null`, else `false`.
-     * @example
-     *
-     * _.isNull(null);
-     * // => true
-     *
-     * _.isNull(undefined);
-     * // => false
-     */
-    function isNull(value) {
-      return value === null;
-    }
-
-    /**
-     * Checks if `value` is a number.
-     *
-     * Note: `NaN` is considered a number. See http://es5.github.io/#x8.5.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a number, else `false`.
-     * @example
-     *
-     * _.isNumber(8.4 * 5);
-     * // => true
-     */
-    function isNumber(value) {
-      return typeof value == 'number' ||
-        value && typeof value == 'object' && toString.call(value) == numberClass || false;
-    }
-
-    /**
-     * Checks if `value` is an object created by the `Object` constructor.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
-     * @example
-     *
-     * function Shape() {
-     *   this.x = 0;
-     *   this.y = 0;
-     * }
-     *
-     * _.isPlainObject(new Shape);
-     * // => false
-     *
-     * _.isPlainObject([1, 2, 3]);
-     * // => false
-     *
-     * _.isPlainObject({ 'x': 0, 'y': 0 });
-     * // => true
-     */
-    var isPlainObject = !getPrototypeOf ? shimIsPlainObject : function(value) {
-      if (!(value && toString.call(value) == objectClass)) {
-        return false;
-      }
-      var valueOf = value.valueOf,
-          objProto = isNative(valueOf) && (objProto = getPrototypeOf(valueOf)) && getPrototypeOf(objProto);
-
-      return objProto
-        ? (value == objProto || getPrototypeOf(value) == objProto)
-        : shimIsPlainObject(value);
-    };
-
-    /**
-     * Checks if `value` is a regular expression.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a regular expression, else `false`.
-     * @example
-     *
-     * _.isRegExp(/fred/);
-     * // => true
-     */
-    function isRegExp(value) {
-      return value && typeof value == 'object' && toString.call(value) == regexpClass || false;
-    }
-
-    /**
-     * Checks if `value` is a string.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is a string, else `false`.
-     * @example
-     *
-     * _.isString('fred');
-     * // => true
-     */
-    function isString(value) {
-      return typeof value == 'string' ||
-        value && typeof value == 'object' && toString.call(value) == stringClass || false;
-    }
-
-    /**
-     * Checks if `value` is `undefined`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if the `value` is `undefined`, else `false`.
-     * @example
-     *
-     * _.isUndefined(void 0);
-     * // => true
-     */
-    function isUndefined(value) {
-      return typeof value == 'undefined';
-    }
-
-    /**
-     * Creates an object with the same keys as `object` and values generated by
-     * running each own enumerable property of `object` through the callback.
-     * The callback is bound to `thisArg` and invoked with three arguments;
-     * (value, key, object).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a new object with values of the results of each `callback` execution.
-     * @example
-     *
-     * _.mapValues({ 'a': 1, 'b': 2, 'c': 3} , function(num) { return num * 3; });
-     * // => { 'a': 3, 'b': 6, 'c': 9 }
-     *
-     * var characters = {
-     *   'fred': { 'name': 'fred', 'age': 40 },
-     *   'pebbles': { 'name': 'pebbles', 'age': 1 }
-     * };
-     *
-     * // using "_.pluck" callback shorthand
-     * _.mapValues(characters, 'age');
-     * // => { 'fred': 40, 'pebbles': 1 }
-     */
-    function mapValues(object, callback, thisArg) {
-      var result = {};
-      callback = lodash.createCallback(callback, thisArg, 3);
-
-      forOwn(object, function(value, key, object) {
-        result[key] = callback(value, key, object);
-      });
-      return result;
-    }
-
-    /**
-     * Recursively merges own enumerable properties of the source object(s), that
-     * don't resolve to `undefined` into the destination object. Subsequent sources
-     * will overwrite property assignments of previous sources. If a callback is
-     * provided it will be executed to produce the merged values of the destination
-     * and source properties. If the callback returns `undefined` merging will
-     * be handled by the method instead. The callback is bound to `thisArg` and
-     * invoked with two arguments; (objectValue, sourceValue).
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The destination object.
-     * @param {...Object} [source] The source objects.
-     * @param {Function} [callback] The function to customize merging properties.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns the destination object.
-     * @example
-     *
-     * var names = {
-     *   'characters': [
-     *     { 'name': 'barney' },
-     *     { 'name': 'fred' }
-     *   ]
-     * };
-     *
-     * var ages = {
-     *   'characters': [
-     *     { 'age': 36 },
-     *     { 'age': 40 }
-     *   ]
-     * };
-     *
-     * _.merge(names, ages);
-     * // => { 'characters': [{ 'name': 'barney', 'age': 36 }, { 'name': 'fred', 'age': 40 }] }
-     *
-     * var food = {
-     *   'fruits': ['apple'],
-     *   'vegetables': ['beet']
-     * };
-     *
-     * var otherFood = {
-     *   'fruits': ['banana'],
-     *   'vegetables': ['carrot']
-     * };
-     *
-     * _.merge(food, otherFood, function(a, b) {
-     *   return _.isArray(a) ? a.concat(b) : undefined;
-     * });
-     * // => { 'fruits': ['apple', 'banana'], 'vegetables': ['beet', 'carrot] }
-     */
-    function merge(object) {
-      var args = arguments,
-          length = 2;
-
-      if (!isObject(object)) {
-        return object;
-      }
-      // allows working with `_.reduce` and `_.reduceRight` without using
-      // their `index` and `collection` arguments
-      if (typeof args[2] != 'number') {
-        length = args.length;
-      }
-      if (length > 3 && typeof args[length - 2] == 'function') {
-        var callback = baseCreateCallback(args[--length - 1], args[length--], 2);
-      } else if (length > 2 && typeof args[length - 1] == 'function') {
-        callback = args[--length];
-      }
-      var sources = slice(arguments, 1, length),
-          index = -1,
-          stackA = getArray(),
-          stackB = getArray();
-
-      while (++index < length) {
-        baseMerge(object, sources[index], callback, stackA, stackB);
-      }
-      releaseArray(stackA);
-      releaseArray(stackB);
-      return object;
-    }
-
-    /**
-     * Creates a shallow clone of `object` excluding the specified properties.
-     * Property names may be specified as individual arguments or as arrays of
-     * property names. If a callback is provided it will be executed for each
-     * property of `object` omitting the properties the callback returns truey
-     * for. The callback is bound to `thisArg` and invoked with three arguments;
-     * (value, key, object).
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The source object.
-     * @param {Function|...string|string[]} [callback] The properties to omit or the
-     *  function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns an object without the omitted properties.
-     * @example
-     *
-     * _.omit({ 'name': 'fred', 'age': 40 }, 'age');
-     * // => { 'name': 'fred' }
-     *
-     * _.omit({ 'name': 'fred', 'age': 40 }, function(value) {
-     *   return typeof value == 'number';
-     * });
-     * // => { 'name': 'fred' }
-     */
-    function omit(object, callback, thisArg) {
-      var result = {};
-      if (typeof callback != 'function') {
-        var props = [];
-        forIn(object, function(value, key) {
-          props.push(key);
-        });
-        props = baseDifference(props, baseFlatten(arguments, true, false, 1));
-
-        var index = -1,
-            length = props.length;
-
-        while (++index < length) {
-          var key = props[index];
-          result[key] = object[key];
-        }
-      } else {
-        callback = lodash.createCallback(callback, thisArg, 3);
-        forIn(object, function(value, key, object) {
-          if (!callback(value, key, object)) {
-            result[key] = value;
-          }
-        });
-      }
-      return result;
-    }
-
-    /**
-     * Creates a two dimensional array of an object's key-value pairs,
-     * i.e. `[[key1, value1], [key2, value2]]`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to inspect.
-     * @returns {Array} Returns new array of key-value pairs.
-     * @example
-     *
-     * _.pairs({ 'barney': 36, 'fred': 40 });
-     * // => [['barney', 36], ['fred', 40]] (property order is not guaranteed across environments)
-     */
-    function pairs(object) {
-      var index = -1,
-          props = keys(object),
-          length = props.length,
-          result = Array(length);
-
-      while (++index < length) {
-        var key = props[index];
-        result[index] = [key, object[key]];
-      }
-      return result;
-    }
-
-    /**
-     * Creates a shallow clone of `object` composed of the specified properties.
-     * Property names may be specified as individual arguments or as arrays of
-     * property names. If a callback is provided it will be executed for each
-     * property of `object` picking the properties the callback returns truey
-     * for. The callback is bound to `thisArg` and invoked with three arguments;
-     * (value, key, object).
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The source object.
-     * @param {Function|...string|string[]} [callback] The function called per
-     *  iteration or property names to pick, specified as individual property
-     *  names or arrays of property names.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns an object composed of the picked properties.
-     * @example
-     *
-     * _.pick({ 'name': 'fred', '_userid': 'fred1' }, 'name');
-     * // => { 'name': 'fred' }
-     *
-     * _.pick({ 'name': 'fred', '_userid': 'fred1' }, function(value, key) {
-     *   return key.charAt(0) != '_';
-     * });
-     * // => { 'name': 'fred' }
-     */
-    function pick(object, callback, thisArg) {
-      var result = {};
-      if (typeof callback != 'function') {
-        var index = -1,
-            props = baseFlatten(arguments, true, false, 1),
-            length = isObject(object) ? props.length : 0;
-
-        while (++index < length) {
-          var key = props[index];
-          if (key in object) {
-            result[key] = object[key];
-          }
-        }
-      } else {
-        callback = lodash.createCallback(callback, thisArg, 3);
-        forIn(object, function(value, key, object) {
-          if (callback(value, key, object)) {
-            result[key] = value;
-          }
-        });
-      }
-      return result;
-    }
-
-    /**
-     * An alternative to `_.reduce` this method transforms `object` to a new
-     * `accumulator` object which is the result of running each of its own
-     * enumerable properties through a callback, with each callback execution
-     * potentially mutating the `accumulator` object. The callback is bound to
-     * `thisArg` and invoked with four arguments; (accumulator, value, key, object).
-     * Callbacks may exit iteration early by explicitly returning `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Array|Object} object The object to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [accumulator] The custom accumulator value.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the accumulated value.
-     * @example
-     *
-     * var squares = _.transform([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], function(result, num) {
-     *   num *= num;
-     *   if (num % 2) {
-     *     return result.push(num) < 3;
-     *   }
-     * });
-     * // => [1, 9, 25]
-     *
-     * var mapped = _.transform({ 'a': 1, 'b': 2, 'c': 3 }, function(result, num, key) {
-     *   result[key] = num * 3;
-     * });
-     * // => { 'a': 3, 'b': 6, 'c': 9 }
-     */
-    function transform(object, callback, accumulator, thisArg) {
-      var isArr = isArray(object);
-      if (accumulator == null) {
-        if (isArr) {
-          accumulator = [];
-        } else {
-          var ctor = object && object.constructor,
-              proto = ctor && ctor.prototype;
-
-          accumulator = baseCreate(proto);
-        }
-      }
-      if (callback) {
-        callback = lodash.createCallback(callback, thisArg, 4);
-        (isArr ? forEach : forOwn)(object, function(value, index, object) {
-          return callback(accumulator, value, index, object);
-        });
-      }
-      return accumulator;
-    }
-
-    /**
-     * Creates an array composed of the own enumerable property values of `object`.
-     *
-     * @static
-     * @memberOf _
-     * @category Objects
-     * @param {Object} object The object to inspect.
-     * @returns {Array} Returns an array of property values.
-     * @example
-     *
-     * _.values({ 'one': 1, 'two': 2, 'three': 3 });
-     * // => [1, 2, 3] (property order is not guaranteed across environments)
-     */
-    function values(object) {
-      var index = -1,
-          props = keys(object),
-          length = props.length,
-          result = Array(length);
-
-      while (++index < length) {
-        result[index] = object[props[index]];
-      }
-      return result;
-    }
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Creates an array of elements from the specified indexes, or keys, of the
-     * `collection`. Indexes may be specified as individual arguments or as arrays
-     * of indexes.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {...(number|number[]|string|string[])} [index] The indexes of `collection`
-     *   to retrieve, specified as individual indexes or arrays of indexes.
-     * @returns {Array} Returns a new array of elements corresponding to the
-     *  provided indexes.
-     * @example
-     *
-     * _.at(['a', 'b', 'c', 'd', 'e'], [0, 2, 4]);
-     * // => ['a', 'c', 'e']
-     *
-     * _.at(['fred', 'barney', 'pebbles'], 0, 2);
-     * // => ['fred', 'pebbles']
-     */
-    function at(collection) {
-      var args = arguments,
-          index = -1,
-          props = baseFlatten(args, true, false, 1),
-          length = (args[2] && args[2][args[1]] === collection) ? 1 : props.length,
-          result = Array(length);
-
-      while(++index < length) {
-        result[index] = collection[props[index]];
-      }
-      return result;
-    }
-
-    /**
-     * Checks if a given value is present in a collection using strict equality
-     * for comparisons, i.e. `===`. If `fromIndex` is negative, it is used as the
-     * offset from the end of the collection.
-     *
-     * @static
-     * @memberOf _
-     * @alias include
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {*} target The value to check for.
-     * @param {number} [fromIndex=0] The index to search from.
-     * @returns {boolean} Returns `true` if the `target` element is found, else `false`.
-     * @example
-     *
-     * _.contains([1, 2, 3], 1);
-     * // => true
-     *
-     * _.contains([1, 2, 3], 1, 2);
-     * // => false
-     *
-     * _.contains({ 'name': 'fred', 'age': 40 }, 'fred');
-     * // => true
-     *
-     * _.contains('pebbles', 'eb');
-     * // => true
-     */
-    function contains(collection, target, fromIndex) {
-      var index = -1,
-          indexOf = getIndexOf(),
-          length = collection ? collection.length : 0,
-          result = false;
-
-      fromIndex = (fromIndex < 0 ? nativeMax(0, length + fromIndex) : fromIndex) || 0;
-      if (isArray(collection)) {
-        result = indexOf(collection, target, fromIndex) > -1;
-      } else if (typeof length == 'number') {
-        result = (isString(collection) ? collection.indexOf(target, fromIndex) : indexOf(collection, target, fromIndex)) > -1;
-      } else {
-        forOwn(collection, function(value) {
-          if (++index >= fromIndex) {
-            return !(result = value === target);
-          }
-        });
-      }
-      return result;
-    }
-
-    /**
-     * Creates an object composed of keys generated from the results of running
-     * each element of `collection` through the callback. The corresponding value
-     * of each key is the number of times the key was returned by the callback.
-     * The callback is bound to `thisArg` and invoked with three arguments;
-     * (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns the composed aggregate object.
-     * @example
-     *
-     * _.countBy([4.3, 6.1, 6.4], function(num) { return Math.floor(num); });
-     * // => { '4': 1, '6': 2 }
-     *
-     * _.countBy([4.3, 6.1, 6.4], function(num) { return this.floor(num); }, Math);
-     * // => { '4': 1, '6': 2 }
-     *
-     * _.countBy(['one', 'two', 'three'], 'length');
-     * // => { '3': 2, '5': 1 }
-     */
-    var countBy = createAggregator(function(result, value, key) {
-      (hasOwnProperty.call(result, key) ? result[key]++ : result[key] = 1);
-    });
-
-    /**
-     * Checks if the given callback returns truey value for **all** elements of
-     * a collection. The callback is bound to `thisArg` and invoked with three
-     * arguments; (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias all
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {boolean} Returns `true` if all elements passed the callback check,
-     *  else `false`.
-     * @example
-     *
-     * _.every([true, 1, null, 'yes']);
-     * // => false
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.every(characters, 'age');
-     * // => true
-     *
-     * // using "_.where" callback shorthand
-     * _.every(characters, { 'age': 36 });
-     * // => false
-     */
-    function every(collection, callback, thisArg) {
-      var result = true;
-      callback = lodash.createCallback(callback, thisArg, 3);
-
-      var index = -1,
-          length = collection ? collection.length : 0;
-
-      if (typeof length == 'number') {
-        while (++index < length) {
-          if (!(result = !!callback(collection[index], index, collection))) {
-            break;
-          }
-        }
-      } else {
-        forOwn(collection, function(value, index, collection) {
-          return (result = !!callback(value, index, collection));
-        });
-      }
-      return result;
-    }
-
-    /**
-     * Iterates over elements of a collection, returning an array of all elements
-     * the callback returns truey for. The callback is bound to `thisArg` and
-     * invoked with three arguments; (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias select
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a new array of elements that passed the callback check.
-     * @example
-     *
-     * var evens = _.filter([1, 2, 3, 4, 5, 6], function(num) { return num % 2 == 0; });
-     * // => [2, 4, 6]
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36, 'blocked': false },
-     *   { 'name': 'fred',   'age': 40, 'blocked': true }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.filter(characters, 'blocked');
-     * // => [{ 'name': 'fred', 'age': 40, 'blocked': true }]
-     *
-     * // using "_.where" callback shorthand
-     * _.filter(characters, { 'age': 36 });
-     * // => [{ 'name': 'barney', 'age': 36, 'blocked': false }]
-     */
-    function filter(collection, callback, thisArg) {
-      var result = [];
-      callback = lodash.createCallback(callback, thisArg, 3);
-
-      var index = -1,
-          length = collection ? collection.length : 0;
-
-      if (typeof length == 'number') {
-        while (++index < length) {
-          var value = collection[index];
-          if (callback(value, index, collection)) {
-            result.push(value);
-          }
-        }
-      } else {
-        forOwn(collection, function(value, index, collection) {
-          if (callback(value, index, collection)) {
-            result.push(value);
-          }
-        });
-      }
-      return result;
-    }
-
-    /**
-     * Iterates over elements of a collection, returning the first element that
-     * the callback returns truey for. The callback is bound to `thisArg` and
-     * invoked with three arguments; (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias detect, findWhere
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the found element, else `undefined`.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'age': 36, 'blocked': false },
-     *   { 'name': 'fred',    'age': 40, 'blocked': true },
-     *   { 'name': 'pebbles', 'age': 1,  'blocked': false }
-     * ];
-     *
-     * _.find(characters, function(chr) {
-     *   return chr.age < 40;
-     * });
-     * // => { 'name': 'barney', 'age': 36, 'blocked': false }
-     *
-     * // using "_.where" callback shorthand
-     * _.find(characters, { 'age': 1 });
-     * // =>  { 'name': 'pebbles', 'age': 1, 'blocked': false }
-     *
-     * // using "_.pluck" callback shorthand
-     * _.find(characters, 'blocked');
-     * // => { 'name': 'fred', 'age': 40, 'blocked': true }
-     */
-    function find(collection, callback, thisArg) {
-      callback = lodash.createCallback(callback, thisArg, 3);
-
-      var index = -1,
-          length = collection ? collection.length : 0;
-
-      if (typeof length == 'number') {
-        while (++index < length) {
-          var value = collection[index];
-          if (callback(value, index, collection)) {
-            return value;
-          }
-        }
-      } else {
-        var result;
-        forOwn(collection, function(value, index, collection) {
-          if (callback(value, index, collection)) {
-            result = value;
-            return false;
-          }
-        });
-        return result;
-      }
-    }
-
-    /**
-     * This method is like `_.find` except that it iterates over elements
-     * of a `collection` from right to left.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the found element, else `undefined`.
-     * @example
-     *
-     * _.findLast([1, 2, 3, 4], function(num) {
-     *   return num % 2 == 1;
-     * });
-     * // => 3
-     */
-    function findLast(collection, callback, thisArg) {
-      var result;
-      callback = lodash.createCallback(callback, thisArg, 3);
-      forEachRight(collection, function(value, index, collection) {
-        if (callback(value, index, collection)) {
-          result = value;
-          return false;
-        }
-      });
-      return result;
-    }
-
-    /**
-     * Iterates over elements of a collection, executing the callback for each
-     * element. The callback is bound to `thisArg` and invoked with three arguments;
-     * (value, index|key, collection). Callbacks may exit iteration early by
-     * explicitly returning `false`.
-     *
-     * Note: As with other "Collections" methods, objects with a `length` property
-     * are iterated like arrays. To avoid this behavior `_.forIn` or `_.forOwn`
-     * may be used for object iteration.
-     *
-     * @static
-     * @memberOf _
-     * @alias each
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array|Object|string} Returns `collection`.
-     * @example
-     *
-     * _([1, 2, 3]).forEach(function(num) { console.log(num); }).join(',');
-     * // => logs each number and returns '1,2,3'
-     *
-     * _.forEach({ 'one': 1, 'two': 2, 'three': 3 }, function(num) { console.log(num); });
-     * // => logs each number and returns the object (property order is not guaranteed across environments)
-     */
-    function forEach(collection, callback, thisArg) {
-      var index = -1,
-          length = collection ? collection.length : 0;
-
-      callback = callback && typeof thisArg == 'undefined' ? callback : baseCreateCallback(callback, thisArg, 3);
-      if (typeof length == 'number') {
-        while (++index < length) {
-          if (callback(collection[index], index, collection) === false) {
-            break;
-          }
-        }
-      } else {
-        forOwn(collection, callback);
-      }
-      return collection;
-    }
-
-    /**
-     * This method is like `_.forEach` except that it iterates over elements
-     * of a `collection` from right to left.
-     *
-     * @static
-     * @memberOf _
-     * @alias eachRight
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array|Object|string} Returns `collection`.
-     * @example
-     *
-     * _([1, 2, 3]).forEachRight(function(num) { console.log(num); }).join(',');
-     * // => logs each number from right to left and returns '3,2,1'
-     */
-    function forEachRight(collection, callback, thisArg) {
-      var length = collection ? collection.length : 0;
-      callback = callback && typeof thisArg == 'undefined' ? callback : baseCreateCallback(callback, thisArg, 3);
-      if (typeof length == 'number') {
-        while (length--) {
-          if (callback(collection[length], length, collection) === false) {
-            break;
-          }
-        }
-      } else {
-        var props = keys(collection);
-        length = props.length;
-        forOwn(collection, function(value, key, collection) {
-          key = props ? props[--length] : --length;
-          return callback(collection[key], key, collection);
-        });
-      }
-      return collection;
-    }
-
-    /**
-     * Creates an object composed of keys generated from the results of running
-     * each element of a collection through the callback. The corresponding value
-     * of each key is an array of the elements responsible for generating the key.
-     * The callback is bound to `thisArg` and invoked with three arguments;
-     * (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns the composed aggregate object.
-     * @example
-     *
-     * _.groupBy([4.2, 6.1, 6.4], function(num) { return Math.floor(num); });
-     * // => { '4': [4.2], '6': [6.1, 6.4] }
-     *
-     * _.groupBy([4.2, 6.1, 6.4], function(num) { return this.floor(num); }, Math);
-     * // => { '4': [4.2], '6': [6.1, 6.4] }
-     *
-     * // using "_.pluck" callback shorthand
-     * _.groupBy(['one', 'two', 'three'], 'length');
-     * // => { '3': ['one', 'two'], '5': ['three'] }
-     */
-    var groupBy = createAggregator(function(result, value, key) {
-      (hasOwnProperty.call(result, key) ? result[key] : result[key] = []).push(value);
-    });
-
-    /**
-     * Creates an object composed of keys generated from the results of running
-     * each element of the collection through the given callback. The corresponding
-     * value of each key is the last element responsible for generating the key.
-     * The callback is bound to `thisArg` and invoked with three arguments;
-     * (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Object} Returns the composed aggregate object.
-     * @example
-     *
-     * var keys = [
-     *   { 'dir': 'left', 'code': 97 },
-     *   { 'dir': 'right', 'code': 100 }
-     * ];
-     *
-     * _.indexBy(keys, 'dir');
-     * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }
-     *
-     * _.indexBy(keys, function(key) { return String.fromCharCode(key.code); });
-     * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }
-     *
-     * _.indexBy(characters, function(key) { this.fromCharCode(key.code); }, String);
-     * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }
-     */
-    var indexBy = createAggregator(function(result, value, key) {
-      result[key] = value;
-    });
-
-    /**
-     * Invokes the method named by `methodName` on each element in the `collection`
-     * returning an array of the results of each invoked method. Additional arguments
-     * will be provided to each invoked method. If `methodName` is a function it
-     * will be invoked for, and `this` bound to, each element in the `collection`.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|string} methodName The name of the method to invoke or
-     *  the function invoked per iteration.
-     * @param {...*} [arg] Arguments to invoke the method with.
-     * @returns {Array} Returns a new array of the results of each invoked method.
-     * @example
-     *
-     * _.invoke([[5, 1, 7], [3, 2, 1]], 'sort');
-     * // => [[1, 5, 7], [1, 2, 3]]
-     *
-     * _.invoke([123, 456], String.prototype.split, '');
-     * // => [['1', '2', '3'], ['4', '5', '6']]
-     */
-    function invoke(collection, methodName) {
-      var args = slice(arguments, 2),
-          index = -1,
-          isFunc = typeof methodName == 'function',
-          length = collection ? collection.length : 0,
-          result = Array(typeof length == 'number' ? length : 0);
-
-      forEach(collection, function(value) {
-        result[++index] = (isFunc ? methodName : value[methodName]).apply(value, args);
-      });
-      return result;
-    }
-
-    /**
-     * Creates an array of values by running each element in the collection
-     * through the callback. The callback is bound to `thisArg` and invoked with
-     * three arguments; (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias collect
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a new array of the results of each `callback` execution.
-     * @example
-     *
-     * _.map([1, 2, 3], function(num) { return num * 3; });
-     * // => [3, 6, 9]
-     *
-     * _.map({ 'one': 1, 'two': 2, 'three': 3 }, function(num) { return num * 3; });
-     * // => [3, 6, 9] (property order is not guaranteed across environments)
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.map(characters, 'name');
-     * // => ['barney', 'fred']
-     */
-    function map(collection, callback, thisArg) {
-      var index = -1,
-          length = collection ? collection.length : 0;
-
-      callback = lodash.createCallback(callback, thisArg, 3);
-      if (typeof length == 'number') {
-        var result = Array(length);
-        while (++index < length) {
-          result[index] = callback(collection[index], index, collection);
-        }
-      } else {
-        result = [];
-        forOwn(collection, function(value, key, collection) {
-          result[++index] = callback(value, key, collection);
-        });
-      }
-      return result;
-    }
-
-    /**
-     * Retrieves the maximum value of a collection. If the collection is empty or
-     * falsey `-Infinity` is returned. If a callback is provided it will be executed
-     * for each value in the collection to generate the criterion by which the value
-     * is ranked. The callback is bound to `thisArg` and invoked with three
-     * arguments; (value, index, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the maximum value.
-     * @example
-     *
-     * _.max([4, 2, 8, 6]);
-     * // => 8
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * _.max(characters, function(chr) { return chr.age; });
-     * // => { 'name': 'fred', 'age': 40 };
-     *
-     * // using "_.pluck" callback shorthand
-     * _.max(characters, 'age');
-     * // => { 'name': 'fred', 'age': 40 };
-     */
-    function max(collection, callback, thisArg) {
-      var computed = -Infinity,
-          result = computed;
-
-      // allows working with functions like `_.map` without using
-      // their `index` argument as a callback
-      if (typeof callback != 'function' && thisArg && thisArg[callback] === collection) {
-        callback = null;
-      }
-      if (callback == null && isArray(collection)) {
-        var index = -1,
-            length = collection.length;
-
-        while (++index < length) {
-          var value = collection[index];
-          if (value > result) {
-            result = value;
-          }
-        }
-      } else {
-        callback = (callback == null && isString(collection))
-          ? charAtCallback
-          : lodash.createCallback(callback, thisArg, 3);
-
-        forEach(collection, function(value, index, collection) {
-          var current = callback(value, index, collection);
-          if (current > computed) {
-            computed = current;
-            result = value;
-          }
-        });
-      }
-      return result;
-    }
-
-    /**
-     * Retrieves the minimum value of a collection. If the collection is empty or
-     * falsey `Infinity` is returned. If a callback is provided it will be executed
-     * for each value in the collection to generate the criterion by which the value
-     * is ranked. The callback is bound to `thisArg` and invoked with three
-     * arguments; (value, index, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the minimum value.
-     * @example
-     *
-     * _.min([4, 2, 8, 6]);
-     * // => 2
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * _.min(characters, function(chr) { return chr.age; });
-     * // => { 'name': 'barney', 'age': 36 };
-     *
-     * // using "_.pluck" callback shorthand
-     * _.min(characters, 'age');
-     * // => { 'name': 'barney', 'age': 36 };
-     */
-    function min(collection, callback, thisArg) {
-      var computed = Infinity,
-          result = computed;
-
-      // allows working with functions like `_.map` without using
-      // their `index` argument as a callback
-      if (typeof callback != 'function' && thisArg && thisArg[callback] === collection) {
-        callback = null;
-      }
-      if (callback == null && isArray(collection)) {
-        var index = -1,
-            length = collection.length;
-
-        while (++index < length) {
-          var value = collection[index];
-          if (value < result) {
-            result = value;
-          }
-        }
-      } else {
-        callback = (callback == null && isString(collection))
-          ? charAtCallback
-          : lodash.createCallback(callback, thisArg, 3);
-
-        forEach(collection, function(value, index, collection) {
-          var current = callback(value, index, collection);
-          if (current < computed) {
-            computed = current;
-            result = value;
-          }
-        });
-      }
-      return result;
-    }
-
-    /**
-     * Retrieves the value of a specified property from all elements in the collection.
-     *
-     * @static
-     * @memberOf _
-     * @type Function
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {string} property The name of the property to pluck.
-     * @returns {Array} Returns a new array of property values.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * _.pluck(characters, 'name');
-     * // => ['barney', 'fred']
-     */
-    var pluck = map;
-
-    /**
-     * Reduces a collection to a value which is the accumulated result of running
-     * each element in the collection through the callback, where each successive
-     * callback execution consumes the return value of the previous execution. If
-     * `accumulator` is not provided the first element of the collection will be
-     * used as the initial `accumulator` value. The callback is bound to `thisArg`
-     * and invoked with four arguments; (accumulator, value, index|key, collection).
-     *
-     * @static
-     * @memberOf _
-     * @alias foldl, inject
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [accumulator] Initial value of the accumulator.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the accumulated value.
-     * @example
-     *
-     * var sum = _.reduce([1, 2, 3], function(sum, num) {
-     *   return sum + num;
-     * });
-     * // => 6
-     *
-     * var mapped = _.reduce({ 'a': 1, 'b': 2, 'c': 3 }, function(result, num, key) {
-     *   result[key] = num * 3;
-     *   return result;
-     * }, {});
-     * // => { 'a': 3, 'b': 6, 'c': 9 }
-     */
-    function reduce(collection, callback, accumulator, thisArg) {
-      if (!collection) return accumulator;
-      var noaccum = arguments.length < 3;
-      callback = lodash.createCallback(callback, thisArg, 4);
-
-      var index = -1,
-          length = collection.length;
-
-      if (typeof length == 'number') {
-        if (noaccum) {
-          accumulator = collection[++index];
-        }
-        while (++index < length) {
-          accumulator = callback(accumulator, collection[index], index, collection);
-        }
-      } else {
-        forOwn(collection, function(value, index, collection) {
-          accumulator = noaccum
-            ? (noaccum = false, value)
-            : callback(accumulator, value, index, collection)
-        });
-      }
-      return accumulator;
-    }
-
-    /**
-     * This method is like `_.reduce` except that it iterates over elements
-     * of a `collection` from right to left.
-     *
-     * @static
-     * @memberOf _
-     * @alias foldr
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function} [callback=identity] The function called per iteration.
-     * @param {*} [accumulator] Initial value of the accumulator.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the accumulated value.
-     * @example
-     *
-     * var list = [[0, 1], [2, 3], [4, 5]];
-     * var flat = _.reduceRight(list, function(a, b) { return a.concat(b); }, []);
-     * // => [4, 5, 2, 3, 0, 1]
-     */
-    function reduceRight(collection, callback, accumulator, thisArg) {
-      var noaccum = arguments.length < 3;
-      callback = lodash.createCallback(callback, thisArg, 4);
-      forEachRight(collection, function(value, index, collection) {
-        accumulator = noaccum
-          ? (noaccum = false, value)
-          : callback(accumulator, value, index, collection);
-      });
-      return accumulator;
-    }
-
-    /**
-     * The opposite of `_.filter` this method returns the elements of a
-     * collection that the callback does **not** return truey for.
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a new array of elements that failed the callback check.
-     * @example
-     *
-     * var odds = _.reject([1, 2, 3, 4, 5, 6], function(num) { return num % 2 == 0; });
-     * // => [1, 3, 5]
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36, 'blocked': false },
-     *   { 'name': 'fred',   'age': 40, 'blocked': true }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.reject(characters, 'blocked');
-     * // => [{ 'name': 'barney', 'age': 36, 'blocked': false }]
-     *
-     * // using "_.where" callback shorthand
-     * _.reject(characters, { 'age': 36 });
-     * // => [{ 'name': 'fred', 'age': 40, 'blocked': true }]
-     */
-    function reject(collection, callback, thisArg) {
-      callback = lodash.createCallback(callback, thisArg, 3);
-      return filter(collection, function(value, index, collection) {
-        return !callback(value, index, collection);
-      });
-    }
-
-    /**
-     * Retrieves a random element or `n` random elements from a collection.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to sample.
-     * @param {number} [n] The number of elements to sample.
-     * @param- {Object} [guard] Allows working with functions like `_.map`
-     *  without using their `index` arguments as `n`.
-     * @returns {Array} Returns the random sample(s) of `collection`.
-     * @example
-     *
-     * _.sample([1, 2, 3, 4]);
-     * // => 2
-     *
-     * _.sample([1, 2, 3, 4], 2);
-     * // => [3, 1]
-     */
-    function sample(collection, n, guard) {
-      if (collection && typeof collection.length != 'number') {
-        collection = values(collection);
-      }
-      if (n == null || guard) {
-        return collection ? collection[baseRandom(0, collection.length - 1)] : undefined;
-      }
-      var result = shuffle(collection);
-      result.length = nativeMin(nativeMax(0, n), result.length);
-      return result;
-    }
-
-    /**
-     * Creates an array of shuffled values, using a version of the Fisher-Yates
-     * shuffle. See http://en.wikipedia.org/wiki/Fisher-Yates_shuffle.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to shuffle.
-     * @returns {Array} Returns a new shuffled collection.
-     * @example
-     *
-     * _.shuffle([1, 2, 3, 4, 5, 6]);
-     * // => [4, 1, 6, 3, 5, 2]
-     */
-    function shuffle(collection) {
-      var index = -1,
-          length = collection ? collection.length : 0,
-          result = Array(typeof length == 'number' ? length : 0);
-
-      forEach(collection, function(value) {
-        var rand = baseRandom(0, ++index);
-        result[index] = result[rand];
-        result[rand] = value;
-      });
-      return result;
-    }
-
-    /**
-     * Gets the size of the `collection` by returning `collection.length` for arrays
-     * and array-like objects or the number of own enumerable properties for objects.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to inspect.
-     * @returns {number} Returns `collection.length` or number of own enumerable properties.
-     * @example
-     *
-     * _.size([1, 2]);
-     * // => 2
-     *
-     * _.size({ 'one': 1, 'two': 2, 'three': 3 });
-     * // => 3
-     *
-     * _.size('pebbles');
-     * // => 7
-     */
-    function size(collection) {
-      var length = collection ? collection.length : 0;
-      return typeof length == 'number' ? length : keys(collection).length;
-    }
-
-    /**
-     * Checks if the callback returns a truey value for **any** element of a
-     * collection. The function returns as soon as it finds a passing value and
-     * does not iterate over the entire collection. The callback is bound to
-     * `thisArg` and invoked with three arguments; (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias any
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {boolean} Returns `true` if any element passed the callback check,
-     *  else `false`.
-     * @example
-     *
-     * _.some([null, 0, 'yes', false], Boolean);
-     * // => true
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36, 'blocked': false },
-     *   { 'name': 'fred',   'age': 40, 'blocked': true }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.some(characters, 'blocked');
-     * // => true
-     *
-     * // using "_.where" callback shorthand
-     * _.some(characters, { 'age': 1 });
-     * // => false
-     */
-    function some(collection, callback, thisArg) {
-      var result;
-      callback = lodash.createCallback(callback, thisArg, 3);
-
-      var index = -1,
-          length = collection ? collection.length : 0;
-
-      if (typeof length == 'number') {
-        while (++index < length) {
-          if ((result = callback(collection[index], index, collection))) {
-            break;
-          }
-        }
-      } else {
-        forOwn(collection, function(value, index, collection) {
-          return !(result = callback(value, index, collection));
-        });
-      }
-      return !!result;
-    }
-
-    /**
-     * Creates an array of elements, sorted in ascending order by the results of
-     * running each element in a collection through the callback. This method
-     * performs a stable sort, that is, it will preserve the original sort order
-     * of equal elements. The callback is bound to `thisArg` and invoked with
-     * three arguments; (value, index|key, collection).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an array of property names is provided for `callback` the collection
-     * will be sorted by each property value.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Array|Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a new array of sorted elements.
-     * @example
-     *
-     * _.sortBy([1, 2, 3], function(num) { return Math.sin(num); });
-     * // => [3, 1, 2]
-     *
-     * _.sortBy([1, 2, 3], function(num) { return this.sin(num); }, Math);
-     * // => [3, 1, 2]
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'age': 36 },
-     *   { 'name': 'fred',    'age': 40 },
-     *   { 'name': 'barney',  'age': 26 },
-     *   { 'name': 'fred',    'age': 30 }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.map(_.sortBy(characters, 'age'), _.values);
-     * // => [['barney', 26], ['fred', 30], ['barney', 36], ['fred', 40]]
-     *
-     * // sorting by multiple properties
-     * _.map(_.sortBy(characters, ['name', 'age']), _.values);
-     * // = > [['barney', 26], ['barney', 36], ['fred', 30], ['fred', 40]]
-     */
-    function sortBy(collection, callback, thisArg) {
-      var index = -1,
-          isArr = isArray(callback),
-          length = collection ? collection.length : 0,
-          result = Array(typeof length == 'number' ? length : 0);
-
-      if (!isArr) {
-        callback = lodash.createCallback(callback, thisArg, 3);
-      }
-      forEach(collection, function(value, key, collection) {
-        var object = result[++index] = getObject();
-        if (isArr) {
-          object.criteria = map(callback, function(key) { return value[key]; });
-        } else {
-          (object.criteria = getArray())[0] = callback(value, key, collection);
-        }
-        object.index = index;
-        object.value = value;
-      });
-
-      length = result.length;
-      result.sort(compareAscending);
-      while (length--) {
-        var object = result[length];
-        result[length] = object.value;
-        if (!isArr) {
-          releaseArray(object.criteria);
-        }
-        releaseObject(object);
-      }
-      return result;
-    }
-
-    /**
-     * Converts the `collection` to an array.
-     *
-     * @static
-     * @memberOf _
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to convert.
-     * @returns {Array} Returns the new converted array.
-     * @example
-     *
-     * (function() { return _.toArray(arguments).slice(1); })(1, 2, 3, 4);
-     * // => [2, 3, 4]
-     */
-    function toArray(collection) {
-      if (collection && typeof collection.length == 'number') {
-        return slice(collection);
-      }
-      return values(collection);
-    }
-
-    /**
-     * Performs a deep comparison of each element in a `collection` to the given
-     * `properties` object, returning an array of all elements that have equivalent
-     * property values.
-     *
-     * @static
-     * @memberOf _
-     * @type Function
-     * @category Collections
-     * @param {Array|Object|string} collection The collection to iterate over.
-     * @param {Object} props The object of property values to filter by.
-     * @returns {Array} Returns a new array of elements that have the given properties.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36, 'pets': ['hoppy'] },
-     *   { 'name': 'fred',   'age': 40, 'pets': ['baby puss', 'dino'] }
-     * ];
-     *
-     * _.where(characters, { 'age': 36 });
-     * // => [{ 'name': 'barney', 'age': 36, 'pets': ['hoppy'] }]
-     *
-     * _.where(characters, { 'pets': ['dino'] });
-     * // => [{ 'name': 'fred', 'age': 40, 'pets': ['baby puss', 'dino'] }]
-     */
-    var where = filter;
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Creates an array with all falsey values removed. The values `false`, `null`,
-     * `0`, `""`, `undefined`, and `NaN` are all falsey.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to compact.
-     * @returns {Array} Returns a new array of filtered values.
-     * @example
-     *
-     * _.compact([0, 1, false, 2, '', 3]);
-     * // => [1, 2, 3]
-     */
-    function compact(array) {
-      var index = -1,
-          length = array ? array.length : 0,
-          result = [];
-
-      while (++index < length) {
-        var value = array[index];
-        if (value) {
-          result.push(value);
-        }
-      }
-      return result;
-    }
-
-    /**
-     * Creates an array excluding all values of the provided arrays using strict
-     * equality for comparisons, i.e. `===`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to process.
-     * @param {...Array} [values] The arrays of values to exclude.
-     * @returns {Array} Returns a new array of filtered values.
-     * @example
-     *
-     * _.difference([1, 2, 3, 4, 5], [5, 2, 10]);
-     * // => [1, 3, 4]
-     */
-    function difference(array) {
-      return baseDifference(array, baseFlatten(arguments, true, true, 1));
-    }
-
-    /**
-     * This method is like `_.find` except that it returns the index of the first
-     * element that passes the callback check, instead of the element itself.
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to search.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {number} Returns the index of the found element, else `-1`.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'age': 36, 'blocked': false },
-     *   { 'name': 'fred',    'age': 40, 'blocked': true },
-     *   { 'name': 'pebbles', 'age': 1,  'blocked': false }
-     * ];
-     *
-     * _.findIndex(characters, function(chr) {
-     *   return chr.age < 20;
-     * });
-     * // => 2
-     *
-     * // using "_.where" callback shorthand
-     * _.findIndex(characters, { 'age': 36 });
-     * // => 0
-     *
-     * // using "_.pluck" callback shorthand
-     * _.findIndex(characters, 'blocked');
-     * // => 1
-     */
-    function findIndex(array, callback, thisArg) {
-      var index = -1,
-          length = array ? array.length : 0;
-
-      callback = lodash.createCallback(callback, thisArg, 3);
-      while (++index < length) {
-        if (callback(array[index], index, array)) {
-          return index;
-        }
-      }
-      return -1;
-    }
-
-    /**
-     * This method is like `_.findIndex` except that it iterates over elements
-     * of a `collection` from right to left.
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to search.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {number} Returns the index of the found element, else `-1`.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'age': 36, 'blocked': true },
-     *   { 'name': 'fred',    'age': 40, 'blocked': false },
-     *   { 'name': 'pebbles', 'age': 1,  'blocked': true }
-     * ];
-     *
-     * _.findLastIndex(characters, function(chr) {
-     *   return chr.age > 30;
-     * });
-     * // => 1
-     *
-     * // using "_.where" callback shorthand
-     * _.findLastIndex(characters, { 'age': 36 });
-     * // => 0
-     *
-     * // using "_.pluck" callback shorthand
-     * _.findLastIndex(characters, 'blocked');
-     * // => 2
-     */
-    function findLastIndex(array, callback, thisArg) {
-      var length = array ? array.length : 0;
-      callback = lodash.createCallback(callback, thisArg, 3);
-      while (length--) {
-        if (callback(array[length], length, array)) {
-          return length;
-        }
-      }
-      return -1;
-    }
-
-    /**
-     * Gets the first element or first `n` elements of an array. If a callback
-     * is provided elements at the beginning of the array are returned as long
-     * as the callback returns truey. The callback is bound to `thisArg` and
-     * invoked with three arguments; (value, index, array).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias head, take
-     * @category Arrays
-     * @param {Array} array The array to query.
-     * @param {Function|Object|number|string} [callback] The function called
-     *  per element or the number of elements to return. If a property name or
-     *  object is provided it will be used to create a "_.pluck" or "_.where"
-     *  style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the first element(s) of `array`.
-     * @example
-     *
-     * _.first([1, 2, 3]);
-     * // => 1
-     *
-     * _.first([1, 2, 3], 2);
-     * // => [1, 2]
-     *
-     * _.first([1, 2, 3], function(num) {
-     *   return num < 3;
-     * });
-     * // => [1, 2]
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'blocked': true,  'employer': 'slate' },
-     *   { 'name': 'fred',    'blocked': false, 'employer': 'slate' },
-     *   { 'name': 'pebbles', 'blocked': true,  'employer': 'na' }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.first(characters, 'blocked');
-     * // => [{ 'name': 'barney', 'blocked': true, 'employer': 'slate' }]
-     *
-     * // using "_.where" callback shorthand
-     * _.pluck(_.first(characters, { 'employer': 'slate' }), 'name');
-     * // => ['barney', 'fred']
-     */
-    function first(array, callback, thisArg) {
-      var n = 0,
-          length = array ? array.length : 0;
-
-      if (typeof callback != 'number' && callback != null) {
-        var index = -1;
-        callback = lodash.createCallback(callback, thisArg, 3);
-        while (++index < length && callback(array[index], index, array)) {
-          n++;
-        }
-      } else {
-        n = callback;
-        if (n == null || thisArg) {
-          return array ? array[0] : undefined;
-        }
-      }
-      return slice(array, 0, nativeMin(nativeMax(0, n), length));
-    }
-
-    /**
-     * Flattens a nested array (the nesting can be to any depth). If `isShallow`
-     * is truey, the array will only be flattened a single level. If a callback
-     * is provided each element of the array is passed through the callback before
-     * flattening. The callback is bound to `thisArg` and invoked with three
-     * arguments; (value, index, array).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to flatten.
-     * @param {boolean} [isShallow=false] A flag to restrict flattening to a single level.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a new flattened array.
-     * @example
-     *
-     * _.flatten([1, [2], [3, [[4]]]]);
-     * // => [1, 2, 3, 4];
-     *
-     * _.flatten([1, [2], [3, [[4]]]], true);
-     * // => [1, 2, 3, [[4]]];
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 30, 'pets': ['hoppy'] },
-     *   { 'name': 'fred',   'age': 40, 'pets': ['baby puss', 'dino'] }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.flatten(characters, 'pets');
-     * // => ['hoppy', 'baby puss', 'dino']
-     */
-    function flatten(array, isShallow, callback, thisArg) {
-      // juggle arguments
-      if (typeof isShallow != 'boolean' && isShallow != null) {
-        thisArg = callback;
-        callback = (typeof isShallow != 'function' && thisArg && thisArg[isShallow] === array) ? null : isShallow;
-        isShallow = false;
-      }
-      if (callback != null) {
-        array = map(array, callback, thisArg);
-      }
-      return baseFlatten(array, isShallow);
-    }
-
-    /**
-     * Gets the index at which the first occurrence of `value` is found using
-     * strict equality for comparisons, i.e. `===`. If the array is already sorted
-     * providing `true` for `fromIndex` will run a faster binary search.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to search.
-     * @param {*} value The value to search for.
-     * @param {boolean|number} [fromIndex=0] The index to search from or `true`
-     *  to perform a binary search on a sorted array.
-     * @returns {number} Returns the index of the matched value or `-1`.
-     * @example
-     *
-     * _.indexOf([1, 2, 3, 1, 2, 3], 2);
-     * // => 1
-     *
-     * _.indexOf([1, 2, 3, 1, 2, 3], 2, 3);
-     * // => 4
-     *
-     * _.indexOf([1, 1, 2, 2, 3, 3], 2, true);
-     * // => 2
-     */
-    function indexOf(array, value, fromIndex) {
-      if (typeof fromIndex == 'number') {
-        var length = array ? array.length : 0;
-        fromIndex = (fromIndex < 0 ? nativeMax(0, length + fromIndex) : fromIndex || 0);
-      } else if (fromIndex) {
-        var index = sortedIndex(array, value);
-        return array[index] === value ? index : -1;
-      }
-      return baseIndexOf(array, value, fromIndex);
-    }
-
-    /**
-     * Gets all but the last element or last `n` elements of an array. If a
-     * callback is provided elements at the end of the array are excluded from
-     * the result as long as the callback returns truey. The callback is bound
-     * to `thisArg` and invoked with three arguments; (value, index, array).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to query.
-     * @param {Function|Object|number|string} [callback=1] The function called
-     *  per element or the number of elements to exclude. If a property name or
-     *  object is provided it will be used to create a "_.pluck" or "_.where"
-     *  style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a slice of `array`.
-     * @example
-     *
-     * _.initial([1, 2, 3]);
-     * // => [1, 2]
-     *
-     * _.initial([1, 2, 3], 2);
-     * // => [1]
-     *
-     * _.initial([1, 2, 3], function(num) {
-     *   return num > 1;
-     * });
-     * // => [1]
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'blocked': false, 'employer': 'slate' },
-     *   { 'name': 'fred',    'blocked': true,  'employer': 'slate' },
-     *   { 'name': 'pebbles', 'blocked': true,  'employer': 'na' }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.initial(characters, 'blocked');
-     * // => [{ 'name': 'barney',  'blocked': false, 'employer': 'slate' }]
-     *
-     * // using "_.where" callback shorthand
-     * _.pluck(_.initial(characters, { 'employer': 'na' }), 'name');
-     * // => ['barney', 'fred']
-     */
-    function initial(array, callback, thisArg) {
-      var n = 0,
-          length = array ? array.length : 0;
-
-      if (typeof callback != 'number' && callback != null) {
-        var index = length;
-        callback = lodash.createCallback(callback, thisArg, 3);
-        while (index-- && callback(array[index], index, array)) {
-          n++;
-        }
-      } else {
-        n = (callback == null || thisArg) ? 1 : callback || n;
-      }
-      return slice(array, 0, nativeMin(nativeMax(0, length - n), length));
-    }
-
-    /**
-     * Creates an array of unique values present in all provided arrays using
-     * strict equality for comparisons, i.e. `===`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {...Array} [array] The arrays to inspect.
-     * @returns {Array} Returns an array of shared values.
-     * @example
-     *
-     * _.intersection([1, 2, 3], [5, 2, 1, 4], [2, 1]);
-     * // => [1, 2]
-     */
-    function intersection() {
-      var args = [],
-          argsIndex = -1,
-          argsLength = arguments.length,
-          caches = getArray(),
-          indexOf = getIndexOf(),
-          trustIndexOf = indexOf === baseIndexOf,
-          seen = getArray();
-
-      while (++argsIndex < argsLength) {
-        var value = arguments[argsIndex];
-        if (isArray(value) || isArguments(value)) {
-          args.push(value);
-          caches.push(trustIndexOf && value.length >= largeArraySize &&
-            createCache(argsIndex ? args[argsIndex] : seen));
-        }
-      }
-      var array = args[0],
-          index = -1,
-          length = array ? array.length : 0,
-          result = [];
-
-      outer:
-      while (++index < length) {
-        var cache = caches[0];
-        value = array[index];
-
-        if ((cache ? cacheIndexOf(cache, value) : indexOf(seen, value)) < 0) {
-          argsIndex = argsLength;
-          (cache || seen).push(value);
-          while (--argsIndex) {
-            cache = caches[argsIndex];
-            if ((cache ? cacheIndexOf(cache, value) : indexOf(args[argsIndex], value)) < 0) {
-              continue outer;
-            }
-          }
-          result.push(value);
-        }
-      }
-      while (argsLength--) {
-        cache = caches[argsLength];
-        if (cache) {
-          releaseObject(cache);
-        }
-      }
-      releaseArray(caches);
-      releaseArray(seen);
-      return result;
-    }
-
-    /**
-     * Gets the last element or last `n` elements of an array. If a callback is
-     * provided elements at the end of the array are returned as long as the
-     * callback returns truey. The callback is bound to `thisArg` and invoked
-     * with three arguments; (value, index, array).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to query.
-     * @param {Function|Object|number|string} [callback] The function called
-     *  per element or the number of elements to return. If a property name or
-     *  object is provided it will be used to create a "_.pluck" or "_.where"
-     *  style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {*} Returns the last element(s) of `array`.
-     * @example
-     *
-     * _.last([1, 2, 3]);
-     * // => 3
-     *
-     * _.last([1, 2, 3], 2);
-     * // => [2, 3]
-     *
-     * _.last([1, 2, 3], function(num) {
-     *   return num > 1;
-     * });
-     * // => [2, 3]
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'blocked': false, 'employer': 'slate' },
-     *   { 'name': 'fred',    'blocked': true,  'employer': 'slate' },
-     *   { 'name': 'pebbles', 'blocked': true,  'employer': 'na' }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.pluck(_.last(characters, 'blocked'), 'name');
-     * // => ['fred', 'pebbles']
-     *
-     * // using "_.where" callback shorthand
-     * _.last(characters, { 'employer': 'na' });
-     * // => [{ 'name': 'pebbles', 'blocked': true, 'employer': 'na' }]
-     */
-    function last(array, callback, thisArg) {
-      var n = 0,
-          length = array ? array.length : 0;
-
-      if (typeof callback != 'number' && callback != null) {
-        var index = length;
-        callback = lodash.createCallback(callback, thisArg, 3);
-        while (index-- && callback(array[index], index, array)) {
-          n++;
-        }
-      } else {
-        n = callback;
-        if (n == null || thisArg) {
-          return array ? array[length - 1] : undefined;
-        }
-      }
-      return slice(array, nativeMax(0, length - n));
-    }
-
-    /**
-     * Gets the index at which the last occurrence of `value` is found using strict
-     * equality for comparisons, i.e. `===`. If `fromIndex` is negative, it is used
-     * as the offset from the end of the collection.
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to search.
-     * @param {*} value The value to search for.
-     * @param {number} [fromIndex=array.length-1] The index to search from.
-     * @returns {number} Returns the index of the matched value or `-1`.
-     * @example
-     *
-     * _.lastIndexOf([1, 2, 3, 1, 2, 3], 2);
-     * // => 4
-     *
-     * _.lastIndexOf([1, 2, 3, 1, 2, 3], 2, 3);
-     * // => 1
-     */
-    function lastIndexOf(array, value, fromIndex) {
-      var index = array ? array.length : 0;
-      if (typeof fromIndex == 'number') {
-        index = (fromIndex < 0 ? nativeMax(0, index + fromIndex) : nativeMin(fromIndex, index - 1)) + 1;
-      }
-      while (index--) {
-        if (array[index] === value) {
-          return index;
-        }
-      }
-      return -1;
-    }
-
-    /**
-     * Removes all provided values from the given array using strict equality for
-     * comparisons, i.e. `===`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to modify.
-     * @param {...*} [value] The values to remove.
-     * @returns {Array} Returns `array`.
-     * @example
-     *
-     * var array = [1, 2, 3, 1, 2, 3];
-     * _.pull(array, 2, 3);
-     * console.log(array);
-     * // => [1, 1]
-     */
-    function pull(array) {
-      var args = arguments,
-          argsIndex = 0,
-          argsLength = args.length,
-          length = array ? array.length : 0;
-
-      while (++argsIndex < argsLength) {
-        var index = -1,
-            value = args[argsIndex];
-        while (++index < length) {
-          if (array[index] === value) {
-            splice.call(array, index--, 1);
-            length--;
-          }
-        }
-      }
-      return array;
-    }
-
-    /**
-     * Creates an array of numbers (positive and/or negative) progressing from
-     * `start` up to but not including `end`. If `start` is less than `stop` a
-     * zero-length range is created unless a negative `step` is specified.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {number} [start=0] The start of the range.
-     * @param {number} end The end of the range.
-     * @param {number} [step=1] The value to increment or decrement by.
-     * @returns {Array} Returns a new range array.
-     * @example
-     *
-     * _.range(4);
-     * // => [0, 1, 2, 3]
-     *
-     * _.range(1, 5);
-     * // => [1, 2, 3, 4]
-     *
-     * _.range(0, 20, 5);
-     * // => [0, 5, 10, 15]
-     *
-     * _.range(0, -4, -1);
-     * // => [0, -1, -2, -3]
-     *
-     * _.range(1, 4, 0);
-     * // => [1, 1, 1]
-     *
-     * _.range(0);
-     * // => []
-     */
-    function range(start, end, step) {
-      start = +start || 0;
-      step = typeof step == 'number' ? step : (+step || 1);
-
-      if (end == null) {
-        end = start;
-        start = 0;
-      }
-      // use `Array(length)` so engines like Chakra and V8 avoid slower modes
-      // http://youtu.be/XAqIpGU8ZZk#t=17m25s
-      var index = -1,
-          length = nativeMax(0, ceil((end - start) / (step || 1))),
-          result = Array(length);
-
-      while (++index < length) {
-        result[index] = start;
-        start += step;
-      }
-      return result;
-    }
-
-    /**
-     * Removes all elements from an array that the callback returns truey for
-     * and returns an array of removed elements. The callback is bound to `thisArg`
-     * and invoked with three arguments; (value, index, array).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to modify.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a new array of removed elements.
-     * @example
-     *
-     * var array = [1, 2, 3, 4, 5, 6];
-     * var evens = _.remove(array, function(num) { return num % 2 == 0; });
-     *
-     * console.log(array);
-     * // => [1, 3, 5]
-     *
-     * console.log(evens);
-     * // => [2, 4, 6]
-     */
-    function remove(array, callback, thisArg) {
-      var index = -1,
-          length = array ? array.length : 0,
-          result = [];
-
-      callback = lodash.createCallback(callback, thisArg, 3);
-      while (++index < length) {
-        var value = array[index];
-        if (callback(value, index, array)) {
-          result.push(value);
-          splice.call(array, index--, 1);
-          length--;
-        }
-      }
-      return result;
-    }
-
-    /**
-     * The opposite of `_.initial` this method gets all but the first element or
-     * first `n` elements of an array. If a callback function is provided elements
-     * at the beginning of the array are excluded from the result as long as the
-     * callback returns truey. The callback is bound to `thisArg` and invoked
-     * with three arguments; (value, index, array).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias drop, tail
-     * @category Arrays
-     * @param {Array} array The array to query.
-     * @param {Function|Object|number|string} [callback=1] The function called
-     *  per element or the number of elements to exclude. If a property name or
-     *  object is provided it will be used to create a "_.pluck" or "_.where"
-     *  style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a slice of `array`.
-     * @example
-     *
-     * _.rest([1, 2, 3]);
-     * // => [2, 3]
-     *
-     * _.rest([1, 2, 3], 2);
-     * // => [3]
-     *
-     * _.rest([1, 2, 3], function(num) {
-     *   return num < 3;
-     * });
-     * // => [3]
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'blocked': true,  'employer': 'slate' },
-     *   { 'name': 'fred',    'blocked': false,  'employer': 'slate' },
-     *   { 'name': 'pebbles', 'blocked': true, 'employer': 'na' }
-     * ];
-     *
-     * // using "_.pluck" callback shorthand
-     * _.pluck(_.rest(characters, 'blocked'), 'name');
-     * // => ['fred', 'pebbles']
-     *
-     * // using "_.where" callback shorthand
-     * _.rest(characters, { 'employer': 'slate' });
-     * // => [{ 'name': 'pebbles', 'blocked': true, 'employer': 'na' }]
-     */
-    function rest(array, callback, thisArg) {
-      if (typeof callback != 'number' && callback != null) {
-        var n = 0,
-            index = -1,
-            length = array ? array.length : 0;
-
-        callback = lodash.createCallback(callback, thisArg, 3);
-        while (++index < length && callback(array[index], index, array)) {
-          n++;
-        }
-      } else {
-        n = (callback == null || thisArg) ? 1 : nativeMax(0, callback);
-      }
-      return slice(array, n);
-    }
-
-    /**
-     * Uses a binary search to determine the smallest index at which a value
-     * should be inserted into a given sorted array in order to maintain the sort
-     * order of the array. If a callback is provided it will be executed for
-     * `value` and each element of `array` to compute their sort ranking. The
-     * callback is bound to `thisArg` and invoked with one argument; (value).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to inspect.
-     * @param {*} value The value to evaluate.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {number} Returns the index at which `value` should be inserted
-     *  into `array`.
-     * @example
-     *
-     * _.sortedIndex([20, 30, 50], 40);
-     * // => 2
-     *
-     * // using "_.pluck" callback shorthand
-     * _.sortedIndex([{ 'x': 20 }, { 'x': 30 }, { 'x': 50 }], { 'x': 40 }, 'x');
-     * // => 2
-     *
-     * var dict = {
-     *   'wordToNumber': { 'twenty': 20, 'thirty': 30, 'fourty': 40, 'fifty': 50 }
-     * };
-     *
-     * _.sortedIndex(['twenty', 'thirty', 'fifty'], 'fourty', function(word) {
-     *   return dict.wordToNumber[word];
-     * });
-     * // => 2
-     *
-     * _.sortedIndex(['twenty', 'thirty', 'fifty'], 'fourty', function(word) {
-     *   return this.wordToNumber[word];
-     * }, dict);
-     * // => 2
-     */
-    function sortedIndex(array, value, callback, thisArg) {
-      var low = 0,
-          high = array ? array.length : low;
-
-      // explicitly reference `identity` for better inlining in Firefox
-      callback = callback ? lodash.createCallback(callback, thisArg, 1) : identity;
-      value = callback(value);
-
-      while (low < high) {
-        var mid = (low + high) >>> 1;
-        (callback(array[mid]) < value)
-          ? low = mid + 1
-          : high = mid;
-      }
-      return low;
-    }
-
-    /**
-     * Creates an array of unique values, in order, of the provided arrays using
-     * strict equality for comparisons, i.e. `===`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {...Array} [array] The arrays to inspect.
-     * @returns {Array} Returns an array of combined values.
-     * @example
-     *
-     * _.union([1, 2, 3], [5, 2, 1, 4], [2, 1]);
-     * // => [1, 2, 3, 5, 4]
-     */
-    function union() {
-      return baseUniq(baseFlatten(arguments, true, true));
-    }
-
-    /**
-     * Creates a duplicate-value-free version of an array using strict equality
-     * for comparisons, i.e. `===`. If the array is sorted, providing
-     * `true` for `isSorted` will use a faster algorithm. If a callback is provided
-     * each element of `array` is passed through the callback before uniqueness
-     * is computed. The callback is bound to `thisArg` and invoked with three
-     * arguments; (value, index, array).
-     *
-     * If a property name is provided for `callback` the created "_.pluck" style
-     * callback will return the property value of the given element.
-     *
-     * If an object is provided for `callback` the created "_.where" style callback
-     * will return `true` for elements that have the properties of the given object,
-     * else `false`.
-     *
-     * @static
-     * @memberOf _
-     * @alias unique
-     * @category Arrays
-     * @param {Array} array The array to process.
-     * @param {boolean} [isSorted=false] A flag to indicate that `array` is sorted.
-     * @param {Function|Object|string} [callback=identity] The function called
-     *  per iteration. If a property name or object is provided it will be used
-     *  to create a "_.pluck" or "_.where" style callback, respectively.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns a duplicate-value-free array.
-     * @example
-     *
-     * _.uniq([1, 2, 1, 3, 1]);
-     * // => [1, 2, 3]
-     *
-     * _.uniq([1, 1, 2, 2, 3], true);
-     * // => [1, 2, 3]
-     *
-     * _.uniq(['A', 'b', 'C', 'a', 'B', 'c'], function(letter) { return letter.toLowerCase(); });
-     * // => ['A', 'b', 'C']
-     *
-     * _.uniq([1, 2.5, 3, 1.5, 2, 3.5], function(num) { return this.floor(num); }, Math);
-     * // => [1, 2.5, 3]
-     *
-     * // using "_.pluck" callback shorthand
-     * _.uniq([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');
-     * // => [{ 'x': 1 }, { 'x': 2 }]
-     */
-    function uniq(array, isSorted, callback, thisArg) {
-      // juggle arguments
-      if (typeof isSorted != 'boolean' && isSorted != null) {
-        thisArg = callback;
-        callback = (typeof isSorted != 'function' && thisArg && thisArg[isSorted] === array) ? null : isSorted;
-        isSorted = false;
-      }
-      if (callback != null) {
-        callback = lodash.createCallback(callback, thisArg, 3);
-      }
-      return baseUniq(array, isSorted, callback);
-    }
-
-    /**
-     * Creates an array excluding all provided values using strict equality for
-     * comparisons, i.e. `===`.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {Array} array The array to filter.
-     * @param {...*} [value] The values to exclude.
-     * @returns {Array} Returns a new array of filtered values.
-     * @example
-     *
-     * _.without([1, 2, 1, 0, 3, 1, 4], 0, 1);
-     * // => [2, 3, 4]
-     */
-    function without(array) {
-      return baseDifference(array, slice(arguments, 1));
-    }
-
-    /**
-     * Creates an array that is the symmetric difference of the provided arrays.
-     * See http://en.wikipedia.org/wiki/Symmetric_difference.
-     *
-     * @static
-     * @memberOf _
-     * @category Arrays
-     * @param {...Array} [array] The arrays to inspect.
-     * @returns {Array} Returns an array of values.
-     * @example
-     *
-     * _.xor([1, 2, 3], [5, 2, 1, 4]);
-     * // => [3, 5, 4]
-     *
-     * _.xor([1, 2, 5], [2, 3, 5], [3, 4, 5]);
-     * // => [1, 4, 5]
-     */
-    function xor() {
-      var index = -1,
-          length = arguments.length;
-
-      while (++index < length) {
-        var array = arguments[index];
-        if (isArray(array) || isArguments(array)) {
-          var result = result
-            ? baseUniq(baseDifference(result, array).concat(baseDifference(array, result)))
-            : array;
-        }
-      }
-      return result || [];
-    }
-
-    /**
-     * Creates an array of grouped elements, the first of which contains the first
-     * elements of the given arrays, the second of which contains the second
-     * elements of the given arrays, and so on.
-     *
-     * @static
-     * @memberOf _
-     * @alias unzip
-     * @category Arrays
-     * @param {...Array} [array] Arrays to process.
-     * @returns {Array} Returns a new array of grouped elements.
-     * @example
-     *
-     * _.zip(['fred', 'barney'], [30, 40], [true, false]);
-     * // => [['fred', 30, true], ['barney', 40, false]]
-     */
-    function zip() {
-      var array = arguments.length > 1 ? arguments : arguments[0],
-          index = -1,
-          length = array ? max(pluck(array, 'length')) : 0,
-          result = Array(length < 0 ? 0 : length);
-
-      while (++index < length) {
-        result[index] = pluck(array, index);
-      }
-      return result;
-    }
-
-    /**
-     * Creates an object composed from arrays of `keys` and `values`. Provide
-     * either a single two dimensional array, i.e. `[[key1, value1], [key2, value2]]`
-     * or two arrays, one of `keys` and one of corresponding `values`.
-     *
-     * @static
-     * @memberOf _
-     * @alias object
-     * @category Arrays
-     * @param {Array} keys The array of keys.
-     * @param {Array} [values=[]] The array of values.
-     * @returns {Object} Returns an object composed of the given keys and
-     *  corresponding values.
-     * @example
-     *
-     * _.zipObject(['fred', 'barney'], [30, 40]);
-     * // => { 'fred': 30, 'barney': 40 }
-     */
-    function zipObject(keys, values) {
-      var index = -1,
-          length = keys ? keys.length : 0,
-          result = {};
-
-      if (!values && length && !isArray(keys[0])) {
-        values = [];
-      }
-      while (++index < length) {
-        var key = keys[index];
-        if (values) {
-          result[key] = values[index];
-        } else if (key) {
-          result[key[0]] = key[1];
-        }
-      }
-      return result;
-    }
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Creates a function that executes `func`, with  the `this` binding and
-     * arguments of the created function, only after being called `n` times.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {number} n The number of times the function must be called before
-     *  `func` is executed.
-     * @param {Function} func The function to restrict.
-     * @returns {Function} Returns the new restricted function.
-     * @example
-     *
-     * var saves = ['profile', 'settings'];
-     *
-     * var done = _.after(saves.length, function() {
-     *   console.log('Done saving!');
-     * });
-     *
-     * _.forEach(saves, function(type) {
-     *   asyncSave({ 'type': type, 'complete': done });
-     * });
-     * // => logs 'Done saving!', after all saves have completed
-     */
-    function after(n, func) {
-      if (!isFunction(func)) {
-        throw new TypeError;
-      }
-      return function() {
-        if (--n < 1) {
-          return func.apply(this, arguments);
-        }
-      };
-    }
-
-    /**
-     * Creates a function that, when called, invokes `func` with the `this`
-     * binding of `thisArg` and prepends any additional `bind` arguments to those
-     * provided to the bound function.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to bind.
-     * @param {*} [thisArg] The `this` binding of `func`.
-     * @param {...*} [arg] Arguments to be partially applied.
-     * @returns {Function} Returns the new bound function.
-     * @example
-     *
-     * var func = function(greeting) {
-     *   return greeting + ' ' + this.name;
-     * };
-     *
-     * func = _.bind(func, { 'name': 'fred' }, 'hi');
-     * func();
-     * // => 'hi fred'
-     */
-    function bind(func, thisArg) {
-      return arguments.length > 2
-        ? createWrapper(func, 17, slice(arguments, 2), null, thisArg)
-        : createWrapper(func, 1, null, null, thisArg);
-    }
-
-    /**
-     * Binds methods of an object to the object itself, overwriting the existing
-     * method. Method names may be specified as individual arguments or as arrays
-     * of method names. If no method names are provided all the function properties
-     * of `object` will be bound.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Object} object The object to bind and assign the bound methods to.
-     * @param {...string} [methodName] The object method names to
-     *  bind, specified as individual method names or arrays of method names.
-     * @returns {Object} Returns `object`.
-     * @example
-     *
-     * var view = {
-     *   'label': 'docs',
-     *   'onClick': function() { console.log('clicked ' + this.label); }
-     * };
-     *
-     * _.bindAll(view);
-     * jQuery('#docs').on('click', view.onClick);
-     * // => logs 'clicked docs', when the button is clicked
-     */
-    function bindAll(object) {
-      var funcs = arguments.length > 1 ? baseFlatten(arguments, true, false, 1) : functions(object),
-          index = -1,
-          length = funcs.length;
-
-      while (++index < length) {
-        var key = funcs[index];
-        object[key] = createWrapper(object[key], 1, null, null, object);
-      }
-      return object;
-    }
-
-    /**
-     * Creates a function that, when called, invokes the method at `object[key]`
-     * and prepends any additional `bindKey` arguments to those provided to the bound
-     * function. This method differs from `_.bind` by allowing bound functions to
-     * reference methods that will be redefined or don't yet exist.
-     * See http://michaux.ca/articles/lazy-function-definition-pattern.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Object} object The object the method belongs to.
-     * @param {string} key The key of the method.
-     * @param {...*} [arg] Arguments to be partially applied.
-     * @returns {Function} Returns the new bound function.
-     * @example
-     *
-     * var object = {
-     *   'name': 'fred',
-     *   'greet': function(greeting) {
-     *     return greeting + ' ' + this.name;
-     *   }
-     * };
-     *
-     * var func = _.bindKey(object, 'greet', 'hi');
-     * func();
-     * // => 'hi fred'
-     *
-     * object.greet = function(greeting) {
-     *   return greeting + 'ya ' + this.name + '!';
-     * };
-     *
-     * func();
-     * // => 'hiya fred!'
-     */
-    function bindKey(object, key) {
-      return arguments.length > 2
-        ? createWrapper(key, 19, slice(arguments, 2), null, object)
-        : createWrapper(key, 3, null, null, object);
-    }
-
-    /**
-     * Creates a function that is the composition of the provided functions,
-     * where each function consumes the return value of the function that follows.
-     * For example, composing the functions `f()`, `g()`, and `h()` produces `f(g(h()))`.
-     * Each function is executed with the `this` binding of the composed function.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {...Function} [func] Functions to compose.
-     * @returns {Function} Returns the new composed function.
-     * @example
-     *
-     * var realNameMap = {
-     *   'pebbles': 'penelope'
-     * };
-     *
-     * var format = function(name) {
-     *   name = realNameMap[name.toLowerCase()] || name;
-     *   return name.charAt(0).toUpperCase() + name.slice(1).toLowerCase();
-     * };
-     *
-     * var greet = function(formatted) {
-     *   return 'Hiya ' + formatted + '!';
-     * };
-     *
-     * var welcome = _.compose(greet, format);
-     * welcome('pebbles');
-     * // => 'Hiya Penelope!'
-     */
-    function compose() {
-      var funcs = arguments,
-          length = funcs.length;
-
-      while (length--) {
-        if (!isFunction(funcs[length])) {
-          throw new TypeError;
-        }
-      }
-      return function() {
-        var args = arguments,
-            length = funcs.length;
-
-        while (length--) {
-          args = [funcs[length].apply(this, args)];
-        }
-        return args[0];
-      };
-    }
-
-    /**
-     * Creates a function which accepts one or more arguments of `func` that when
-     * invoked either executes `func` returning its result, if all `func` arguments
-     * have been provided, or returns a function that accepts one or more of the
-     * remaining `func` arguments, and so on. The arity of `func` can be specified
-     * if `func.length` is not sufficient.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to curry.
-     * @param {number} [arity=func.length] The arity of `func`.
-     * @returns {Function} Returns the new curried function.
-     * @example
-     *
-     * var curried = _.curry(function(a, b, c) {
-     *   console.log(a + b + c);
-     * });
-     *
-     * curried(1)(2)(3);
-     * // => 6
-     *
-     * curried(1, 2)(3);
-     * // => 6
-     *
-     * curried(1, 2, 3);
-     * // => 6
-     */
-    function curry(func, arity) {
-      arity = typeof arity == 'number' ? arity : (+arity || func.length);
-      return createWrapper(func, 4, null, null, null, arity);
-    }
-
-    /**
-     * Creates a function that will delay the execution of `func` until after
-     * `wait` milliseconds have elapsed since the last time it was invoked.
-     * Provide an options object to indicate that `func` should be invoked on
-     * the leading and/or trailing edge of the `wait` timeout. Subsequent calls
-     * to the debounced function will return the result of the last `func` call.
-     *
-     * Note: If `leading` and `trailing` options are `true` `func` will be called
-     * on the trailing edge of the timeout only if the the debounced function is
-     * invoked more than once during the `wait` timeout.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to debounce.
-     * @param {number} wait The number of milliseconds to delay.
-     * @param {Object} [options] The options object.
-     * @param {boolean} [options.leading=false] Specify execution on the leading edge of the timeout.
-     * @param {number} [options.maxWait] The maximum time `func` is allowed to be delayed before it's called.
-     * @param {boolean} [options.trailing=true] Specify execution on the trailing edge of the timeout.
-     * @returns {Function} Returns the new debounced function.
-     * @example
-     *
-     * // avoid costly calculations while the window size is in flux
-     * var lazyLayout = _.debounce(calculateLayout, 150);
-     * jQuery(window).on('resize', lazyLayout);
-     *
-     * // execute `sendMail` when the click event is fired, debouncing subsequent calls
-     * jQuery('#postbox').on('click', _.debounce(sendMail, 300, {
-     *   'leading': true,
-     *   'trailing': false
-     * });
-     *
-     * // ensure `batchLog` is executed once after 1 second of debounced calls
-     * var source = new EventSource('/stream');
-     * source.addEventListener('message', _.debounce(batchLog, 250, {
-     *   'maxWait': 1000
-     * }, false);
-     */
-    function debounce(func, wait, options) {
-      var args,
-          maxTimeoutId,
-          result,
-          stamp,
-          thisArg,
-          timeoutId,
-          trailingCall,
-          lastCalled = 0,
-          maxWait = false,
-          trailing = true;
-
-      if (!isFunction(func)) {
-        throw new TypeError;
-      }
-      wait = nativeMax(0, wait) || 0;
-      if (options === true) {
-        var leading = true;
-        trailing = false;
-      } else if (isObject(options)) {
-        leading = options.leading;
-        maxWait = 'maxWait' in options && (nativeMax(wait, options.maxWait) || 0);
-        trailing = 'trailing' in options ? options.trailing : trailing;
-      }
-      var delayed = function() {
-        var remaining = wait - (now() - stamp);
-        if (remaining <= 0) {
-          if (maxTimeoutId) {
-            clearTimeout(maxTimeoutId);
-          }
-          var isCalled = trailingCall;
-          maxTimeoutId = timeoutId = trailingCall = undefined;
-          if (isCalled) {
-            lastCalled = now();
-            result = func.apply(thisArg, args);
-            if (!timeoutId && !maxTimeoutId) {
-              args = thisArg = null;
-            }
-          }
-        } else {
-          timeoutId = setTimeout(delayed, remaining);
-        }
-      };
-
-      var maxDelayed = function() {
-        if (timeoutId) {
-          clearTimeout(timeoutId);
-        }
-        maxTimeoutId = timeoutId = trailingCall = undefined;
-        if (trailing || (maxWait !== wait)) {
-          lastCalled = now();
-          result = func.apply(thisArg, args);
-          if (!timeoutId && !maxTimeoutId) {
-            args = thisArg = null;
-          }
-        }
-      };
-
-      return function() {
-        args = arguments;
-        stamp = now();
-        thisArg = this;
-        trailingCall = trailing && (timeoutId || !leading);
-
-        if (maxWait === false) {
-          var leadingCall = leading && !timeoutId;
-        } else {
-          if (!maxTimeoutId && !leading) {
-            lastCalled = stamp;
-          }
-          var remaining = maxWait - (stamp - lastCalled),
-              isCalled = remaining <= 0;
-
-          if (isCalled) {
-            if (maxTimeoutId) {
-              maxTimeoutId = clearTimeout(maxTimeoutId);
-            }
-            lastCalled = stamp;
-            result = func.apply(thisArg, args);
-          }
-          else if (!maxTimeoutId) {
-            maxTimeoutId = setTimeout(maxDelayed, remaining);
-          }
-        }
-        if (isCalled && timeoutId) {
-          timeoutId = clearTimeout(timeoutId);
-        }
-        else if (!timeoutId && wait !== maxWait) {
-          timeoutId = setTimeout(delayed, wait);
-        }
-        if (leadingCall) {
-          isCalled = true;
-          result = func.apply(thisArg, args);
-        }
-        if (isCalled && !timeoutId && !maxTimeoutId) {
-          args = thisArg = null;
-        }
-        return result;
-      };
-    }
-
-    /**
-     * Defers executing the `func` function until the current call stack has cleared.
-     * Additional arguments will be provided to `func` when it is invoked.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to defer.
-     * @param {...*} [arg] Arguments to invoke the function with.
-     * @returns {number} Returns the timer id.
-     * @example
-     *
-     * _.defer(function(text) { console.log(text); }, 'deferred');
-     * // logs 'deferred' after one or more milliseconds
-     */
-    function defer(func) {
-      if (!isFunction(func)) {
-        throw new TypeError;
-      }
-      var args = slice(arguments, 1);
-      return setTimeout(function() { func.apply(undefined, args); }, 1);
-    }
-
-    /**
-     * Executes the `func` function after `wait` milliseconds. Additional arguments
-     * will be provided to `func` when it is invoked.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to delay.
-     * @param {number} wait The number of milliseconds to delay execution.
-     * @param {...*} [arg] Arguments to invoke the function with.
-     * @returns {number} Returns the timer id.
-     * @example
-     *
-     * _.delay(function(text) { console.log(text); }, 1000, 'later');
-     * // => logs 'later' after one second
-     */
-    function delay(func, wait) {
-      if (!isFunction(func)) {
-        throw new TypeError;
-      }
-      var args = slice(arguments, 2);
-      return setTimeout(function() { func.apply(undefined, args); }, wait);
-    }
-
-    /**
-     * Creates a function that memoizes the result of `func`. If `resolver` is
-     * provided it will be used to determine the cache key for storing the result
-     * based on the arguments provided to the memoized function. By default, the
-     * first argument provided to the memoized function is used as the cache key.
-     * The `func` is executed with the `this` binding of the memoized function.
-     * The result cache is exposed as the `cache` property on the memoized function.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to have its output memoized.
-     * @param {Function} [resolver] A function used to resolve the cache key.
-     * @returns {Function} Returns the new memoizing function.
-     * @example
-     *
-     * var fibonacci = _.memoize(function(n) {
-     *   return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);
-     * });
-     *
-     * fibonacci(9)
-     * // => 34
-     *
-     * var data = {
-     *   'fred': { 'name': 'fred', 'age': 40 },
-     *   'pebbles': { 'name': 'pebbles', 'age': 1 }
-     * };
-     *
-     * // modifying the result cache
-     * var get = _.memoize(function(name) { return data[name]; }, _.identity);
-     * get('pebbles');
-     * // => { 'name': 'pebbles', 'age': 1 }
-     *
-     * get.cache.pebbles.name = 'penelope';
-     * get('pebbles');
-     * // => { 'name': 'penelope', 'age': 1 }
-     */
-    function memoize(func, resolver) {
-      if (!isFunction(func)) {
-        throw new TypeError;
-      }
-      var memoized = function() {
-        var cache = memoized.cache,
-            key = resolver ? resolver.apply(this, arguments) : keyPrefix + arguments[0];
-
-        return hasOwnProperty.call(cache, key)
-          ? cache[key]
-          : (cache[key] = func.apply(this, arguments));
-      }
-      memoized.cache = {};
-      return memoized;
-    }
-
-    /**
-     * Creates a function that is restricted to execute `func` once. Repeat calls to
-     * the function will return the value of the first call. The `func` is executed
-     * with the `this` binding of the created function.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to restrict.
-     * @returns {Function} Returns the new restricted function.
-     * @example
-     *
-     * var initialize = _.once(createApplication);
-     * initialize();
-     * initialize();
-     * // `initialize` executes `createApplication` once
-     */
-    function once(func) {
-      var ran,
-          result;
-
-      if (!isFunction(func)) {
-        throw new TypeError;
-      }
-      return function() {
-        if (ran) {
-          return result;
-        }
-        ran = true;
-        result = func.apply(this, arguments);
-
-        // clear the `func` variable so the function may be garbage collected
-        func = null;
-        return result;
-      };
-    }
-
-    /**
-     * Creates a function that, when called, invokes `func` with any additional
-     * `partial` arguments prepended to those provided to the new function. This
-     * method is similar to `_.bind` except it does **not** alter the `this` binding.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to partially apply arguments to.
-     * @param {...*} [arg] Arguments to be partially applied.
-     * @returns {Function} Returns the new partially applied function.
-     * @example
-     *
-     * var greet = function(greeting, name) { return greeting + ' ' + name; };
-     * var hi = _.partial(greet, 'hi');
-     * hi('fred');
-     * // => 'hi fred'
-     */
-    function partial(func) {
-      return createWrapper(func, 16, slice(arguments, 1));
-    }
-
-    /**
-     * This method is like `_.partial` except that `partial` arguments are
-     * appended to those provided to the new function.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to partially apply arguments to.
-     * @param {...*} [arg] Arguments to be partially applied.
-     * @returns {Function} Returns the new partially applied function.
-     * @example
-     *
-     * var defaultsDeep = _.partialRight(_.merge, _.defaults);
-     *
-     * var options = {
-     *   'variable': 'data',
-     *   'imports': { 'jq': $ }
-     * };
-     *
-     * defaultsDeep(options, _.templateSettings);
-     *
-     * options.variable
-     * // => 'data'
-     *
-     * options.imports
-     * // => { '_': _, 'jq': $ }
-     */
-    function partialRight(func) {
-      return createWrapper(func, 32, null, slice(arguments, 1));
-    }
-
-    /**
-     * Creates a function that, when executed, will only call the `func` function
-     * at most once per every `wait` milliseconds. Provide an options object to
-     * indicate that `func` should be invoked on the leading and/or trailing edge
-     * of the `wait` timeout. Subsequent calls to the throttled function will
-     * return the result of the last `func` call.
-     *
-     * Note: If `leading` and `trailing` options are `true` `func` will be called
-     * on the trailing edge of the timeout only if the the throttled function is
-     * invoked more than once during the `wait` timeout.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {Function} func The function to throttle.
-     * @param {number} wait The number of milliseconds to throttle executions to.
-     * @param {Object} [options] The options object.
-     * @param {boolean} [options.leading=true] Specify execution on the leading edge of the timeout.
-     * @param {boolean} [options.trailing=true] Specify execution on the trailing edge of the timeout.
-     * @returns {Function} Returns the new throttled function.
-     * @example
-     *
-     * // avoid excessively updating the position while scrolling
-     * var throttled = _.throttle(updatePosition, 100);
-     * jQuery(window).on('scroll', throttled);
-     *
-     * // execute `renewToken` when the click event is fired, but not more than once every 5 minutes
-     * jQuery('.interactive').on('click', _.throttle(renewToken, 300000, {
-     *   'trailing': false
-     * }));
-     */
-    function throttle(func, wait, options) {
-      var leading = true,
-          trailing = true;
-
-      if (!isFunction(func)) {
-        throw new TypeError;
-      }
-      if (options === false) {
-        leading = false;
-      } else if (isObject(options)) {
-        leading = 'leading' in options ? options.leading : leading;
-        trailing = 'trailing' in options ? options.trailing : trailing;
-      }
-      debounceOptions.leading = leading;
-      debounceOptions.maxWait = wait;
-      debounceOptions.trailing = trailing;
-
-      return debounce(func, wait, debounceOptions);
-    }
-
-    /**
-     * Creates a function that provides `value` to the wrapper function as its
-     * first argument. Additional arguments provided to the function are appended
-     * to those provided to the wrapper function. The wrapper is executed with
-     * the `this` binding of the created function.
-     *
-     * @static
-     * @memberOf _
-     * @category Functions
-     * @param {*} value The value to wrap.
-     * @param {Function} wrapper The wrapper function.
-     * @returns {Function} Returns the new function.
-     * @example
-     *
-     * var p = _.wrap(_.escape, function(func, text) {
-     *   return '<p>' + func(text) + '</p>';
-     * });
-     *
-     * p('Fred, Wilma, & Pebbles');
-     * // => '<p>Fred, Wilma, &amp; Pebbles</p>'
-     */
-    function wrap(value, wrapper) {
-      return createWrapper(wrapper, 16, [value]);
-    }
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Creates a function that returns `value`.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {*} value The value to return from the new function.
-     * @returns {Function} Returns the new function.
-     * @example
-     *
-     * var object = { 'name': 'fred' };
-     * var getter = _.constant(object);
-     * getter() === object;
-     * // => true
-     */
-    function constant(value) {
-      return function() {
-        return value;
-      };
-    }
-
-    /**
-     * Produces a callback bound to an optional `thisArg`. If `func` is a property
-     * name the created callback will return the property value for a given element.
-     * If `func` is an object the created callback will return `true` for elements
-     * that contain the equivalent object properties, otherwise it will return `false`.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {*} [func=identity] The value to convert to a callback.
-     * @param {*} [thisArg] The `this` binding of the created callback.
-     * @param {number} [argCount] The number of arguments the callback accepts.
-     * @returns {Function} Returns a callback function.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * // wrap to create custom callback shorthands
-     * _.createCallback = _.wrap(_.createCallback, function(func, callback, thisArg) {
-     *   var match = /^(.+?)__([gl]t)(.+)$/.exec(callback);
-     *   return !match ? func(callback, thisArg) : function(object) {
-     *     return match[2] == 'gt' ? object[match[1]] > match[3] : object[match[1]] < match[3];
-     *   };
-     * });
-     *
-     * _.filter(characters, 'age__gt38');
-     * // => [{ 'name': 'fred', 'age': 40 }]
-     */
-    function createCallback(func, thisArg, argCount) {
-      var type = typeof func;
-      if (func == null || type == 'function') {
-        return baseCreateCallback(func, thisArg, argCount);
-      }
-      // handle "_.pluck" style callback shorthands
-      if (type != 'object') {
-        return property(func);
-      }
-      var props = keys(func),
-          key = props[0],
-          a = func[key];
-
-      // handle "_.where" style callback shorthands
-      if (props.length == 1 && a === a && !isObject(a)) {
-        // fast path the common case of providing an object with a single
-        // property containing a primitive value
-        return function(object) {
-          var b = object[key];
-          return a === b && (a !== 0 || (1 / a == 1 / b));
-        };
-      }
-      return function(object) {
-        var length = props.length,
-            result = false;
-
-        while (length--) {
-          if (!(result = baseIsEqual(object[props[length]], func[props[length]], null, true))) {
-            break;
-          }
-        }
-        return result;
-      };
-    }
-
-    /**
-     * Converts the characters `&`, `<`, `>`, `"`, and `'` in `string` to their
-     * corresponding HTML entities.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {string} string The string to escape.
-     * @returns {string} Returns the escaped string.
-     * @example
-     *
-     * _.escape('Fred, Wilma, & Pebbles');
-     * // => 'Fred, Wilma, &amp; Pebbles'
-     */
-    function escape(string) {
-      return string == null ? '' : String(string).replace(reUnescapedHtml, escapeHtmlChar);
-    }
-
-    /**
-     * This method returns the first argument provided to it.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {*} value Any value.
-     * @returns {*} Returns `value`.
-     * @example
-     *
-     * var object = { 'name': 'fred' };
-     * _.identity(object) === object;
-     * // => true
-     */
-    function identity(value) {
-      return value;
-    }
-
-    /**
-     * Adds function properties of a source object to the destination object.
-     * If `object` is a function methods will be added to its prototype as well.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {Function|Object} [object=lodash] object The destination object.
-     * @param {Object} source The object of functions to add.
-     * @param {Object} [options] The options object.
-     * @param {boolean} [options.chain=true] Specify whether the functions added are chainable.
-     * @example
-     *
-     * function capitalize(string) {
-     *   return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
-     * }
-     *
-     * _.mixin({ 'capitalize': capitalize });
-     * _.capitalize('fred');
-     * // => 'Fred'
-     *
-     * _('fred').capitalize().value();
-     * // => 'Fred'
-     *
-     * _.mixin({ 'capitalize': capitalize }, { 'chain': false });
-     * _('fred').capitalize();
-     * // => 'Fred'
-     */
-    function mixin(object, source, options) {
-      var chain = true,
-          methodNames = source && functions(source);
-
-      if (!source || (!options && !methodNames.length)) {
-        if (options == null) {
-          options = source;
-        }
-        ctor = lodashWrapper;
-        source = object;
-        object = lodash;
-        methodNames = functions(source);
-      }
-      if (options === false) {
-        chain = false;
-      } else if (isObject(options) && 'chain' in options) {
-        chain = options.chain;
-      }
-      var ctor = object,
-          isFunc = isFunction(ctor);
-
-      forEach(methodNames, function(methodName) {
-        var func = object[methodName] = source[methodName];
-        if (isFunc) {
-          ctor.prototype[methodName] = function() {
-            var chainAll = this.__chain__,
-                value = this.__wrapped__,
-                args = [value];
-
-            push.apply(args, arguments);
-            var result = func.apply(object, args);
-            if (chain || chainAll) {
-              if (value === result && isObject(result)) {
-                return this;
-              }
-              result = new ctor(result);
-              result.__chain__ = chainAll;
-            }
-            return result;
-          };
-        }
-      });
-    }
-
-    /**
-     * Reverts the '_' variable to its previous value and returns a reference to
-     * the `lodash` function.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @returns {Function} Returns the `lodash` function.
-     * @example
-     *
-     * var lodash = _.noConflict();
-     */
-    function noConflict() {
-      context._ = oldDash;
-      return this;
-    }
-
-    /**
-     * A no-operation function.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @example
-     *
-     * var object = { 'name': 'fred' };
-     * _.noop(object) === undefined;
-     * // => true
-     */
-    function noop() {
-      // no operation performed
-    }
-
-    /**
-     * Gets the number of milliseconds that have elapsed since the Unix epoch
-     * (1 January 1970 00:00:00 UTC).
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @example
-     *
-     * var stamp = _.now();
-     * _.defer(function() { console.log(_.now() - stamp); });
-     * // => logs the number of milliseconds it took for the deferred function to be called
-     */
-    var now = isNative(now = Date.now) && now || function() {
-      return new Date().getTime();
-    };
-
-    /**
-     * Converts the given value into an integer of the specified radix.
-     * If `radix` is `undefined` or `0` a `radix` of `10` is used unless the
-     * `value` is a hexadecimal, in which case a `radix` of `16` is used.
-     *
-     * Note: This method avoids differences in native ES3 and ES5 `parseInt`
-     * implementations. See http://es5.github.io/#E.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {string} value The value to parse.
-     * @param {number} [radix] The radix used to interpret the value to parse.
-     * @returns {number} Returns the new integer value.
-     * @example
-     *
-     * _.parseInt('08');
-     * // => 8
-     */
-    var parseInt = nativeParseInt(whitespace + '08') == 8 ? nativeParseInt : function(value, radix) {
-      // Firefox < 21 and Opera < 15 follow the ES3 specified implementation of `parseInt`
-      return nativeParseInt(isString(value) ? value.replace(reLeadingSpacesAndZeros, '') : value, radix || 0);
-    };
-
-    /**
-     * Creates a "_.pluck" style function, which returns the `key` value of a
-     * given object.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {string} key The name of the property to retrieve.
-     * @returns {Function} Returns the new function.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'fred',   'age': 40 },
-     *   { 'name': 'barney', 'age': 36 }
-     * ];
-     *
-     * var getName = _.property('name');
-     *
-     * _.map(characters, getName);
-     * // => ['barney', 'fred']
-     *
-     * _.sortBy(characters, getName);
-     * // => [{ 'name': 'barney', 'age': 36 }, { 'name': 'fred',   'age': 40 }]
-     */
-    function property(key) {
-      return function(object) {
-        return object[key];
-      };
-    }
-
-    /**
-     * Produces a random number between `min` and `max` (inclusive). If only one
-     * argument is provided a number between `0` and the given number will be
-     * returned. If `floating` is truey or either `min` or `max` are floats a
-     * floating-point number will be returned instead of an integer.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {number} [min=0] The minimum possible value.
-     * @param {number} [max=1] The maximum possible value.
-     * @param {boolean} [floating=false] Specify returning a floating-point number.
-     * @returns {number} Returns a random number.
-     * @example
-     *
-     * _.random(0, 5);
-     * // => an integer between 0 and 5
-     *
-     * _.random(5);
-     * // => also an integer between 0 and 5
-     *
-     * _.random(5, true);
-     * // => a floating-point number between 0 and 5
-     *
-     * _.random(1.2, 5.2);
-     * // => a floating-point number between 1.2 and 5.2
-     */
-    function random(min, max, floating) {
-      var noMin = min == null,
-          noMax = max == null;
-
-      if (floating == null) {
-        if (typeof min == 'boolean' && noMax) {
-          floating = min;
-          min = 1;
-        }
-        else if (!noMax && typeof max == 'boolean') {
-          floating = max;
-          noMax = true;
-        }
-      }
-      if (noMin && noMax) {
-        max = 1;
-      }
-      min = +min || 0;
-      if (noMax) {
-        max = min;
-        min = 0;
-      } else {
-        max = +max || 0;
-      }
-      if (floating || min % 1 || max % 1) {
-        var rand = nativeRandom();
-        return nativeMin(min + (rand * (max - min + parseFloat('1e-' + ((rand +'').length - 1)))), max);
-      }
-      return baseRandom(min, max);
-    }
-
-    /**
-     * Resolves the value of property `key` on `object`. If `key` is a function
-     * it will be invoked with the `this` binding of `object` and its result returned,
-     * else the property value is returned. If `object` is falsey then `undefined`
-     * is returned.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {Object} object The object to inspect.
-     * @param {string} key The name of the property to resolve.
-     * @returns {*} Returns the resolved value.
-     * @example
-     *
-     * var object = {
-     *   'cheese': 'crumpets',
-     *   'stuff': function() {
-     *     return 'nonsense';
-     *   }
-     * };
-     *
-     * _.result(object, 'cheese');
-     * // => 'crumpets'
-     *
-     * _.result(object, 'stuff');
-     * // => 'nonsense'
-     */
-    function result(object, key) {
-      if (object) {
-        var value = object[key];
-        return isFunction(value) ? object[key]() : value;
-      }
-    }
-
-    /**
-     * A micro-templating method that handles arbitrary delimiters, preserves
-     * whitespace, and correctly escapes quotes within interpolated code.
-     *
-     * Note: In the development build, `_.template` utilizes sourceURLs for easier
-     * debugging. See http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl
-     *
-     * For more information on precompiling templates see:
-     * https://lodash.com/custom-builds
-     *
-     * For more information on Chrome extension sandboxes see:
-     * http://developer.chrome.com/stable/extensions/sandboxingEval.html
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {string} text The template text.
-     * @param {Object} data The data object used to populate the text.
-     * @param {Object} [options] The options object.
-     * @param {RegExp} [options.escape] The "escape" delimiter.
-     * @param {RegExp} [options.evaluate] The "evaluate" delimiter.
-     * @param {Object} [options.imports] An object to import into the template as local variables.
-     * @param {RegExp} [options.interpolate] The "interpolate" delimiter.
-     * @param {string} [sourceURL] The sourceURL of the template's compiled source.
-     * @param {string} [variable] The data object variable name.
-     * @returns {Function|string} Returns a compiled function when no `data` object
-     *  is given, else it returns the interpolated text.
-     * @example
-     *
-     * // using the "interpolate" delimiter to create a compiled template
-     * var compiled = _.template('hello <%= name %>');
-     * compiled({ 'name': 'fred' });
-     * // => 'hello fred'
-     *
-     * // using the "escape" delimiter to escape HTML in data property values
-     * _.template('<b><%- value %></b>', { 'value': '<script>' });
-     * // => '<b>&lt;script&gt;</b>'
-     *
-     * // using the "evaluate" delimiter to generate HTML
-     * var list = '<% _.forEach(people, function(name) { %><li><%- name %></li><% }); %>';
-     * _.template(list, { 'people': ['fred', 'barney'] });
-     * // => '<li>fred</li><li>barney</li>'
-     *
-     * // using the ES6 delimiter as an alternative to the default "interpolate" delimiter
-     * _.template('hello ${ name }', { 'name': 'pebbles' });
-     * // => 'hello pebbles'
-     *
-     * // using the internal `print` function in "evaluate" delimiters
-     * _.template('<% print("hello " + name); %>!', { 'name': 'barney' });
-     * // => 'hello barney!'
-     *
-     * // using a custom template delimiters
-     * _.templateSettings = {
-     *   'interpolate': /{{([\s\S]+?)}}/g
-     * };
-     *
-     * _.template('hello {{ name }}!', { 'name': 'mustache' });
-     * // => 'hello mustache!'
-     *
-     * // using the `imports` option to import jQuery
-     * var list = '<% jq.each(people, function(name) { %><li><%- name %></li><% }); %>';
-     * _.template(list, { 'people': ['fred', 'barney'] }, { 'imports': { 'jq': jQuery } });
-     * // => '<li>fred</li><li>barney</li>'
-     *
-     * // using the `sourceURL` option to specify a custom sourceURL for the template
-     * var compiled = _.template('hello <%= name %>', null, { 'sourceURL': '/basic/greeting.jst' });
-     * compiled(data);
-     * // => find the source of "greeting.jst" under the Sources tab or Resources panel of the web inspector
-     *
-     * // using the `variable` option to ensure a with-statement isn't used in the compiled template
-     * var compiled = _.template('hi <%= data.name %>!', null, { 'variable': 'data' });
-     * compiled.source;
-     * // => function(data) {
-     *   var __t, __p = '', __e = _.escape;
-     *   __p += 'hi ' + ((__t = ( data.name )) == null ? '' : __t) + '!';
-     *   return __p;
-     * }
-     *
-     * // using the `source` property to inline compiled templates for meaningful
-     * // line numbers in error messages and a stack trace
-     * fs.writeFileSync(path.join(cwd, 'jst.js'), '\
-     *   var JST = {\
-     *     "main": ' + _.template(mainText).source + '\
-     *   };\
-     * ');
-     */
-    function template(text, data, options) {
-      // based on John Resig's `tmpl` implementation
-      // http://ejohn.org/blog/javascript-micro-templating/
-      // and Laura Doktorova's doT.js
-      // https://github.com/olado/doT
-      var settings = lodash.templateSettings;
-      text = String(text || '');
-
-      // avoid missing dependencies when `iteratorTemplate` is not defined
-      options = defaults({}, options, settings);
-
-      var imports = defaults({}, options.imports, settings.imports),
-          importsKeys = keys(imports),
-          importsValues = values(imports);
-
-      var isEvaluating,
-          index = 0,
-          interpolate = options.interpolate || reNoMatch,
-          source = "__p += '";
-
-      // compile the regexp to match each delimiter
-      var reDelimiters = RegExp(
-        (options.escape || reNoMatch).source + '|' +
-        interpolate.source + '|' +
-        (interpolate === reInterpolate ? reEsTemplate : reNoMatch).source + '|' +
-        (options.evaluate || reNoMatch).source + '|$'
-      , 'g');
-
-      text.replace(reDelimiters, function(match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
-        interpolateValue || (interpolateValue = esTemplateValue);
-
-        // escape characters that cannot be included in string literals
-        source += text.slice(index, offset).replace(reUnescapedString, escapeStringChar);
-
-        // replace delimiters with snippets
-        if (escapeValue) {
-          source += "' +\n__e(" + escapeValue + ") +\n'";
-        }
-        if (evaluateValue) {
-          isEvaluating = true;
-          source += "';\n" + evaluateValue + ";\n__p += '";
-        }
-        if (interpolateValue) {
-          source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
-        }
-        index = offset + match.length;
-
-        // the JS engine embedded in Adobe products requires returning the `match`
-        // string in order to produce the correct `offset` value
-        return match;
-      });
-
-      source += "';\n";
-
-      // if `variable` is not specified, wrap a with-statement around the generated
-      // code to add the data object to the top of the scope chain
-      var variable = options.variable,
-          hasVariable = variable;
-
-      if (!hasVariable) {
-        variable = 'obj';
-        source = 'with (' + variable + ') {\n' + source + '\n}\n';
-      }
-      // cleanup code by stripping empty strings
-      source = (isEvaluating ? source.replace(reEmptyStringLeading, '') : source)
-        .replace(reEmptyStringMiddle, '$1')
-        .replace(reEmptyStringTrailing, '$1;');
-
-      // frame code as the function body
-      source = 'function(' + variable + ') {\n' +
-        (hasVariable ? '' : variable + ' || (' + variable + ' = {});\n') +
-        "var __t, __p = '', __e = _.escape" +
-        (isEvaluating
-          ? ', __j = Array.prototype.join;\n' +
-            "function print() { __p += __j.call(arguments, '') }\n"
-          : ';\n'
-        ) +
-        source +
-        'return __p\n}';
-
-      // Use a sourceURL for easier debugging.
-      // http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl
-      var sourceURL = '\n/*\n//# sourceURL=' + (options.sourceURL || '/lodash/template/source[' + (templateCounter++) + ']') + '\n*/';
-
-      try {
-        var result = Function(importsKeys, 'return ' + source + sourceURL).apply(undefined, importsValues);
-      } catch(e) {
-        e.source = source;
-        throw e;
-      }
-      if (data) {
-        return result(data);
-      }
-      // provide the compiled function's source by its `toString` method, in
-      // supported environments, or the `source` property as a convenience for
-      // inlining compiled templates during the build process
-      result.source = source;
-      return result;
-    }
-
-    /**
-     * Executes the callback `n` times, returning an array of the results
-     * of each callback execution. The callback is bound to `thisArg` and invoked
-     * with one argument; (index).
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {number} n The number of times to execute the callback.
-     * @param {Function} callback The function called per iteration.
-     * @param {*} [thisArg] The `this` binding of `callback`.
-     * @returns {Array} Returns an array of the results of each `callback` execution.
-     * @example
-     *
-     * var diceRolls = _.times(3, _.partial(_.random, 1, 6));
-     * // => [3, 6, 4]
-     *
-     * _.times(3, function(n) { mage.castSpell(n); });
-     * // => calls `mage.castSpell(n)` three times, passing `n` of `0`, `1`, and `2` respectively
-     *
-     * _.times(3, function(n) { this.cast(n); }, mage);
-     * // => also calls `mage.castSpell(n)` three times
-     */
-    function times(n, callback, thisArg) {
-      n = (n = +n) > -1 ? n : 0;
-      var index = -1,
-          result = Array(n);
-
-      callback = baseCreateCallback(callback, thisArg, 1);
-      while (++index < n) {
-        result[index] = callback(index);
-      }
-      return result;
-    }
-
-    /**
-     * The inverse of `_.escape` this method converts the HTML entities
-     * `&amp;`, `&lt;`, `&gt;`, `&quot;`, and `&#39;` in `string` to their
-     * corresponding characters.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {string} string The string to unescape.
-     * @returns {string} Returns the unescaped string.
-     * @example
-     *
-     * _.unescape('Fred, Barney &amp; Pebbles');
-     * // => 'Fred, Barney & Pebbles'
-     */
-    function unescape(string) {
-      return string == null ? '' : String(string).replace(reEscapedHtml, unescapeHtmlChar);
-    }
-
-    /**
-     * Generates a unique ID. If `prefix` is provided the ID will be appended to it.
-     *
-     * @static
-     * @memberOf _
-     * @category Utilities
-     * @param {string} [prefix] The value to prefix the ID with.
-     * @returns {string} Returns the unique ID.
-     * @example
-     *
-     * _.uniqueId('contact_');
-     * // => 'contact_104'
-     *
-     * _.uniqueId();
-     * // => '105'
-     */
-    function uniqueId(prefix) {
-      var id = ++idCounter;
-      return String(prefix == null ? '' : prefix) + id;
-    }
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * Creates a `lodash` object that wraps the given value with explicit
-     * method chaining enabled.
-     *
-     * @static
-     * @memberOf _
-     * @category Chaining
-     * @param {*} value The value to wrap.
-     * @returns {Object} Returns the wrapper object.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney',  'age': 36 },
-     *   { 'name': 'fred',    'age': 40 },
-     *   { 'name': 'pebbles', 'age': 1 }
-     * ];
-     *
-     * var youngest = _.chain(characters)
-     *     .sortBy('age')
-     *     .map(function(chr) { return chr.name + ' is ' + chr.age; })
-     *     .first()
-     *     .value();
-     * // => 'pebbles is 1'
-     */
-    function chain(value) {
-      value = new lodashWrapper(value);
-      value.__chain__ = true;
-      return value;
-    }
-
-    /**
-     * Invokes `interceptor` with the `value` as the first argument and then
-     * returns `value`. The purpose of this method is to "tap into" a method
-     * chain in order to perform operations on intermediate results within
-     * the chain.
-     *
-     * @static
-     * @memberOf _
-     * @category Chaining
-     * @param {*} value The value to provide to `interceptor`.
-     * @param {Function} interceptor The function to invoke.
-     * @returns {*} Returns `value`.
-     * @example
-     *
-     * _([1, 2, 3, 4])
-     *  .tap(function(array) { array.pop(); })
-     *  .reverse()
-     *  .value();
-     * // => [3, 2, 1]
-     */
-    function tap(value, interceptor) {
-      interceptor(value);
-      return value;
-    }
-
-    /**
-     * Enables explicit method chaining on the wrapper object.
-     *
-     * @name chain
-     * @memberOf _
-     * @category Chaining
-     * @returns {*} Returns the wrapper object.
-     * @example
-     *
-     * var characters = [
-     *   { 'name': 'barney', 'age': 36 },
-     *   { 'name': 'fred',   'age': 40 }
-     * ];
-     *
-     * // without explicit chaining
-     * _(characters).first();
-     * // => { 'name': 'barney', 'age': 36 }
-     *
-     * // with explicit chaining
-     * _(characters).chain()
-     *   .first()
-     *   .pick('age')
-     *   .value();
-     * // => { 'age': 36 }
-     */
-    function wrapperChain() {
-      this.__chain__ = true;
-      return this;
-    }
-
-    /**
-     * Produces the `toString` result of the wrapped value.
-     *
-     * @name toString
-     * @memberOf _
-     * @category Chaining
-     * @returns {string} Returns the string result.
-     * @example
-     *
-     * _([1, 2, 3]).toString();
-     * // => '1,2,3'
-     */
-    function wrapperToString() {
-      return String(this.__wrapped__);
-    }
-
-    /**
-     * Extracts the wrapped value.
-     *
-     * @name valueOf
-     * @memberOf _
-     * @alias value
-     * @category Chaining
-     * @returns {*} Returns the wrapped value.
-     * @example
-     *
-     * _([1, 2, 3]).valueOf();
-     * // => [1, 2, 3]
-     */
-    function wrapperValueOf() {
-      return this.__wrapped__;
-    }
-
-    /*--------------------------------------------------------------------------*/
-
-    // add functions that return wrapped values when chaining
-    lodash.after = after;
-    lodash.assign = assign;
-    lodash.at = at;
-    lodash.bind = bind;
-    lodash.bindAll = bindAll;
-    lodash.bindKey = bindKey;
-    lodash.chain = chain;
-    lodash.compact = compact;
-    lodash.compose = compose;
-    lodash.constant = constant;
-    lodash.countBy = countBy;
-    lodash.create = create;
-    lodash.createCallback = createCallback;
-    lodash.curry = curry;
-    lodash.debounce = debounce;
-    lodash.defaults = defaults;
-    lodash.defer = defer;
-    lodash.delay = delay;
-    lodash.difference = difference;
-    lodash.filter = filter;
-    lodash.flatten = flatten;
-    lodash.forEach = forEach;
-    lodash.forEachRight = forEachRight;
-    lodash.forIn = forIn;
-    lodash.forInRight = forInRight;
-    lodash.forOwn = forOwn;
-    lodash.forOwnRight = forOwnRight;
-    lodash.functions = functions;
-    lodash.groupBy = groupBy;
-    lodash.indexBy = indexBy;
-    lodash.initial = initial;
-    lodash.intersection = intersection;
-    lodash.invert = invert;
-    lodash.invoke = invoke;
-    lodash.keys = keys;
-    lodash.map = map;
-    lodash.mapValues = mapValues;
-    lodash.max = max;
-    lodash.memoize = memoize;
-    lodash.merge = merge;
-    lodash.min = min;
-    lodash.omit = omit;
-    lodash.once = once;
-    lodash.pairs = pairs;
-    lodash.partial = partial;
-    lodash.partialRight = partialRight;
-    lodash.pick = pick;
-    lodash.pluck = pluck;
-    lodash.property = property;
-    lodash.pull = pull;
-    lodash.range = range;
-    lodash.reject = reject;
-    lodash.remove = remove;
-    lodash.rest = rest;
-    lodash.shuffle = shuffle;
-    lodash.sortBy = sortBy;
-    lodash.tap = tap;
-    lodash.throttle = throttle;
-    lodash.times = times;
-    lodash.toArray = toArray;
-    lodash.transform = transform;
-    lodash.union = union;
-    lodash.uniq = uniq;
-    lodash.values = values;
-    lodash.where = where;
-    lodash.without = without;
-    lodash.wrap = wrap;
-    lodash.xor = xor;
-    lodash.zip = zip;
-    lodash.zipObject = zipObject;
-
-    // add aliases
-    lodash.collect = map;
-    lodash.drop = rest;
-    lodash.each = forEach;
-    lodash.eachRight = forEachRight;
-    lodash.extend = assign;
-    lodash.methods = functions;
-    lodash.object = zipObject;
-    lodash.select = filter;
-    lodash.tail = rest;
-    lodash.unique = uniq;
-    lodash.unzip = zip;
-
-    // add functions to `lodash.prototype`
-    mixin(lodash);
-
-    /*--------------------------------------------------------------------------*/
-
-    // add functions that return unwrapped values when chaining
-    lodash.clone = clone;
-    lodash.cloneDeep = cloneDeep;
-    lodash.contains = contains;
-    lodash.escape = escape;
-    lodash.every = every;
-    lodash.find = find;
-    lodash.findIndex = findIndex;
-    lodash.findKey = findKey;
-    lodash.findLast = findLast;
-    lodash.findLastIndex = findLastIndex;
-    lodash.findLastKey = findLastKey;
-    lodash.has = has;
-    lodash.identity = identity;
-    lodash.indexOf = indexOf;
-    lodash.isArguments = isArguments;
-    lodash.isArray = isArray;
-    lodash.isBoolean = isBoolean;
-    lodash.isDate = isDate;
-    lodash.isElement = isElement;
-    lodash.isEmpty = isEmpty;
-    lodash.isEqual = isEqual;
-    lodash.isFinite = isFinite;
-    lodash.isFunction = isFunction;
-    lodash.isNaN = isNaN;
-    lodash.isNull = isNull;
-    lodash.isNumber = isNumber;
-    lodash.isObject = isObject;
-    lodash.isPlainObject = isPlainObject;
-    lodash.isRegExp = isRegExp;
-    lodash.isString = isString;
-    lodash.isUndefined = isUndefined;
-    lodash.lastIndexOf = lastIndexOf;
-    lodash.mixin = mixin;
-    lodash.noConflict = noConflict;
-    lodash.noop = noop;
-    lodash.now = now;
-    lodash.parseInt = parseInt;
-    lodash.random = random;
-    lodash.reduce = reduce;
-    lodash.reduceRight = reduceRight;
-    lodash.result = result;
-    lodash.runInContext = runInContext;
-    lodash.size = size;
-    lodash.some = some;
-    lodash.sortedIndex = sortedIndex;
-    lodash.template = template;
-    lodash.unescape = unescape;
-    lodash.uniqueId = uniqueId;
-
-    // add aliases
-    lodash.all = every;
-    lodash.any = some;
-    lodash.detect = find;
-    lodash.findWhere = find;
-    lodash.foldl = reduce;
-    lodash.foldr = reduceRight;
-    lodash.include = contains;
-    lodash.inject = reduce;
-
-    mixin(function() {
-      var source = {}
-      forOwn(lodash, function(func, methodName) {
-        if (!lodash.prototype[methodName]) {
-          source[methodName] = func;
-        }
-      });
-      return source;
-    }(), false);
-
-    /*--------------------------------------------------------------------------*/
-
-    // add functions capable of returning wrapped and unwrapped values when chaining
-    lodash.first = first;
-    lodash.last = last;
-    lodash.sample = sample;
-
-    // add aliases
-    lodash.take = first;
-    lodash.head = first;
-
-    forOwn(lodash, function(func, methodName) {
-      var callbackable = methodName !== 'sample';
-      if (!lodash.prototype[methodName]) {
-        lodash.prototype[methodName]= function(n, guard) {
-          var chainAll = this.__chain__,
-              result = func(this.__wrapped__, n, guard);
-
-          return !chainAll && (n == null || (guard && !(callbackable && typeof n == 'function')))
-            ? result
-            : new lodashWrapper(result, chainAll);
-        };
-      }
-    });
-
-    /*--------------------------------------------------------------------------*/
-
-    /**
-     * The semantic version number.
-     *
-     * @static
-     * @memberOf _
-     * @type string
-     */
-    lodash.VERSION = '2.4.2';
-
-    // add "Chaining" functions to the wrapper
-    lodash.prototype.chain = wrapperChain;
-    lodash.prototype.toString = wrapperToString;
-    lodash.prototype.value = wrapperValueOf;
-    lodash.prototype.valueOf = wrapperValueOf;
-
-    // add `Array` functions that return unwrapped values
-    forEach(['join', 'pop', 'shift'], function(methodName) {
-      var func = arrayRef[methodName];
-      lodash.prototype[methodName] = function() {
-        var chainAll = this.__chain__,
-            result = func.apply(this.__wrapped__, arguments);
-
-        return chainAll
-          ? new lodashWrapper(result, chainAll)
-          : result;
-      };
-    });
-
-    // add `Array` functions that return the existing wrapped value
-    forEach(['push', 'reverse', 'sort', 'unshift'], function(methodName) {
-      var func = arrayRef[methodName];
-      lodash.prototype[methodName] = function() {
-        func.apply(this.__wrapped__, arguments);
-        return this;
-      };
-    });
-
-    // add `Array` functions that return new wrapped values
-    forEach(['concat', 'slice', 'splice'], function(methodName) {
-      var func = arrayRef[methodName];
-      lodash.prototype[methodName] = function() {
-        return new lodashWrapper(func.apply(this.__wrapped__, arguments), this.__chain__);
-      };
-    });
-
-    return lodash;
-  }
-
-  /*--------------------------------------------------------------------------*/
-
-  // expose Lo-Dash
-  var _ = runInContext();
-
-  // some AMD build optimizers like r.js check for condition patterns like the following:
-  if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {
-    // Expose Lo-Dash to the global object even when an AMD loader is present in
-    // case Lo-Dash is loaded with a RequireJS shim config.
-    // See http://requirejs.org/docs/api.html#config-shim
-    root._ = _;
-
-    // define as an anonymous module so, through path mapping, it can be
-    // referenced as the "underscore" module
-    define(function() {
-      return _;
-    });
-  }
-  // check for `exports` after `define` in case a build optimizer adds an `exports` object
-  else if (freeExports && freeModule) {
-    // in Node.js or RingoJS
-    if (moduleExports) {
-      (freeModule.exports = _)._ = _;
-    }
-    // in Narwhal or Rhino -require
-    else {
-      freeExports._ = _;
-    }
-  }
-  else {
-    // in a browser or Rhino
-    root._ = _;
-  }
-}.call(this));
-
-}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-
-},{}],15:[function(require,module,exports){
-(function (root, factory) {
-		"use strict";
-
-		if (typeof exports === 'object') {
-			module.exports = factory();
-		} else if (typeof define === 'function' && define.amd) {
-			define(factory);
-		} else {
-			root.UltraDeepClone = factory();
-		}
-	}(this, function () {
-
-		var functionPropertyFilter = [
-			"caller",
-			"arguments"
-		];
-
-		// Node.js has a lot of silly enumeral properties on its "TypedArray" implementation
-		var typedArrayPropertyFilter = [
-			'BYTES_PER_ELEMENT',
-			'get',
-			'set',
-			'slice',
-			'subarray',
-			'buffer',
-			'length',
-			'byteOffset',
-			'byteLength'
-		];
-
-		var primitiveCloner  = makeCloner(clonePrimitive);
-		var typedArrayCloner = makeRecursiveCloner(makeCloner(cloneTypedArray), typedArrayPropertyFilter);
-
-		function typeString (type) {
-			return '[object ' + type + ']';
-		}
-
-		var cloneFunctions = {};
-
-		cloneFunctions[typeString('RegExp')] = makeCloner(cloneRegExp);
-		cloneFunctions[typeString('Date')] = makeCloner(cloneDate);
-		cloneFunctions[typeString('Function')] = makeRecursiveCloner(makeCloner(cloneFunction), functionPropertyFilter);
-		cloneFunctions[typeString('Object')] = makeRecursiveCloner(makeCloner(cloneObject));
-		cloneFunctions[typeString('Array')] = makeRecursiveCloner(makeCloner(cloneArray));
-
-		['Null', 'Undefined', 'Number', 'String', 'Boolean']
-			.map(typeString)
-			.forEach(function (type) {
-				cloneFunctions[type] = primitiveCloner;
-			});
-
-		['Int8Array', 'Uint8Array', 'Uint8ClampedArray', 'Int16Array', 'Uint16Array',
-		 'Int32Array', 'Uint32Array', 'Float32Array', 'Float64Array']
-			.map(typeString)
-			.forEach(function (type) {
-				cloneFunctions[type] = typedArrayCloner;
-			});
-
-		function makeArguments (numberOfArgs) {
-			var letters = [];
-			for ( var i = 1; i <= numberOfArgs; i++ ) letters.push("arg" + i);
-			return letters;
-		}
-
-		function wrapFunctionWithArity (callback) {
-			var argList = makeArguments(callback.length);
-			var functionCode = 'return false || function ';
-			functionCode += callback.name + '(';
-			functionCode += argList.join(', ') + ') {\n';
-			functionCode += 'return fn.apply(this, arguments);\n';
-			functionCode += '};'
-
-			return Function("fn", functionCode)(callback);
-		}
-
-		function makeCloner (cloneThing) {
-			return function(thing, thingStack, copyStack) {
-				thingStack.push(thing);
-				var copy = cloneThing(thing);
-				copyStack.push(copy);
-				return copy;
-			};
-		}
-
-		function clonePrimitive (primitive) {
-			return primitive;
-		}
-
-		function cloneRegExp (regexp) {
-			return new RegExp(regexp);
-		}
-
-		function cloneDate (date) {
-			return new Date(date.getTime());
-		}
-
-		// We can't really clone functions but we can wrap them in a new function that will
-		// recieve clones of any properties the original function may have had
-		function cloneFunction (fn) {
-			return wrapFunctionWithArity(fn);
-		}
-
-		// This will not properly clone `constructed` objects because
-		// it is impossible to know with what arguments the constructor
-		// was originally invoked.
-		function cloneObject (object) {
-			return Object.create(Object.getPrototypeOf(object));
-		}
-
-		function cloneArray (array) {
-			return [];
-		}
-
-		function cloneTypedArray (typedArray) {
-			var len = typedArray.length;
-			return new typedArray.constructor(len);
-		}
-
-		function makeRecursiveCloner (cloneThing, propertyFilter) {
-			return function(thing, thingStack, copyStack) {
-				var clone = this;
-
-				return Object.getOwnPropertyNames(thing)
-					.filter(function(prop){
-						return !propertyFilter || propertyFilter.indexOf(prop) === -1;
-					})
-					.reduce(function(copy, prop) {
-						var thingOffset = thingStack.indexOf(thing[prop]);
-
-						if (thingOffset === -1) {
-							copy[prop] = clone(thing[prop]);
-						} else {
-							copy[prop] = copyStack[thingOffset];
-						}
-
-						return copy;
-					}, cloneThing(thing, thingStack, copyStack));
-			};
-		}
-
-		return function _ultraDeepClone (source) {
-
-			var thingStack = [];
-			var copyStack = [];
-
-			function clone (thing) {
-				var typeOfThing = Object.prototype.toString.call(thing);
-				return cloneFunctions[typeOfThing].call(clone, thing, thingStack, copyStack);
-			};
-
-			return clone(source);
-		};
-}));
-
-},{}],16:[function(require,module,exports){
-module.exports = extend
-
-function extend() {
-    var target = {}
-
-    for (var i = 0; i < arguments.length; i++) {
-        var source = arguments[i]
-
-        for (var key in source) {
-            if (source.hasOwnProperty(key)) {
-                target[key] = source[key]
-            }
-        }
-    }
-
-    return target
-}
-
-},{}],17:[function(require,module,exports){
-WYMeditor.EXTERNAL_MODULES.ObjectHistory = require("object-history");
-
-},{"object-history":1}]},{},[17])(17)
-});
-//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlcy9ncnVudC1icm93c2VyaWZ5L25vZGVfbW9kdWxlcy9icm93c2VyaWZ5L25vZGVfbW9kdWxlcy9icm93c2VyLXBhY2svX3ByZWx1ZGUuanMiLCJub2RlX21vZHVsZXMvb2JqZWN0LWhpc3RvcnkvbGliL2luZGV4LmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L2xpYi9wcm90b3R5cGUvYWRkLmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L2xpYi9wcm90b3R5cGUvYmFja3dhcmQuanMiLCJub2RlX21vZHVsZXMvb2JqZWN0LWhpc3RvcnkvbGliL3Byb3RvdHlwZS9mb3JnZXQtYWxsLWJhY2t3YXJkLmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L2xpYi9wcm90b3R5cGUvZm9yZ2V0LWFsbC1mb3J3YXJkLmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L2xpYi9wcm90b3R5cGUvZm9yZ2V0LWFsbC1pbi1kaXJlY3Rpb24uanMiLCJub2RlX21vZHVsZXMvb2JqZWN0LWhpc3RvcnkvbGliL3Byb3RvdHlwZS9mb3J3YXJkLmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L2xpYi9wcm90b3R5cGUvZ2V0LmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L2xpYi9wcm90b3R5cGUvbGVuZ3RoLWJhY2t3YXJkLmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L2xpYi9wcm90b3R5cGUvbGVuZ3RoLWZvcndhcmQuanMiLCJub2RlX21vZHVsZXMvb2JqZWN0LWhpc3RvcnkvbGliL3Byb3RvdHlwZS9tb3ZlLmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L25vZGVfbW9kdWxlcy9jaGFuZ2VzZXQvaW5kZXguanMiLCJub2RlX21vZHVsZXMvb2JqZWN0LWhpc3Rvcnkvbm9kZV9tb2R1bGVzL2NoYW5nZXNldC9ub2RlX21vZHVsZXMvdW5kZXJzY29yZS91bmRlcnNjb3JlLmpzIiwibm9kZV9tb2R1bGVzL29iamVjdC1oaXN0b3J5L25vZGVfbW9kdWxlcy9sb2Rhc2gvZGlzdC9sb2Rhc2guanMiLCJub2RlX21vZHVsZXMvb2JqZWN0LWhpc3Rvcnkvbm9kZV9tb2R1bGVzL3VkYy91ZGMuanMiLCJub2RlX21vZHVsZXMvb2JqZWN0LWhpc3Rvcnkvbm9kZV9tb2R1bGVzL3h0ZW5kL2ltbXV0YWJsZS5qcyIsInNyYy93eW1lZGl0b3IvZXh0ZXJuYWwtbW9kdWxlcy9vYmplY3QtaGlzdG9yeS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQ0FBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDcERBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUN0Q0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2RBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2ZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2ZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ3JCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDZEE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDZkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNiQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2JBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDM0NBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDaEhBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7O0FDMXNDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7OztBQ2xvTkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDekpBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNqQkE7QUFDQSIsImZpbGUiOiJnZW5lcmF0ZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlc0NvbnRlbnQiOlsiKGZ1bmN0aW9uIGUodCxuLHIpe2Z1bmN0aW9uIHMobyx1KXtpZighbltvXSl7aWYoIXRbb10pe3ZhciBhPXR5cGVvZiByZXF1aXJlPT1cImZ1bmN0aW9uXCImJnJlcXVpcmU7aWYoIXUmJmEpcmV0dXJuIGEobywhMCk7aWYoaSlyZXR1cm4gaShvLCEwKTt2YXIgZj1uZXcgRXJyb3IoXCJDYW5ub3QgZmluZCBtb2R1bGUgJ1wiK28rXCInXCIpO3Rocm93IGYuY29kZT1cIk1PRFVMRV9OT1RfRk9VTkRcIixmfXZhciBsPW5bb109e2V4cG9ydHM6e319O3Rbb11bMF0uY2FsbChsLmV4cG9ydHMsZnVuY3Rpb24oZSl7dmFyIG49dFtvXVsxXVtlXTtyZXR1cm4gcyhuP246ZSl9LGwsbC5leHBvcnRzLGUsdCxuLHIpfXJldHVybiBuW29dLmV4cG9ydHN9dmFyIGk9dHlwZW9mIHJlcXVpcmU9PVwiZnVuY3Rpb25cIiYmcmVxdWlyZTtmb3IodmFyIG89MDtvPHIubGVuZ3RoO28rKylzKHJbb10pO3JldHVybiBzfSkiLCIndXNlIHN0cmljdCdcblxudmFyIF8gPSByZXF1aXJlKCdsb2Rhc2gnKVxudmFyIGNsb25lID0gcmVxdWlyZSgndWRjJylcbnZhciB4dGVuZCA9IHJlcXVpcmUoJ3h0ZW5kJylcblxuLyoqXG4gKiBHaXZlcyBiaXJ0aCB0byBpbnN0YW5jZXNcbiAqXG4gKiBgYGBqc1xuICogdmFyIEhpc3RvcnkgPSByZXF1aXJlKCdvYmplY3QtaGlzdG9yeScpXG4gKiB2YXIgaW5pdGlhbCA9IHtmb286ICdiYXInLCBuYW1lOiAndmljdG9yaWEnfVxuICogdmFyIGhpc3RvcnkgPSBuZXcgSGlzdG9yeShpbml0aWFsLCB7bGltaXQ6IDMzfSlcbiAqIGBgYFxuICpcbiAqIEBuYW1lIEhpc3RvcnlcbiAqIEBwYXJhbSB7T2JqZWN0fSBgaW5pdGlhbGAgVGhlIGluaXRpYWwgaGlzdG9yeSBwb2ludFxuICogQHBhcmFtIHtPYmplY3R9IGBvcHRpb25zYCBgbGltaXRgOiBge051bWJlcn1gIFJlbWVtYmVyIHRoaXMgbWFueSBiYWNrd2FyZCBwb2ludHNcbiAqIEBjb25zdHJ1Y3RvclxuICogQGFwaSBwdWJsaWNcbiAqL1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChpbml0aWFsLCBvcHRpb25zKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuICBzZWxmLm9wdGlvbnMgPSB4dGVuZCh7XG4gICAgbGltaXQ6IG51bGxcbiAgfSwgb3B0aW9ucylcblxuICBzZWxmLm5vdE9iakVycm9yID0gbmV3IEVycm9yKCdyZXF1aXJlcyBhIHBsYWluIG9iamVjdCcpXG4gIGlmICghaW5pdGlhbCB8fCAhXy5pc1BsYWluT2JqZWN0KGluaXRpYWwpKSB7XG4gICAgdGhyb3cgc2VsZi5ub3RPYmpFcnJvclxuICB9XG5cbiAgc2VsZi5jdXJyZW50ID0gY2xvbmUoaW5pdGlhbClcbiAgc2VsZi5jaGFuZ2VzZXRzID0ge1xuICAgIGJhY2t3YXJkOiBbXSxcbiAgICBmb3J3YXJkOiBbXVxuICB9XG59XG5cbnZhciBwcm90byA9IG1vZHVsZS5leHBvcnRzLnByb3RvdHlwZVxuXG5wcm90by5hZGQgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9hZGQnKVxucHJvdG8uZ2V0ID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvZ2V0JylcbnByb3RvLmxlbmd0aEJhY2t3YXJkID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvbGVuZ3RoLWJhY2t3YXJkJylcbnByb3RvLmxlbmd0aEZvcndhcmQgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9sZW5ndGgtZm9yd2FyZCcpXG5wcm90by5iYWNrd2FyZCA9IHJlcXVpcmUoJy4vcHJvdG90eXBlL2JhY2t3YXJkJylcbnByb3RvLmZvcndhcmQgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9mb3J3YXJkJylcbnByb3RvLm1vdmUgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9tb3ZlJylcbnByb3RvLmZvcmdldEFsbEluRGlyZWN0aW9uID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvZm9yZ2V0LWFsbC1pbi1kaXJlY3Rpb24nKVxucHJvdG8uZm9yZ2V0QWxsQmFja3dhcmQgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9mb3JnZXQtYWxsLWJhY2t3YXJkJylcbnByb3RvLmZvcmdldEFsbEZvcndhcmQgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9mb3JnZXQtYWxsLWZvcndhcmQnKVxuIiwiJ3VzZSBzdHJpY3QnXG52YXIgXyA9IHJlcXVpcmUoJ2xvZGFzaCcpXG52YXIgZGlmZiA9IHJlcXVpcmUoJ2NoYW5nZXNldCcpXG52YXIgY2xvbmUgPSByZXF1aXJlKCd1ZGMnKVxuXG4vKipcbiAqIEFkZCBhIGhpc3RvcnkgcG9pbnQgb2JqZWN0XG4gKlxuICogYGBganNcbiAqIGhpc3RvcnkuYWRkKHtcbiAqICAgZm9vOiAnYmFyJyxcbiAqICAgYmFyOiAnZm9vJ1xuICogfSlcbiAqIGBgYFxuICpcbiAqIEBuYW1lIGFkZFxuICogQHBhcmFtIHtPYmplY3R9IGBvYmpgIFRoZSBoaXN0b3J5IHBvaW50XG4gKiBAYXBpIHB1YmxpY1xuICovXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKG9iaikge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICBpZiAoIW9iaiB8fCAhXy5pc1BsYWluT2JqZWN0KG9iaikpIHtcbiAgICB0aHJvdyBzZWxmLm5vdE9iakVycm9yXG4gIH1cblxuICBpZiAoc2VsZi5sZW5ndGhCYWNrd2FyZCgpID09PSBzZWxmLm9wdGlvbnMubGltaXQpIHtcbiAgICAvLyBsaW1pdCByZWFjaGVkLiByZW1vdmUgdGhlIG9sZGVzdFxuICAgIHNlbGYuY2hhbmdlc2V0cy5iYWNrd2FyZC5zaGlmdCgpXG4gIH1cblxuICBzZWxmLmNoYW5nZXNldHMuYmFja3dhcmQucHVzaChkaWZmKG9iaiwgc2VsZi5jdXJyZW50KSlcblxuICBzZWxmLmN1cnJlbnQgPSBjbG9uZShvYmopXG5cbiAgc2VsZi5jaGFuZ2VzZXRzLmZvcndhcmQgPSBbXVxufVxuIiwiJ3VzZSBzdHJpY3QnXG5cbi8qKlxuICogR28gYmFjayBvbmUgaGlzdG9yeSBwb2ludFxuICpcbiAqIEBuYW1lIGJhY2t3YXJkXG4gKiBAYXBpIHB1YmxpY1xuICovXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKCkge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICBzZWxmLm1vdmUoJ2JhY2t3YXJkJylcbn1cbiIsIid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIE1ha2VzIGFsbCBiYWNrd2FyZCBoaXN0b3J5IGZvcmdvdHRlblxuICpcbiAqIEBuYW1lIGZvcmdldEFsbEJhY2t3YXJkXG4gKiBAYXBpIHB1YmxpY1xuICogQHNpbmNlIDMuMS4wXG4gKi9cblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuXG4gIHNlbGYuZm9yZ2V0QWxsSW5EaXJlY3Rpb24oJ2JhY2t3YXJkJylcbn1cbiIsIid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIE1ha2VzIGFsbCBmb3J3YXJkIGhpc3RvcnkgZm9yZ290dGVuXG4gKlxuICogQG5hbWUgZm9yZ2V0QWxsRm9yd2FyZFxuICogQGFwaSBwdWJsaWNcbiAqIEBzaW5jZSAzLjEuMFxuICovXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKCkge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICBzZWxmLmZvcmdldEFsbEluRGlyZWN0aW9uKCdmb3J3YXJkJylcbn1cbiIsIi8qKlxuICogTWFrZXMgYWxsIGhpc3RvcnkgaW4gYSBjZXJ0YWluIGRpcmVjdGlvbiBmb3Jnb3R0ZW5cbiAqXG4gKiBAcGFyYW0ge1N0cmluZ30gYGRpcmVjdGlvbmAgVGhlIGRpcmVjdGlvbiBpbiB3aGljaCB0byBmb3JnZXRcbiAqICAgQG9wdGlvbiBgJ2ZvcndhcmQnYCBbZGlyZWN0aW9uXVxuICogICBAb3B0aW9uIGAnYmFja3dhcmQnYCBbZGlyZWN0aW9uXVxuICogQGFwaSBwcml2YXRlXG4gKiBAc2luY2UgMy4xLjBcbiAqL1xudmFyIGZvcmdldEFsbEluRGlyZWN0aW9uID0gZnVuY3Rpb24gKGRpcmVjdGlvbikge1xuICB2YXIgc2VsZiA9IHRoaXNcbiAgdmFyIGNoYW5nZXNldHMgPSBzZWxmLmNoYW5nZXNldHNcblxuICBpZiAoIWNoYW5nZXNldHMuaGFzT3duUHJvcGVydHkoZGlyZWN0aW9uKSkge1xuICAgIHRocm93IG5ldyBFcnJvcigndGhlcmUgaXMgbm8gc3VjaCBkaXJlY3Rpb24nKVxuICB9XG5cbiAgY2hhbmdlc2V0c1tkaXJlY3Rpb25dID0gW11cbn1cblxubW9kdWxlLmV4cG9ydHMgPSBmb3JnZXRBbGxJbkRpcmVjdGlvblxuIiwiJ3VzZSBzdHJpY3QnXG5cbi8qKlxuICogR28gZm9yd2FyZCBvbmUgaGlzdG9yeSBwb2ludFxuICpcbiAqIEBuYW1lIGZvcndhcmRcbiAqIEBhcGkgcHVibGljXG4gKi9cblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuXG4gIHNlbGYubW92ZSgnZm9yd2FyZCcpXG59XG4iLCIndXNlIHN0cmljdCdcblxudmFyIGNsb25lID0gcmVxdWlyZSgndWRjJylcblxuLyoqXG4gKiBAbmFtZSBnZXRcbiAqIEByZXR1cm4ge09iamVjdH0gXCJDdXJyZW50XCIgaGlzdG9yeSBwb2ludFxuICogQGFwaSBwdWJsaWNcbiAqL1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uICgpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG5cbiAgcmV0dXJuIGNsb25lKHNlbGYuY3VycmVudClcbn1cbiIsIid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIEBuYW1lIGxlbmd0aEJhY2t3YXJkXG4gKiBAcmV0dXJuIHtOdW1iZXJ9IE51bWJlciBvZiBoaXN0b3J5IHBvaW50cyBiYWNrd2FyZHNcbiAqIEBhcGkgcHVibGljXG4gKi9cblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuXG4gIHJldHVybiBzZWxmLmNoYW5nZXNldHMuYmFja3dhcmQubGVuZ3RoXG59XG4iLCIndXNlIHN0cmljdCdcblxuLyoqXG4gKiBAbmFtZSBsZW5ndGhGb3J3YXJkXG4gKiBAcmV0dXJuIHtOdW1iZXJ9IE51bWJlciBvZiBoaXN0b3J5IHBvaW50cyBmb3J3YXJkXG4gKiBAYXBpIHB1YmxpY1xuICovXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKCkge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICByZXR1cm4gc2VsZi5jaGFuZ2VzZXRzLmZvcndhcmQubGVuZ3RoXG59XG4iLCIndXNlIHN0cmljdCdcbnZhciBkaWZmID0gcmVxdWlyZSgnY2hhbmdlc2V0JylcbnZhciBhcHBseSA9IGRpZmYuYXBwbHlcbnZhciB3aXRob3V0ID0gcmVxdWlyZSgnbG9kYXNoJykud2l0aG91dFxuXG4vKipcbiAqIE1vdmUgZm9yd2FyZCBvciBiYWNrd2FyZHNcbiAqXG4gKiBAYXBpIHByaXZhdGVcbiAqIEBwYXJhbSB7U3RyaW5nfSBgZGlyZWN0aW9uYCBkaXJlY3Rpb24gb2YgbW92ZW1lbnQgZWl0aGVyIGAnYmFja3dhcmQnYCBvciBgJ2ZvcndhcmQnYFxuICovXG5cbnZhciBtb3ZlID0gZnVuY3Rpb24gKGRpcmVjdGlvbikge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICBpZiAoIWRpcmVjdGlvbiB8fCAhc2VsZi5jaGFuZ2VzZXRzLmhhc093blByb3BlcnR5KGRpcmVjdGlvbikpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ0ludmFsaWQgZGlyZWN0aW9uJylcbiAgfVxuXG4gIC8vIGdldCB0aGUgcmV2ZXJzZSBkaXJlY3Rpb24gbmFtZVxuICB2YXIgZGlyZWN0aW9ucyA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eU5hbWVzKHNlbGYuY2hhbmdlc2V0cylcbiAgdmFyIHJldmVyc2VEaXJlY3Rpb24gPSB3aXRob3V0KGRpcmVjdGlvbnMsIGRpcmVjdGlvbilbMF1cblxuICAvLyB0aGUgZGlyZWN0aW9ucyB3aWxsIHJlZmVyIHRvIHRoZSBhcnJheXMgb2YgY2hhbmdlc2V0c1xuICB2YXIgY2hhbmdlc2V0cyA9IHNlbGYuY2hhbmdlc2V0c1tkaXJlY3Rpb25dXG4gIHZhciByZXZlcnNlQ2hhbmdlc2V0cyA9IHNlbGYuY2hhbmdlc2V0c1tyZXZlcnNlRGlyZWN0aW9uXVxuXG4gIGlmIChjaGFuZ2VzZXRzLmxlbmd0aCA9PT0gMCkge1xuICAgIHRocm93IG5ldyBFcnJvcignVGhlcmVcXCdzIG5vIGdvaW5nICcgKyBkaXJlY3Rpb24pXG4gIH1cblxuICAvLyBjcmVhdGUgdGhlIG5ldyBvYmplY3QgYnkgYXBwbHlpbmcgdGhlIGxhc3QgY2hhbmdlc2V0IGZyb21cbiAgLy8gdGhpcyBkaXJlY3Rpb24gb24gdGhlIGN1cnJlbnQgb2JqZWN0LiB0aGlzIHdpbGwgYmUgb3VyIG5ldyBjdXJyZW50XG4gIHZhciBuZXdDdXJyZW50ID0gYXBwbHkoY2hhbmdlc2V0cy5wb3AoKSwgc2VsZi5jdXJyZW50KVxuXG4gIC8vIHB1c2ggdG8gdGhlIHJldmVyc2UgZGlyZWN0aW9uIGEgY2hhbmdlc2V0IGZyb20gdGhlIG5ldyBvYmplY3RcbiAgLy8gdG8gdGhlIGN1cnJlbnQgb2JqZWN0IHNvIHRoYXQgd2UgY291bGQgZ28gYmFja1xuICByZXZlcnNlQ2hhbmdlc2V0cy5wdXNoKGRpZmYobmV3Q3VycmVudCwgc2VsZi5jdXJyZW50KSlcblxuICBzZWxmLmN1cnJlbnQgPSBuZXdDdXJyZW50XG59XG5cbm1vZHVsZS5leHBvcnRzID0gbW92ZVxuIiwidmFyIF8gPSByZXF1aXJlKCd1bmRlcnNjb3JlJyk7XG5cbm1vZHVsZS5leHBvcnRzID0gZGlmZjtcbmZ1bmN0aW9uIGRpZmYob2xkLCBuZXdfKSB7XG4gIHZhciBjaGFuZ2VzID0gW107XG5cbiAgY2hhbmdlcyA9IGNoYW5nZXMuY29uY2F0KGNvbXBhcmUoW10sIG9sZCwgbmV3XykpO1xuXG4gIGNvbXBhcmluZyA9IFtdO1xuICByZXR1cm4gY2hhbmdlcztcbn1cblxuZnVuY3Rpb24gZGVsQ2hlY2sob3ApIHtcbiAgaWYgKG9wLnR5cGUgPT09ICdwdXQnICYmIG9wLnZhbHVlID09PSB1bmRlZmluZWQpIHtcbiAgICBvcC50eXBlID0gJ2RlbCc7XG4gICAgZGVsZXRlIG9wLnZhbHVlO1xuICB9XG4gIHJldHVybiBvcDtcbn1cblxudmFyIGNvbXBhcmluZyA9IFtdO1xuZnVuY3Rpb24gY29tcGFyZShwYXRoLCBvbGQsIG5ld18pIHtcbiAgdmFyIGNoYW5nZXMgPSBbXTtcbiAgaWYgKG9sZCAhPT0gbnVsbCAmJiBuZXdfICE9PSBudWxsICYmXG4gICAgICB0eXBlb2Ygb2xkID09PSAnb2JqZWN0JyAmJlxuICAgICAgIV8uY29udGFpbnMoY29tcGFyaW5nLCBvbGQpKSB7XG5cbiAgICBjb21wYXJpbmcucHVzaChvbGQpO1xuICAgIHZhciBvbGRLZXlzID0gT2JqZWN0LmtleXMob2xkKTtcbiAgICB2YXIgbmV3S2V5cyA9IE9iamVjdC5rZXlzKG5ld18pO1xuXG4gICAgdmFyIHNhbWVLZXlzID0gXy5pbnRlcnNlY3Rpb24ob2xkS2V5cywgbmV3S2V5cyk7XG4gICAgc2FtZUtleXMuZm9yRWFjaChmdW5jdGlvbiAoaykge1xuICAgICAgdmFyIGNoaWxkQ2hhbmdlcyA9IGNvbXBhcmUocGF0aC5jb25jYXQoayksIG9sZFtrXSwgbmV3X1trXSk7XG4gICAgICBjaGFuZ2VzID0gY2hhbmdlcy5jb25jYXQoY2hpbGRDaGFuZ2VzKTtcbiAgICB9KTtcblxuICAgIHZhciBkZWxLZXlzID0gXy5kaWZmZXJlbmNlKG9sZEtleXMsIG5ld0tleXMpO1xuICAgIGRlbEtleXMuZm9yRWFjaChmdW5jdGlvbiAoaykge1xuICAgICAgY2hhbmdlcy5wdXNoKHsgdHlwZTogJ2RlbCcsIGtleTogcGF0aC5jb25jYXQoaykgfSk7XG4gICAgfSk7XG5cbiAgICB2YXIgbmV3S2V5c18gPSBfLmRpZmZlcmVuY2UobmV3S2V5cywgb2xkS2V5cyk7XG4gICAgbmV3S2V5c18uZm9yRWFjaChmdW5jdGlvbiAoaykge1xuICAgICAgY2hhbmdlcy5wdXNoKGRlbENoZWNrKFxuICAgICAgICB7IHR5cGU6ICdwdXQnLCBrZXk6IHBhdGguY29uY2F0KGspLCB2YWx1ZTogbmV3X1trXSB9KSk7XG4gICAgfSk7XG5cbiAgfSBlbHNlIGlmIChvbGQgIT09IG5ld18pIHtcbiAgICBjaGFuZ2VzLnB1c2goZGVsQ2hlY2soeyB0eXBlOiAncHV0Jywga2V5OiBwYXRoLCB2YWx1ZTogbmV3XyB9KSk7XG4gIH1cblxuICByZXR1cm4gY2hhbmdlcztcbn1cblxubW9kdWxlLmV4cG9ydHMuYXBwbHkgPSBhcHBseTtcbmZ1bmN0aW9uIGFwcGx5KGNoYW5nZXMsIHRhcmdldCwgbW9kaWZ5KSB7XG4gIHZhciBvYmosIGNsb25lO1xuICBpZiAobW9kaWZ5KSB7XG4gICAgb2JqID0gdGFyZ2V0O1xuICB9IGVsc2Uge1xuICAgIGNsb25lID0gcmVxdWlyZShcInVkY1wiKTtcbiAgICBvYmogPSBjbG9uZSh0YXJnZXQpO1xuICB9XG4gIGNoYW5nZXMuZm9yRWFjaChmdW5jdGlvbiAoY2gpIHtcbiAgICB2YXIgcHRyLCBrZXlzLCBsZW47XG4gICAgc3dpdGNoIChjaC50eXBlKSB7XG4gICAgICBjYXNlICdwdXQnOlxuICAgICAgICBwdHIgPSBvYmo7XG4gICAgICAgIGtleXMgPSBjaC5rZXk7XG4gICAgICAgIGxlbiA9IGtleXMubGVuZ3RoO1xuICAgICAgICBpZiAobGVuKSB7XG4gICAgICAgICAga2V5cy5mb3JFYWNoKGZ1bmN0aW9uIChwcm9wLCBpKSB7XG4gICAgICAgICAgICBpZiAoIShwcm9wIGluIHB0cikpIHtcbiAgICAgICAgICAgICAgcHRyW3Byb3BdID0ge307XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGlmIChpIDwgbGVuIC0gMSkge1xuICAgICAgICAgICAgICBwdHIgPSBwdHJbcHJvcF07XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICBwdHJbcHJvcF0gPSBjaC52YWx1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBvYmogPSBjaC52YWx1ZTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnZGVsJzpcbiAgICAgICAgcHRyID0gb2JqO1xuICAgICAgICBrZXlzID0gY2gua2V5O1xuICAgICAgICBsZW4gPSBrZXlzLmxlbmd0aDtcbiAgICAgICAgaWYgKGxlbikge1xuICAgICAgICAgIGtleXMuZm9yRWFjaChmdW5jdGlvbiAocHJvcCwgaSkge1xuICAgICAgICAgICAgaWYgKCEocHJvcCBpbiBwdHIpKSB7XG4gICAgICAgICAgICAgIHB0cltwcm9wXSA9IHt9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAoaSA8IGxlbiAtIDEpIHtcbiAgICAgICAgICAgICAgcHRyID0gcHRyW3Byb3BdO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgZGVsZXRlIHB0cltwcm9wXTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBvYmogPSBudWxsO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfSk7XG4gIHJldHVybiBvYmo7XG59XG4iLCIvLyAgICAgVW5kZXJzY29yZS5qcyAxLjQuNFxuLy8gICAgIGh0dHA6Ly91bmRlcnNjb3JlanMub3JnXG4vLyAgICAgKGMpIDIwMDktMjAxMyBKZXJlbXkgQXNoa2VuYXMsIERvY3VtZW50Q2xvdWQgSW5jLlxuLy8gICAgIFVuZGVyc2NvcmUgbWF5IGJlIGZyZWVseSBkaXN0cmlidXRlZCB1bmRlciB0aGUgTUlUIGxpY2Vuc2UuXG5cbihmdW5jdGlvbigpIHtcblxuICAvLyBCYXNlbGluZSBzZXR1cFxuICAvLyAtLS0tLS0tLS0tLS0tLVxuXG4gIC8vIEVzdGFibGlzaCB0aGUgcm9vdCBvYmplY3QsIGB3aW5kb3dgIGluIHRoZSBicm93c2VyLCBvciBgZ2xvYmFsYCBvbiB0aGUgc2VydmVyLlxuICB2YXIgcm9vdCA9IHRoaXM7XG5cbiAgLy8gU2F2ZSB0aGUgcHJldmlvdXMgdmFsdWUgb2YgdGhlIGBfYCB2YXJpYWJsZS5cbiAgdmFyIHByZXZpb3VzVW5kZXJzY29yZSA9IHJvb3QuXztcblxuICAvLyBFc3RhYmxpc2ggdGhlIG9iamVjdCB0aGF0IGdldHMgcmV0dXJuZWQgdG8gYnJlYWsgb3V0IG9mIGEgbG9vcCBpdGVyYXRpb24uXG4gIHZhciBicmVha2VyID0ge307XG5cbiAgLy8gU2F2ZSBieXRlcyBpbiB0aGUgbWluaWZpZWQgKGJ1dCBub3QgZ3ppcHBlZCkgdmVyc2lvbjpcbiAgdmFyIEFycmF5UHJvdG8gPSBBcnJheS5wcm90b3R5cGUsIE9ialByb3RvID0gT2JqZWN0LnByb3RvdHlwZSwgRnVuY1Byb3RvID0gRnVuY3Rpb24ucHJvdG90eXBlO1xuXG4gIC8vIENyZWF0ZSBxdWljayByZWZlcmVuY2UgdmFyaWFibGVzIGZvciBzcGVlZCBhY2Nlc3MgdG8gY29yZSBwcm90b3R5cGVzLlxuICB2YXIgcHVzaCAgICAgICAgICAgICA9IEFycmF5UHJvdG8ucHVzaCxcbiAgICAgIHNsaWNlICAgICAgICAgICAgPSBBcnJheVByb3RvLnNsaWNlLFxuICAgICAgY29uY2F0ICAgICAgICAgICA9IEFycmF5UHJvdG8uY29uY2F0LFxuICAgICAgdG9TdHJpbmcgICAgICAgICA9IE9ialByb3RvLnRvU3RyaW5nLFxuICAgICAgaGFzT3duUHJvcGVydHkgICA9IE9ialByb3RvLmhhc093blByb3BlcnR5O1xuXG4gIC8vIEFsbCAqKkVDTUFTY3JpcHQgNSoqIG5hdGl2ZSBmdW5jdGlvbiBpbXBsZW1lbnRhdGlvbnMgdGhhdCB3ZSBob3BlIHRvIHVzZVxuICAvLyBhcmUgZGVjbGFyZWQgaGVyZS5cbiAgdmFyXG4gICAgbmF0aXZlRm9yRWFjaCAgICAgID0gQXJyYXlQcm90by5mb3JFYWNoLFxuICAgIG5hdGl2ZU1hcCAgICAgICAgICA9IEFycmF5UHJvdG8ubWFwLFxuICAgIG5hdGl2ZVJlZHVjZSAgICAgICA9IEFycmF5UHJvdG8ucmVkdWNlLFxuICAgIG5hdGl2ZVJlZHVjZVJpZ2h0ICA9IEFycmF5UHJvdG8ucmVkdWNlUmlnaHQsXG4gICAgbmF0aXZlRmlsdGVyICAgICAgID0gQXJyYXlQcm90by5maWx0ZXIsXG4gICAgbmF0aXZlRXZlcnkgICAgICAgID0gQXJyYXlQcm90by5ldmVyeSxcbiAgICBuYXRpdmVTb21lICAgICAgICAgPSBBcnJheVByb3RvLnNvbWUsXG4gICAgbmF0aXZlSW5kZXhPZiAgICAgID0gQXJyYXlQcm90by5pbmRleE9mLFxuICAgIG5hdGl2ZUxhc3RJbmRleE9mICA9IEFycmF5UHJvdG8ubGFzdEluZGV4T2YsXG4gICAgbmF0aXZlSXNBcnJheSAgICAgID0gQXJyYXkuaXNBcnJheSxcbiAgICBuYXRpdmVLZXlzICAgICAgICAgPSBPYmplY3Qua2V5cyxcbiAgICBuYXRpdmVCaW5kICAgICAgICAgPSBGdW5jUHJvdG8uYmluZDtcblxuICAvLyBDcmVhdGUgYSBzYWZlIHJlZmVyZW5jZSB0byB0aGUgVW5kZXJzY29yZSBvYmplY3QgZm9yIHVzZSBiZWxvdy5cbiAgdmFyIF8gPSBmdW5jdGlvbihvYmopIHtcbiAgICBpZiAob2JqIGluc3RhbmNlb2YgXykgcmV0dXJuIG9iajtcbiAgICBpZiAoISh0aGlzIGluc3RhbmNlb2YgXykpIHJldHVybiBuZXcgXyhvYmopO1xuICAgIHRoaXMuX3dyYXBwZWQgPSBvYmo7XG4gIH07XG5cbiAgLy8gRXhwb3J0IHRoZSBVbmRlcnNjb3JlIG9iamVjdCBmb3IgKipOb2RlLmpzKiosIHdpdGhcbiAgLy8gYmFja3dhcmRzLWNvbXBhdGliaWxpdHkgZm9yIHRoZSBvbGQgYHJlcXVpcmUoKWAgQVBJLiBJZiB3ZSdyZSBpblxuICAvLyB0aGUgYnJvd3NlciwgYWRkIGBfYCBhcyBhIGdsb2JhbCBvYmplY3QgdmlhIGEgc3RyaW5nIGlkZW50aWZpZXIsXG4gIC8vIGZvciBDbG9zdXJlIENvbXBpbGVyIFwiYWR2YW5jZWRcIiBtb2RlLlxuICBpZiAodHlwZW9mIGV4cG9ydHMgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgaWYgKHR5cGVvZiBtb2R1bGUgIT09ICd1bmRlZmluZWQnICYmIG1vZHVsZS5leHBvcnRzKSB7XG4gICAgICBleHBvcnRzID0gbW9kdWxlLmV4cG9ydHMgPSBfO1xuICAgIH1cbiAgICBleHBvcnRzLl8gPSBfO1xuICB9IGVsc2Uge1xuICAgIHJvb3QuXyA9IF87XG4gIH1cblxuICAvLyBDdXJyZW50IHZlcnNpb24uXG4gIF8uVkVSU0lPTiA9ICcxLjQuNCc7XG5cbiAgLy8gQ29sbGVjdGlvbiBGdW5jdGlvbnNcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAvLyBUaGUgY29ybmVyc3RvbmUsIGFuIGBlYWNoYCBpbXBsZW1lbnRhdGlvbiwgYWthIGBmb3JFYWNoYC5cbiAgLy8gSGFuZGxlcyBvYmplY3RzIHdpdGggdGhlIGJ1aWx0LWluIGBmb3JFYWNoYCwgYXJyYXlzLCBhbmQgcmF3IG9iamVjdHMuXG4gIC8vIERlbGVnYXRlcyB0byAqKkVDTUFTY3JpcHQgNSoqJ3MgbmF0aXZlIGBmb3JFYWNoYCBpZiBhdmFpbGFibGUuXG4gIHZhciBlYWNoID0gXy5lYWNoID0gXy5mb3JFYWNoID0gZnVuY3Rpb24ob2JqLCBpdGVyYXRvciwgY29udGV4dCkge1xuICAgIGlmIChvYmogPT0gbnVsbCkgcmV0dXJuO1xuICAgIGlmIChuYXRpdmVGb3JFYWNoICYmIG9iai5mb3JFYWNoID09PSBuYXRpdmVGb3JFYWNoKSB7XG4gICAgICBvYmouZm9yRWFjaChpdGVyYXRvciwgY29udGV4dCk7XG4gICAgfSBlbHNlIGlmIChvYmoubGVuZ3RoID09PSArb2JqLmxlbmd0aCkge1xuICAgICAgZm9yICh2YXIgaSA9IDAsIGwgPSBvYmoubGVuZ3RoOyBpIDwgbDsgaSsrKSB7XG4gICAgICAgIGlmIChpdGVyYXRvci5jYWxsKGNvbnRleHQsIG9ialtpXSwgaSwgb2JqKSA9PT0gYnJlYWtlcikgcmV0dXJuO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBmb3IgKHZhciBrZXkgaW4gb2JqKSB7XG4gICAgICAgIGlmIChfLmhhcyhvYmosIGtleSkpIHtcbiAgICAgICAgICBpZiAoaXRlcmF0b3IuY2FsbChjb250ZXh0LCBvYmpba2V5XSwga2V5LCBvYmopID09PSBicmVha2VyKSByZXR1cm47XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgLy8gUmV0dXJuIHRoZSByZXN1bHRzIG9mIGFwcGx5aW5nIHRoZSBpdGVyYXRvciB0byBlYWNoIGVsZW1lbnQuXG4gIC8vIERlbGVnYXRlcyB0byAqKkVDTUFTY3JpcHQgNSoqJ3MgbmF0aXZlIGBtYXBgIGlmIGF2YWlsYWJsZS5cbiAgXy5tYXAgPSBfLmNvbGxlY3QgPSBmdW5jdGlvbihvYmosIGl0ZXJhdG9yLCBjb250ZXh0KSB7XG4gICAgdmFyIHJlc3VsdHMgPSBbXTtcbiAgICBpZiAob2JqID09IG51bGwpIHJldHVybiByZXN1bHRzO1xuICAgIGlmIChuYXRpdmVNYXAgJiYgb2JqLm1hcCA9PT0gbmF0aXZlTWFwKSByZXR1cm4gb2JqLm1hcChpdGVyYXRvciwgY29udGV4dCk7XG4gICAgZWFjaChvYmosIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgbGlzdCkge1xuICAgICAgcmVzdWx0c1tyZXN1bHRzLmxlbmd0aF0gPSBpdGVyYXRvci5jYWxsKGNvbnRleHQsIHZhbHVlLCBpbmRleCwgbGlzdCk7XG4gICAgfSk7XG4gICAgcmV0dXJuIHJlc3VsdHM7XG4gIH07XG5cbiAgdmFyIHJlZHVjZUVycm9yID0gJ1JlZHVjZSBvZiBlbXB0eSBhcnJheSB3aXRoIG5vIGluaXRpYWwgdmFsdWUnO1xuXG4gIC8vICoqUmVkdWNlKiogYnVpbGRzIHVwIGEgc2luZ2xlIHJlc3VsdCBmcm9tIGEgbGlzdCBvZiB2YWx1ZXMsIGFrYSBgaW5qZWN0YCxcbiAgLy8gb3IgYGZvbGRsYC4gRGVsZWdhdGVzIHRvICoqRUNNQVNjcmlwdCA1KioncyBuYXRpdmUgYHJlZHVjZWAgaWYgYXZhaWxhYmxlLlxuICBfLnJlZHVjZSA9IF8uZm9sZGwgPSBfLmluamVjdCA9IGZ1bmN0aW9uKG9iaiwgaXRlcmF0b3IsIG1lbW8sIGNvbnRleHQpIHtcbiAgICB2YXIgaW5pdGlhbCA9IGFyZ3VtZW50cy5sZW5ndGggPiAyO1xuICAgIGlmIChvYmogPT0gbnVsbCkgb2JqID0gW107XG4gICAgaWYgKG5hdGl2ZVJlZHVjZSAmJiBvYmoucmVkdWNlID09PSBuYXRpdmVSZWR1Y2UpIHtcbiAgICAgIGlmIChjb250ZXh0KSBpdGVyYXRvciA9IF8uYmluZChpdGVyYXRvciwgY29udGV4dCk7XG4gICAgICByZXR1cm4gaW5pdGlhbCA/IG9iai5yZWR1Y2UoaXRlcmF0b3IsIG1lbW8pIDogb2JqLnJlZHVjZShpdGVyYXRvcik7XG4gICAgfVxuICAgIGVhY2gob2JqLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGxpc3QpIHtcbiAgICAgIGlmICghaW5pdGlhbCkge1xuICAgICAgICBtZW1vID0gdmFsdWU7XG4gICAgICAgIGluaXRpYWwgPSB0cnVlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbWVtbyA9IGl0ZXJhdG9yLmNhbGwoY29udGV4dCwgbWVtbywgdmFsdWUsIGluZGV4LCBsaXN0KTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICBpZiAoIWluaXRpYWwpIHRocm93IG5ldyBUeXBlRXJyb3IocmVkdWNlRXJyb3IpO1xuICAgIHJldHVybiBtZW1vO1xuICB9O1xuXG4gIC8vIFRoZSByaWdodC1hc3NvY2lhdGl2ZSB2ZXJzaW9uIG9mIHJlZHVjZSwgYWxzbyBrbm93biBhcyBgZm9sZHJgLlxuICAvLyBEZWxlZ2F0ZXMgdG8gKipFQ01BU2NyaXB0IDUqKidzIG5hdGl2ZSBgcmVkdWNlUmlnaHRgIGlmIGF2YWlsYWJsZS5cbiAgXy5yZWR1Y2VSaWdodCA9IF8uZm9sZHIgPSBmdW5jdGlvbihvYmosIGl0ZXJhdG9yLCBtZW1vLCBjb250ZXh0KSB7XG4gICAgdmFyIGluaXRpYWwgPSBhcmd1bWVudHMubGVuZ3RoID4gMjtcbiAgICBpZiAob2JqID09IG51bGwpIG9iaiA9IFtdO1xuICAgIGlmIChuYXRpdmVSZWR1Y2VSaWdodCAmJiBvYmoucmVkdWNlUmlnaHQgPT09IG5hdGl2ZVJlZHVjZVJpZ2h0KSB7XG4gICAgICBpZiAoY29udGV4dCkgaXRlcmF0b3IgPSBfLmJpbmQoaXRlcmF0b3IsIGNvbnRleHQpO1xuICAgICAgcmV0dXJuIGluaXRpYWwgPyBvYmoucmVkdWNlUmlnaHQoaXRlcmF0b3IsIG1lbW8pIDogb2JqLnJlZHVjZVJpZ2h0KGl0ZXJhdG9yKTtcbiAgICB9XG4gICAgdmFyIGxlbmd0aCA9IG9iai5sZW5ndGg7XG4gICAgaWYgKGxlbmd0aCAhPT0gK2xlbmd0aCkge1xuICAgICAgdmFyIGtleXMgPSBfLmtleXMob2JqKTtcbiAgICAgIGxlbmd0aCA9IGtleXMubGVuZ3RoO1xuICAgIH1cbiAgICBlYWNoKG9iaiwgZnVuY3Rpb24odmFsdWUsIGluZGV4LCBsaXN0KSB7XG4gICAgICBpbmRleCA9IGtleXMgPyBrZXlzWy0tbGVuZ3RoXSA6IC0tbGVuZ3RoO1xuICAgICAgaWYgKCFpbml0aWFsKSB7XG4gICAgICAgIG1lbW8gPSBvYmpbaW5kZXhdO1xuICAgICAgICBpbml0aWFsID0gdHJ1ZTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG1lbW8gPSBpdGVyYXRvci5jYWxsKGNvbnRleHQsIG1lbW8sIG9ialtpbmRleF0sIGluZGV4LCBsaXN0KTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICBpZiAoIWluaXRpYWwpIHRocm93IG5ldyBUeXBlRXJyb3IocmVkdWNlRXJyb3IpO1xuICAgIHJldHVybiBtZW1vO1xuICB9O1xuXG4gIC8vIFJldHVybiB0aGUgZmlyc3QgdmFsdWUgd2hpY2ggcGFzc2VzIGEgdHJ1dGggdGVzdC4gQWxpYXNlZCBhcyBgZGV0ZWN0YC5cbiAgXy5maW5kID0gXy5kZXRlY3QgPSBmdW5jdGlvbihvYmosIGl0ZXJhdG9yLCBjb250ZXh0KSB7XG4gICAgdmFyIHJlc3VsdDtcbiAgICBhbnkob2JqLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGxpc3QpIHtcbiAgICAgIGlmIChpdGVyYXRvci5jYWxsKGNvbnRleHQsIHZhbHVlLCBpbmRleCwgbGlzdCkpIHtcbiAgICAgICAgcmVzdWx0ID0gdmFsdWU7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHJldHVybiByZXN1bHQ7XG4gIH07XG5cbiAgLy8gUmV0dXJuIGFsbCB0aGUgZWxlbWVudHMgdGhhdCBwYXNzIGEgdHJ1dGggdGVzdC5cbiAgLy8gRGVsZWdhdGVzIHRvICoqRUNNQVNjcmlwdCA1KioncyBuYXRpdmUgYGZpbHRlcmAgaWYgYXZhaWxhYmxlLlxuICAvLyBBbGlhc2VkIGFzIGBzZWxlY3RgLlxuICBfLmZpbHRlciA9IF8uc2VsZWN0ID0gZnVuY3Rpb24ob2JqLCBpdGVyYXRvciwgY29udGV4dCkge1xuICAgIHZhciByZXN1bHRzID0gW107XG4gICAgaWYgKG9iaiA9PSBudWxsKSByZXR1cm4gcmVzdWx0cztcbiAgICBpZiAobmF0aXZlRmlsdGVyICYmIG9iai5maWx0ZXIgPT09IG5hdGl2ZUZpbHRlcikgcmV0dXJuIG9iai5maWx0ZXIoaXRlcmF0b3IsIGNvbnRleHQpO1xuICAgIGVhY2gob2JqLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGxpc3QpIHtcbiAgICAgIGlmIChpdGVyYXRvci5jYWxsKGNvbnRleHQsIHZhbHVlLCBpbmRleCwgbGlzdCkpIHJlc3VsdHNbcmVzdWx0cy5sZW5ndGhdID0gdmFsdWU7XG4gICAgfSk7XG4gICAgcmV0dXJuIHJlc3VsdHM7XG4gIH07XG5cbiAgLy8gUmV0dXJuIGFsbCB0aGUgZWxlbWVudHMgZm9yIHdoaWNoIGEgdHJ1dGggdGVzdCBmYWlscy5cbiAgXy5yZWplY3QgPSBmdW5jdGlvbihvYmosIGl0ZXJhdG9yLCBjb250ZXh0KSB7XG4gICAgcmV0dXJuIF8uZmlsdGVyKG9iaiwgZnVuY3Rpb24odmFsdWUsIGluZGV4LCBsaXN0KSB7XG4gICAgICByZXR1cm4gIWl0ZXJhdG9yLmNhbGwoY29udGV4dCwgdmFsdWUsIGluZGV4LCBsaXN0KTtcbiAgICB9LCBjb250ZXh0KTtcbiAgfTtcblxuICAvLyBEZXRlcm1pbmUgd2hldGhlciBhbGwgb2YgdGhlIGVsZW1lbnRzIG1hdGNoIGEgdHJ1dGggdGVzdC5cbiAgLy8gRGVsZWdhdGVzIHRvICoqRUNNQVNjcmlwdCA1KioncyBuYXRpdmUgYGV2ZXJ5YCBpZiBhdmFpbGFibGUuXG4gIC8vIEFsaWFzZWQgYXMgYGFsbGAuXG4gIF8uZXZlcnkgPSBfLmFsbCA9IGZ1bmN0aW9uKG9iaiwgaXRlcmF0b3IsIGNvbnRleHQpIHtcbiAgICBpdGVyYXRvciB8fCAoaXRlcmF0b3IgPSBfLmlkZW50aXR5KTtcbiAgICB2YXIgcmVzdWx0ID0gdHJ1ZTtcbiAgICBpZiAob2JqID09IG51bGwpIHJldHVybiByZXN1bHQ7XG4gICAgaWYgKG5hdGl2ZUV2ZXJ5ICYmIG9iai5ldmVyeSA9PT0gbmF0aXZlRXZlcnkpIHJldHVybiBvYmouZXZlcnkoaXRlcmF0b3IsIGNvbnRleHQpO1xuICAgIGVhY2gob2JqLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGxpc3QpIHtcbiAgICAgIGlmICghKHJlc3VsdCA9IHJlc3VsdCAmJiBpdGVyYXRvci5jYWxsKGNvbnRleHQsIHZhbHVlLCBpbmRleCwgbGlzdCkpKSByZXR1cm4gYnJlYWtlcjtcbiAgICB9KTtcbiAgICByZXR1cm4gISFyZXN1bHQ7XG4gIH07XG5cbiAgLy8gRGV0ZXJtaW5lIGlmIGF0IGxlYXN0IG9uZSBlbGVtZW50IGluIHRoZSBvYmplY3QgbWF0Y2hlcyBhIHRydXRoIHRlc3QuXG4gIC8vIERlbGVnYXRlcyB0byAqKkVDTUFTY3JpcHQgNSoqJ3MgbmF0aXZlIGBzb21lYCBpZiBhdmFpbGFibGUuXG4gIC8vIEFsaWFzZWQgYXMgYGFueWAuXG4gIHZhciBhbnkgPSBfLnNvbWUgPSBfLmFueSA9IGZ1bmN0aW9uKG9iaiwgaXRlcmF0b3IsIGNvbnRleHQpIHtcbiAgICBpdGVyYXRvciB8fCAoaXRlcmF0b3IgPSBfLmlkZW50aXR5KTtcbiAgICB2YXIgcmVzdWx0ID0gZmFsc2U7XG4gICAgaWYgKG9iaiA9PSBudWxsKSByZXR1cm4gcmVzdWx0O1xuICAgIGlmIChuYXRpdmVTb21lICYmIG9iai5zb21lID09PSBuYXRpdmVTb21lKSByZXR1cm4gb2JqLnNvbWUoaXRlcmF0b3IsIGNvbnRleHQpO1xuICAgIGVhY2gob2JqLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGxpc3QpIHtcbiAgICAgIGlmIChyZXN1bHQgfHwgKHJlc3VsdCA9IGl0ZXJhdG9yLmNhbGwoY29udGV4dCwgdmFsdWUsIGluZGV4LCBsaXN0KSkpIHJldHVybiBicmVha2VyO1xuICAgIH0pO1xuICAgIHJldHVybiAhIXJlc3VsdDtcbiAgfTtcblxuICAvLyBEZXRlcm1pbmUgaWYgdGhlIGFycmF5IG9yIG9iamVjdCBjb250YWlucyBhIGdpdmVuIHZhbHVlICh1c2luZyBgPT09YCkuXG4gIC8vIEFsaWFzZWQgYXMgYGluY2x1ZGVgLlxuICBfLmNvbnRhaW5zID0gXy5pbmNsdWRlID0gZnVuY3Rpb24ob2JqLCB0YXJnZXQpIHtcbiAgICBpZiAob2JqID09IG51bGwpIHJldHVybiBmYWxzZTtcbiAgICBpZiAobmF0aXZlSW5kZXhPZiAmJiBvYmouaW5kZXhPZiA9PT0gbmF0aXZlSW5kZXhPZikgcmV0dXJuIG9iai5pbmRleE9mKHRhcmdldCkgIT0gLTE7XG4gICAgcmV0dXJuIGFueShvYmosIGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgICByZXR1cm4gdmFsdWUgPT09IHRhcmdldDtcbiAgICB9KTtcbiAgfTtcblxuICAvLyBJbnZva2UgYSBtZXRob2QgKHdpdGggYXJndW1lbnRzKSBvbiBldmVyeSBpdGVtIGluIGEgY29sbGVjdGlvbi5cbiAgXy5pbnZva2UgPSBmdW5jdGlvbihvYmosIG1ldGhvZCkge1xuICAgIHZhciBhcmdzID0gc2xpY2UuY2FsbChhcmd1bWVudHMsIDIpO1xuICAgIHZhciBpc0Z1bmMgPSBfLmlzRnVuY3Rpb24obWV0aG9kKTtcbiAgICByZXR1cm4gXy5tYXAob2JqLCBmdW5jdGlvbih2YWx1ZSkge1xuICAgICAgcmV0dXJuIChpc0Z1bmMgPyBtZXRob2QgOiB2YWx1ZVttZXRob2RdKS5hcHBseSh2YWx1ZSwgYXJncyk7XG4gICAgfSk7XG4gIH07XG5cbiAgLy8gQ29udmVuaWVuY2UgdmVyc2lvbiBvZiBhIGNvbW1vbiB1c2UgY2FzZSBvZiBgbWFwYDogZmV0Y2hpbmcgYSBwcm9wZXJ0eS5cbiAgXy5wbHVjayA9IGZ1bmN0aW9uKG9iaiwga2V5KSB7XG4gICAgcmV0dXJuIF8ubWFwKG9iaiwgZnVuY3Rpb24odmFsdWUpeyByZXR1cm4gdmFsdWVba2V5XTsgfSk7XG4gIH07XG5cbiAgLy8gQ29udmVuaWVuY2UgdmVyc2lvbiBvZiBhIGNvbW1vbiB1c2UgY2FzZSBvZiBgZmlsdGVyYDogc2VsZWN0aW5nIG9ubHkgb2JqZWN0c1xuICAvLyBjb250YWluaW5nIHNwZWNpZmljIGBrZXk6dmFsdWVgIHBhaXJzLlxuICBfLndoZXJlID0gZnVuY3Rpb24ob2JqLCBhdHRycywgZmlyc3QpIHtcbiAgICBpZiAoXy5pc0VtcHR5KGF0dHJzKSkgcmV0dXJuIGZpcnN0ID8gbnVsbCA6IFtdO1xuICAgIHJldHVybiBfW2ZpcnN0ID8gJ2ZpbmQnIDogJ2ZpbHRlciddKG9iaiwgZnVuY3Rpb24odmFsdWUpIHtcbiAgICAgIGZvciAodmFyIGtleSBpbiBhdHRycykge1xuICAgICAgICBpZiAoYXR0cnNba2V5XSAhPT0gdmFsdWVba2V5XSkgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSk7XG4gIH07XG5cbiAgLy8gQ29udmVuaWVuY2UgdmVyc2lvbiBvZiBhIGNvbW1vbiB1c2UgY2FzZSBvZiBgZmluZGA6IGdldHRpbmcgdGhlIGZpcnN0IG9iamVjdFxuICAvLyBjb250YWluaW5nIHNwZWNpZmljIGBrZXk6dmFsdWVgIHBhaXJzLlxuICBfLmZpbmRXaGVyZSA9IGZ1bmN0aW9uKG9iaiwgYXR0cnMpIHtcbiAgICByZXR1cm4gXy53aGVyZShvYmosIGF0dHJzLCB0cnVlKTtcbiAgfTtcblxuICAvLyBSZXR1cm4gdGhlIG1heGltdW0gZWxlbWVudCBvciAoZWxlbWVudC1iYXNlZCBjb21wdXRhdGlvbikuXG4gIC8vIENhbid0IG9wdGltaXplIGFycmF5cyBvZiBpbnRlZ2VycyBsb25nZXIgdGhhbiA2NSw1MzUgZWxlbWVudHMuXG4gIC8vIFNlZTogaHR0cHM6Ly9idWdzLndlYmtpdC5vcmcvc2hvd19idWcuY2dpP2lkPTgwNzk3XG4gIF8ubWF4ID0gZnVuY3Rpb24ob2JqLCBpdGVyYXRvciwgY29udGV4dCkge1xuICAgIGlmICghaXRlcmF0b3IgJiYgXy5pc0FycmF5KG9iaikgJiYgb2JqWzBdID09PSArb2JqWzBdICYmIG9iai5sZW5ndGggPCA2NTUzNSkge1xuICAgICAgcmV0dXJuIE1hdGgubWF4LmFwcGx5KE1hdGgsIG9iaik7XG4gICAgfVxuICAgIGlmICghaXRlcmF0b3IgJiYgXy5pc0VtcHR5KG9iaikpIHJldHVybiAtSW5maW5pdHk7XG4gICAgdmFyIHJlc3VsdCA9IHtjb21wdXRlZCA6IC1JbmZpbml0eSwgdmFsdWU6IC1JbmZpbml0eX07XG4gICAgZWFjaChvYmosIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgbGlzdCkge1xuICAgICAgdmFyIGNvbXB1dGVkID0gaXRlcmF0b3IgPyBpdGVyYXRvci5jYWxsKGNvbnRleHQsIHZhbHVlLCBpbmRleCwgbGlzdCkgOiB2YWx1ZTtcbiAgICAgIGNvbXB1dGVkID49IHJlc3VsdC5jb21wdXRlZCAmJiAocmVzdWx0ID0ge3ZhbHVlIDogdmFsdWUsIGNvbXB1dGVkIDogY29tcHV0ZWR9KTtcbiAgICB9KTtcbiAgICByZXR1cm4gcmVzdWx0LnZhbHVlO1xuICB9O1xuXG4gIC8vIFJldHVybiB0aGUgbWluaW11bSBlbGVtZW50IChvciBlbGVtZW50LWJhc2VkIGNvbXB1dGF0aW9uKS5cbiAgXy5taW4gPSBmdW5jdGlvbihvYmosIGl0ZXJhdG9yLCBjb250ZXh0KSB7XG4gICAgaWYgKCFpdGVyYXRvciAmJiBfLmlzQXJyYXkob2JqKSAmJiBvYmpbMF0gPT09ICtvYmpbMF0gJiYgb2JqLmxlbmd0aCA8IDY1NTM1KSB7XG4gICAgICByZXR1cm4gTWF0aC5taW4uYXBwbHkoTWF0aCwgb2JqKTtcbiAgICB9XG4gICAgaWYgKCFpdGVyYXRvciAmJiBfLmlzRW1wdHkob2JqKSkgcmV0dXJuIEluZmluaXR5O1xuICAgIHZhciByZXN1bHQgPSB7Y29tcHV0ZWQgOiBJbmZpbml0eSwgdmFsdWU6IEluZmluaXR5fTtcbiAgICBlYWNoKG9iaiwgZnVuY3Rpb24odmFsdWUsIGluZGV4LCBsaXN0KSB7XG4gICAgICB2YXIgY29tcHV0ZWQgPSBpdGVyYXRvciA/IGl0ZXJhdG9yLmNhbGwoY29udGV4dCwgdmFsdWUsIGluZGV4LCBsaXN0KSA6IHZhbHVlO1xuICAgICAgY29tcHV0ZWQgPCByZXN1bHQuY29tcHV0ZWQgJiYgKHJlc3VsdCA9IHt2YWx1ZSA6IHZhbHVlLCBjb21wdXRlZCA6IGNvbXB1dGVkfSk7XG4gICAgfSk7XG4gICAgcmV0dXJuIHJlc3VsdC52YWx1ZTtcbiAgfTtcblxuICAvLyBTaHVmZmxlIGFuIGFycmF5LlxuICBfLnNodWZmbGUgPSBmdW5jdGlvbihvYmopIHtcbiAgICB2YXIgcmFuZDtcbiAgICB2YXIgaW5kZXggPSAwO1xuICAgIHZhciBzaHVmZmxlZCA9IFtdO1xuICAgIGVhY2gob2JqLCBmdW5jdGlvbih2YWx1ZSkge1xuICAgICAgcmFuZCA9IF8ucmFuZG9tKGluZGV4KyspO1xuICAgICAgc2h1ZmZsZWRbaW5kZXggLSAxXSA9IHNodWZmbGVkW3JhbmRdO1xuICAgICAgc2h1ZmZsZWRbcmFuZF0gPSB2YWx1ZTtcbiAgICB9KTtcbiAgICByZXR1cm4gc2h1ZmZsZWQ7XG4gIH07XG5cbiAgLy8gQW4gaW50ZXJuYWwgZnVuY3Rpb24gdG8gZ2VuZXJhdGUgbG9va3VwIGl0ZXJhdG9ycy5cbiAgdmFyIGxvb2t1cEl0ZXJhdG9yID0gZnVuY3Rpb24odmFsdWUpIHtcbiAgICByZXR1cm4gXy5pc0Z1bmN0aW9uKHZhbHVlKSA/IHZhbHVlIDogZnVuY3Rpb24ob2JqKXsgcmV0dXJuIG9ialt2YWx1ZV07IH07XG4gIH07XG5cbiAgLy8gU29ydCB0aGUgb2JqZWN0J3MgdmFsdWVzIGJ5IGEgY3JpdGVyaW9uIHByb2R1Y2VkIGJ5IGFuIGl0ZXJhdG9yLlxuICBfLnNvcnRCeSA9IGZ1bmN0aW9uKG9iaiwgdmFsdWUsIGNvbnRleHQpIHtcbiAgICB2YXIgaXRlcmF0b3IgPSBsb29rdXBJdGVyYXRvcih2YWx1ZSk7XG4gICAgcmV0dXJuIF8ucGx1Y2soXy5tYXAob2JqLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGxpc3QpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHZhbHVlIDogdmFsdWUsXG4gICAgICAgIGluZGV4IDogaW5kZXgsXG4gICAgICAgIGNyaXRlcmlhIDogaXRlcmF0b3IuY2FsbChjb250ZXh0LCB2YWx1ZSwgaW5kZXgsIGxpc3QpXG4gICAgICB9O1xuICAgIH0pLnNvcnQoZnVuY3Rpb24obGVmdCwgcmlnaHQpIHtcbiAgICAgIHZhciBhID0gbGVmdC5jcml0ZXJpYTtcbiAgICAgIHZhciBiID0gcmlnaHQuY3JpdGVyaWE7XG4gICAgICBpZiAoYSAhPT0gYikge1xuICAgICAgICBpZiAoYSA+IGIgfHwgYSA9PT0gdm9pZCAwKSByZXR1cm4gMTtcbiAgICAgICAgaWYgKGEgPCBiIHx8IGIgPT09IHZvaWQgMCkgcmV0dXJuIC0xO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGxlZnQuaW5kZXggPCByaWdodC5pbmRleCA/IC0xIDogMTtcbiAgICB9KSwgJ3ZhbHVlJyk7XG4gIH07XG5cbiAgLy8gQW4gaW50ZXJuYWwgZnVuY3Rpb24gdXNlZCBmb3IgYWdncmVnYXRlIFwiZ3JvdXAgYnlcIiBvcGVyYXRpb25zLlxuICB2YXIgZ3JvdXAgPSBmdW5jdGlvbihvYmosIHZhbHVlLCBjb250ZXh0LCBiZWhhdmlvcikge1xuICAgIHZhciByZXN1bHQgPSB7fTtcbiAgICB2YXIgaXRlcmF0b3IgPSBsb29rdXBJdGVyYXRvcih2YWx1ZSB8fCBfLmlkZW50aXR5KTtcbiAgICBlYWNoKG9iaiwgZnVuY3Rpb24odmFsdWUsIGluZGV4KSB7XG4gICAgICB2YXIga2V5ID0gaXRlcmF0b3IuY2FsbChjb250ZXh0LCB2YWx1ZSwgaW5kZXgsIG9iaik7XG4gICAgICBiZWhhdmlvcihyZXN1bHQsIGtleSwgdmFsdWUpO1xuICAgIH0pO1xuICAgIHJldHVybiByZXN1bHQ7XG4gIH07XG5cbiAgLy8gR3JvdXBzIHRoZSBvYmplY3QncyB2YWx1ZXMgYnkgYSBjcml0ZXJpb24uIFBhc3MgZWl0aGVyIGEgc3RyaW5nIGF0dHJpYnV0ZVxuICAvLyB0byBncm91cCBieSwgb3IgYSBmdW5jdGlvbiB0aGF0IHJldHVybnMgdGhlIGNyaXRlcmlvbi5cbiAgXy5ncm91cEJ5ID0gZnVuY3Rpb24ob2JqLCB2YWx1ZSwgY29udGV4dCkge1xuICAgIHJldHVybiBncm91cChvYmosIHZhbHVlLCBjb250ZXh0LCBmdW5jdGlvbihyZXN1bHQsIGtleSwgdmFsdWUpIHtcbiAgICAgIChfLmhhcyhyZXN1bHQsIGtleSkgPyByZXN1bHRba2V5XSA6IChyZXN1bHRba2V5XSA9IFtdKSkucHVzaCh2YWx1ZSk7XG4gICAgfSk7XG4gIH07XG5cbiAgLy8gQ291bnRzIGluc3RhbmNlcyBvZiBhbiBvYmplY3QgdGhhdCBncm91cCBieSBhIGNlcnRhaW4gY3JpdGVyaW9uLiBQYXNzXG4gIC8vIGVpdGhlciBhIHN0cmluZyBhdHRyaWJ1dGUgdG8gY291bnQgYnksIG9yIGEgZnVuY3Rpb24gdGhhdCByZXR1cm5zIHRoZVxuICAvLyBjcml0ZXJpb24uXG4gIF8uY291bnRCeSA9IGZ1bmN0aW9uKG9iaiwgdmFsdWUsIGNvbnRleHQpIHtcbiAgICByZXR1cm4gZ3JvdXAob2JqLCB2YWx1ZSwgY29udGV4dCwgZnVuY3Rpb24ocmVzdWx0LCBrZXkpIHtcbiAgICAgIGlmICghXy5oYXMocmVzdWx0LCBrZXkpKSByZXN1bHRba2V5XSA9IDA7XG4gICAgICByZXN1bHRba2V5XSsrO1xuICAgIH0pO1xuICB9O1xuXG4gIC8vIFVzZSBhIGNvbXBhcmF0b3IgZnVuY3Rpb24gdG8gZmlndXJlIG91dCB0aGUgc21hbGxlc3QgaW5kZXggYXQgd2hpY2hcbiAgLy8gYW4gb2JqZWN0IHNob3VsZCBiZSBpbnNlcnRlZCBzbyBhcyB0byBtYWludGFpbiBvcmRlci4gVXNlcyBiaW5hcnkgc2VhcmNoLlxuICBfLnNvcnRlZEluZGV4ID0gZnVuY3Rpb24oYXJyYXksIG9iaiwgaXRlcmF0b3IsIGNvbnRleHQpIHtcbiAgICBpdGVyYXRvciA9IGl0ZXJhdG9yID09IG51bGwgPyBfLmlkZW50aXR5IDogbG9va3VwSXRlcmF0b3IoaXRlcmF0b3IpO1xuICAgIHZhciB2YWx1ZSA9IGl0ZXJhdG9yLmNhbGwoY29udGV4dCwgb2JqKTtcbiAgICB2YXIgbG93ID0gMCwgaGlnaCA9IGFycmF5Lmxlbmd0aDtcbiAgICB3aGlsZSAobG93IDwgaGlnaCkge1xuICAgICAgdmFyIG1pZCA9IChsb3cgKyBoaWdoKSA+Pj4gMTtcbiAgICAgIGl0ZXJhdG9yLmNhbGwoY29udGV4dCwgYXJyYXlbbWlkXSkgPCB2YWx1ZSA/IGxvdyA9IG1pZCArIDEgOiBoaWdoID0gbWlkO1xuICAgIH1cbiAgICByZXR1cm4gbG93O1xuICB9O1xuXG4gIC8vIFNhZmVseSBjb252ZXJ0IGFueXRoaW5nIGl0ZXJhYmxlIGludG8gYSByZWFsLCBsaXZlIGFycmF5LlxuICBfLnRvQXJyYXkgPSBmdW5jdGlvbihvYmopIHtcbiAgICBpZiAoIW9iaikgcmV0dXJuIFtdO1xuICAgIGlmIChfLmlzQXJyYXkob2JqKSkgcmV0dXJuIHNsaWNlLmNhbGwob2JqKTtcbiAgICBpZiAob2JqLmxlbmd0aCA9PT0gK29iai5sZW5ndGgpIHJldHVybiBfLm1hcChvYmosIF8uaWRlbnRpdHkpO1xuICAgIHJldHVybiBfLnZhbHVlcyhvYmopO1xuICB9O1xuXG4gIC8vIFJldHVybiB0aGUgbnVtYmVyIG9mIGVsZW1lbnRzIGluIGFuIG9iamVjdC5cbiAgXy5zaXplID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgaWYgKG9iaiA9PSBudWxsKSByZXR1cm4gMDtcbiAgICByZXR1cm4gKG9iai5sZW5ndGggPT09ICtvYmoubGVuZ3RoKSA/IG9iai5sZW5ndGggOiBfLmtleXMob2JqKS5sZW5ndGg7XG4gIH07XG5cbiAgLy8gQXJyYXkgRnVuY3Rpb25zXG4gIC8vIC0tLS0tLS0tLS0tLS0tLVxuXG4gIC8vIEdldCB0aGUgZmlyc3QgZWxlbWVudCBvZiBhbiBhcnJheS4gUGFzc2luZyAqKm4qKiB3aWxsIHJldHVybiB0aGUgZmlyc3QgTlxuICAvLyB2YWx1ZXMgaW4gdGhlIGFycmF5LiBBbGlhc2VkIGFzIGBoZWFkYCBhbmQgYHRha2VgLiBUaGUgKipndWFyZCoqIGNoZWNrXG4gIC8vIGFsbG93cyBpdCB0byB3b3JrIHdpdGggYF8ubWFwYC5cbiAgXy5maXJzdCA9IF8uaGVhZCA9IF8udGFrZSA9IGZ1bmN0aW9uKGFycmF5LCBuLCBndWFyZCkge1xuICAgIGlmIChhcnJheSA9PSBudWxsKSByZXR1cm4gdm9pZCAwO1xuICAgIHJldHVybiAobiAhPSBudWxsKSAmJiAhZ3VhcmQgPyBzbGljZS5jYWxsKGFycmF5LCAwLCBuKSA6IGFycmF5WzBdO1xuICB9O1xuXG4gIC8vIFJldHVybnMgZXZlcnl0aGluZyBidXQgdGhlIGxhc3QgZW50cnkgb2YgdGhlIGFycmF5LiBFc3BlY2lhbGx5IHVzZWZ1bCBvblxuICAvLyB0aGUgYXJndW1lbnRzIG9iamVjdC4gUGFzc2luZyAqKm4qKiB3aWxsIHJldHVybiBhbGwgdGhlIHZhbHVlcyBpblxuICAvLyB0aGUgYXJyYXksIGV4Y2x1ZGluZyB0aGUgbGFzdCBOLiBUaGUgKipndWFyZCoqIGNoZWNrIGFsbG93cyBpdCB0byB3b3JrIHdpdGhcbiAgLy8gYF8ubWFwYC5cbiAgXy5pbml0aWFsID0gZnVuY3Rpb24oYXJyYXksIG4sIGd1YXJkKSB7XG4gICAgcmV0dXJuIHNsaWNlLmNhbGwoYXJyYXksIDAsIGFycmF5Lmxlbmd0aCAtICgobiA9PSBudWxsKSB8fCBndWFyZCA/IDEgOiBuKSk7XG4gIH07XG5cbiAgLy8gR2V0IHRoZSBsYXN0IGVsZW1lbnQgb2YgYW4gYXJyYXkuIFBhc3NpbmcgKipuKiogd2lsbCByZXR1cm4gdGhlIGxhc3QgTlxuICAvLyB2YWx1ZXMgaW4gdGhlIGFycmF5LiBUaGUgKipndWFyZCoqIGNoZWNrIGFsbG93cyBpdCB0byB3b3JrIHdpdGggYF8ubWFwYC5cbiAgXy5sYXN0ID0gZnVuY3Rpb24oYXJyYXksIG4sIGd1YXJkKSB7XG4gICAgaWYgKGFycmF5ID09IG51bGwpIHJldHVybiB2b2lkIDA7XG4gICAgaWYgKChuICE9IG51bGwpICYmICFndWFyZCkge1xuICAgICAgcmV0dXJuIHNsaWNlLmNhbGwoYXJyYXksIE1hdGgubWF4KGFycmF5Lmxlbmd0aCAtIG4sIDApKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGFycmF5W2FycmF5Lmxlbmd0aCAtIDFdO1xuICAgIH1cbiAgfTtcblxuICAvLyBSZXR1cm5zIGV2ZXJ5dGhpbmcgYnV0IHRoZSBmaXJzdCBlbnRyeSBvZiB0aGUgYXJyYXkuIEFsaWFzZWQgYXMgYHRhaWxgIGFuZCBgZHJvcGAuXG4gIC8vIEVzcGVjaWFsbHkgdXNlZnVsIG9uIHRoZSBhcmd1bWVudHMgb2JqZWN0LiBQYXNzaW5nIGFuICoqbioqIHdpbGwgcmV0dXJuXG4gIC8vIHRoZSByZXN0IE4gdmFsdWVzIGluIHRoZSBhcnJheS4gVGhlICoqZ3VhcmQqKlxuICAvLyBjaGVjayBhbGxvd3MgaXQgdG8gd29yayB3aXRoIGBfLm1hcGAuXG4gIF8ucmVzdCA9IF8udGFpbCA9IF8uZHJvcCA9IGZ1bmN0aW9uKGFycmF5LCBuLCBndWFyZCkge1xuICAgIHJldHVybiBzbGljZS5jYWxsKGFycmF5LCAobiA9PSBudWxsKSB8fCBndWFyZCA/IDEgOiBuKTtcbiAgfTtcblxuICAvLyBUcmltIG91dCBhbGwgZmFsc3kgdmFsdWVzIGZyb20gYW4gYXJyYXkuXG4gIF8uY29tcGFjdCA9IGZ1bmN0aW9uKGFycmF5KSB7XG4gICAgcmV0dXJuIF8uZmlsdGVyKGFycmF5LCBfLmlkZW50aXR5KTtcbiAgfTtcblxuICAvLyBJbnRlcm5hbCBpbXBsZW1lbnRhdGlvbiBvZiBhIHJlY3Vyc2l2ZSBgZmxhdHRlbmAgZnVuY3Rpb24uXG4gIHZhciBmbGF0dGVuID0gZnVuY3Rpb24oaW5wdXQsIHNoYWxsb3csIG91dHB1dCkge1xuICAgIGVhY2goaW5wdXQsIGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgICBpZiAoXy5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICBzaGFsbG93ID8gcHVzaC5hcHBseShvdXRwdXQsIHZhbHVlKSA6IGZsYXR0ZW4odmFsdWUsIHNoYWxsb3csIG91dHB1dCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBvdXRwdXQucHVzaCh2YWx1ZSk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgcmV0dXJuIG91dHB1dDtcbiAgfTtcblxuICAvLyBSZXR1cm4gYSBjb21wbGV0ZWx5IGZsYXR0ZW5lZCB2ZXJzaW9uIG9mIGFuIGFycmF5LlxuICBfLmZsYXR0ZW4gPSBmdW5jdGlvbihhcnJheSwgc2hhbGxvdykge1xuICAgIHJldHVybiBmbGF0dGVuKGFycmF5LCBzaGFsbG93LCBbXSk7XG4gIH07XG5cbiAgLy8gUmV0dXJuIGEgdmVyc2lvbiBvZiB0aGUgYXJyYXkgdGhhdCBkb2VzIG5vdCBjb250YWluIHRoZSBzcGVjaWZpZWQgdmFsdWUocykuXG4gIF8ud2l0aG91dCA9IGZ1bmN0aW9uKGFycmF5KSB7XG4gICAgcmV0dXJuIF8uZGlmZmVyZW5jZShhcnJheSwgc2xpY2UuY2FsbChhcmd1bWVudHMsIDEpKTtcbiAgfTtcblxuICAvLyBQcm9kdWNlIGEgZHVwbGljYXRlLWZyZWUgdmVyc2lvbiBvZiB0aGUgYXJyYXkuIElmIHRoZSBhcnJheSBoYXMgYWxyZWFkeVxuICAvLyBiZWVuIHNvcnRlZCwgeW91IGhhdmUgdGhlIG9wdGlvbiBvZiB1c2luZyBhIGZhc3RlciBhbGdvcml0aG0uXG4gIC8vIEFsaWFzZWQgYXMgYHVuaXF1ZWAuXG4gIF8udW5pcSA9IF8udW5pcXVlID0gZnVuY3Rpb24oYXJyYXksIGlzU29ydGVkLCBpdGVyYXRvciwgY29udGV4dCkge1xuICAgIGlmIChfLmlzRnVuY3Rpb24oaXNTb3J0ZWQpKSB7XG4gICAgICBjb250ZXh0ID0gaXRlcmF0b3I7XG4gICAgICBpdGVyYXRvciA9IGlzU29ydGVkO1xuICAgICAgaXNTb3J0ZWQgPSBmYWxzZTtcbiAgICB9XG4gICAgdmFyIGluaXRpYWwgPSBpdGVyYXRvciA/IF8ubWFwKGFycmF5LCBpdGVyYXRvciwgY29udGV4dCkgOiBhcnJheTtcbiAgICB2YXIgcmVzdWx0cyA9IFtdO1xuICAgIHZhciBzZWVuID0gW107XG4gICAgZWFjaChpbml0aWFsLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgpIHtcbiAgICAgIGlmIChpc1NvcnRlZCA/ICghaW5kZXggfHwgc2VlbltzZWVuLmxlbmd0aCAtIDFdICE9PSB2YWx1ZSkgOiAhXy5jb250YWlucyhzZWVuLCB2YWx1ZSkpIHtcbiAgICAgICAgc2Vlbi5wdXNoKHZhbHVlKTtcbiAgICAgICAgcmVzdWx0cy5wdXNoKGFycmF5W2luZGV4XSk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgcmV0dXJuIHJlc3VsdHM7XG4gIH07XG5cbiAgLy8gUHJvZHVjZSBhbiBhcnJheSB0aGF0IGNvbnRhaW5zIHRoZSB1bmlvbjogZWFjaCBkaXN0aW5jdCBlbGVtZW50IGZyb20gYWxsIG9mXG4gIC8vIHRoZSBwYXNzZWQtaW4gYXJyYXlzLlxuICBfLnVuaW9uID0gZnVuY3Rpb24oKSB7XG4gICAgcmV0dXJuIF8udW5pcShjb25jYXQuYXBwbHkoQXJyYXlQcm90bywgYXJndW1lbnRzKSk7XG4gIH07XG5cbiAgLy8gUHJvZHVjZSBhbiBhcnJheSB0aGF0IGNvbnRhaW5zIGV2ZXJ5IGl0ZW0gc2hhcmVkIGJldHdlZW4gYWxsIHRoZVxuICAvLyBwYXNzZWQtaW4gYXJyYXlzLlxuICBfLmludGVyc2VjdGlvbiA9IGZ1bmN0aW9uKGFycmF5KSB7XG4gICAgdmFyIHJlc3QgPSBzbGljZS5jYWxsKGFyZ3VtZW50cywgMSk7XG4gICAgcmV0dXJuIF8uZmlsdGVyKF8udW5pcShhcnJheSksIGZ1bmN0aW9uKGl0ZW0pIHtcbiAgICAgIHJldHVybiBfLmV2ZXJ5KHJlc3QsIGZ1bmN0aW9uKG90aGVyKSB7XG4gICAgICAgIHJldHVybiBfLmluZGV4T2Yob3RoZXIsIGl0ZW0pID49IDA7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfTtcblxuICAvLyBUYWtlIHRoZSBkaWZmZXJlbmNlIGJldHdlZW4gb25lIGFycmF5IGFuZCBhIG51bWJlciBvZiBvdGhlciBhcnJheXMuXG4gIC8vIE9ubHkgdGhlIGVsZW1lbnRzIHByZXNlbnQgaW4ganVzdCB0aGUgZmlyc3QgYXJyYXkgd2lsbCByZW1haW4uXG4gIF8uZGlmZmVyZW5jZSA9IGZ1bmN0aW9uKGFycmF5KSB7XG4gICAgdmFyIHJlc3QgPSBjb25jYXQuYXBwbHkoQXJyYXlQcm90bywgc2xpY2UuY2FsbChhcmd1bWVudHMsIDEpKTtcbiAgICByZXR1cm4gXy5maWx0ZXIoYXJyYXksIGZ1bmN0aW9uKHZhbHVlKXsgcmV0dXJuICFfLmNvbnRhaW5zKHJlc3QsIHZhbHVlKTsgfSk7XG4gIH07XG5cbiAgLy8gWmlwIHRvZ2V0aGVyIG11bHRpcGxlIGxpc3RzIGludG8gYSBzaW5nbGUgYXJyYXkgLS0gZWxlbWVudHMgdGhhdCBzaGFyZVxuICAvLyBhbiBpbmRleCBnbyB0b2dldGhlci5cbiAgXy56aXAgPSBmdW5jdGlvbigpIHtcbiAgICB2YXIgYXJncyA9IHNsaWNlLmNhbGwoYXJndW1lbnRzKTtcbiAgICB2YXIgbGVuZ3RoID0gXy5tYXgoXy5wbHVjayhhcmdzLCAnbGVuZ3RoJykpO1xuICAgIHZhciByZXN1bHRzID0gbmV3IEFycmF5KGxlbmd0aCk7XG4gICAgZm9yICh2YXIgaSA9IDA7IGkgPCBsZW5ndGg7IGkrKykge1xuICAgICAgcmVzdWx0c1tpXSA9IF8ucGx1Y2soYXJncywgXCJcIiArIGkpO1xuICAgIH1cbiAgICByZXR1cm4gcmVzdWx0cztcbiAgfTtcblxuICAvLyBDb252ZXJ0cyBsaXN0cyBpbnRvIG9iamVjdHMuIFBhc3MgZWl0aGVyIGEgc2luZ2xlIGFycmF5IG9mIGBba2V5LCB2YWx1ZV1gXG4gIC8vIHBhaXJzLCBvciB0d28gcGFyYWxsZWwgYXJyYXlzIG9mIHRoZSBzYW1lIGxlbmd0aCAtLSBvbmUgb2Yga2V5cywgYW5kIG9uZSBvZlxuICAvLyB0aGUgY29ycmVzcG9uZGluZyB2YWx1ZXMuXG4gIF8ub2JqZWN0ID0gZnVuY3Rpb24obGlzdCwgdmFsdWVzKSB7XG4gICAgaWYgKGxpc3QgPT0gbnVsbCkgcmV0dXJuIHt9O1xuICAgIHZhciByZXN1bHQgPSB7fTtcbiAgICBmb3IgKHZhciBpID0gMCwgbCA9IGxpc3QubGVuZ3RoOyBpIDwgbDsgaSsrKSB7XG4gICAgICBpZiAodmFsdWVzKSB7XG4gICAgICAgIHJlc3VsdFtsaXN0W2ldXSA9IHZhbHVlc1tpXTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJlc3VsdFtsaXN0W2ldWzBdXSA9IGxpc3RbaV1bMV07XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiByZXN1bHQ7XG4gIH07XG5cbiAgLy8gSWYgdGhlIGJyb3dzZXIgZG9lc24ndCBzdXBwbHkgdXMgd2l0aCBpbmRleE9mIChJJ20gbG9va2luZyBhdCB5b3UsICoqTVNJRSoqKSxcbiAgLy8gd2UgbmVlZCB0aGlzIGZ1bmN0aW9uLiBSZXR1cm4gdGhlIHBvc2l0aW9uIG9mIHRoZSBmaXJzdCBvY2N1cnJlbmNlIG9mIGFuXG4gIC8vIGl0ZW0gaW4gYW4gYXJyYXksIG9yIC0xIGlmIHRoZSBpdGVtIGlzIG5vdCBpbmNsdWRlZCBpbiB0aGUgYXJyYXkuXG4gIC8vIERlbGVnYXRlcyB0byAqKkVDTUFTY3JpcHQgNSoqJ3MgbmF0aXZlIGBpbmRleE9mYCBpZiBhdmFpbGFibGUuXG4gIC8vIElmIHRoZSBhcnJheSBpcyBsYXJnZSBhbmQgYWxyZWFkeSBpbiBzb3J0IG9yZGVyLCBwYXNzIGB0cnVlYFxuICAvLyBmb3IgKippc1NvcnRlZCoqIHRvIHVzZSBiaW5hcnkgc2VhcmNoLlxuICBfLmluZGV4T2YgPSBmdW5jdGlvbihhcnJheSwgaXRlbSwgaXNTb3J0ZWQpIHtcbiAgICBpZiAoYXJyYXkgPT0gbnVsbCkgcmV0dXJuIC0xO1xuICAgIHZhciBpID0gMCwgbCA9IGFycmF5Lmxlbmd0aDtcbiAgICBpZiAoaXNTb3J0ZWQpIHtcbiAgICAgIGlmICh0eXBlb2YgaXNTb3J0ZWQgPT0gJ251bWJlcicpIHtcbiAgICAgICAgaSA9IChpc1NvcnRlZCA8IDAgPyBNYXRoLm1heCgwLCBsICsgaXNTb3J0ZWQpIDogaXNTb3J0ZWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaSA9IF8uc29ydGVkSW5kZXgoYXJyYXksIGl0ZW0pO1xuICAgICAgICByZXR1cm4gYXJyYXlbaV0gPT09IGl0ZW0gPyBpIDogLTE7XG4gICAgICB9XG4gICAgfVxuICAgIGlmIChuYXRpdmVJbmRleE9mICYmIGFycmF5LmluZGV4T2YgPT09IG5hdGl2ZUluZGV4T2YpIHJldHVybiBhcnJheS5pbmRleE9mKGl0ZW0sIGlzU29ydGVkKTtcbiAgICBmb3IgKDsgaSA8IGw7IGkrKykgaWYgKGFycmF5W2ldID09PSBpdGVtKSByZXR1cm4gaTtcbiAgICByZXR1cm4gLTE7XG4gIH07XG5cbiAgLy8gRGVsZWdhdGVzIHRvICoqRUNNQVNjcmlwdCA1KioncyBuYXRpdmUgYGxhc3RJbmRleE9mYCBpZiBhdmFpbGFibGUuXG4gIF8ubGFzdEluZGV4T2YgPSBmdW5jdGlvbihhcnJheSwgaXRlbSwgZnJvbSkge1xuICAgIGlmIChhcnJheSA9PSBudWxsKSByZXR1cm4gLTE7XG4gICAgdmFyIGhhc0luZGV4ID0gZnJvbSAhPSBudWxsO1xuICAgIGlmIChuYXRpdmVMYXN0SW5kZXhPZiAmJiBhcnJheS5sYXN0SW5kZXhPZiA9PT0gbmF0aXZlTGFzdEluZGV4T2YpIHtcbiAgICAgIHJldHVybiBoYXNJbmRleCA/IGFycmF5Lmxhc3RJbmRleE9mKGl0ZW0sIGZyb20pIDogYXJyYXkubGFzdEluZGV4T2YoaXRlbSk7XG4gICAgfVxuICAgIHZhciBpID0gKGhhc0luZGV4ID8gZnJvbSA6IGFycmF5Lmxlbmd0aCk7XG4gICAgd2hpbGUgKGktLSkgaWYgKGFycmF5W2ldID09PSBpdGVtKSByZXR1cm4gaTtcbiAgICByZXR1cm4gLTE7XG4gIH07XG5cbiAgLy8gR2VuZXJhdGUgYW4gaW50ZWdlciBBcnJheSBjb250YWluaW5nIGFuIGFyaXRobWV0aWMgcHJvZ3Jlc3Npb24uIEEgcG9ydCBvZlxuICAvLyB0aGUgbmF0aXZlIFB5dGhvbiBgcmFuZ2UoKWAgZnVuY3Rpb24uIFNlZVxuICAvLyBbdGhlIFB5dGhvbiBkb2N1bWVudGF0aW9uXShodHRwOi8vZG9jcy5weXRob24ub3JnL2xpYnJhcnkvZnVuY3Rpb25zLmh0bWwjcmFuZ2UpLlxuICBfLnJhbmdlID0gZnVuY3Rpb24oc3RhcnQsIHN0b3AsIHN0ZXApIHtcbiAgICBpZiAoYXJndW1lbnRzLmxlbmd0aCA8PSAxKSB7XG4gICAgICBzdG9wID0gc3RhcnQgfHwgMDtcbiAgICAgIHN0YXJ0ID0gMDtcbiAgICB9XG4gICAgc3RlcCA9IGFyZ3VtZW50c1syXSB8fCAxO1xuXG4gICAgdmFyIGxlbiA9IE1hdGgubWF4KE1hdGguY2VpbCgoc3RvcCAtIHN0YXJ0KSAvIHN0ZXApLCAwKTtcbiAgICB2YXIgaWR4ID0gMDtcbiAgICB2YXIgcmFuZ2UgPSBuZXcgQXJyYXkobGVuKTtcblxuICAgIHdoaWxlKGlkeCA8IGxlbikge1xuICAgICAgcmFuZ2VbaWR4KytdID0gc3RhcnQ7XG4gICAgICBzdGFydCArPSBzdGVwO1xuICAgIH1cblxuICAgIHJldHVybiByYW5nZTtcbiAgfTtcblxuICAvLyBGdW5jdGlvbiAoYWhlbSkgRnVuY3Rpb25zXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIC8vIENyZWF0ZSBhIGZ1bmN0aW9uIGJvdW5kIHRvIGEgZ2l2ZW4gb2JqZWN0IChhc3NpZ25pbmcgYHRoaXNgLCBhbmQgYXJndW1lbnRzLFxuICAvLyBvcHRpb25hbGx5KS4gRGVsZWdhdGVzIHRvICoqRUNNQVNjcmlwdCA1KioncyBuYXRpdmUgYEZ1bmN0aW9uLmJpbmRgIGlmXG4gIC8vIGF2YWlsYWJsZS5cbiAgXy5iaW5kID0gZnVuY3Rpb24oZnVuYywgY29udGV4dCkge1xuICAgIGlmIChmdW5jLmJpbmQgPT09IG5hdGl2ZUJpbmQgJiYgbmF0aXZlQmluZCkgcmV0dXJuIG5hdGl2ZUJpbmQuYXBwbHkoZnVuYywgc2xpY2UuY2FsbChhcmd1bWVudHMsIDEpKTtcbiAgICB2YXIgYXJncyA9IHNsaWNlLmNhbGwoYXJndW1lbnRzLCAyKTtcbiAgICByZXR1cm4gZnVuY3Rpb24oKSB7XG4gICAgICByZXR1cm4gZnVuYy5hcHBseShjb250ZXh0LCBhcmdzLmNvbmNhdChzbGljZS5jYWxsKGFyZ3VtZW50cykpKTtcbiAgICB9O1xuICB9O1xuXG4gIC8vIFBhcnRpYWxseSBhcHBseSBhIGZ1bmN0aW9uIGJ5IGNyZWF0aW5nIGEgdmVyc2lvbiB0aGF0IGhhcyBoYWQgc29tZSBvZiBpdHNcbiAgLy8gYXJndW1lbnRzIHByZS1maWxsZWQsIHdpdGhvdXQgY2hhbmdpbmcgaXRzIGR5bmFtaWMgYHRoaXNgIGNvbnRleHQuXG4gIF8ucGFydGlhbCA9IGZ1bmN0aW9uKGZ1bmMpIHtcbiAgICB2YXIgYXJncyA9IHNsaWNlLmNhbGwoYXJndW1lbnRzLCAxKTtcbiAgICByZXR1cm4gZnVuY3Rpb24oKSB7XG4gICAgICByZXR1cm4gZnVuYy5hcHBseSh0aGlzLCBhcmdzLmNvbmNhdChzbGljZS5jYWxsKGFyZ3VtZW50cykpKTtcbiAgICB9O1xuICB9O1xuXG4gIC8vIEJpbmQgYWxsIG9mIGFuIG9iamVjdCdzIG1ldGhvZHMgdG8gdGhhdCBvYmplY3QuIFVzZWZ1bCBmb3IgZW5zdXJpbmcgdGhhdFxuICAvLyBhbGwgY2FsbGJhY2tzIGRlZmluZWQgb24gYW4gb2JqZWN0IGJlbG9uZyB0byBpdC5cbiAgXy5iaW5kQWxsID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgdmFyIGZ1bmNzID0gc2xpY2UuY2FsbChhcmd1bWVudHMsIDEpO1xuICAgIGlmIChmdW5jcy5sZW5ndGggPT09IDApIGZ1bmNzID0gXy5mdW5jdGlvbnMob2JqKTtcbiAgICBlYWNoKGZ1bmNzLCBmdW5jdGlvbihmKSB7IG9ialtmXSA9IF8uYmluZChvYmpbZl0sIG9iaik7IH0pO1xuICAgIHJldHVybiBvYmo7XG4gIH07XG5cbiAgLy8gTWVtb2l6ZSBhbiBleHBlbnNpdmUgZnVuY3Rpb24gYnkgc3RvcmluZyBpdHMgcmVzdWx0cy5cbiAgXy5tZW1vaXplID0gZnVuY3Rpb24oZnVuYywgaGFzaGVyKSB7XG4gICAgdmFyIG1lbW8gPSB7fTtcbiAgICBoYXNoZXIgfHwgKGhhc2hlciA9IF8uaWRlbnRpdHkpO1xuICAgIHJldHVybiBmdW5jdGlvbigpIHtcbiAgICAgIHZhciBrZXkgPSBoYXNoZXIuYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbiAgICAgIHJldHVybiBfLmhhcyhtZW1vLCBrZXkpID8gbWVtb1trZXldIDogKG1lbW9ba2V5XSA9IGZ1bmMuYXBwbHkodGhpcywgYXJndW1lbnRzKSk7XG4gICAgfTtcbiAgfTtcblxuICAvLyBEZWxheXMgYSBmdW5jdGlvbiBmb3IgdGhlIGdpdmVuIG51bWJlciBvZiBtaWxsaXNlY29uZHMsIGFuZCB0aGVuIGNhbGxzXG4gIC8vIGl0IHdpdGggdGhlIGFyZ3VtZW50cyBzdXBwbGllZC5cbiAgXy5kZWxheSA9IGZ1bmN0aW9uKGZ1bmMsIHdhaXQpIHtcbiAgICB2YXIgYXJncyA9IHNsaWNlLmNhbGwoYXJndW1lbnRzLCAyKTtcbiAgICByZXR1cm4gc2V0VGltZW91dChmdW5jdGlvbigpeyByZXR1cm4gZnVuYy5hcHBseShudWxsLCBhcmdzKTsgfSwgd2FpdCk7XG4gIH07XG5cbiAgLy8gRGVmZXJzIGEgZnVuY3Rpb24sIHNjaGVkdWxpbmcgaXQgdG8gcnVuIGFmdGVyIHRoZSBjdXJyZW50IGNhbGwgc3RhY2sgaGFzXG4gIC8vIGNsZWFyZWQuXG4gIF8uZGVmZXIgPSBmdW5jdGlvbihmdW5jKSB7XG4gICAgcmV0dXJuIF8uZGVsYXkuYXBwbHkoXywgW2Z1bmMsIDFdLmNvbmNhdChzbGljZS5jYWxsKGFyZ3VtZW50cywgMSkpKTtcbiAgfTtcblxuICAvLyBSZXR1cm5zIGEgZnVuY3Rpb24sIHRoYXQsIHdoZW4gaW52b2tlZCwgd2lsbCBvbmx5IGJlIHRyaWdnZXJlZCBhdCBtb3N0IG9uY2VcbiAgLy8gZHVyaW5nIGEgZ2l2ZW4gd2luZG93IG9mIHRpbWUuXG4gIF8udGhyb3R0bGUgPSBmdW5jdGlvbihmdW5jLCB3YWl0KSB7XG4gICAgdmFyIGNvbnRleHQsIGFyZ3MsIHRpbWVvdXQsIHJlc3VsdDtcbiAgICB2YXIgcHJldmlvdXMgPSAwO1xuICAgIHZhciBsYXRlciA9IGZ1bmN0aW9uKCkge1xuICAgICAgcHJldmlvdXMgPSBuZXcgRGF0ZTtcbiAgICAgIHRpbWVvdXQgPSBudWxsO1xuICAgICAgcmVzdWx0ID0gZnVuYy5hcHBseShjb250ZXh0LCBhcmdzKTtcbiAgICB9O1xuICAgIHJldHVybiBmdW5jdGlvbigpIHtcbiAgICAgIHZhciBub3cgPSBuZXcgRGF0ZTtcbiAgICAgIHZhciByZW1haW5pbmcgPSB3YWl0IC0gKG5vdyAtIHByZXZpb3VzKTtcbiAgICAgIGNvbnRleHQgPSB0aGlzO1xuICAgICAgYXJncyA9IGFyZ3VtZW50cztcbiAgICAgIGlmIChyZW1haW5pbmcgPD0gMCkge1xuICAgICAgICBjbGVhclRpbWVvdXQodGltZW91dCk7XG4gICAgICAgIHRpbWVvdXQgPSBudWxsO1xuICAgICAgICBwcmV2aW91cyA9IG5vdztcbiAgICAgICAgcmVzdWx0ID0gZnVuYy5hcHBseShjb250ZXh0LCBhcmdzKTtcbiAgICAgIH0gZWxzZSBpZiAoIXRpbWVvdXQpIHtcbiAgICAgICAgdGltZW91dCA9IHNldFRpbWVvdXQobGF0ZXIsIHJlbWFpbmluZyk7XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH07XG4gIH07XG5cbiAgLy8gUmV0dXJucyBhIGZ1bmN0aW9uLCB0aGF0LCBhcyBsb25nIGFzIGl0IGNvbnRpbnVlcyB0byBiZSBpbnZva2VkLCB3aWxsIG5vdFxuICAvLyBiZSB0cmlnZ2VyZWQuIFRoZSBmdW5jdGlvbiB3aWxsIGJlIGNhbGxlZCBhZnRlciBpdCBzdG9wcyBiZWluZyBjYWxsZWQgZm9yXG4gIC8vIE4gbWlsbGlzZWNvbmRzLiBJZiBgaW1tZWRpYXRlYCBpcyBwYXNzZWQsIHRyaWdnZXIgdGhlIGZ1bmN0aW9uIG9uIHRoZVxuICAvLyBsZWFkaW5nIGVkZ2UsIGluc3RlYWQgb2YgdGhlIHRyYWlsaW5nLlxuICBfLmRlYm91bmNlID0gZnVuY3Rpb24oZnVuYywgd2FpdCwgaW1tZWRpYXRlKSB7XG4gICAgdmFyIHRpbWVvdXQsIHJlc3VsdDtcbiAgICByZXR1cm4gZnVuY3Rpb24oKSB7XG4gICAgICB2YXIgY29udGV4dCA9IHRoaXMsIGFyZ3MgPSBhcmd1bWVudHM7XG4gICAgICB2YXIgbGF0ZXIgPSBmdW5jdGlvbigpIHtcbiAgICAgICAgdGltZW91dCA9IG51bGw7XG4gICAgICAgIGlmICghaW1tZWRpYXRlKSByZXN1bHQgPSBmdW5jLmFwcGx5KGNvbnRleHQsIGFyZ3MpO1xuICAgICAgfTtcbiAgICAgIHZhciBjYWxsTm93ID0gaW1tZWRpYXRlICYmICF0aW1lb3V0O1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgICAgdGltZW91dCA9IHNldFRpbWVvdXQobGF0ZXIsIHdhaXQpO1xuICAgICAgaWYgKGNhbGxOb3cpIHJlc3VsdCA9IGZ1bmMuYXBwbHkoY29udGV4dCwgYXJncyk7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH07XG4gIH07XG5cbiAgLy8gUmV0dXJucyBhIGZ1bmN0aW9uIHRoYXQgd2lsbCBiZSBleGVjdXRlZCBhdCBtb3N0IG9uZSB0aW1lLCBubyBtYXR0ZXIgaG93XG4gIC8vIG9mdGVuIHlvdSBjYWxsIGl0LiBVc2VmdWwgZm9yIGxhenkgaW5pdGlhbGl6YXRpb24uXG4gIF8ub25jZSA9IGZ1bmN0aW9uKGZ1bmMpIHtcbiAgICB2YXIgcmFuID0gZmFsc2UsIG1lbW87XG4gICAgcmV0dXJuIGZ1bmN0aW9uKCkge1xuICAgICAgaWYgKHJhbikgcmV0dXJuIG1lbW87XG4gICAgICByYW4gPSB0cnVlO1xuICAgICAgbWVtbyA9IGZ1bmMuYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbiAgICAgIGZ1bmMgPSBudWxsO1xuICAgICAgcmV0dXJuIG1lbW87XG4gICAgfTtcbiAgfTtcblxuICAvLyBSZXR1cm5zIHRoZSBmaXJzdCBmdW5jdGlvbiBwYXNzZWQgYXMgYW4gYXJndW1lbnQgdG8gdGhlIHNlY29uZCxcbiAgLy8gYWxsb3dpbmcgeW91IHRvIGFkanVzdCBhcmd1bWVudHMsIHJ1biBjb2RlIGJlZm9yZSBhbmQgYWZ0ZXIsIGFuZFxuICAvLyBjb25kaXRpb25hbGx5IGV4ZWN1dGUgdGhlIG9yaWdpbmFsIGZ1bmN0aW9uLlxuICBfLndyYXAgPSBmdW5jdGlvbihmdW5jLCB3cmFwcGVyKSB7XG4gICAgcmV0dXJuIGZ1bmN0aW9uKCkge1xuICAgICAgdmFyIGFyZ3MgPSBbZnVuY107XG4gICAgICBwdXNoLmFwcGx5KGFyZ3MsIGFyZ3VtZW50cyk7XG4gICAgICByZXR1cm4gd3JhcHBlci5hcHBseSh0aGlzLCBhcmdzKTtcbiAgICB9O1xuICB9O1xuXG4gIC8vIFJldHVybnMgYSBmdW5jdGlvbiB0aGF0IGlzIHRoZSBjb21wb3NpdGlvbiBvZiBhIGxpc3Qgb2YgZnVuY3Rpb25zLCBlYWNoXG4gIC8vIGNvbnN1bWluZyB0aGUgcmV0dXJuIHZhbHVlIG9mIHRoZSBmdW5jdGlvbiB0aGF0IGZvbGxvd3MuXG4gIF8uY29tcG9zZSA9IGZ1bmN0aW9uKCkge1xuICAgIHZhciBmdW5jcyA9IGFyZ3VtZW50cztcbiAgICByZXR1cm4gZnVuY3Rpb24oKSB7XG4gICAgICB2YXIgYXJncyA9IGFyZ3VtZW50cztcbiAgICAgIGZvciAodmFyIGkgPSBmdW5jcy5sZW5ndGggLSAxOyBpID49IDA7IGktLSkge1xuICAgICAgICBhcmdzID0gW2Z1bmNzW2ldLmFwcGx5KHRoaXMsIGFyZ3MpXTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBhcmdzWzBdO1xuICAgIH07XG4gIH07XG5cbiAgLy8gUmV0dXJucyBhIGZ1bmN0aW9uIHRoYXQgd2lsbCBvbmx5IGJlIGV4ZWN1dGVkIGFmdGVyIGJlaW5nIGNhbGxlZCBOIHRpbWVzLlxuICBfLmFmdGVyID0gZnVuY3Rpb24odGltZXMsIGZ1bmMpIHtcbiAgICBpZiAodGltZXMgPD0gMCkgcmV0dXJuIGZ1bmMoKTtcbiAgICByZXR1cm4gZnVuY3Rpb24oKSB7XG4gICAgICBpZiAoLS10aW1lcyA8IDEpIHtcbiAgICAgICAgcmV0dXJuIGZ1bmMuYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbiAgICAgIH1cbiAgICB9O1xuICB9O1xuXG4gIC8vIE9iamVjdCBGdW5jdGlvbnNcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLVxuXG4gIC8vIFJldHJpZXZlIHRoZSBuYW1lcyBvZiBhbiBvYmplY3QncyBwcm9wZXJ0aWVzLlxuICAvLyBEZWxlZ2F0ZXMgdG8gKipFQ01BU2NyaXB0IDUqKidzIG5hdGl2ZSBgT2JqZWN0LmtleXNgXG4gIF8ua2V5cyA9IG5hdGl2ZUtleXMgfHwgZnVuY3Rpb24ob2JqKSB7XG4gICAgaWYgKG9iaiAhPT0gT2JqZWN0KG9iaikpIHRocm93IG5ldyBUeXBlRXJyb3IoJ0ludmFsaWQgb2JqZWN0Jyk7XG4gICAgdmFyIGtleXMgPSBbXTtcbiAgICBmb3IgKHZhciBrZXkgaW4gb2JqKSBpZiAoXy5oYXMob2JqLCBrZXkpKSBrZXlzW2tleXMubGVuZ3RoXSA9IGtleTtcbiAgICByZXR1cm4ga2V5cztcbiAgfTtcblxuICAvLyBSZXRyaWV2ZSB0aGUgdmFsdWVzIG9mIGFuIG9iamVjdCdzIHByb3BlcnRpZXMuXG4gIF8udmFsdWVzID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgdmFyIHZhbHVlcyA9IFtdO1xuICAgIGZvciAodmFyIGtleSBpbiBvYmopIGlmIChfLmhhcyhvYmosIGtleSkpIHZhbHVlcy5wdXNoKG9ialtrZXldKTtcbiAgICByZXR1cm4gdmFsdWVzO1xuICB9O1xuXG4gIC8vIENvbnZlcnQgYW4gb2JqZWN0IGludG8gYSBsaXN0IG9mIGBba2V5LCB2YWx1ZV1gIHBhaXJzLlxuICBfLnBhaXJzID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgdmFyIHBhaXJzID0gW107XG4gICAgZm9yICh2YXIga2V5IGluIG9iaikgaWYgKF8uaGFzKG9iaiwga2V5KSkgcGFpcnMucHVzaChba2V5LCBvYmpba2V5XV0pO1xuICAgIHJldHVybiBwYWlycztcbiAgfTtcblxuICAvLyBJbnZlcnQgdGhlIGtleXMgYW5kIHZhbHVlcyBvZiBhbiBvYmplY3QuIFRoZSB2YWx1ZXMgbXVzdCBiZSBzZXJpYWxpemFibGUuXG4gIF8uaW52ZXJ0ID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgdmFyIHJlc3VsdCA9IHt9O1xuICAgIGZvciAodmFyIGtleSBpbiBvYmopIGlmIChfLmhhcyhvYmosIGtleSkpIHJlc3VsdFtvYmpba2V5XV0gPSBrZXk7XG4gICAgcmV0dXJuIHJlc3VsdDtcbiAgfTtcblxuICAvLyBSZXR1cm4gYSBzb3J0ZWQgbGlzdCBvZiB0aGUgZnVuY3Rpb24gbmFtZXMgYXZhaWxhYmxlIG9uIHRoZSBvYmplY3QuXG4gIC8vIEFsaWFzZWQgYXMgYG1ldGhvZHNgXG4gIF8uZnVuY3Rpb25zID0gXy5tZXRob2RzID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgdmFyIG5hbWVzID0gW107XG4gICAgZm9yICh2YXIga2V5IGluIG9iaikge1xuICAgICAgaWYgKF8uaXNGdW5jdGlvbihvYmpba2V5XSkpIG5hbWVzLnB1c2goa2V5KTtcbiAgICB9XG4gICAgcmV0dXJuIG5hbWVzLnNvcnQoKTtcbiAgfTtcblxuICAvLyBFeHRlbmQgYSBnaXZlbiBvYmplY3Qgd2l0aCBhbGwgdGhlIHByb3BlcnRpZXMgaW4gcGFzc2VkLWluIG9iamVjdChzKS5cbiAgXy5leHRlbmQgPSBmdW5jdGlvbihvYmopIHtcbiAgICBlYWNoKHNsaWNlLmNhbGwoYXJndW1lbnRzLCAxKSwgZnVuY3Rpb24oc291cmNlKSB7XG4gICAgICBpZiAoc291cmNlKSB7XG4gICAgICAgIGZvciAodmFyIHByb3AgaW4gc291cmNlKSB7XG4gICAgICAgICAgb2JqW3Byb3BdID0gc291cmNlW3Byb3BdO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSk7XG4gICAgcmV0dXJuIG9iajtcbiAgfTtcblxuICAvLyBSZXR1cm4gYSBjb3B5IG9mIHRoZSBvYmplY3Qgb25seSBjb250YWluaW5nIHRoZSB3aGl0ZWxpc3RlZCBwcm9wZXJ0aWVzLlxuICBfLnBpY2sgPSBmdW5jdGlvbihvYmopIHtcbiAgICB2YXIgY29weSA9IHt9O1xuICAgIHZhciBrZXlzID0gY29uY2F0LmFwcGx5KEFycmF5UHJvdG8sIHNsaWNlLmNhbGwoYXJndW1lbnRzLCAxKSk7XG4gICAgZWFjaChrZXlzLCBmdW5jdGlvbihrZXkpIHtcbiAgICAgIGlmIChrZXkgaW4gb2JqKSBjb3B5W2tleV0gPSBvYmpba2V5XTtcbiAgICB9KTtcbiAgICByZXR1cm4gY29weTtcbiAgfTtcblxuICAgLy8gUmV0dXJuIGEgY29weSBvZiB0aGUgb2JqZWN0IHdpdGhvdXQgdGhlIGJsYWNrbGlzdGVkIHByb3BlcnRpZXMuXG4gIF8ub21pdCA9IGZ1bmN0aW9uKG9iaikge1xuICAgIHZhciBjb3B5ID0ge307XG4gICAgdmFyIGtleXMgPSBjb25jYXQuYXBwbHkoQXJyYXlQcm90bywgc2xpY2UuY2FsbChhcmd1bWVudHMsIDEpKTtcbiAgICBmb3IgKHZhciBrZXkgaW4gb2JqKSB7XG4gICAgICBpZiAoIV8uY29udGFpbnMoa2V5cywga2V5KSkgY29weVtrZXldID0gb2JqW2tleV07XG4gICAgfVxuICAgIHJldHVybiBjb3B5O1xuICB9O1xuXG4gIC8vIEZpbGwgaW4gYSBnaXZlbiBvYmplY3Qgd2l0aCBkZWZhdWx0IHByb3BlcnRpZXMuXG4gIF8uZGVmYXVsdHMgPSBmdW5jdGlvbihvYmopIHtcbiAgICBlYWNoKHNsaWNlLmNhbGwoYXJndW1lbnRzLCAxKSwgZnVuY3Rpb24oc291cmNlKSB7XG4gICAgICBpZiAoc291cmNlKSB7XG4gICAgICAgIGZvciAodmFyIHByb3AgaW4gc291cmNlKSB7XG4gICAgICAgICAgaWYgKG9ialtwcm9wXSA9PSBudWxsKSBvYmpbcHJvcF0gPSBzb3VyY2VbcHJvcF07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiAgICByZXR1cm4gb2JqO1xuICB9O1xuXG4gIC8vIENyZWF0ZSBhIChzaGFsbG93LWNsb25lZCkgZHVwbGljYXRlIG9mIGFuIG9iamVjdC5cbiAgXy5jbG9uZSA9IGZ1bmN0aW9uKG9iaikge1xuICAgIGlmICghXy5pc09iamVjdChvYmopKSByZXR1cm4gb2JqO1xuICAgIHJldHVybiBfLmlzQXJyYXkob2JqKSA/IG9iai5zbGljZSgpIDogXy5leHRlbmQoe30sIG9iaik7XG4gIH07XG5cbiAgLy8gSW52b2tlcyBpbnRlcmNlcHRvciB3aXRoIHRoZSBvYmosIGFuZCB0aGVuIHJldHVybnMgb2JqLlxuICAvLyBUaGUgcHJpbWFyeSBwdXJwb3NlIG9mIHRoaXMgbWV0aG9kIGlzIHRvIFwidGFwIGludG9cIiBhIG1ldGhvZCBjaGFpbiwgaW5cbiAgLy8gb3JkZXIgdG8gcGVyZm9ybSBvcGVyYXRpb25zIG9uIGludGVybWVkaWF0ZSByZXN1bHRzIHdpdGhpbiB0aGUgY2hhaW4uXG4gIF8udGFwID0gZnVuY3Rpb24ob2JqLCBpbnRlcmNlcHRvcikge1xuICAgIGludGVyY2VwdG9yKG9iaik7XG4gICAgcmV0dXJuIG9iajtcbiAgfTtcblxuICAvLyBJbnRlcm5hbCByZWN1cnNpdmUgY29tcGFyaXNvbiBmdW5jdGlvbiBmb3IgYGlzRXF1YWxgLlxuICB2YXIgZXEgPSBmdW5jdGlvbihhLCBiLCBhU3RhY2ssIGJTdGFjaykge1xuICAgIC8vIElkZW50aWNhbCBvYmplY3RzIGFyZSBlcXVhbC4gYDAgPT09IC0wYCwgYnV0IHRoZXkgYXJlbid0IGlkZW50aWNhbC5cbiAgICAvLyBTZWUgdGhlIEhhcm1vbnkgYGVnYWxgIHByb3Bvc2FsOiBodHRwOi8vd2lraS5lY21hc2NyaXB0Lm9yZy9kb2t1LnBocD9pZD1oYXJtb255OmVnYWwuXG4gICAgaWYgKGEgPT09IGIpIHJldHVybiBhICE9PSAwIHx8IDEgLyBhID09IDEgLyBiO1xuICAgIC8vIEEgc3RyaWN0IGNvbXBhcmlzb24gaXMgbmVjZXNzYXJ5IGJlY2F1c2UgYG51bGwgPT0gdW5kZWZpbmVkYC5cbiAgICBpZiAoYSA9PSBudWxsIHx8IGIgPT0gbnVsbCkgcmV0dXJuIGEgPT09IGI7XG4gICAgLy8gVW53cmFwIGFueSB3cmFwcGVkIG9iamVjdHMuXG4gICAgaWYgKGEgaW5zdGFuY2VvZiBfKSBhID0gYS5fd3JhcHBlZDtcbiAgICBpZiAoYiBpbnN0YW5jZW9mIF8pIGIgPSBiLl93cmFwcGVkO1xuICAgIC8vIENvbXBhcmUgYFtbQ2xhc3NdXWAgbmFtZXMuXG4gICAgdmFyIGNsYXNzTmFtZSA9IHRvU3RyaW5nLmNhbGwoYSk7XG4gICAgaWYgKGNsYXNzTmFtZSAhPSB0b1N0cmluZy5jYWxsKGIpKSByZXR1cm4gZmFsc2U7XG4gICAgc3dpdGNoIChjbGFzc05hbWUpIHtcbiAgICAgIC8vIFN0cmluZ3MsIG51bWJlcnMsIGRhdGVzLCBhbmQgYm9vbGVhbnMgYXJlIGNvbXBhcmVkIGJ5IHZhbHVlLlxuICAgICAgY2FzZSAnW29iamVjdCBTdHJpbmddJzpcbiAgICAgICAgLy8gUHJpbWl0aXZlcyBhbmQgdGhlaXIgY29ycmVzcG9uZGluZyBvYmplY3Qgd3JhcHBlcnMgYXJlIGVxdWl2YWxlbnQ7IHRodXMsIGBcIjVcImAgaXNcbiAgICAgICAgLy8gZXF1aXZhbGVudCB0byBgbmV3IFN0cmluZyhcIjVcIilgLlxuICAgICAgICByZXR1cm4gYSA9PSBTdHJpbmcoYik7XG4gICAgICBjYXNlICdbb2JqZWN0IE51bWJlcl0nOlxuICAgICAgICAvLyBgTmFOYHMgYXJlIGVxdWl2YWxlbnQsIGJ1dCBub24tcmVmbGV4aXZlLiBBbiBgZWdhbGAgY29tcGFyaXNvbiBpcyBwZXJmb3JtZWQgZm9yXG4gICAgICAgIC8vIG90aGVyIG51bWVyaWMgdmFsdWVzLlxuICAgICAgICByZXR1cm4gYSAhPSArYSA/IGIgIT0gK2IgOiAoYSA9PSAwID8gMSAvIGEgPT0gMSAvIGIgOiBhID09ICtiKTtcbiAgICAgIGNhc2UgJ1tvYmplY3QgRGF0ZV0nOlxuICAgICAgY2FzZSAnW29iamVjdCBCb29sZWFuXSc6XG4gICAgICAgIC8vIENvZXJjZSBkYXRlcyBhbmQgYm9vbGVhbnMgdG8gbnVtZXJpYyBwcmltaXRpdmUgdmFsdWVzLiBEYXRlcyBhcmUgY29tcGFyZWQgYnkgdGhlaXJcbiAgICAgICAgLy8gbWlsbGlzZWNvbmQgcmVwcmVzZW50YXRpb25zLiBOb3RlIHRoYXQgaW52YWxpZCBkYXRlcyB3aXRoIG1pbGxpc2Vjb25kIHJlcHJlc2VudGF0aW9uc1xuICAgICAgICAvLyBvZiBgTmFOYCBhcmUgbm90IGVxdWl2YWxlbnQuXG4gICAgICAgIHJldHVybiArYSA9PSArYjtcbiAgICAgIC8vIFJlZ0V4cHMgYXJlIGNvbXBhcmVkIGJ5IHRoZWlyIHNvdXJjZSBwYXR0ZXJucyBhbmQgZmxhZ3MuXG4gICAgICBjYXNlICdbb2JqZWN0IFJlZ0V4cF0nOlxuICAgICAgICByZXR1cm4gYS5zb3VyY2UgPT0gYi5zb3VyY2UgJiZcbiAgICAgICAgICAgICAgIGEuZ2xvYmFsID09IGIuZ2xvYmFsICYmXG4gICAgICAgICAgICAgICBhLm11bHRpbGluZSA9PSBiLm11bHRpbGluZSAmJlxuICAgICAgICAgICAgICAgYS5pZ25vcmVDYXNlID09IGIuaWdub3JlQ2FzZTtcbiAgICB9XG4gICAgaWYgKHR5cGVvZiBhICE9ICdvYmplY3QnIHx8IHR5cGVvZiBiICE9ICdvYmplY3QnKSByZXR1cm4gZmFsc2U7XG4gICAgLy8gQXNzdW1lIGVxdWFsaXR5IGZvciBjeWNsaWMgc3RydWN0dXJlcy4gVGhlIGFsZ29yaXRobSBmb3IgZGV0ZWN0aW5nIGN5Y2xpY1xuICAgIC8vIHN0cnVjdHVyZXMgaXMgYWRhcHRlZCBmcm9tIEVTIDUuMSBzZWN0aW9uIDE1LjEyLjMsIGFic3RyYWN0IG9wZXJhdGlvbiBgSk9gLlxuICAgIHZhciBsZW5ndGggPSBhU3RhY2subGVuZ3RoO1xuICAgIHdoaWxlIChsZW5ndGgtLSkge1xuICAgICAgLy8gTGluZWFyIHNlYXJjaC4gUGVyZm9ybWFuY2UgaXMgaW52ZXJzZWx5IHByb3BvcnRpb25hbCB0byB0aGUgbnVtYmVyIG9mXG4gICAgICAvLyB1bmlxdWUgbmVzdGVkIHN0cnVjdHVyZXMuXG4gICAgICBpZiAoYVN0YWNrW2xlbmd0aF0gPT0gYSkgcmV0dXJuIGJTdGFja1tsZW5ndGhdID09IGI7XG4gICAgfVxuICAgIC8vIEFkZCB0aGUgZmlyc3Qgb2JqZWN0IHRvIHRoZSBzdGFjayBvZiB0cmF2ZXJzZWQgb2JqZWN0cy5cbiAgICBhU3RhY2sucHVzaChhKTtcbiAgICBiU3RhY2sucHVzaChiKTtcbiAgICB2YXIgc2l6ZSA9IDAsIHJlc3VsdCA9IHRydWU7XG4gICAgLy8gUmVjdXJzaXZlbHkgY29tcGFyZSBvYmplY3RzIGFuZCBhcnJheXMuXG4gICAgaWYgKGNsYXNzTmFtZSA9PSAnW29iamVjdCBBcnJheV0nKSB7XG4gICAgICAvLyBDb21wYXJlIGFycmF5IGxlbmd0aHMgdG8gZGV0ZXJtaW5lIGlmIGEgZGVlcCBjb21wYXJpc29uIGlzIG5lY2Vzc2FyeS5cbiAgICAgIHNpemUgPSBhLmxlbmd0aDtcbiAgICAgIHJlc3VsdCA9IHNpemUgPT0gYi5sZW5ndGg7XG4gICAgICBpZiAocmVzdWx0KSB7XG4gICAgICAgIC8vIERlZXAgY29tcGFyZSB0aGUgY29udGVudHMsIGlnbm9yaW5nIG5vbi1udW1lcmljIHByb3BlcnRpZXMuXG4gICAgICAgIHdoaWxlIChzaXplLS0pIHtcbiAgICAgICAgICBpZiAoIShyZXN1bHQgPSBlcShhW3NpemVdLCBiW3NpemVdLCBhU3RhY2ssIGJTdGFjaykpKSBicmVhaztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICAvLyBPYmplY3RzIHdpdGggZGlmZmVyZW50IGNvbnN0cnVjdG9ycyBhcmUgbm90IGVxdWl2YWxlbnQsIGJ1dCBgT2JqZWN0YHNcbiAgICAgIC8vIGZyb20gZGlmZmVyZW50IGZyYW1lcyBhcmUuXG4gICAgICB2YXIgYUN0b3IgPSBhLmNvbnN0cnVjdG9yLCBiQ3RvciA9IGIuY29uc3RydWN0b3I7XG4gICAgICBpZiAoYUN0b3IgIT09IGJDdG9yICYmICEoXy5pc0Z1bmN0aW9uKGFDdG9yKSAmJiAoYUN0b3IgaW5zdGFuY2VvZiBhQ3RvcikgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBfLmlzRnVuY3Rpb24oYkN0b3IpICYmIChiQ3RvciBpbnN0YW5jZW9mIGJDdG9yKSkpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuICAgICAgLy8gRGVlcCBjb21wYXJlIG9iamVjdHMuXG4gICAgICBmb3IgKHZhciBrZXkgaW4gYSkge1xuICAgICAgICBpZiAoXy5oYXMoYSwga2V5KSkge1xuICAgICAgICAgIC8vIENvdW50IHRoZSBleHBlY3RlZCBudW1iZXIgb2YgcHJvcGVydGllcy5cbiAgICAgICAgICBzaXplKys7XG4gICAgICAgICAgLy8gRGVlcCBjb21wYXJlIGVhY2ggbWVtYmVyLlxuICAgICAgICAgIGlmICghKHJlc3VsdCA9IF8uaGFzKGIsIGtleSkgJiYgZXEoYVtrZXldLCBiW2tleV0sIGFTdGFjaywgYlN0YWNrKSkpIGJyZWFrO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAvLyBFbnN1cmUgdGhhdCBib3RoIG9iamVjdHMgY29udGFpbiB0aGUgc2FtZSBudW1iZXIgb2YgcHJvcGVydGllcy5cbiAgICAgIGlmIChyZXN1bHQpIHtcbiAgICAgICAgZm9yIChrZXkgaW4gYikge1xuICAgICAgICAgIGlmIChfLmhhcyhiLCBrZXkpICYmICEoc2l6ZS0tKSkgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgICAgcmVzdWx0ID0gIXNpemU7XG4gICAgICB9XG4gICAgfVxuICAgIC8vIFJlbW92ZSB0aGUgZmlyc3Qgb2JqZWN0IGZyb20gdGhlIHN0YWNrIG9mIHRyYXZlcnNlZCBvYmplY3RzLlxuICAgIGFTdGFjay5wb3AoKTtcbiAgICBiU3RhY2sucG9wKCk7XG4gICAgcmV0dXJuIHJlc3VsdDtcbiAgfTtcblxuICAvLyBQZXJmb3JtIGEgZGVlcCBjb21wYXJpc29uIHRvIGNoZWNrIGlmIHR3byBvYmplY3RzIGFyZSBlcXVhbC5cbiAgXy5pc0VxdWFsID0gZnVuY3Rpb24oYSwgYikge1xuICAgIHJldHVybiBlcShhLCBiLCBbXSwgW10pO1xuICB9O1xuXG4gIC8vIElzIGEgZ2l2ZW4gYXJyYXksIHN0cmluZywgb3Igb2JqZWN0IGVtcHR5P1xuICAvLyBBbiBcImVtcHR5XCIgb2JqZWN0IGhhcyBubyBlbnVtZXJhYmxlIG93bi1wcm9wZXJ0aWVzLlxuICBfLmlzRW1wdHkgPSBmdW5jdGlvbihvYmopIHtcbiAgICBpZiAob2JqID09IG51bGwpIHJldHVybiB0cnVlO1xuICAgIGlmIChfLmlzQXJyYXkob2JqKSB8fCBfLmlzU3RyaW5nKG9iaikpIHJldHVybiBvYmoubGVuZ3RoID09PSAwO1xuICAgIGZvciAodmFyIGtleSBpbiBvYmopIGlmIChfLmhhcyhvYmosIGtleSkpIHJldHVybiBmYWxzZTtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfTtcblxuICAvLyBJcyBhIGdpdmVuIHZhbHVlIGEgRE9NIGVsZW1lbnQ/XG4gIF8uaXNFbGVtZW50ID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgcmV0dXJuICEhKG9iaiAmJiBvYmoubm9kZVR5cGUgPT09IDEpO1xuICB9O1xuXG4gIC8vIElzIGEgZ2l2ZW4gdmFsdWUgYW4gYXJyYXk/XG4gIC8vIERlbGVnYXRlcyB0byBFQ01BNSdzIG5hdGl2ZSBBcnJheS5pc0FycmF5XG4gIF8uaXNBcnJheSA9IG5hdGl2ZUlzQXJyYXkgfHwgZnVuY3Rpb24ob2JqKSB7XG4gICAgcmV0dXJuIHRvU3RyaW5nLmNhbGwob2JqKSA9PSAnW29iamVjdCBBcnJheV0nO1xuICB9O1xuXG4gIC8vIElzIGEgZ2l2ZW4gdmFyaWFibGUgYW4gb2JqZWN0P1xuICBfLmlzT2JqZWN0ID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgcmV0dXJuIG9iaiA9PT0gT2JqZWN0KG9iaik7XG4gIH07XG5cbiAgLy8gQWRkIHNvbWUgaXNUeXBlIG1ldGhvZHM6IGlzQXJndW1lbnRzLCBpc0Z1bmN0aW9uLCBpc1N0cmluZywgaXNOdW1iZXIsIGlzRGF0ZSwgaXNSZWdFeHAuXG4gIGVhY2goWydBcmd1bWVudHMnLCAnRnVuY3Rpb24nLCAnU3RyaW5nJywgJ051bWJlcicsICdEYXRlJywgJ1JlZ0V4cCddLCBmdW5jdGlvbihuYW1lKSB7XG4gICAgX1snaXMnICsgbmFtZV0gPSBmdW5jdGlvbihvYmopIHtcbiAgICAgIHJldHVybiB0b1N0cmluZy5jYWxsKG9iaikgPT0gJ1tvYmplY3QgJyArIG5hbWUgKyAnXSc7XG4gICAgfTtcbiAgfSk7XG5cbiAgLy8gRGVmaW5lIGEgZmFsbGJhY2sgdmVyc2lvbiBvZiB0aGUgbWV0aG9kIGluIGJyb3dzZXJzIChhaGVtLCBJRSksIHdoZXJlXG4gIC8vIHRoZXJlIGlzbid0IGFueSBpbnNwZWN0YWJsZSBcIkFyZ3VtZW50c1wiIHR5cGUuXG4gIGlmICghXy5pc0FyZ3VtZW50cyhhcmd1bWVudHMpKSB7XG4gICAgXy5pc0FyZ3VtZW50cyA9IGZ1bmN0aW9uKG9iaikge1xuICAgICAgcmV0dXJuICEhKG9iaiAmJiBfLmhhcyhvYmosICdjYWxsZWUnKSk7XG4gICAgfTtcbiAgfVxuXG4gIC8vIE9wdGltaXplIGBpc0Z1bmN0aW9uYCBpZiBhcHByb3ByaWF0ZS5cbiAgaWYgKHR5cGVvZiAoLy4vKSAhPT0gJ2Z1bmN0aW9uJykge1xuICAgIF8uaXNGdW5jdGlvbiA9IGZ1bmN0aW9uKG9iaikge1xuICAgICAgcmV0dXJuIHR5cGVvZiBvYmogPT09ICdmdW5jdGlvbic7XG4gICAgfTtcbiAgfVxuXG4gIC8vIElzIGEgZ2l2ZW4gb2JqZWN0IGEgZmluaXRlIG51bWJlcj9cbiAgXy5pc0Zpbml0ZSA9IGZ1bmN0aW9uKG9iaikge1xuICAgIHJldHVybiBpc0Zpbml0ZShvYmopICYmICFpc05hTihwYXJzZUZsb2F0KG9iaikpO1xuICB9O1xuXG4gIC8vIElzIHRoZSBnaXZlbiB2YWx1ZSBgTmFOYD8gKE5hTiBpcyB0aGUgb25seSBudW1iZXIgd2hpY2ggZG9lcyBub3QgZXF1YWwgaXRzZWxmKS5cbiAgXy5pc05hTiA9IGZ1bmN0aW9uKG9iaikge1xuICAgIHJldHVybiBfLmlzTnVtYmVyKG9iaikgJiYgb2JqICE9ICtvYmo7XG4gIH07XG5cbiAgLy8gSXMgYSBnaXZlbiB2YWx1ZSBhIGJvb2xlYW4/XG4gIF8uaXNCb29sZWFuID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgcmV0dXJuIG9iaiA9PT0gdHJ1ZSB8fCBvYmogPT09IGZhbHNlIHx8IHRvU3RyaW5nLmNhbGwob2JqKSA9PSAnW29iamVjdCBCb29sZWFuXSc7XG4gIH07XG5cbiAgLy8gSXMgYSBnaXZlbiB2YWx1ZSBlcXVhbCB0byBudWxsP1xuICBfLmlzTnVsbCA9IGZ1bmN0aW9uKG9iaikge1xuICAgIHJldHVybiBvYmogPT09IG51bGw7XG4gIH07XG5cbiAgLy8gSXMgYSBnaXZlbiB2YXJpYWJsZSB1bmRlZmluZWQ/XG4gIF8uaXNVbmRlZmluZWQgPSBmdW5jdGlvbihvYmopIHtcbiAgICByZXR1cm4gb2JqID09PSB2b2lkIDA7XG4gIH07XG5cbiAgLy8gU2hvcnRjdXQgZnVuY3Rpb24gZm9yIGNoZWNraW5nIGlmIGFuIG9iamVjdCBoYXMgYSBnaXZlbiBwcm9wZXJ0eSBkaXJlY3RseVxuICAvLyBvbiBpdHNlbGYgKGluIG90aGVyIHdvcmRzLCBub3Qgb24gYSBwcm90b3R5cGUpLlxuICBfLmhhcyA9IGZ1bmN0aW9uKG9iaiwga2V5KSB7XG4gICAgcmV0dXJuIGhhc093blByb3BlcnR5LmNhbGwob2JqLCBrZXkpO1xuICB9O1xuXG4gIC8vIFV0aWxpdHkgRnVuY3Rpb25zXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgLy8gUnVuIFVuZGVyc2NvcmUuanMgaW4gKm5vQ29uZmxpY3QqIG1vZGUsIHJldHVybmluZyB0aGUgYF9gIHZhcmlhYmxlIHRvIGl0c1xuICAvLyBwcmV2aW91cyBvd25lci4gUmV0dXJucyBhIHJlZmVyZW5jZSB0byB0aGUgVW5kZXJzY29yZSBvYmplY3QuXG4gIF8ubm9Db25mbGljdCA9IGZ1bmN0aW9uKCkge1xuICAgIHJvb3QuXyA9IHByZXZpb3VzVW5kZXJzY29yZTtcbiAgICByZXR1cm4gdGhpcztcbiAgfTtcblxuICAvLyBLZWVwIHRoZSBpZGVudGl0eSBmdW5jdGlvbiBhcm91bmQgZm9yIGRlZmF1bHQgaXRlcmF0b3JzLlxuICBfLmlkZW50aXR5ID0gZnVuY3Rpb24odmFsdWUpIHtcbiAgICByZXR1cm4gdmFsdWU7XG4gIH07XG5cbiAgLy8gUnVuIGEgZnVuY3Rpb24gKipuKiogdGltZXMuXG4gIF8udGltZXMgPSBmdW5jdGlvbihuLCBpdGVyYXRvciwgY29udGV4dCkge1xuICAgIHZhciBhY2N1bSA9IEFycmF5KG4pO1xuICAgIGZvciAodmFyIGkgPSAwOyBpIDwgbjsgaSsrKSBhY2N1bVtpXSA9IGl0ZXJhdG9yLmNhbGwoY29udGV4dCwgaSk7XG4gICAgcmV0dXJuIGFjY3VtO1xuICB9O1xuXG4gIC8vIFJldHVybiBhIHJhbmRvbSBpbnRlZ2VyIGJldHdlZW4gbWluIGFuZCBtYXggKGluY2x1c2l2ZSkuXG4gIF8ucmFuZG9tID0gZnVuY3Rpb24obWluLCBtYXgpIHtcbiAgICBpZiAobWF4ID09IG51bGwpIHtcbiAgICAgIG1heCA9IG1pbjtcbiAgICAgIG1pbiA9IDA7XG4gICAgfVxuICAgIHJldHVybiBtaW4gKyBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAobWF4IC0gbWluICsgMSkpO1xuICB9O1xuXG4gIC8vIExpc3Qgb2YgSFRNTCBlbnRpdGllcyBmb3IgZXNjYXBpbmcuXG4gIHZhciBlbnRpdHlNYXAgPSB7XG4gICAgZXNjYXBlOiB7XG4gICAgICAnJic6ICcmYW1wOycsXG4gICAgICAnPCc6ICcmbHQ7JyxcbiAgICAgICc+JzogJyZndDsnLFxuICAgICAgJ1wiJzogJyZxdW90OycsXG4gICAgICBcIidcIjogJyYjeDI3OycsXG4gICAgICAnLyc6ICcmI3gyRjsnXG4gICAgfVxuICB9O1xuICBlbnRpdHlNYXAudW5lc2NhcGUgPSBfLmludmVydChlbnRpdHlNYXAuZXNjYXBlKTtcblxuICAvLyBSZWdleGVzIGNvbnRhaW5pbmcgdGhlIGtleXMgYW5kIHZhbHVlcyBsaXN0ZWQgaW1tZWRpYXRlbHkgYWJvdmUuXG4gIHZhciBlbnRpdHlSZWdleGVzID0ge1xuICAgIGVzY2FwZTogICBuZXcgUmVnRXhwKCdbJyArIF8ua2V5cyhlbnRpdHlNYXAuZXNjYXBlKS5qb2luKCcnKSArICddJywgJ2cnKSxcbiAgICB1bmVzY2FwZTogbmV3IFJlZ0V4cCgnKCcgKyBfLmtleXMoZW50aXR5TWFwLnVuZXNjYXBlKS5qb2luKCd8JykgKyAnKScsICdnJylcbiAgfTtcblxuICAvLyBGdW5jdGlvbnMgZm9yIGVzY2FwaW5nIGFuZCB1bmVzY2FwaW5nIHN0cmluZ3MgdG8vZnJvbSBIVE1MIGludGVycG9sYXRpb24uXG4gIF8uZWFjaChbJ2VzY2FwZScsICd1bmVzY2FwZSddLCBmdW5jdGlvbihtZXRob2QpIHtcbiAgICBfW21ldGhvZF0gPSBmdW5jdGlvbihzdHJpbmcpIHtcbiAgICAgIGlmIChzdHJpbmcgPT0gbnVsbCkgcmV0dXJuICcnO1xuICAgICAgcmV0dXJuICgnJyArIHN0cmluZykucmVwbGFjZShlbnRpdHlSZWdleGVzW21ldGhvZF0sIGZ1bmN0aW9uKG1hdGNoKSB7XG4gICAgICAgIHJldHVybiBlbnRpdHlNYXBbbWV0aG9kXVttYXRjaF07XG4gICAgICB9KTtcbiAgICB9O1xuICB9KTtcblxuICAvLyBJZiB0aGUgdmFsdWUgb2YgdGhlIG5hbWVkIHByb3BlcnR5IGlzIGEgZnVuY3Rpb24gdGhlbiBpbnZva2UgaXQ7XG4gIC8vIG90aGVyd2lzZSwgcmV0dXJuIGl0LlxuICBfLnJlc3VsdCA9IGZ1bmN0aW9uKG9iamVjdCwgcHJvcGVydHkpIHtcbiAgICBpZiAob2JqZWN0ID09IG51bGwpIHJldHVybiBudWxsO1xuICAgIHZhciB2YWx1ZSA9IG9iamVjdFtwcm9wZXJ0eV07XG4gICAgcmV0dXJuIF8uaXNGdW5jdGlvbih2YWx1ZSkgPyB2YWx1ZS5jYWxsKG9iamVjdCkgOiB2YWx1ZTtcbiAgfTtcblxuICAvLyBBZGQgeW91ciBvd24gY3VzdG9tIGZ1bmN0aW9ucyB0byB0aGUgVW5kZXJzY29yZSBvYmplY3QuXG4gIF8ubWl4aW4gPSBmdW5jdGlvbihvYmopIHtcbiAgICBlYWNoKF8uZnVuY3Rpb25zKG9iaiksIGZ1bmN0aW9uKG5hbWUpe1xuICAgICAgdmFyIGZ1bmMgPSBfW25hbWVdID0gb2JqW25hbWVdO1xuICAgICAgXy5wcm90b3R5cGVbbmFtZV0gPSBmdW5jdGlvbigpIHtcbiAgICAgICAgdmFyIGFyZ3MgPSBbdGhpcy5fd3JhcHBlZF07XG4gICAgICAgIHB1c2guYXBwbHkoYXJncywgYXJndW1lbnRzKTtcbiAgICAgICAgcmV0dXJuIHJlc3VsdC5jYWxsKHRoaXMsIGZ1bmMuYXBwbHkoXywgYXJncykpO1xuICAgICAgfTtcbiAgICB9KTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBhIHVuaXF1ZSBpbnRlZ2VyIGlkICh1bmlxdWUgd2l0aGluIHRoZSBlbnRpcmUgY2xpZW50IHNlc3Npb24pLlxuICAvLyBVc2VmdWwgZm9yIHRlbXBvcmFyeSBET00gaWRzLlxuICB2YXIgaWRDb3VudGVyID0gMDtcbiAgXy51bmlxdWVJZCA9IGZ1bmN0aW9uKHByZWZpeCkge1xuICAgIHZhciBpZCA9ICsraWRDb3VudGVyICsgJyc7XG4gICAgcmV0dXJuIHByZWZpeCA/IHByZWZpeCArIGlkIDogaWQ7XG4gIH07XG5cbiAgLy8gQnkgZGVmYXVsdCwgVW5kZXJzY29yZSB1c2VzIEVSQi1zdHlsZSB0ZW1wbGF0ZSBkZWxpbWl0ZXJzLCBjaGFuZ2UgdGhlXG4gIC8vIGZvbGxvd2luZyB0ZW1wbGF0ZSBzZXR0aW5ncyB0byB1c2UgYWx0ZXJuYXRpdmUgZGVsaW1pdGVycy5cbiAgXy50ZW1wbGF0ZVNldHRpbmdzID0ge1xuICAgIGV2YWx1YXRlICAgIDogLzwlKFtcXHNcXFNdKz8pJT4vZyxcbiAgICBpbnRlcnBvbGF0ZSA6IC88JT0oW1xcc1xcU10rPyklPi9nLFxuICAgIGVzY2FwZSAgICAgIDogLzwlLShbXFxzXFxTXSs/KSU+L2dcbiAgfTtcblxuICAvLyBXaGVuIGN1c3RvbWl6aW5nIGB0ZW1wbGF0ZVNldHRpbmdzYCwgaWYgeW91IGRvbid0IHdhbnQgdG8gZGVmaW5lIGFuXG4gIC8vIGludGVycG9sYXRpb24sIGV2YWx1YXRpb24gb3IgZXNjYXBpbmcgcmVnZXgsIHdlIG5lZWQgb25lIHRoYXQgaXNcbiAgLy8gZ3VhcmFudGVlZCBub3QgdG8gbWF0Y2guXG4gIHZhciBub01hdGNoID0gLyguKV4vO1xuXG4gIC8vIENlcnRhaW4gY2hhcmFjdGVycyBuZWVkIHRvIGJlIGVzY2FwZWQgc28gdGhhdCB0aGV5IGNhbiBiZSBwdXQgaW50byBhXG4gIC8vIHN0cmluZyBsaXRlcmFsLlxuICB2YXIgZXNjYXBlcyA9IHtcbiAgICBcIidcIjogICAgICBcIidcIixcbiAgICAnXFxcXCc6ICAgICAnXFxcXCcsXG4gICAgJ1xccic6ICAgICAncicsXG4gICAgJ1xcbic6ICAgICAnbicsXG4gICAgJ1xcdCc6ICAgICAndCcsXG4gICAgJ1xcdTIwMjgnOiAndTIwMjgnLFxuICAgICdcXHUyMDI5JzogJ3UyMDI5J1xuICB9O1xuXG4gIHZhciBlc2NhcGVyID0gL1xcXFx8J3xcXHJ8XFxufFxcdHxcXHUyMDI4fFxcdTIwMjkvZztcblxuICAvLyBKYXZhU2NyaXB0IG1pY3JvLXRlbXBsYXRpbmcsIHNpbWlsYXIgdG8gSm9obiBSZXNpZydzIGltcGxlbWVudGF0aW9uLlxuICAvLyBVbmRlcnNjb3JlIHRlbXBsYXRpbmcgaGFuZGxlcyBhcmJpdHJhcnkgZGVsaW1pdGVycywgcHJlc2VydmVzIHdoaXRlc3BhY2UsXG4gIC8vIGFuZCBjb3JyZWN0bHkgZXNjYXBlcyBxdW90ZXMgd2l0aGluIGludGVycG9sYXRlZCBjb2RlLlxuICBfLnRlbXBsYXRlID0gZnVuY3Rpb24odGV4dCwgZGF0YSwgc2V0dGluZ3MpIHtcbiAgICB2YXIgcmVuZGVyO1xuICAgIHNldHRpbmdzID0gXy5kZWZhdWx0cyh7fSwgc2V0dGluZ3MsIF8udGVtcGxhdGVTZXR0aW5ncyk7XG5cbiAgICAvLyBDb21iaW5lIGRlbGltaXRlcnMgaW50byBvbmUgcmVndWxhciBleHByZXNzaW9uIHZpYSBhbHRlcm5hdGlvbi5cbiAgICB2YXIgbWF0Y2hlciA9IG5ldyBSZWdFeHAoW1xuICAgICAgKHNldHRpbmdzLmVzY2FwZSB8fCBub01hdGNoKS5zb3VyY2UsXG4gICAgICAoc2V0dGluZ3MuaW50ZXJwb2xhdGUgfHwgbm9NYXRjaCkuc291cmNlLFxuICAgICAgKHNldHRpbmdzLmV2YWx1YXRlIHx8IG5vTWF0Y2gpLnNvdXJjZVxuICAgIF0uam9pbignfCcpICsgJ3wkJywgJ2cnKTtcblxuICAgIC8vIENvbXBpbGUgdGhlIHRlbXBsYXRlIHNvdXJjZSwgZXNjYXBpbmcgc3RyaW5nIGxpdGVyYWxzIGFwcHJvcHJpYXRlbHkuXG4gICAgdmFyIGluZGV4ID0gMDtcbiAgICB2YXIgc291cmNlID0gXCJfX3ArPSdcIjtcbiAgICB0ZXh0LnJlcGxhY2UobWF0Y2hlciwgZnVuY3Rpb24obWF0Y2gsIGVzY2FwZSwgaW50ZXJwb2xhdGUsIGV2YWx1YXRlLCBvZmZzZXQpIHtcbiAgICAgIHNvdXJjZSArPSB0ZXh0LnNsaWNlKGluZGV4LCBvZmZzZXQpXG4gICAgICAgIC5yZXBsYWNlKGVzY2FwZXIsIGZ1bmN0aW9uKG1hdGNoKSB7IHJldHVybiAnXFxcXCcgKyBlc2NhcGVzW21hdGNoXTsgfSk7XG5cbiAgICAgIGlmIChlc2NhcGUpIHtcbiAgICAgICAgc291cmNlICs9IFwiJytcXG4oKF9fdD0oXCIgKyBlc2NhcGUgKyBcIikpPT1udWxsPycnOl8uZXNjYXBlKF9fdCkpK1xcbidcIjtcbiAgICAgIH1cbiAgICAgIGlmIChpbnRlcnBvbGF0ZSkge1xuICAgICAgICBzb3VyY2UgKz0gXCInK1xcbigoX190PShcIiArIGludGVycG9sYXRlICsgXCIpKT09bnVsbD8nJzpfX3QpK1xcbidcIjtcbiAgICAgIH1cbiAgICAgIGlmIChldmFsdWF0ZSkge1xuICAgICAgICBzb3VyY2UgKz0gXCInO1xcblwiICsgZXZhbHVhdGUgKyBcIlxcbl9fcCs9J1wiO1xuICAgICAgfVxuICAgICAgaW5kZXggPSBvZmZzZXQgKyBtYXRjaC5sZW5ndGg7XG4gICAgICByZXR1cm4gbWF0Y2g7XG4gICAgfSk7XG4gICAgc291cmNlICs9IFwiJztcXG5cIjtcblxuICAgIC8vIElmIGEgdmFyaWFibGUgaXMgbm90IHNwZWNpZmllZCwgcGxhY2UgZGF0YSB2YWx1ZXMgaW4gbG9jYWwgc2NvcGUuXG4gICAgaWYgKCFzZXR0aW5ncy52YXJpYWJsZSkgc291cmNlID0gJ3dpdGgob2JqfHx7fSl7XFxuJyArIHNvdXJjZSArICd9XFxuJztcblxuICAgIHNvdXJjZSA9IFwidmFyIF9fdCxfX3A9JycsX19qPUFycmF5LnByb3RvdHlwZS5qb2luLFwiICtcbiAgICAgIFwicHJpbnQ9ZnVuY3Rpb24oKXtfX3ArPV9fai5jYWxsKGFyZ3VtZW50cywnJyk7fTtcXG5cIiArXG4gICAgICBzb3VyY2UgKyBcInJldHVybiBfX3A7XFxuXCI7XG5cbiAgICB0cnkge1xuICAgICAgcmVuZGVyID0gbmV3IEZ1bmN0aW9uKHNldHRpbmdzLnZhcmlhYmxlIHx8ICdvYmonLCAnXycsIHNvdXJjZSk7XG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgZS5zb3VyY2UgPSBzb3VyY2U7XG4gICAgICB0aHJvdyBlO1xuICAgIH1cblxuICAgIGlmIChkYXRhKSByZXR1cm4gcmVuZGVyKGRhdGEsIF8pO1xuICAgIHZhciB0ZW1wbGF0ZSA9IGZ1bmN0aW9uKGRhdGEpIHtcbiAgICAgIHJldHVybiByZW5kZXIuY2FsbCh0aGlzLCBkYXRhLCBfKTtcbiAgICB9O1xuXG4gICAgLy8gUHJvdmlkZSB0aGUgY29tcGlsZWQgZnVuY3Rpb24gc291cmNlIGFzIGEgY29udmVuaWVuY2UgZm9yIHByZWNvbXBpbGF0aW9uLlxuICAgIHRlbXBsYXRlLnNvdXJjZSA9ICdmdW5jdGlvbignICsgKHNldHRpbmdzLnZhcmlhYmxlIHx8ICdvYmonKSArICcpe1xcbicgKyBzb3VyY2UgKyAnfSc7XG5cbiAgICByZXR1cm4gdGVtcGxhdGU7XG4gIH07XG5cbiAgLy8gQWRkIGEgXCJjaGFpblwiIGZ1bmN0aW9uLCB3aGljaCB3aWxsIGRlbGVnYXRlIHRvIHRoZSB3cmFwcGVyLlxuICBfLmNoYWluID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgcmV0dXJuIF8ob2JqKS5jaGFpbigpO1xuICB9O1xuXG4gIC8vIE9PUFxuICAvLyAtLS0tLS0tLS0tLS0tLS1cbiAgLy8gSWYgVW5kZXJzY29yZSBpcyBjYWxsZWQgYXMgYSBmdW5jdGlvbiwgaXQgcmV0dXJucyBhIHdyYXBwZWQgb2JqZWN0IHRoYXRcbiAgLy8gY2FuIGJlIHVzZWQgT08tc3R5bGUuIFRoaXMgd3JhcHBlciBob2xkcyBhbHRlcmVkIHZlcnNpb25zIG9mIGFsbCB0aGVcbiAgLy8gdW5kZXJzY29yZSBmdW5jdGlvbnMuIFdyYXBwZWQgb2JqZWN0cyBtYXkgYmUgY2hhaW5lZC5cblxuICAvLyBIZWxwZXIgZnVuY3Rpb24gdG8gY29udGludWUgY2hhaW5pbmcgaW50ZXJtZWRpYXRlIHJlc3VsdHMuXG4gIHZhciByZXN1bHQgPSBmdW5jdGlvbihvYmopIHtcbiAgICByZXR1cm4gdGhpcy5fY2hhaW4gPyBfKG9iaikuY2hhaW4oKSA6IG9iajtcbiAgfTtcblxuICAvLyBBZGQgYWxsIG9mIHRoZSBVbmRlcnNjb3JlIGZ1bmN0aW9ucyB0byB0aGUgd3JhcHBlciBvYmplY3QuXG4gIF8ubWl4aW4oXyk7XG5cbiAgLy8gQWRkIGFsbCBtdXRhdG9yIEFycmF5IGZ1bmN0aW9ucyB0byB0aGUgd3JhcHBlci5cbiAgZWFjaChbJ3BvcCcsICdwdXNoJywgJ3JldmVyc2UnLCAnc2hpZnQnLCAnc29ydCcsICdzcGxpY2UnLCAndW5zaGlmdCddLCBmdW5jdGlvbihuYW1lKSB7XG4gICAgdmFyIG1ldGhvZCA9IEFycmF5UHJvdG9bbmFtZV07XG4gICAgXy5wcm90b3R5cGVbbmFtZV0gPSBmdW5jdGlvbigpIHtcbiAgICAgIHZhciBvYmogPSB0aGlzLl93cmFwcGVkO1xuICAgICAgbWV0aG9kLmFwcGx5KG9iaiwgYXJndW1lbnRzKTtcbiAgICAgIGlmICgobmFtZSA9PSAnc2hpZnQnIHx8IG5hbWUgPT0gJ3NwbGljZScpICYmIG9iai5sZW5ndGggPT09IDApIGRlbGV0ZSBvYmpbMF07XG4gICAgICByZXR1cm4gcmVzdWx0LmNhbGwodGhpcywgb2JqKTtcbiAgICB9O1xuICB9KTtcblxuICAvLyBBZGQgYWxsIGFjY2Vzc29yIEFycmF5IGZ1bmN0aW9ucyB0byB0aGUgd3JhcHBlci5cbiAgZWFjaChbJ2NvbmNhdCcsICdqb2luJywgJ3NsaWNlJ10sIGZ1bmN0aW9uKG5hbWUpIHtcbiAgICB2YXIgbWV0aG9kID0gQXJyYXlQcm90b1tuYW1lXTtcbiAgICBfLnByb3RvdHlwZVtuYW1lXSA9IGZ1bmN0aW9uKCkge1xuICAgICAgcmV0dXJuIHJlc3VsdC5jYWxsKHRoaXMsIG1ldGhvZC5hcHBseSh0aGlzLl93cmFwcGVkLCBhcmd1bWVudHMpKTtcbiAgICB9O1xuICB9KTtcblxuICBfLmV4dGVuZChfLnByb3RvdHlwZSwge1xuXG4gICAgLy8gU3RhcnQgY2hhaW5pbmcgYSB3cmFwcGVkIFVuZGVyc2NvcmUgb2JqZWN0LlxuICAgIGNoYWluOiBmdW5jdGlvbigpIHtcbiAgICAgIHRoaXMuX2NoYWluID0gdHJ1ZTtcbiAgICAgIHJldHVybiB0aGlzO1xuICAgIH0sXG5cbiAgICAvLyBFeHRyYWN0cyB0aGUgcmVzdWx0IGZyb20gYSB3cmFwcGVkIGFuZCBjaGFpbmVkIG9iamVjdC5cbiAgICB2YWx1ZTogZnVuY3Rpb24oKSB7XG4gICAgICByZXR1cm4gdGhpcy5fd3JhcHBlZDtcbiAgICB9XG5cbiAgfSk7XG5cbn0pLmNhbGwodGhpcyk7XG4iLCIvKipcbiAqIEBsaWNlbnNlXG4gKiBMby1EYXNoIDIuNC4yIChDdXN0b20gQnVpbGQpIDxodHRwczovL2xvZGFzaC5jb20vPlxuICogQnVpbGQ6IGBsb2Rhc2ggbW9kZXJuIC1vIC4vZGlzdC9sb2Rhc2guanNgXG4gKiBDb3B5cmlnaHQgMjAxMi0yMDEzIFRoZSBEb2pvIEZvdW5kYXRpb24gPGh0dHA6Ly9kb2pvZm91bmRhdGlvbi5vcmcvPlxuICogQmFzZWQgb24gVW5kZXJzY29yZS5qcyAxLjUuMiA8aHR0cDovL3VuZGVyc2NvcmVqcy5vcmcvTElDRU5TRT5cbiAqIENvcHlyaWdodCAyMDA5LTIwMTMgSmVyZW15IEFzaGtlbmFzLCBEb2N1bWVudENsb3VkIGFuZCBJbnZlc3RpZ2F0aXZlIFJlcG9ydGVycyAmIEVkaXRvcnNcbiAqIEF2YWlsYWJsZSB1bmRlciBNSVQgbGljZW5zZSA8aHR0cHM6Ly9sb2Rhc2guY29tL2xpY2Vuc2U+XG4gKi9cbjsoZnVuY3Rpb24oKSB7XG5cbiAgLyoqIFVzZWQgYXMgYSBzYWZlIHJlZmVyZW5jZSBmb3IgYHVuZGVmaW5lZGAgaW4gcHJlIEVTNSBlbnZpcm9ubWVudHMgKi9cbiAgdmFyIHVuZGVmaW5lZDtcblxuICAvKiogVXNlZCB0byBwb29sIGFycmF5cyBhbmQgb2JqZWN0cyB1c2VkIGludGVybmFsbHkgKi9cbiAgdmFyIGFycmF5UG9vbCA9IFtdLFxuICAgICAgb2JqZWN0UG9vbCA9IFtdO1xuXG4gIC8qKiBVc2VkIHRvIGdlbmVyYXRlIHVuaXF1ZSBJRHMgKi9cbiAgdmFyIGlkQ291bnRlciA9IDA7XG5cbiAgLyoqIFVzZWQgdG8gcHJlZml4IGtleXMgdG8gYXZvaWQgaXNzdWVzIHdpdGggYF9fcHJvdG9fX2AgYW5kIHByb3BlcnRpZXMgb24gYE9iamVjdC5wcm90b3R5cGVgICovXG4gIHZhciBrZXlQcmVmaXggPSArbmV3IERhdGUgKyAnJztcblxuICAvKiogVXNlZCBhcyB0aGUgc2l6ZSB3aGVuIG9wdGltaXphdGlvbnMgYXJlIGVuYWJsZWQgZm9yIGxhcmdlIGFycmF5cyAqL1xuICB2YXIgbGFyZ2VBcnJheVNpemUgPSA3NTtcblxuICAvKiogVXNlZCBhcyB0aGUgbWF4IHNpemUgb2YgdGhlIGBhcnJheVBvb2xgIGFuZCBgb2JqZWN0UG9vbGAgKi9cbiAgdmFyIG1heFBvb2xTaXplID0gNDA7XG5cbiAgLyoqIFVzZWQgdG8gZGV0ZWN0IGFuZCB0ZXN0IHdoaXRlc3BhY2UgKi9cbiAgdmFyIHdoaXRlc3BhY2UgPSAoXG4gICAgLy8gd2hpdGVzcGFjZVxuICAgICcgXFx0XFx4MEJcXGZcXHhBMFxcdWZlZmYnICtcblxuICAgIC8vIGxpbmUgdGVybWluYXRvcnNcbiAgICAnXFxuXFxyXFx1MjAyOFxcdTIwMjknICtcblxuICAgIC8vIHVuaWNvZGUgY2F0ZWdvcnkgXCJac1wiIHNwYWNlIHNlcGFyYXRvcnNcbiAgICAnXFx1MTY4MFxcdTE4MGVcXHUyMDAwXFx1MjAwMVxcdTIwMDJcXHUyMDAzXFx1MjAwNFxcdTIwMDVcXHUyMDA2XFx1MjAwN1xcdTIwMDhcXHUyMDA5XFx1MjAwYVxcdTIwMmZcXHUyMDVmXFx1MzAwMCdcbiAgKTtcblxuICAvKiogVXNlZCB0byBtYXRjaCBlbXB0eSBzdHJpbmcgbGl0ZXJhbHMgaW4gY29tcGlsZWQgdGVtcGxhdGUgc291cmNlICovXG4gIHZhciByZUVtcHR5U3RyaW5nTGVhZGluZyA9IC9cXGJfX3AgXFwrPSAnJzsvZyxcbiAgICAgIHJlRW1wdHlTdHJpbmdNaWRkbGUgPSAvXFxiKF9fcCBcXCs9KSAnJyBcXCsvZyxcbiAgICAgIHJlRW1wdHlTdHJpbmdUcmFpbGluZyA9IC8oX19lXFwoLio/XFwpfFxcYl9fdFxcKSkgXFwrXFxuJyc7L2c7XG5cbiAgLyoqXG4gICAqIFVzZWQgdG8gbWF0Y2ggRVM2IHRlbXBsYXRlIGRlbGltaXRlcnNcbiAgICogaHR0cDovL3Blb3BsZS5tb3ppbGxhLm9yZy9+am9yZW5kb3JmZi9lczYtZHJhZnQuaHRtbCNzZWMtbGl0ZXJhbHMtc3RyaW5nLWxpdGVyYWxzXG4gICAqL1xuICB2YXIgcmVFc1RlbXBsYXRlID0gL1xcJFxceyhbXlxcXFx9XSooPzpcXFxcLlteXFxcXH1dKikqKVxcfS9nO1xuXG4gIC8qKiBVc2VkIHRvIG1hdGNoIHJlZ2V4cCBmbGFncyBmcm9tIHRoZWlyIGNvZXJjZWQgc3RyaW5nIHZhbHVlcyAqL1xuICB2YXIgcmVGbGFncyA9IC9cXHcqJC87XG5cbiAgLyoqIFVzZWQgdG8gZGV0ZWN0ZWQgbmFtZWQgZnVuY3Rpb25zICovXG4gIHZhciByZUZ1bmNOYW1lID0gL15cXHMqZnVuY3Rpb25bIFxcblxcclxcdF0rXFx3LztcblxuICAvKiogVXNlZCB0byBtYXRjaCBcImludGVycG9sYXRlXCIgdGVtcGxhdGUgZGVsaW1pdGVycyAqL1xuICB2YXIgcmVJbnRlcnBvbGF0ZSA9IC88JT0oW1xcc1xcU10rPyklPi9nO1xuXG4gIC8qKiBVc2VkIHRvIG1hdGNoIGxlYWRpbmcgd2hpdGVzcGFjZSBhbmQgemVyb3MgdG8gYmUgcmVtb3ZlZCAqL1xuICB2YXIgcmVMZWFkaW5nU3BhY2VzQW5kWmVyb3MgPSBSZWdFeHAoJ15bJyArIHdoaXRlc3BhY2UgKyAnXSowKyg/PS4kKScpO1xuXG4gIC8qKiBVc2VkIHRvIGVuc3VyZSBjYXB0dXJpbmcgb3JkZXIgb2YgdGVtcGxhdGUgZGVsaW1pdGVycyAqL1xuICB2YXIgcmVOb01hdGNoID0gLygkXikvO1xuXG4gIC8qKiBVc2VkIHRvIGRldGVjdCBmdW5jdGlvbnMgY29udGFpbmluZyBhIGB0aGlzYCByZWZlcmVuY2UgKi9cbiAgdmFyIHJlVGhpcyA9IC9cXGJ0aGlzXFxiLztcblxuICAvKiogVXNlZCB0byBtYXRjaCB1bmVzY2FwZWQgY2hhcmFjdGVycyBpbiBjb21waWxlZCBzdHJpbmcgbGl0ZXJhbHMgKi9cbiAgdmFyIHJlVW5lc2NhcGVkU3RyaW5nID0gL1snXFxuXFxyXFx0XFx1MjAyOFxcdTIwMjlcXFxcXS9nO1xuXG4gIC8qKiBVc2VkIHRvIGFzc2lnbiBkZWZhdWx0IGBjb250ZXh0YCBvYmplY3QgcHJvcGVydGllcyAqL1xuICB2YXIgY29udGV4dFByb3BzID0gW1xuICAgICdBcnJheScsICdCb29sZWFuJywgJ0RhdGUnLCAnRnVuY3Rpb24nLCAnTWF0aCcsICdOdW1iZXInLCAnT2JqZWN0JyxcbiAgICAnUmVnRXhwJywgJ1N0cmluZycsICdfJywgJ2F0dGFjaEV2ZW50JywgJ2NsZWFyVGltZW91dCcsICdpc0Zpbml0ZScsICdpc05hTicsXG4gICAgJ3BhcnNlSW50JywgJ3NldFRpbWVvdXQnXG4gIF07XG5cbiAgLyoqIFVzZWQgdG8gbWFrZSB0ZW1wbGF0ZSBzb3VyY2VVUkxzIGVhc2llciB0byBpZGVudGlmeSAqL1xuICB2YXIgdGVtcGxhdGVDb3VudGVyID0gMDtcblxuICAvKiogYE9iamVjdCN0b1N0cmluZ2AgcmVzdWx0IHNob3J0Y3V0cyAqL1xuICB2YXIgYXJnc0NsYXNzID0gJ1tvYmplY3QgQXJndW1lbnRzXScsXG4gICAgICBhcnJheUNsYXNzID0gJ1tvYmplY3QgQXJyYXldJyxcbiAgICAgIGJvb2xDbGFzcyA9ICdbb2JqZWN0IEJvb2xlYW5dJyxcbiAgICAgIGRhdGVDbGFzcyA9ICdbb2JqZWN0IERhdGVdJyxcbiAgICAgIGZ1bmNDbGFzcyA9ICdbb2JqZWN0IEZ1bmN0aW9uXScsXG4gICAgICBudW1iZXJDbGFzcyA9ICdbb2JqZWN0IE51bWJlcl0nLFxuICAgICAgb2JqZWN0Q2xhc3MgPSAnW29iamVjdCBPYmplY3RdJyxcbiAgICAgIHJlZ2V4cENsYXNzID0gJ1tvYmplY3QgUmVnRXhwXScsXG4gICAgICBzdHJpbmdDbGFzcyA9ICdbb2JqZWN0IFN0cmluZ10nO1xuXG4gIC8qKiBVc2VkIHRvIGlkZW50aWZ5IG9iamVjdCBjbGFzc2lmaWNhdGlvbnMgdGhhdCBgXy5jbG9uZWAgc3VwcG9ydHMgKi9cbiAgdmFyIGNsb25lYWJsZUNsYXNzZXMgPSB7fTtcbiAgY2xvbmVhYmxlQ2xhc3Nlc1tmdW5jQ2xhc3NdID0gZmFsc2U7XG4gIGNsb25lYWJsZUNsYXNzZXNbYXJnc0NsYXNzXSA9IGNsb25lYWJsZUNsYXNzZXNbYXJyYXlDbGFzc10gPVxuICBjbG9uZWFibGVDbGFzc2VzW2Jvb2xDbGFzc10gPSBjbG9uZWFibGVDbGFzc2VzW2RhdGVDbGFzc10gPVxuICBjbG9uZWFibGVDbGFzc2VzW251bWJlckNsYXNzXSA9IGNsb25lYWJsZUNsYXNzZXNbb2JqZWN0Q2xhc3NdID1cbiAgY2xvbmVhYmxlQ2xhc3Nlc1tyZWdleHBDbGFzc10gPSBjbG9uZWFibGVDbGFzc2VzW3N0cmluZ0NsYXNzXSA9IHRydWU7XG5cbiAgLyoqIFVzZWQgYXMgYW4gaW50ZXJuYWwgYF8uZGVib3VuY2VgIG9wdGlvbnMgb2JqZWN0ICovXG4gIHZhciBkZWJvdW5jZU9wdGlvbnMgPSB7XG4gICAgJ2xlYWRpbmcnOiBmYWxzZSxcbiAgICAnbWF4V2FpdCc6IDAsXG4gICAgJ3RyYWlsaW5nJzogZmFsc2VcbiAgfTtcblxuICAvKiogVXNlZCBhcyB0aGUgcHJvcGVydHkgZGVzY3JpcHRvciBmb3IgYF9fYmluZERhdGFfX2AgKi9cbiAgdmFyIGRlc2NyaXB0b3IgPSB7XG4gICAgJ2NvbmZpZ3VyYWJsZSc6IGZhbHNlLFxuICAgICdlbnVtZXJhYmxlJzogZmFsc2UsXG4gICAgJ3ZhbHVlJzogbnVsbCxcbiAgICAnd3JpdGFibGUnOiBmYWxzZVxuICB9O1xuXG4gIC8qKiBVc2VkIHRvIGRldGVybWluZSBpZiB2YWx1ZXMgYXJlIG9mIHRoZSBsYW5ndWFnZSB0eXBlIE9iamVjdCAqL1xuICB2YXIgb2JqZWN0VHlwZXMgPSB7XG4gICAgJ2Jvb2xlYW4nOiBmYWxzZSxcbiAgICAnZnVuY3Rpb24nOiB0cnVlLFxuICAgICdvYmplY3QnOiB0cnVlLFxuICAgICdudW1iZXInOiBmYWxzZSxcbiAgICAnc3RyaW5nJzogZmFsc2UsXG4gICAgJ3VuZGVmaW5lZCc6IGZhbHNlXG4gIH07XG5cbiAgLyoqIFVzZWQgdG8gZXNjYXBlIGNoYXJhY3RlcnMgZm9yIGluY2x1c2lvbiBpbiBjb21waWxlZCBzdHJpbmcgbGl0ZXJhbHMgKi9cbiAgdmFyIHN0cmluZ0VzY2FwZXMgPSB7XG4gICAgJ1xcXFwnOiAnXFxcXCcsXG4gICAgXCInXCI6IFwiJ1wiLFxuICAgICdcXG4nOiAnbicsXG4gICAgJ1xccic6ICdyJyxcbiAgICAnXFx0JzogJ3QnLFxuICAgICdcXHUyMDI4JzogJ3UyMDI4JyxcbiAgICAnXFx1MjAyOSc6ICd1MjAyOSdcbiAgfTtcblxuICAvKiogVXNlZCBhcyBhIHJlZmVyZW5jZSB0byB0aGUgZ2xvYmFsIG9iamVjdCAqL1xuICB2YXIgcm9vdCA9IChvYmplY3RUeXBlc1t0eXBlb2Ygd2luZG93XSAmJiB3aW5kb3cpIHx8IHRoaXM7XG5cbiAgLyoqIERldGVjdCBmcmVlIHZhcmlhYmxlIGBleHBvcnRzYCAqL1xuICB2YXIgZnJlZUV4cG9ydHMgPSBvYmplY3RUeXBlc1t0eXBlb2YgZXhwb3J0c10gJiYgZXhwb3J0cyAmJiAhZXhwb3J0cy5ub2RlVHlwZSAmJiBleHBvcnRzO1xuXG4gIC8qKiBEZXRlY3QgZnJlZSB2YXJpYWJsZSBgbW9kdWxlYCAqL1xuICB2YXIgZnJlZU1vZHVsZSA9IG9iamVjdFR5cGVzW3R5cGVvZiBtb2R1bGVdICYmIG1vZHVsZSAmJiAhbW9kdWxlLm5vZGVUeXBlICYmIG1vZHVsZTtcblxuICAvKiogRGV0ZWN0IHRoZSBwb3B1bGFyIENvbW1vbkpTIGV4dGVuc2lvbiBgbW9kdWxlLmV4cG9ydHNgICovXG4gIHZhciBtb2R1bGVFeHBvcnRzID0gZnJlZU1vZHVsZSAmJiBmcmVlTW9kdWxlLmV4cG9ydHMgPT09IGZyZWVFeHBvcnRzICYmIGZyZWVFeHBvcnRzO1xuXG4gIC8qKiBEZXRlY3QgZnJlZSB2YXJpYWJsZSBgZ2xvYmFsYCBmcm9tIE5vZGUuanMgb3IgQnJvd3NlcmlmaWVkIGNvZGUgYW5kIHVzZSBpdCBhcyBgcm9vdGAgKi9cbiAgdmFyIGZyZWVHbG9iYWwgPSBvYmplY3RUeXBlc1t0eXBlb2YgZ2xvYmFsXSAmJiBnbG9iYWw7XG4gIGlmIChmcmVlR2xvYmFsICYmIChmcmVlR2xvYmFsLmdsb2JhbCA9PT0gZnJlZUdsb2JhbCB8fCBmcmVlR2xvYmFsLndpbmRvdyA9PT0gZnJlZUdsb2JhbCkpIHtcbiAgICByb290ID0gZnJlZUdsb2JhbDtcbiAgfVxuXG4gIC8qLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qL1xuXG4gIC8qKlxuICAgKiBUaGUgYmFzZSBpbXBsZW1lbnRhdGlvbiBvZiBgXy5pbmRleE9mYCB3aXRob3V0IHN1cHBvcnQgZm9yIGJpbmFyeSBzZWFyY2hlc1xuICAgKiBvciBgZnJvbUluZGV4YCBjb25zdHJhaW50cy5cbiAgICpcbiAgICogQHByaXZhdGVcbiAgICogQHBhcmFtIHtBcnJheX0gYXJyYXkgVGhlIGFycmF5IHRvIHNlYXJjaC5cbiAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gc2VhcmNoIGZvci5cbiAgICogQHBhcmFtIHtudW1iZXJ9IFtmcm9tSW5kZXg9MF0gVGhlIGluZGV4IHRvIHNlYXJjaCBmcm9tLlxuICAgKiBAcmV0dXJucyB7bnVtYmVyfSBSZXR1cm5zIHRoZSBpbmRleCBvZiB0aGUgbWF0Y2hlZCB2YWx1ZSBvciBgLTFgLlxuICAgKi9cbiAgZnVuY3Rpb24gYmFzZUluZGV4T2YoYXJyYXksIHZhbHVlLCBmcm9tSW5kZXgpIHtcbiAgICB2YXIgaW5kZXggPSAoZnJvbUluZGV4IHx8IDApIC0gMSxcbiAgICAgICAgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwO1xuXG4gICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgIGlmIChhcnJheVtpbmRleF0gPT09IHZhbHVlKSB7XG4gICAgICAgIHJldHVybiBpbmRleDtcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIC0xO1xuICB9XG5cbiAgLyoqXG4gICAqIEFuIGltcGxlbWVudGF0aW9uIG9mIGBfLmNvbnRhaW5zYCBmb3IgY2FjaGUgb2JqZWN0cyB0aGF0IG1pbWljcyB0aGUgcmV0dXJuXG4gICAqIHNpZ25hdHVyZSBvZiBgXy5pbmRleE9mYCBieSByZXR1cm5pbmcgYDBgIGlmIHRoZSB2YWx1ZSBpcyBmb3VuZCwgZWxzZSBgLTFgLlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKiBAcGFyYW0ge09iamVjdH0gY2FjaGUgVGhlIGNhY2hlIG9iamVjdCB0byBpbnNwZWN0LlxuICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBzZWFyY2ggZm9yLlxuICAgKiBAcmV0dXJucyB7bnVtYmVyfSBSZXR1cm5zIGAwYCBpZiBgdmFsdWVgIGlzIGZvdW5kLCBlbHNlIGAtMWAuXG4gICAqL1xuICBmdW5jdGlvbiBjYWNoZUluZGV4T2YoY2FjaGUsIHZhbHVlKSB7XG4gICAgdmFyIHR5cGUgPSB0eXBlb2YgdmFsdWU7XG4gICAgY2FjaGUgPSBjYWNoZS5jYWNoZTtcblxuICAgIGlmICh0eXBlID09ICdib29sZWFuJyB8fCB2YWx1ZSA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gY2FjaGVbdmFsdWVdID8gMCA6IC0xO1xuICAgIH1cbiAgICBpZiAodHlwZSAhPSAnbnVtYmVyJyAmJiB0eXBlICE9ICdzdHJpbmcnKSB7XG4gICAgICB0eXBlID0gJ29iamVjdCc7XG4gICAgfVxuICAgIHZhciBrZXkgPSB0eXBlID09ICdudW1iZXInID8gdmFsdWUgOiBrZXlQcmVmaXggKyB2YWx1ZTtcbiAgICBjYWNoZSA9IChjYWNoZSA9IGNhY2hlW3R5cGVdKSAmJiBjYWNoZVtrZXldO1xuXG4gICAgcmV0dXJuIHR5cGUgPT0gJ29iamVjdCdcbiAgICAgID8gKGNhY2hlICYmIGJhc2VJbmRleE9mKGNhY2hlLCB2YWx1ZSkgPiAtMSA/IDAgOiAtMSlcbiAgICAgIDogKGNhY2hlID8gMCA6IC0xKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBBZGRzIGEgZ2l2ZW4gdmFsdWUgdG8gdGhlIGNvcnJlc3BvbmRpbmcgY2FjaGUgb2JqZWN0LlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBhZGQgdG8gdGhlIGNhY2hlLlxuICAgKi9cbiAgZnVuY3Rpb24gY2FjaGVQdXNoKHZhbHVlKSB7XG4gICAgdmFyIGNhY2hlID0gdGhpcy5jYWNoZSxcbiAgICAgICAgdHlwZSA9IHR5cGVvZiB2YWx1ZTtcblxuICAgIGlmICh0eXBlID09ICdib29sZWFuJyB8fCB2YWx1ZSA9PSBudWxsKSB7XG4gICAgICBjYWNoZVt2YWx1ZV0gPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBpZiAodHlwZSAhPSAnbnVtYmVyJyAmJiB0eXBlICE9ICdzdHJpbmcnKSB7XG4gICAgICAgIHR5cGUgPSAnb2JqZWN0JztcbiAgICAgIH1cbiAgICAgIHZhciBrZXkgPSB0eXBlID09ICdudW1iZXInID8gdmFsdWUgOiBrZXlQcmVmaXggKyB2YWx1ZSxcbiAgICAgICAgICB0eXBlQ2FjaGUgPSBjYWNoZVt0eXBlXSB8fCAoY2FjaGVbdHlwZV0gPSB7fSk7XG5cbiAgICAgIGlmICh0eXBlID09ICdvYmplY3QnKSB7XG4gICAgICAgICh0eXBlQ2FjaGVba2V5XSB8fCAodHlwZUNhY2hlW2tleV0gPSBbXSkpLnB1c2godmFsdWUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHlwZUNhY2hlW2tleV0gPSB0cnVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBVc2VkIGJ5IGBfLm1heGAgYW5kIGBfLm1pbmAgYXMgdGhlIGRlZmF1bHQgY2FsbGJhY2sgd2hlbiBhIGdpdmVuXG4gICAqIGNvbGxlY3Rpb24gaXMgYSBzdHJpbmcgdmFsdWUuXG4gICAqXG4gICAqIEBwcml2YXRlXG4gICAqIEBwYXJhbSB7c3RyaW5nfSB2YWx1ZSBUaGUgY2hhcmFjdGVyIHRvIGluc3BlY3QuXG4gICAqIEByZXR1cm5zIHtudW1iZXJ9IFJldHVybnMgdGhlIGNvZGUgdW5pdCBvZiBnaXZlbiBjaGFyYWN0ZXIuXG4gICAqL1xuICBmdW5jdGlvbiBjaGFyQXRDYWxsYmFjayh2YWx1ZSkge1xuICAgIHJldHVybiB2YWx1ZS5jaGFyQ29kZUF0KDApO1xuICB9XG5cbiAgLyoqXG4gICAqIFVzZWQgYnkgYHNvcnRCeWAgdG8gY29tcGFyZSB0cmFuc2Zvcm1lZCBgY29sbGVjdGlvbmAgZWxlbWVudHMsIHN0YWJsZSBzb3J0aW5nXG4gICAqIHRoZW0gaW4gYXNjZW5kaW5nIG9yZGVyLlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKiBAcGFyYW0ge09iamVjdH0gYSBUaGUgb2JqZWN0IHRvIGNvbXBhcmUgdG8gYGJgLlxuICAgKiBAcGFyYW0ge09iamVjdH0gYiBUaGUgb2JqZWN0IHRvIGNvbXBhcmUgdG8gYGFgLlxuICAgKiBAcmV0dXJucyB7bnVtYmVyfSBSZXR1cm5zIHRoZSBzb3J0IG9yZGVyIGluZGljYXRvciBvZiBgMWAgb3IgYC0xYC5cbiAgICovXG4gIGZ1bmN0aW9uIGNvbXBhcmVBc2NlbmRpbmcoYSwgYikge1xuICAgIHZhciBhYyA9IGEuY3JpdGVyaWEsXG4gICAgICAgIGJjID0gYi5jcml0ZXJpYSxcbiAgICAgICAgaW5kZXggPSAtMSxcbiAgICAgICAgbGVuZ3RoID0gYWMubGVuZ3RoO1xuXG4gICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgIHZhciB2YWx1ZSA9IGFjW2luZGV4XSxcbiAgICAgICAgICBvdGhlciA9IGJjW2luZGV4XTtcblxuICAgICAgaWYgKHZhbHVlICE9PSBvdGhlcikge1xuICAgICAgICBpZiAodmFsdWUgPiBvdGhlciB8fCB0eXBlb2YgdmFsdWUgPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICByZXR1cm4gMTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodmFsdWUgPCBvdGhlciB8fCB0eXBlb2Ygb3RoZXIgPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICByZXR1cm4gLTE7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLy8gRml4ZXMgYW4gYEFycmF5I3NvcnRgIGJ1ZyBpbiB0aGUgSlMgZW5naW5lIGVtYmVkZGVkIGluIEFkb2JlIGFwcGxpY2F0aW9uc1xuICAgIC8vIHRoYXQgY2F1c2VzIGl0LCB1bmRlciBjZXJ0YWluIGNpcmN1bXN0YW5jZXMsIHRvIHJldHVybiB0aGUgc2FtZSB2YWx1ZSBmb3JcbiAgICAvLyBgYWAgYW5kIGBiYC4gU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9qYXNoa2VuYXMvdW5kZXJzY29yZS9wdWxsLzEyNDdcbiAgICAvL1xuICAgIC8vIFRoaXMgYWxzbyBlbnN1cmVzIGEgc3RhYmxlIHNvcnQgaW4gVjggYW5kIG90aGVyIGVuZ2luZXMuXG4gICAgLy8gU2VlIGh0dHA6Ly9jb2RlLmdvb2dsZS5jb20vcC92OC9pc3N1ZXMvZGV0YWlsP2lkPTkwXG4gICAgcmV0dXJuIGEuaW5kZXggLSBiLmluZGV4O1xuICB9XG5cbiAgLyoqXG4gICAqIENyZWF0ZXMgYSBjYWNoZSBvYmplY3QgdG8gb3B0aW1pemUgbGluZWFyIHNlYXJjaGVzIG9mIGxhcmdlIGFycmF5cy5cbiAgICpcbiAgICogQHByaXZhdGVcbiAgICogQHBhcmFtIHtBcnJheX0gW2FycmF5PVtdXSBUaGUgYXJyYXkgdG8gc2VhcmNoLlxuICAgKiBAcmV0dXJucyB7bnVsbHxPYmplY3R9IFJldHVybnMgdGhlIGNhY2hlIG9iamVjdCBvciBgbnVsbGAgaWYgY2FjaGluZyBzaG91bGQgbm90IGJlIHVzZWQuXG4gICAqL1xuICBmdW5jdGlvbiBjcmVhdGVDYWNoZShhcnJheSkge1xuICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICBsZW5ndGggPSBhcnJheS5sZW5ndGgsXG4gICAgICAgIGZpcnN0ID0gYXJyYXlbMF0sXG4gICAgICAgIG1pZCA9IGFycmF5WyhsZW5ndGggLyAyKSB8IDBdLFxuICAgICAgICBsYXN0ID0gYXJyYXlbbGVuZ3RoIC0gMV07XG5cbiAgICBpZiAoZmlyc3QgJiYgdHlwZW9mIGZpcnN0ID09ICdvYmplY3QnICYmXG4gICAgICAgIG1pZCAmJiB0eXBlb2YgbWlkID09ICdvYmplY3QnICYmIGxhc3QgJiYgdHlwZW9mIGxhc3QgPT0gJ29iamVjdCcpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgdmFyIGNhY2hlID0gZ2V0T2JqZWN0KCk7XG4gICAgY2FjaGVbJ2ZhbHNlJ10gPSBjYWNoZVsnbnVsbCddID0gY2FjaGVbJ3RydWUnXSA9IGNhY2hlWyd1bmRlZmluZWQnXSA9IGZhbHNlO1xuXG4gICAgdmFyIHJlc3VsdCA9IGdldE9iamVjdCgpO1xuICAgIHJlc3VsdC5hcnJheSA9IGFycmF5O1xuICAgIHJlc3VsdC5jYWNoZSA9IGNhY2hlO1xuICAgIHJlc3VsdC5wdXNoID0gY2FjaGVQdXNoO1xuXG4gICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgIHJlc3VsdC5wdXNoKGFycmF5W2luZGV4XSk7XG4gICAgfVxuICAgIHJldHVybiByZXN1bHQ7XG4gIH1cblxuICAvKipcbiAgICogVXNlZCBieSBgdGVtcGxhdGVgIHRvIGVzY2FwZSBjaGFyYWN0ZXJzIGZvciBpbmNsdXNpb24gaW4gY29tcGlsZWRcbiAgICogc3RyaW5nIGxpdGVyYWxzLlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKiBAcGFyYW0ge3N0cmluZ30gbWF0Y2ggVGhlIG1hdGNoZWQgY2hhcmFjdGVyIHRvIGVzY2FwZS5cbiAgICogQHJldHVybnMge3N0cmluZ30gUmV0dXJucyB0aGUgZXNjYXBlZCBjaGFyYWN0ZXIuXG4gICAqL1xuICBmdW5jdGlvbiBlc2NhcGVTdHJpbmdDaGFyKG1hdGNoKSB7XG4gICAgcmV0dXJuICdcXFxcJyArIHN0cmluZ0VzY2FwZXNbbWF0Y2hdO1xuICB9XG5cbiAgLyoqXG4gICAqIEdldHMgYW4gYXJyYXkgZnJvbSB0aGUgYXJyYXkgcG9vbCBvciBjcmVhdGVzIGEgbmV3IG9uZSBpZiB0aGUgcG9vbCBpcyBlbXB0eS5cbiAgICpcbiAgICogQHByaXZhdGVcbiAgICogQHJldHVybnMge0FycmF5fSBUaGUgYXJyYXkgZnJvbSB0aGUgcG9vbC5cbiAgICovXG4gIGZ1bmN0aW9uIGdldEFycmF5KCkge1xuICAgIHJldHVybiBhcnJheVBvb2wucG9wKCkgfHwgW107XG4gIH1cblxuICAvKipcbiAgICogR2V0cyBhbiBvYmplY3QgZnJvbSB0aGUgb2JqZWN0IHBvb2wgb3IgY3JlYXRlcyBhIG5ldyBvbmUgaWYgdGhlIHBvb2wgaXMgZW1wdHkuXG4gICAqXG4gICAqIEBwcml2YXRlXG4gICAqIEByZXR1cm5zIHtPYmplY3R9IFRoZSBvYmplY3QgZnJvbSB0aGUgcG9vbC5cbiAgICovXG4gIGZ1bmN0aW9uIGdldE9iamVjdCgpIHtcbiAgICByZXR1cm4gb2JqZWN0UG9vbC5wb3AoKSB8fCB7XG4gICAgICAnYXJyYXknOiBudWxsLFxuICAgICAgJ2NhY2hlJzogbnVsbCxcbiAgICAgICdjcml0ZXJpYSc6IG51bGwsXG4gICAgICAnZmFsc2UnOiBmYWxzZSxcbiAgICAgICdpbmRleCc6IDAsXG4gICAgICAnbnVsbCc6IGZhbHNlLFxuICAgICAgJ251bWJlcic6IG51bGwsXG4gICAgICAnb2JqZWN0JzogbnVsbCxcbiAgICAgICdwdXNoJzogbnVsbCxcbiAgICAgICdzdHJpbmcnOiBudWxsLFxuICAgICAgJ3RydWUnOiBmYWxzZSxcbiAgICAgICd1bmRlZmluZWQnOiBmYWxzZSxcbiAgICAgICd2YWx1ZSc6IG51bGxcbiAgICB9O1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbGVhc2VzIHRoZSBnaXZlbiBhcnJheSBiYWNrIHRvIHRoZSBhcnJheSBwb29sLlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKiBAcGFyYW0ge0FycmF5fSBbYXJyYXldIFRoZSBhcnJheSB0byByZWxlYXNlLlxuICAgKi9cbiAgZnVuY3Rpb24gcmVsZWFzZUFycmF5KGFycmF5KSB7XG4gICAgYXJyYXkubGVuZ3RoID0gMDtcbiAgICBpZiAoYXJyYXlQb29sLmxlbmd0aCA8IG1heFBvb2xTaXplKSB7XG4gICAgICBhcnJheVBvb2wucHVzaChhcnJheSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFJlbGVhc2VzIHRoZSBnaXZlbiBvYmplY3QgYmFjayB0byB0aGUgb2JqZWN0IHBvb2wuXG4gICAqXG4gICAqIEBwcml2YXRlXG4gICAqIEBwYXJhbSB7T2JqZWN0fSBbb2JqZWN0XSBUaGUgb2JqZWN0IHRvIHJlbGVhc2UuXG4gICAqL1xuICBmdW5jdGlvbiByZWxlYXNlT2JqZWN0KG9iamVjdCkge1xuICAgIHZhciBjYWNoZSA9IG9iamVjdC5jYWNoZTtcbiAgICBpZiAoY2FjaGUpIHtcbiAgICAgIHJlbGVhc2VPYmplY3QoY2FjaGUpO1xuICAgIH1cbiAgICBvYmplY3QuYXJyYXkgPSBvYmplY3QuY2FjaGUgPSBvYmplY3QuY3JpdGVyaWEgPSBvYmplY3Qub2JqZWN0ID0gb2JqZWN0Lm51bWJlciA9IG9iamVjdC5zdHJpbmcgPSBvYmplY3QudmFsdWUgPSBudWxsO1xuICAgIGlmIChvYmplY3RQb29sLmxlbmd0aCA8IG1heFBvb2xTaXplKSB7XG4gICAgICBvYmplY3RQb29sLnB1c2gob2JqZWN0KTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU2xpY2VzIHRoZSBgY29sbGVjdGlvbmAgZnJvbSB0aGUgYHN0YXJ0YCBpbmRleCB1cCB0bywgYnV0IG5vdCBpbmNsdWRpbmcsXG4gICAqIHRoZSBgZW5kYCBpbmRleC5cbiAgICpcbiAgICogTm90ZTogVGhpcyBmdW5jdGlvbiBpcyB1c2VkIGluc3RlYWQgb2YgYEFycmF5I3NsaWNlYCB0byBzdXBwb3J0IG5vZGUgbGlzdHNcbiAgICogaW4gSUUgPCA5IGFuZCB0byBlbnN1cmUgZGVuc2UgYXJyYXlzIGFyZSByZXR1cm5lZC5cbiAgICpcbiAgICogQHByaXZhdGVcbiAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIHNsaWNlLlxuICAgKiBAcGFyYW0ge251bWJlcn0gc3RhcnQgVGhlIHN0YXJ0IGluZGV4LlxuICAgKiBAcGFyYW0ge251bWJlcn0gZW5kIFRoZSBlbmQgaW5kZXguXG4gICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyB0aGUgbmV3IGFycmF5LlxuICAgKi9cbiAgZnVuY3Rpb24gc2xpY2UoYXJyYXksIHN0YXJ0LCBlbmQpIHtcbiAgICBzdGFydCB8fCAoc3RhcnQgPSAwKTtcbiAgICBpZiAodHlwZW9mIGVuZCA9PSAndW5kZWZpbmVkJykge1xuICAgICAgZW5kID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwO1xuICAgIH1cbiAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgbGVuZ3RoID0gZW5kIC0gc3RhcnQgfHwgMCxcbiAgICAgICAgcmVzdWx0ID0gQXJyYXkobGVuZ3RoIDwgMCA/IDAgOiBsZW5ndGgpO1xuXG4gICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgIHJlc3VsdFtpbmRleF0gPSBhcnJheVtzdGFydCArIGluZGV4XTtcbiAgICB9XG4gICAgcmV0dXJuIHJlc3VsdDtcbiAgfVxuXG4gIC8qLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qL1xuXG4gIC8qKlxuICAgKiBDcmVhdGUgYSBuZXcgYGxvZGFzaGAgZnVuY3Rpb24gdXNpbmcgdGhlIGdpdmVuIGNvbnRleHQgb2JqZWN0LlxuICAgKlxuICAgKiBAc3RhdGljXG4gICAqIEBtZW1iZXJPZiBfXG4gICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICogQHBhcmFtIHtPYmplY3R9IFtjb250ZXh0PXJvb3RdIFRoZSBjb250ZXh0IG9iamVjdC5cbiAgICogQHJldHVybnMge0Z1bmN0aW9ufSBSZXR1cm5zIHRoZSBgbG9kYXNoYCBmdW5jdGlvbi5cbiAgICovXG4gIGZ1bmN0aW9uIHJ1bkluQ29udGV4dChjb250ZXh0KSB7XG4gICAgLy8gQXZvaWQgaXNzdWVzIHdpdGggc29tZSBFUzMgZW52aXJvbm1lbnRzIHRoYXQgYXR0ZW1wdCB0byB1c2UgdmFsdWVzLCBuYW1lZFxuICAgIC8vIGFmdGVyIGJ1aWx0LWluIGNvbnN0cnVjdG9ycyBsaWtlIGBPYmplY3RgLCBmb3IgdGhlIGNyZWF0aW9uIG9mIGxpdGVyYWxzLlxuICAgIC8vIEVTNSBjbGVhcnMgdGhpcyB1cCBieSBzdGF0aW5nIHRoYXQgbGl0ZXJhbHMgbXVzdCB1c2UgYnVpbHQtaW4gY29uc3RydWN0b3JzLlxuICAgIC8vIFNlZSBodHRwOi8vZXM1LmdpdGh1Yi5pby8jeDExLjEuNS5cbiAgICBjb250ZXh0ID0gY29udGV4dCA/IF8uZGVmYXVsdHMocm9vdC5PYmplY3QoKSwgY29udGV4dCwgXy5waWNrKHJvb3QsIGNvbnRleHRQcm9wcykpIDogcm9vdDtcblxuICAgIC8qKiBOYXRpdmUgY29uc3RydWN0b3IgcmVmZXJlbmNlcyAqL1xuICAgIHZhciBBcnJheSA9IGNvbnRleHQuQXJyYXksXG4gICAgICAgIEJvb2xlYW4gPSBjb250ZXh0LkJvb2xlYW4sXG4gICAgICAgIERhdGUgPSBjb250ZXh0LkRhdGUsXG4gICAgICAgIEZ1bmN0aW9uID0gY29udGV4dC5GdW5jdGlvbixcbiAgICAgICAgTWF0aCA9IGNvbnRleHQuTWF0aCxcbiAgICAgICAgTnVtYmVyID0gY29udGV4dC5OdW1iZXIsXG4gICAgICAgIE9iamVjdCA9IGNvbnRleHQuT2JqZWN0LFxuICAgICAgICBSZWdFeHAgPSBjb250ZXh0LlJlZ0V4cCxcbiAgICAgICAgU3RyaW5nID0gY29udGV4dC5TdHJpbmcsXG4gICAgICAgIFR5cGVFcnJvciA9IGNvbnRleHQuVHlwZUVycm9yO1xuXG4gICAgLyoqXG4gICAgICogVXNlZCBmb3IgYEFycmF5YCBtZXRob2QgcmVmZXJlbmNlcy5cbiAgICAgKlxuICAgICAqIE5vcm1hbGx5IGBBcnJheS5wcm90b3R5cGVgIHdvdWxkIHN1ZmZpY2UsIGhvd2V2ZXIsIHVzaW5nIGFuIGFycmF5IGxpdGVyYWxcbiAgICAgKiBhdm9pZHMgaXNzdWVzIGluIE5hcndoYWwuXG4gICAgICovXG4gICAgdmFyIGFycmF5UmVmID0gW107XG5cbiAgICAvKiogVXNlZCBmb3IgbmF0aXZlIG1ldGhvZCByZWZlcmVuY2VzICovXG4gICAgdmFyIG9iamVjdFByb3RvID0gT2JqZWN0LnByb3RvdHlwZTtcblxuICAgIC8qKiBVc2VkIHRvIHJlc3RvcmUgdGhlIG9yaWdpbmFsIGBfYCByZWZlcmVuY2UgaW4gYG5vQ29uZmxpY3RgICovXG4gICAgdmFyIG9sZERhc2ggPSBjb250ZXh0Ll87XG5cbiAgICAvKiogVXNlZCB0byByZXNvbHZlIHRoZSBpbnRlcm5hbCBbW0NsYXNzXV0gb2YgdmFsdWVzICovXG4gICAgdmFyIHRvU3RyaW5nID0gb2JqZWN0UHJvdG8udG9TdHJpbmc7XG5cbiAgICAvKiogVXNlZCB0byBkZXRlY3QgaWYgYSBtZXRob2QgaXMgbmF0aXZlICovXG4gICAgdmFyIHJlTmF0aXZlID0gUmVnRXhwKCdeJyArXG4gICAgICBTdHJpbmcodG9TdHJpbmcpXG4gICAgICAgIC5yZXBsYWNlKC9bLiorP14ke30oKXxbXFxdXFxcXF0vZywgJ1xcXFwkJicpXG4gICAgICAgIC5yZXBsYWNlKC90b1N0cmluZ3wgZm9yIFteXFxdXSsvZywgJy4qPycpICsgJyQnXG4gICAgKTtcblxuICAgIC8qKiBOYXRpdmUgbWV0aG9kIHNob3J0Y3V0cyAqL1xuICAgIHZhciBjZWlsID0gTWF0aC5jZWlsLFxuICAgICAgICBjbGVhclRpbWVvdXQgPSBjb250ZXh0LmNsZWFyVGltZW91dCxcbiAgICAgICAgZmxvb3IgPSBNYXRoLmZsb29yLFxuICAgICAgICBmblRvU3RyaW5nID0gRnVuY3Rpb24ucHJvdG90eXBlLnRvU3RyaW5nLFxuICAgICAgICBnZXRQcm90b3R5cGVPZiA9IGlzTmF0aXZlKGdldFByb3RvdHlwZU9mID0gT2JqZWN0LmdldFByb3RvdHlwZU9mKSAmJiBnZXRQcm90b3R5cGVPZixcbiAgICAgICAgaGFzT3duUHJvcGVydHkgPSBvYmplY3RQcm90by5oYXNPd25Qcm9wZXJ0eSxcbiAgICAgICAgcHVzaCA9IGFycmF5UmVmLnB1c2gsXG4gICAgICAgIHNldFRpbWVvdXQgPSBjb250ZXh0LnNldFRpbWVvdXQsXG4gICAgICAgIHNwbGljZSA9IGFycmF5UmVmLnNwbGljZSxcbiAgICAgICAgdW5zaGlmdCA9IGFycmF5UmVmLnVuc2hpZnQ7XG5cbiAgICAvKiogVXNlZCB0byBzZXQgbWV0YSBkYXRhIG9uIGZ1bmN0aW9ucyAqL1xuICAgIHZhciBkZWZpbmVQcm9wZXJ0eSA9IChmdW5jdGlvbigpIHtcbiAgICAgIC8vIElFIDggb25seSBhY2NlcHRzIERPTSBlbGVtZW50c1xuICAgICAgdHJ5IHtcbiAgICAgICAgdmFyIG8gPSB7fSxcbiAgICAgICAgICAgIGZ1bmMgPSBpc05hdGl2ZShmdW5jID0gT2JqZWN0LmRlZmluZVByb3BlcnR5KSAmJiBmdW5jLFxuICAgICAgICAgICAgcmVzdWx0ID0gZnVuYyhvLCBvLCBvKSAmJiBmdW5jO1xuICAgICAgfSBjYXRjaChlKSB7IH1cbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfSgpKTtcblxuICAgIC8qIE5hdGl2ZSBtZXRob2Qgc2hvcnRjdXRzIGZvciBtZXRob2RzIHdpdGggdGhlIHNhbWUgbmFtZSBhcyBvdGhlciBgbG9kYXNoYCBtZXRob2RzICovXG4gICAgdmFyIG5hdGl2ZUNyZWF0ZSA9IGlzTmF0aXZlKG5hdGl2ZUNyZWF0ZSA9IE9iamVjdC5jcmVhdGUpICYmIG5hdGl2ZUNyZWF0ZSxcbiAgICAgICAgbmF0aXZlSXNBcnJheSA9IGlzTmF0aXZlKG5hdGl2ZUlzQXJyYXkgPSBBcnJheS5pc0FycmF5KSAmJiBuYXRpdmVJc0FycmF5LFxuICAgICAgICBuYXRpdmVJc0Zpbml0ZSA9IGNvbnRleHQuaXNGaW5pdGUsXG4gICAgICAgIG5hdGl2ZUlzTmFOID0gY29udGV4dC5pc05hTixcbiAgICAgICAgbmF0aXZlS2V5cyA9IGlzTmF0aXZlKG5hdGl2ZUtleXMgPSBPYmplY3Qua2V5cykgJiYgbmF0aXZlS2V5cyxcbiAgICAgICAgbmF0aXZlTWF4ID0gTWF0aC5tYXgsXG4gICAgICAgIG5hdGl2ZU1pbiA9IE1hdGgubWluLFxuICAgICAgICBuYXRpdmVQYXJzZUludCA9IGNvbnRleHQucGFyc2VJbnQsXG4gICAgICAgIG5hdGl2ZVJhbmRvbSA9IE1hdGgucmFuZG9tO1xuXG4gICAgLyoqIFVzZWQgdG8gbG9va3VwIGEgYnVpbHQtaW4gY29uc3RydWN0b3IgYnkgW1tDbGFzc11dICovXG4gICAgdmFyIGN0b3JCeUNsYXNzID0ge307XG4gICAgY3RvckJ5Q2xhc3NbYXJyYXlDbGFzc10gPSBBcnJheTtcbiAgICBjdG9yQnlDbGFzc1tib29sQ2xhc3NdID0gQm9vbGVhbjtcbiAgICBjdG9yQnlDbGFzc1tkYXRlQ2xhc3NdID0gRGF0ZTtcbiAgICBjdG9yQnlDbGFzc1tmdW5jQ2xhc3NdID0gRnVuY3Rpb247XG4gICAgY3RvckJ5Q2xhc3Nbb2JqZWN0Q2xhc3NdID0gT2JqZWN0O1xuICAgIGN0b3JCeUNsYXNzW251bWJlckNsYXNzXSA9IE51bWJlcjtcbiAgICBjdG9yQnlDbGFzc1tyZWdleHBDbGFzc10gPSBSZWdFeHA7XG4gICAgY3RvckJ5Q2xhc3Nbc3RyaW5nQ2xhc3NdID0gU3RyaW5nO1xuXG4gICAgLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSovXG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgYGxvZGFzaGAgb2JqZWN0IHdoaWNoIHdyYXBzIHRoZSBnaXZlbiB2YWx1ZSB0byBlbmFibGUgaW50dWl0aXZlXG4gICAgICogbWV0aG9kIGNoYWluaW5nLlxuICAgICAqXG4gICAgICogSW4gYWRkaXRpb24gdG8gTG8tRGFzaCBtZXRob2RzLCB3cmFwcGVycyBhbHNvIGhhdmUgdGhlIGZvbGxvd2luZyBgQXJyYXlgIG1ldGhvZHM6XG4gICAgICogYGNvbmNhdGAsIGBqb2luYCwgYHBvcGAsIGBwdXNoYCwgYHJldmVyc2VgLCBgc2hpZnRgLCBgc2xpY2VgLCBgc29ydGAsIGBzcGxpY2VgLFxuICAgICAqIGFuZCBgdW5zaGlmdGBcbiAgICAgKlxuICAgICAqIENoYWluaW5nIGlzIHN1cHBvcnRlZCBpbiBjdXN0b20gYnVpbGRzIGFzIGxvbmcgYXMgdGhlIGB2YWx1ZWAgbWV0aG9kIGlzXG4gICAgICogaW1wbGljaXRseSBvciBleHBsaWNpdGx5IGluY2x1ZGVkIGluIHRoZSBidWlsZC5cbiAgICAgKlxuICAgICAqIFRoZSBjaGFpbmFibGUgd3JhcHBlciBmdW5jdGlvbnMgYXJlOlxuICAgICAqIGBhZnRlcmAsIGBhc3NpZ25gLCBgYmluZGAsIGBiaW5kQWxsYCwgYGJpbmRLZXlgLCBgY2hhaW5gLCBgY29tcGFjdGAsXG4gICAgICogYGNvbXBvc2VgLCBgY29uY2F0YCwgYGNvdW50QnlgLCBgY3JlYXRlYCwgYGNyZWF0ZUNhbGxiYWNrYCwgYGN1cnJ5YCxcbiAgICAgKiBgZGVib3VuY2VgLCBgZGVmYXVsdHNgLCBgZGVmZXJgLCBgZGVsYXlgLCBgZGlmZmVyZW5jZWAsIGBmaWx0ZXJgLCBgZmxhdHRlbmAsXG4gICAgICogYGZvckVhY2hgLCBgZm9yRWFjaFJpZ2h0YCwgYGZvckluYCwgYGZvckluUmlnaHRgLCBgZm9yT3duYCwgYGZvck93blJpZ2h0YCxcbiAgICAgKiBgZnVuY3Rpb25zYCwgYGdyb3VwQnlgLCBgaW5kZXhCeWAsIGBpbml0aWFsYCwgYGludGVyc2VjdGlvbmAsIGBpbnZlcnRgLFxuICAgICAqIGBpbnZva2VgLCBga2V5c2AsIGBtYXBgLCBgbWF4YCwgYG1lbW9pemVgLCBgbWVyZ2VgLCBgbWluYCwgYG9iamVjdGAsIGBvbWl0YCxcbiAgICAgKiBgb25jZWAsIGBwYWlyc2AsIGBwYXJ0aWFsYCwgYHBhcnRpYWxSaWdodGAsIGBwaWNrYCwgYHBsdWNrYCwgYHB1bGxgLCBgcHVzaGAsXG4gICAgICogYHJhbmdlYCwgYHJlamVjdGAsIGByZW1vdmVgLCBgcmVzdGAsIGByZXZlcnNlYCwgYHNodWZmbGVgLCBgc2xpY2VgLCBgc29ydGAsXG4gICAgICogYHNvcnRCeWAsIGBzcGxpY2VgLCBgdGFwYCwgYHRocm90dGxlYCwgYHRpbWVzYCwgYHRvQXJyYXlgLCBgdHJhbnNmb3JtYCxcbiAgICAgKiBgdW5pb25gLCBgdW5pcWAsIGB1bnNoaWZ0YCwgYHVuemlwYCwgYHZhbHVlc2AsIGB3aGVyZWAsIGB3aXRob3V0YCwgYHdyYXBgLFxuICAgICAqIGFuZCBgemlwYFxuICAgICAqXG4gICAgICogVGhlIG5vbi1jaGFpbmFibGUgd3JhcHBlciBmdW5jdGlvbnMgYXJlOlxuICAgICAqIGBjbG9uZWAsIGBjbG9uZURlZXBgLCBgY29udGFpbnNgLCBgZXNjYXBlYCwgYGV2ZXJ5YCwgYGZpbmRgLCBgZmluZEluZGV4YCxcbiAgICAgKiBgZmluZEtleWAsIGBmaW5kTGFzdGAsIGBmaW5kTGFzdEluZGV4YCwgYGZpbmRMYXN0S2V5YCwgYGhhc2AsIGBpZGVudGl0eWAsXG4gICAgICogYGluZGV4T2ZgLCBgaXNBcmd1bWVudHNgLCBgaXNBcnJheWAsIGBpc0Jvb2xlYW5gLCBgaXNEYXRlYCwgYGlzRWxlbWVudGAsXG4gICAgICogYGlzRW1wdHlgLCBgaXNFcXVhbGAsIGBpc0Zpbml0ZWAsIGBpc0Z1bmN0aW9uYCwgYGlzTmFOYCwgYGlzTnVsbGAsIGBpc051bWJlcmAsXG4gICAgICogYGlzT2JqZWN0YCwgYGlzUGxhaW5PYmplY3RgLCBgaXNSZWdFeHBgLCBgaXNTdHJpbmdgLCBgaXNVbmRlZmluZWRgLCBgam9pbmAsXG4gICAgICogYGxhc3RJbmRleE9mYCwgYG1peGluYCwgYG5vQ29uZmxpY3RgLCBgcGFyc2VJbnRgLCBgcG9wYCwgYHJhbmRvbWAsIGByZWR1Y2VgLFxuICAgICAqIGByZWR1Y2VSaWdodGAsIGByZXN1bHRgLCBgc2hpZnRgLCBgc2l6ZWAsIGBzb21lYCwgYHNvcnRlZEluZGV4YCwgYHJ1bkluQ29udGV4dGAsXG4gICAgICogYHRlbXBsYXRlYCwgYHVuZXNjYXBlYCwgYHVuaXF1ZUlkYCwgYW5kIGB2YWx1ZWBcbiAgICAgKlxuICAgICAqIFRoZSB3cmFwcGVyIGZ1bmN0aW9ucyBgZmlyc3RgIGFuZCBgbGFzdGAgcmV0dXJuIHdyYXBwZWQgdmFsdWVzIHdoZW4gYG5gIGlzXG4gICAgICogcHJvdmlkZWQsIG90aGVyd2lzZSB0aGV5IHJldHVybiB1bndyYXBwZWQgdmFsdWVzLlxuICAgICAqXG4gICAgICogRXhwbGljaXQgY2hhaW5pbmcgY2FuIGJlIGVuYWJsZWQgYnkgdXNpbmcgdGhlIGBfLmNoYWluYCBtZXRob2QuXG4gICAgICpcbiAgICAgKiBAbmFtZSBfXG4gICAgICogQGNvbnN0cnVjdG9yXG4gICAgICogQGNhdGVnb3J5IENoYWluaW5nXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gd3JhcCBpbiBhIGBsb2Rhc2hgIGluc3RhbmNlLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgYSBgbG9kYXNoYCBpbnN0YW5jZS5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIHdyYXBwZWQgPSBfKFsxLCAyLCAzXSk7XG4gICAgICpcbiAgICAgKiAvLyByZXR1cm5zIGFuIHVud3JhcHBlZCB2YWx1ZVxuICAgICAqIHdyYXBwZWQucmVkdWNlKGZ1bmN0aW9uKHN1bSwgbnVtKSB7XG4gICAgICogICByZXR1cm4gc3VtICsgbnVtO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IDZcbiAgICAgKlxuICAgICAqIC8vIHJldHVybnMgYSB3cmFwcGVkIHZhbHVlXG4gICAgICogdmFyIHNxdWFyZXMgPSB3cmFwcGVkLm1hcChmdW5jdGlvbihudW0pIHtcbiAgICAgKiAgIHJldHVybiBudW0gKiBudW07XG4gICAgICogfSk7XG4gICAgICpcbiAgICAgKiBfLmlzQXJyYXkoc3F1YXJlcyk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKlxuICAgICAqIF8uaXNBcnJheShzcXVhcmVzLnZhbHVlKCkpO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBsb2Rhc2godmFsdWUpIHtcbiAgICAgIC8vIGRvbid0IHdyYXAgaWYgYWxyZWFkeSB3cmFwcGVkLCBldmVuIGlmIHdyYXBwZWQgYnkgYSBkaWZmZXJlbnQgYGxvZGFzaGAgY29uc3RydWN0b3JcbiAgICAgIHJldHVybiAodmFsdWUgJiYgdHlwZW9mIHZhbHVlID09ICdvYmplY3QnICYmICFpc0FycmF5KHZhbHVlKSAmJiBoYXNPd25Qcm9wZXJ0eS5jYWxsKHZhbHVlLCAnX193cmFwcGVkX18nKSlcbiAgICAgICA/IHZhbHVlXG4gICAgICAgOiBuZXcgbG9kYXNoV3JhcHBlcih2YWx1ZSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQSBmYXN0IHBhdGggZm9yIGNyZWF0aW5nIGBsb2Rhc2hgIHdyYXBwZXIgb2JqZWN0cy5cbiAgICAgKlxuICAgICAqIEBwcml2YXRlXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gd3JhcCBpbiBhIGBsb2Rhc2hgIGluc3RhbmNlLlxuICAgICAqIEBwYXJhbSB7Ym9vbGVhbn0gY2hhaW5BbGwgQSBmbGFnIHRvIGVuYWJsZSBjaGFpbmluZyBmb3IgYWxsIG1ldGhvZHNcbiAgICAgKiBAcmV0dXJucyB7T2JqZWN0fSBSZXR1cm5zIGEgYGxvZGFzaGAgaW5zdGFuY2UuXG4gICAgICovXG4gICAgZnVuY3Rpb24gbG9kYXNoV3JhcHBlcih2YWx1ZSwgY2hhaW5BbGwpIHtcbiAgICAgIHRoaXMuX19jaGFpbl9fID0gISFjaGFpbkFsbDtcbiAgICAgIHRoaXMuX193cmFwcGVkX18gPSB2YWx1ZTtcbiAgICB9XG4gICAgLy8gZW5zdXJlIGBuZXcgbG9kYXNoV3JhcHBlcmAgaXMgYW4gaW5zdGFuY2Ugb2YgYGxvZGFzaGBcbiAgICBsb2Rhc2hXcmFwcGVyLnByb3RvdHlwZSA9IGxvZGFzaC5wcm90b3R5cGU7XG5cbiAgICAvKipcbiAgICAgKiBBbiBvYmplY3QgdXNlZCB0byBmbGFnIGVudmlyb25tZW50cyBmZWF0dXJlcy5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEB0eXBlIE9iamVjdFxuICAgICAqL1xuICAgIHZhciBzdXBwb3J0ID0gbG9kYXNoLnN1cHBvcnQgPSB7fTtcblxuICAgIC8qKlxuICAgICAqIERldGVjdCBpZiBmdW5jdGlvbnMgY2FuIGJlIGRlY29tcGlsZWQgYnkgYEZ1bmN0aW9uI3RvU3RyaW5nYFxuICAgICAqIChhbGwgYnV0IFBTMyBhbmQgb2xkZXIgT3BlcmEgbW9iaWxlIGJyb3dzZXJzICYgYXZvaWRlZCBpbiBXaW5kb3dzIDggYXBwcykuXG4gICAgICpcbiAgICAgKiBAbWVtYmVyT2YgXy5zdXBwb3J0XG4gICAgICogQHR5cGUgYm9vbGVhblxuICAgICAqL1xuICAgIHN1cHBvcnQuZnVuY0RlY29tcCA9ICFpc05hdGl2ZShjb250ZXh0LldpblJURXJyb3IpICYmIHJlVGhpcy50ZXN0KHJ1bkluQ29udGV4dCk7XG5cbiAgICAvKipcbiAgICAgKiBEZXRlY3QgaWYgYEZ1bmN0aW9uI25hbWVgIGlzIHN1cHBvcnRlZCAoYWxsIGJ1dCBJRSkuXG4gICAgICpcbiAgICAgKiBAbWVtYmVyT2YgXy5zdXBwb3J0XG4gICAgICogQHR5cGUgYm9vbGVhblxuICAgICAqL1xuICAgIHN1cHBvcnQuZnVuY05hbWVzID0gdHlwZW9mIEZ1bmN0aW9uLm5hbWUgPT0gJ3N0cmluZyc7XG5cbiAgICAvKipcbiAgICAgKiBCeSBkZWZhdWx0LCB0aGUgdGVtcGxhdGUgZGVsaW1pdGVycyB1c2VkIGJ5IExvLURhc2ggYXJlIHNpbWlsYXIgdG8gdGhvc2UgaW5cbiAgICAgKiBlbWJlZGRlZCBSdWJ5IChFUkIpLiBDaGFuZ2UgdGhlIGZvbGxvd2luZyB0ZW1wbGF0ZSBzZXR0aW5ncyB0byB1c2UgYWx0ZXJuYXRpdmVcbiAgICAgKiBkZWxpbWl0ZXJzLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQHR5cGUgT2JqZWN0XG4gICAgICovXG4gICAgbG9kYXNoLnRlbXBsYXRlU2V0dGluZ3MgPSB7XG5cbiAgICAgIC8qKlxuICAgICAgICogVXNlZCB0byBkZXRlY3QgYGRhdGFgIHByb3BlcnR5IHZhbHVlcyB0byBiZSBIVE1MLWVzY2FwZWQuXG4gICAgICAgKlxuICAgICAgICogQG1lbWJlck9mIF8udGVtcGxhdGVTZXR0aW5nc1xuICAgICAgICogQHR5cGUgUmVnRXhwXG4gICAgICAgKi9cbiAgICAgICdlc2NhcGUnOiAvPCUtKFtcXHNcXFNdKz8pJT4vZyxcblxuICAgICAgLyoqXG4gICAgICAgKiBVc2VkIHRvIGRldGVjdCBjb2RlIHRvIGJlIGV2YWx1YXRlZC5cbiAgICAgICAqXG4gICAgICAgKiBAbWVtYmVyT2YgXy50ZW1wbGF0ZVNldHRpbmdzXG4gICAgICAgKiBAdHlwZSBSZWdFeHBcbiAgICAgICAqL1xuICAgICAgJ2V2YWx1YXRlJzogLzwlKFtcXHNcXFNdKz8pJT4vZyxcblxuICAgICAgLyoqXG4gICAgICAgKiBVc2VkIHRvIGRldGVjdCBgZGF0YWAgcHJvcGVydHkgdmFsdWVzIHRvIGluamVjdC5cbiAgICAgICAqXG4gICAgICAgKiBAbWVtYmVyT2YgXy50ZW1wbGF0ZVNldHRpbmdzXG4gICAgICAgKiBAdHlwZSBSZWdFeHBcbiAgICAgICAqL1xuICAgICAgJ2ludGVycG9sYXRlJzogcmVJbnRlcnBvbGF0ZSxcblxuICAgICAgLyoqXG4gICAgICAgKiBVc2VkIHRvIHJlZmVyZW5jZSB0aGUgZGF0YSBvYmplY3QgaW4gdGhlIHRlbXBsYXRlIHRleHQuXG4gICAgICAgKlxuICAgICAgICogQG1lbWJlck9mIF8udGVtcGxhdGVTZXR0aW5nc1xuICAgICAgICogQHR5cGUgc3RyaW5nXG4gICAgICAgKi9cbiAgICAgICd2YXJpYWJsZSc6ICcnLFxuXG4gICAgICAvKipcbiAgICAgICAqIFVzZWQgdG8gaW1wb3J0IHZhcmlhYmxlcyBpbnRvIHRoZSBjb21waWxlZCB0ZW1wbGF0ZS5cbiAgICAgICAqXG4gICAgICAgKiBAbWVtYmVyT2YgXy50ZW1wbGF0ZVNldHRpbmdzXG4gICAgICAgKiBAdHlwZSBPYmplY3RcbiAgICAgICAqL1xuICAgICAgJ2ltcG9ydHMnOiB7XG5cbiAgICAgICAgLyoqXG4gICAgICAgICAqIEEgcmVmZXJlbmNlIHRvIHRoZSBgbG9kYXNoYCBmdW5jdGlvbi5cbiAgICAgICAgICpcbiAgICAgICAgICogQG1lbWJlck9mIF8udGVtcGxhdGVTZXR0aW5ncy5pbXBvcnRzXG4gICAgICAgICAqIEB0eXBlIEZ1bmN0aW9uXG4gICAgICAgICAqL1xuICAgICAgICAnXyc6IGxvZGFzaFxuICAgICAgfVxuICAgIH07XG5cbiAgICAvKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cblxuICAgIC8qKlxuICAgICAqIFRoZSBiYXNlIGltcGxlbWVudGF0aW9uIG9mIGBfLmJpbmRgIHRoYXQgY3JlYXRlcyB0aGUgYm91bmQgZnVuY3Rpb24gYW5kXG4gICAgICogc2V0cyBpdHMgbWV0YSBkYXRhLlxuICAgICAqXG4gICAgICogQHByaXZhdGVcbiAgICAgKiBAcGFyYW0ge0FycmF5fSBiaW5kRGF0YSBUaGUgYmluZCBkYXRhIGFycmF5LlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IGJvdW5kIGZ1bmN0aW9uLlxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGJhc2VCaW5kKGJpbmREYXRhKSB7XG4gICAgICB2YXIgZnVuYyA9IGJpbmREYXRhWzBdLFxuICAgICAgICAgIHBhcnRpYWxBcmdzID0gYmluZERhdGFbMl0sXG4gICAgICAgICAgdGhpc0FyZyA9IGJpbmREYXRhWzRdO1xuXG4gICAgICBmdW5jdGlvbiBib3VuZCgpIHtcbiAgICAgICAgLy8gYEZ1bmN0aW9uI2JpbmRgIHNwZWNcbiAgICAgICAgLy8gaHR0cDovL2VzNS5naXRodWIuaW8vI3gxNS4zLjQuNVxuICAgICAgICBpZiAocGFydGlhbEFyZ3MpIHtcbiAgICAgICAgICAvLyBhdm9pZCBgYXJndW1lbnRzYCBvYmplY3QgZGVvcHRpbWl6YXRpb25zIGJ5IHVzaW5nIGBzbGljZWAgaW5zdGVhZFxuICAgICAgICAgIC8vIG9mIGBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbGAgYW5kIG5vdCBhc3NpZ25pbmcgYGFyZ3VtZW50c2AgdG8gYVxuICAgICAgICAgIC8vIHZhcmlhYmxlIGFzIGEgdGVybmFyeSBleHByZXNzaW9uXG4gICAgICAgICAgdmFyIGFyZ3MgPSBzbGljZShwYXJ0aWFsQXJncyk7XG4gICAgICAgICAgcHVzaC5hcHBseShhcmdzLCBhcmd1bWVudHMpO1xuICAgICAgICB9XG4gICAgICAgIC8vIG1pbWljIHRoZSBjb25zdHJ1Y3RvcidzIGByZXR1cm5gIGJlaGF2aW9yXG4gICAgICAgIC8vIGh0dHA6Ly9lczUuZ2l0aHViLmlvLyN4MTMuMi4yXG4gICAgICAgIGlmICh0aGlzIGluc3RhbmNlb2YgYm91bmQpIHtcbiAgICAgICAgICAvLyBlbnN1cmUgYG5ldyBib3VuZGAgaXMgYW4gaW5zdGFuY2Ugb2YgYGZ1bmNgXG4gICAgICAgICAgdmFyIHRoaXNCaW5kaW5nID0gYmFzZUNyZWF0ZShmdW5jLnByb3RvdHlwZSksXG4gICAgICAgICAgICAgIHJlc3VsdCA9IGZ1bmMuYXBwbHkodGhpc0JpbmRpbmcsIGFyZ3MgfHwgYXJndW1lbnRzKTtcbiAgICAgICAgICByZXR1cm4gaXNPYmplY3QocmVzdWx0KSA/IHJlc3VsdCA6IHRoaXNCaW5kaW5nO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmdW5jLmFwcGx5KHRoaXNBcmcsIGFyZ3MgfHwgYXJndW1lbnRzKTtcbiAgICAgIH1cbiAgICAgIHNldEJpbmREYXRhKGJvdW5kLCBiaW5kRGF0YSk7XG4gICAgICByZXR1cm4gYm91bmQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIGJhc2UgaW1wbGVtZW50YXRpb24gb2YgYF8uY2xvbmVgIHdpdGhvdXQgYXJndW1lbnQganVnZ2xpbmcgb3Igc3VwcG9ydFxuICAgICAqIGZvciBgdGhpc0FyZ2AgYmluZGluZy5cbiAgICAgKlxuICAgICAqIEBwcml2YXRlXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gY2xvbmUuXG4gICAgICogQHBhcmFtIHtib29sZWFufSBbaXNEZWVwPWZhbHNlXSBTcGVjaWZ5IGEgZGVlcCBjbG9uZS5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBbY2FsbGJhY2tdIFRoZSBmdW5jdGlvbiB0byBjdXN0b21pemUgY2xvbmluZyB2YWx1ZXMuXG4gICAgICogQHBhcmFtIHtBcnJheX0gW3N0YWNrQT1bXV0gVHJhY2tzIHRyYXZlcnNlZCBzb3VyY2Ugb2JqZWN0cy5cbiAgICAgKiBAcGFyYW0ge0FycmF5fSBbc3RhY2tCPVtdXSBBc3NvY2lhdGVzIGNsb25lcyB3aXRoIHNvdXJjZSBjb3VudGVycGFydHMuXG4gICAgICogQHJldHVybnMgeyp9IFJldHVybnMgdGhlIGNsb25lZCB2YWx1ZS5cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBiYXNlQ2xvbmUodmFsdWUsIGlzRGVlcCwgY2FsbGJhY2ssIHN0YWNrQSwgc3RhY2tCKSB7XG4gICAgICBpZiAoY2FsbGJhY2spIHtcbiAgICAgICAgdmFyIHJlc3VsdCA9IGNhbGxiYWNrKHZhbHVlKTtcbiAgICAgICAgaWYgKHR5cGVvZiByZXN1bHQgIT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAvLyBpbnNwZWN0IFtbQ2xhc3NdXVxuICAgICAgdmFyIGlzT2JqID0gaXNPYmplY3QodmFsdWUpO1xuICAgICAgaWYgKGlzT2JqKSB7XG4gICAgICAgIHZhciBjbGFzc05hbWUgPSB0b1N0cmluZy5jYWxsKHZhbHVlKTtcbiAgICAgICAgaWYgKCFjbG9uZWFibGVDbGFzc2VzW2NsYXNzTmFtZV0pIHtcbiAgICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICAgIH1cbiAgICAgICAgdmFyIGN0b3IgPSBjdG9yQnlDbGFzc1tjbGFzc05hbWVdO1xuICAgICAgICBzd2l0Y2ggKGNsYXNzTmFtZSkge1xuICAgICAgICAgIGNhc2UgYm9vbENsYXNzOlxuICAgICAgICAgIGNhc2UgZGF0ZUNsYXNzOlxuICAgICAgICAgICAgcmV0dXJuIG5ldyBjdG9yKCt2YWx1ZSk7XG5cbiAgICAgICAgICBjYXNlIG51bWJlckNsYXNzOlxuICAgICAgICAgIGNhc2Ugc3RyaW5nQ2xhc3M6XG4gICAgICAgICAgICByZXR1cm4gbmV3IGN0b3IodmFsdWUpO1xuXG4gICAgICAgICAgY2FzZSByZWdleHBDbGFzczpcbiAgICAgICAgICAgIHJlc3VsdCA9IGN0b3IodmFsdWUuc291cmNlLCByZUZsYWdzLmV4ZWModmFsdWUpKTtcbiAgICAgICAgICAgIHJlc3VsdC5sYXN0SW5kZXggPSB2YWx1ZS5sYXN0SW5kZXg7XG4gICAgICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICB9XG4gICAgICB2YXIgaXNBcnIgPSBpc0FycmF5KHZhbHVlKTtcbiAgICAgIGlmIChpc0RlZXApIHtcbiAgICAgICAgLy8gY2hlY2sgZm9yIGNpcmN1bGFyIHJlZmVyZW5jZXMgYW5kIHJldHVybiBjb3JyZXNwb25kaW5nIGNsb25lXG4gICAgICAgIHZhciBpbml0ZWRTdGFjayA9ICFzdGFja0E7XG4gICAgICAgIHN0YWNrQSB8fCAoc3RhY2tBID0gZ2V0QXJyYXkoKSk7XG4gICAgICAgIHN0YWNrQiB8fCAoc3RhY2tCID0gZ2V0QXJyYXkoKSk7XG5cbiAgICAgICAgdmFyIGxlbmd0aCA9IHN0YWNrQS5sZW5ndGg7XG4gICAgICAgIHdoaWxlIChsZW5ndGgtLSkge1xuICAgICAgICAgIGlmIChzdGFja0FbbGVuZ3RoXSA9PSB2YWx1ZSkge1xuICAgICAgICAgICAgcmV0dXJuIHN0YWNrQltsZW5ndGhdO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXN1bHQgPSBpc0FyciA/IGN0b3IodmFsdWUubGVuZ3RoKSA6IHt9O1xuICAgICAgfVxuICAgICAgZWxzZSB7XG4gICAgICAgIHJlc3VsdCA9IGlzQXJyID8gc2xpY2UodmFsdWUpIDogYXNzaWduKHt9LCB2YWx1ZSk7XG4gICAgICB9XG4gICAgICAvLyBhZGQgYXJyYXkgcHJvcGVydGllcyBhc3NpZ25lZCBieSBgUmVnRXhwI2V4ZWNgXG4gICAgICBpZiAoaXNBcnIpIHtcbiAgICAgICAgaWYgKGhhc093blByb3BlcnR5LmNhbGwodmFsdWUsICdpbmRleCcpKSB7XG4gICAgICAgICAgcmVzdWx0LmluZGV4ID0gdmFsdWUuaW5kZXg7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGhhc093blByb3BlcnR5LmNhbGwodmFsdWUsICdpbnB1dCcpKSB7XG4gICAgICAgICAgcmVzdWx0LmlucHV0ID0gdmFsdWUuaW5wdXQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIC8vIGV4aXQgZm9yIHNoYWxsb3cgY2xvbmVcbiAgICAgIGlmICghaXNEZWVwKSB7XG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICB9XG4gICAgICAvLyBhZGQgdGhlIHNvdXJjZSB2YWx1ZSB0byB0aGUgc3RhY2sgb2YgdHJhdmVyc2VkIG9iamVjdHNcbiAgICAgIC8vIGFuZCBhc3NvY2lhdGUgaXQgd2l0aCBpdHMgY2xvbmVcbiAgICAgIHN0YWNrQS5wdXNoKHZhbHVlKTtcbiAgICAgIHN0YWNrQi5wdXNoKHJlc3VsdCk7XG5cbiAgICAgIC8vIHJlY3Vyc2l2ZWx5IHBvcHVsYXRlIGNsb25lIChzdXNjZXB0aWJsZSB0byBjYWxsIHN0YWNrIGxpbWl0cylcbiAgICAgIChpc0FyciA/IGZvckVhY2ggOiBmb3JPd24pKHZhbHVlLCBmdW5jdGlvbihvYmpWYWx1ZSwga2V5KSB7XG4gICAgICAgIHJlc3VsdFtrZXldID0gYmFzZUNsb25lKG9ialZhbHVlLCBpc0RlZXAsIGNhbGxiYWNrLCBzdGFja0EsIHN0YWNrQik7XG4gICAgICB9KTtcblxuICAgICAgaWYgKGluaXRlZFN0YWNrKSB7XG4gICAgICAgIHJlbGVhc2VBcnJheShzdGFja0EpO1xuICAgICAgICByZWxlYXNlQXJyYXkoc3RhY2tCKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIGJhc2UgaW1wbGVtZW50YXRpb24gb2YgYF8uY3JlYXRlYCB3aXRob3V0IHN1cHBvcnQgZm9yIGFzc2lnbmluZ1xuICAgICAqIHByb3BlcnRpZXMgdG8gdGhlIGNyZWF0ZWQgb2JqZWN0LlxuICAgICAqXG4gICAgICogQHByaXZhdGVcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gcHJvdG90eXBlIFRoZSBvYmplY3QgdG8gaW5oZXJpdCBmcm9tLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgdGhlIG5ldyBvYmplY3QuXG4gICAgICovXG4gICAgZnVuY3Rpb24gYmFzZUNyZWF0ZShwcm90b3R5cGUsIHByb3BlcnRpZXMpIHtcbiAgICAgIHJldHVybiBpc09iamVjdChwcm90b3R5cGUpID8gbmF0aXZlQ3JlYXRlKHByb3RvdHlwZSkgOiB7fTtcbiAgICB9XG4gICAgLy8gZmFsbGJhY2sgZm9yIGJyb3dzZXJzIHdpdGhvdXQgYE9iamVjdC5jcmVhdGVgXG4gICAgaWYgKCFuYXRpdmVDcmVhdGUpIHtcbiAgICAgIGJhc2VDcmVhdGUgPSAoZnVuY3Rpb24oKSB7XG4gICAgICAgIGZ1bmN0aW9uIE9iamVjdCgpIHt9XG4gICAgICAgIHJldHVybiBmdW5jdGlvbihwcm90b3R5cGUpIHtcbiAgICAgICAgICBpZiAoaXNPYmplY3QocHJvdG90eXBlKSkge1xuICAgICAgICAgICAgT2JqZWN0LnByb3RvdHlwZSA9IHByb3RvdHlwZTtcbiAgICAgICAgICAgIHZhciByZXN1bHQgPSBuZXcgT2JqZWN0O1xuICAgICAgICAgICAgT2JqZWN0LnByb3RvdHlwZSA9IG51bGw7XG4gICAgICAgICAgfVxuICAgICAgICAgIHJldHVybiByZXN1bHQgfHwgY29udGV4dC5PYmplY3QoKTtcbiAgICAgICAgfTtcbiAgICAgIH0oKSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIGJhc2UgaW1wbGVtZW50YXRpb24gb2YgYF8uY3JlYXRlQ2FsbGJhY2tgIHdpdGhvdXQgc3VwcG9ydCBmb3IgY3JlYXRpbmdcbiAgICAgKiBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja3MuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7Kn0gW2Z1bmM9aWRlbnRpdHldIFRoZSB2YWx1ZSB0byBjb252ZXJ0IHRvIGEgY2FsbGJhY2suXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIHRoZSBjcmVhdGVkIGNhbGxiYWNrLlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbYXJnQ291bnRdIFRoZSBudW1iZXIgb2YgYXJndW1lbnRzIHRoZSBjYWxsYmFjayBhY2NlcHRzLlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyBhIGNhbGxiYWNrIGZ1bmN0aW9uLlxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGJhc2VDcmVhdGVDYWxsYmFjayhmdW5jLCB0aGlzQXJnLCBhcmdDb3VudCkge1xuICAgICAgaWYgKHR5cGVvZiBmdW5jICE9ICdmdW5jdGlvbicpIHtcbiAgICAgICAgcmV0dXJuIGlkZW50aXR5O1xuICAgICAgfVxuICAgICAgLy8gZXhpdCBlYXJseSBmb3Igbm8gYHRoaXNBcmdgIG9yIGFscmVhZHkgYm91bmQgYnkgYEZ1bmN0aW9uI2JpbmRgXG4gICAgICBpZiAodHlwZW9mIHRoaXNBcmcgPT0gJ3VuZGVmaW5lZCcgfHwgISgncHJvdG90eXBlJyBpbiBmdW5jKSkge1xuICAgICAgICByZXR1cm4gZnVuYztcbiAgICAgIH1cbiAgICAgIHZhciBiaW5kRGF0YSA9IGZ1bmMuX19iaW5kRGF0YV9fO1xuICAgICAgaWYgKHR5cGVvZiBiaW5kRGF0YSA9PSAndW5kZWZpbmVkJykge1xuICAgICAgICBpZiAoc3VwcG9ydC5mdW5jTmFtZXMpIHtcbiAgICAgICAgICBiaW5kRGF0YSA9ICFmdW5jLm5hbWU7XG4gICAgICAgIH1cbiAgICAgICAgYmluZERhdGEgPSBiaW5kRGF0YSB8fCAhc3VwcG9ydC5mdW5jRGVjb21wO1xuICAgICAgICBpZiAoIWJpbmREYXRhKSB7XG4gICAgICAgICAgdmFyIHNvdXJjZSA9IGZuVG9TdHJpbmcuY2FsbChmdW5jKTtcbiAgICAgICAgICBpZiAoIXN1cHBvcnQuZnVuY05hbWVzKSB7XG4gICAgICAgICAgICBiaW5kRGF0YSA9ICFyZUZ1bmNOYW1lLnRlc3Qoc291cmNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgaWYgKCFiaW5kRGF0YSkge1xuICAgICAgICAgICAgLy8gY2hlY2tzIGlmIGBmdW5jYCByZWZlcmVuY2VzIHRoZSBgdGhpc2Aga2V5d29yZCBhbmQgc3RvcmVzIHRoZSByZXN1bHRcbiAgICAgICAgICAgIGJpbmREYXRhID0gcmVUaGlzLnRlc3Qoc291cmNlKTtcbiAgICAgICAgICAgIHNldEJpbmREYXRhKGZ1bmMsIGJpbmREYXRhKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIC8vIGV4aXQgZWFybHkgaWYgdGhlcmUgYXJlIG5vIGB0aGlzYCByZWZlcmVuY2VzIG9yIGBmdW5jYCBpcyBib3VuZFxuICAgICAgaWYgKGJpbmREYXRhID09PSBmYWxzZSB8fCAoYmluZERhdGEgIT09IHRydWUgJiYgYmluZERhdGFbMV0gJiAxKSkge1xuICAgICAgICByZXR1cm4gZnVuYztcbiAgICAgIH1cbiAgICAgIHN3aXRjaCAoYXJnQ291bnQpIHtcbiAgICAgICAgY2FzZSAxOiByZXR1cm4gZnVuY3Rpb24odmFsdWUpIHtcbiAgICAgICAgICByZXR1cm4gZnVuYy5jYWxsKHRoaXNBcmcsIHZhbHVlKTtcbiAgICAgICAgfTtcbiAgICAgICAgY2FzZSAyOiByZXR1cm4gZnVuY3Rpb24oYSwgYikge1xuICAgICAgICAgIHJldHVybiBmdW5jLmNhbGwodGhpc0FyZywgYSwgYik7XG4gICAgICAgIH07XG4gICAgICAgIGNhc2UgMzogcmV0dXJuIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikge1xuICAgICAgICAgIHJldHVybiBmdW5jLmNhbGwodGhpc0FyZywgdmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKTtcbiAgICAgICAgfTtcbiAgICAgICAgY2FzZSA0OiByZXR1cm4gZnVuY3Rpb24oYWNjdW11bGF0b3IsIHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikge1xuICAgICAgICAgIHJldHVybiBmdW5jLmNhbGwodGhpc0FyZywgYWNjdW11bGF0b3IsIHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbik7XG4gICAgICAgIH07XG4gICAgICB9XG4gICAgICByZXR1cm4gYmluZChmdW5jLCB0aGlzQXJnKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGUgYmFzZSBpbXBsZW1lbnRhdGlvbiBvZiBgY3JlYXRlV3JhcHBlcmAgdGhhdCBjcmVhdGVzIHRoZSB3cmFwcGVyIGFuZFxuICAgICAqIHNldHMgaXRzIG1ldGEgZGF0YS5cbiAgICAgKlxuICAgICAqIEBwcml2YXRlXG4gICAgICogQHBhcmFtIHtBcnJheX0gYmluZERhdGEgVGhlIGJpbmQgZGF0YSBhcnJheS5cbiAgICAgKiBAcmV0dXJucyB7RnVuY3Rpb259IFJldHVybnMgdGhlIG5ldyBmdW5jdGlvbi5cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBiYXNlQ3JlYXRlV3JhcHBlcihiaW5kRGF0YSkge1xuICAgICAgdmFyIGZ1bmMgPSBiaW5kRGF0YVswXSxcbiAgICAgICAgICBiaXRtYXNrID0gYmluZERhdGFbMV0sXG4gICAgICAgICAgcGFydGlhbEFyZ3MgPSBiaW5kRGF0YVsyXSxcbiAgICAgICAgICBwYXJ0aWFsUmlnaHRBcmdzID0gYmluZERhdGFbM10sXG4gICAgICAgICAgdGhpc0FyZyA9IGJpbmREYXRhWzRdLFxuICAgICAgICAgIGFyaXR5ID0gYmluZERhdGFbNV07XG5cbiAgICAgIHZhciBpc0JpbmQgPSBiaXRtYXNrICYgMSxcbiAgICAgICAgICBpc0JpbmRLZXkgPSBiaXRtYXNrICYgMixcbiAgICAgICAgICBpc0N1cnJ5ID0gYml0bWFzayAmIDQsXG4gICAgICAgICAgaXNDdXJyeUJvdW5kID0gYml0bWFzayAmIDgsXG4gICAgICAgICAga2V5ID0gZnVuYztcblxuICAgICAgZnVuY3Rpb24gYm91bmQoKSB7XG4gICAgICAgIHZhciB0aGlzQmluZGluZyA9IGlzQmluZCA/IHRoaXNBcmcgOiB0aGlzO1xuICAgICAgICBpZiAocGFydGlhbEFyZ3MpIHtcbiAgICAgICAgICB2YXIgYXJncyA9IHNsaWNlKHBhcnRpYWxBcmdzKTtcbiAgICAgICAgICBwdXNoLmFwcGx5KGFyZ3MsIGFyZ3VtZW50cyk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHBhcnRpYWxSaWdodEFyZ3MgfHwgaXNDdXJyeSkge1xuICAgICAgICAgIGFyZ3MgfHwgKGFyZ3MgPSBzbGljZShhcmd1bWVudHMpKTtcbiAgICAgICAgICBpZiAocGFydGlhbFJpZ2h0QXJncykge1xuICAgICAgICAgICAgcHVzaC5hcHBseShhcmdzLCBwYXJ0aWFsUmlnaHRBcmdzKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgaWYgKGlzQ3VycnkgJiYgYXJncy5sZW5ndGggPCBhcml0eSkge1xuICAgICAgICAgICAgYml0bWFzayB8PSAxNiAmIH4zMjtcbiAgICAgICAgICAgIHJldHVybiBiYXNlQ3JlYXRlV3JhcHBlcihbZnVuYywgKGlzQ3VycnlCb3VuZCA/IGJpdG1hc2sgOiBiaXRtYXNrICYgfjMpLCBhcmdzLCBudWxsLCB0aGlzQXJnLCBhcml0eV0pO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBhcmdzIHx8IChhcmdzID0gYXJndW1lbnRzKTtcbiAgICAgICAgaWYgKGlzQmluZEtleSkge1xuICAgICAgICAgIGZ1bmMgPSB0aGlzQmluZGluZ1trZXldO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzIGluc3RhbmNlb2YgYm91bmQpIHtcbiAgICAgICAgICB0aGlzQmluZGluZyA9IGJhc2VDcmVhdGUoZnVuYy5wcm90b3R5cGUpO1xuICAgICAgICAgIHZhciByZXN1bHQgPSBmdW5jLmFwcGx5KHRoaXNCaW5kaW5nLCBhcmdzKTtcbiAgICAgICAgICByZXR1cm4gaXNPYmplY3QocmVzdWx0KSA/IHJlc3VsdCA6IHRoaXNCaW5kaW5nO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmdW5jLmFwcGx5KHRoaXNCaW5kaW5nLCBhcmdzKTtcbiAgICAgIH1cbiAgICAgIHNldEJpbmREYXRhKGJvdW5kLCBiaW5kRGF0YSk7XG4gICAgICByZXR1cm4gYm91bmQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIGJhc2UgaW1wbGVtZW50YXRpb24gb2YgYF8uZGlmZmVyZW5jZWAgdGhhdCBhY2NlcHRzIGEgc2luZ2xlIGFycmF5XG4gICAgICogb2YgdmFsdWVzIHRvIGV4Y2x1ZGUuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBwcm9jZXNzLlxuICAgICAqIEBwYXJhbSB7QXJyYXl9IFt2YWx1ZXNdIFRoZSBhcnJheSBvZiB2YWx1ZXMgdG8gZXhjbHVkZS5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgYXJyYXkgb2YgZmlsdGVyZWQgdmFsdWVzLlxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGJhc2VEaWZmZXJlbmNlKGFycmF5LCB2YWx1ZXMpIHtcbiAgICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICAgIGluZGV4T2YgPSBnZXRJbmRleE9mKCksXG4gICAgICAgICAgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwLFxuICAgICAgICAgIGlzTGFyZ2UgPSBsZW5ndGggPj0gbGFyZ2VBcnJheVNpemUgJiYgaW5kZXhPZiA9PT0gYmFzZUluZGV4T2YsXG4gICAgICAgICAgcmVzdWx0ID0gW107XG5cbiAgICAgIGlmIChpc0xhcmdlKSB7XG4gICAgICAgIHZhciBjYWNoZSA9IGNyZWF0ZUNhY2hlKHZhbHVlcyk7XG4gICAgICAgIGlmIChjYWNoZSkge1xuICAgICAgICAgIGluZGV4T2YgPSBjYWNoZUluZGV4T2Y7XG4gICAgICAgICAgdmFsdWVzID0gY2FjaGU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaXNMYXJnZSA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICB2YXIgdmFsdWUgPSBhcnJheVtpbmRleF07XG4gICAgICAgIGlmIChpbmRleE9mKHZhbHVlcywgdmFsdWUpIDwgMCkge1xuICAgICAgICAgIHJlc3VsdC5wdXNoKHZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgaWYgKGlzTGFyZ2UpIHtcbiAgICAgICAgcmVsZWFzZU9iamVjdCh2YWx1ZXMpO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGUgYmFzZSBpbXBsZW1lbnRhdGlvbiBvZiBgXy5mbGF0dGVuYCB3aXRob3V0IHN1cHBvcnQgZm9yIGNhbGxiYWNrXG4gICAgICogc2hvcnRoYW5kcyBvciBgdGhpc0FyZ2AgYmluZGluZy5cbiAgICAgKlxuICAgICAqIEBwcml2YXRlXG4gICAgICogQHBhcmFtIHtBcnJheX0gYXJyYXkgVGhlIGFycmF5IHRvIGZsYXR0ZW4uXG4gICAgICogQHBhcmFtIHtib29sZWFufSBbaXNTaGFsbG93PWZhbHNlXSBBIGZsYWcgdG8gcmVzdHJpY3QgZmxhdHRlbmluZyB0byBhIHNpbmdsZSBsZXZlbC5cbiAgICAgKiBAcGFyYW0ge2Jvb2xlYW59IFtpc1N0cmljdD1mYWxzZV0gQSBmbGFnIHRvIHJlc3RyaWN0IGZsYXR0ZW5pbmcgdG8gYXJyYXlzIGFuZCBgYXJndW1lbnRzYCBvYmplY3RzLlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbZnJvbUluZGV4PTBdIFRoZSBpbmRleCB0byBzdGFydCBmcm9tLlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhIG5ldyBmbGF0dGVuZWQgYXJyYXkuXG4gICAgICovXG4gICAgZnVuY3Rpb24gYmFzZUZsYXR0ZW4oYXJyYXksIGlzU2hhbGxvdywgaXNTdHJpY3QsIGZyb21JbmRleCkge1xuICAgICAgdmFyIGluZGV4ID0gKGZyb21JbmRleCB8fCAwKSAtIDEsXG4gICAgICAgICAgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwLFxuICAgICAgICAgIHJlc3VsdCA9IFtdO1xuXG4gICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICB2YXIgdmFsdWUgPSBhcnJheVtpbmRleF07XG5cbiAgICAgICAgaWYgKHZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PSAnb2JqZWN0JyAmJiB0eXBlb2YgdmFsdWUubGVuZ3RoID09ICdudW1iZXInXG4gICAgICAgICAgICAmJiAoaXNBcnJheSh2YWx1ZSkgfHwgaXNBcmd1bWVudHModmFsdWUpKSkge1xuICAgICAgICAgIC8vIHJlY3Vyc2l2ZWx5IGZsYXR0ZW4gYXJyYXlzIChzdXNjZXB0aWJsZSB0byBjYWxsIHN0YWNrIGxpbWl0cylcbiAgICAgICAgICBpZiAoIWlzU2hhbGxvdykge1xuICAgICAgICAgICAgdmFsdWUgPSBiYXNlRmxhdHRlbih2YWx1ZSwgaXNTaGFsbG93LCBpc1N0cmljdCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHZhciB2YWxJbmRleCA9IC0xLFxuICAgICAgICAgICAgICB2YWxMZW5ndGggPSB2YWx1ZS5sZW5ndGgsXG4gICAgICAgICAgICAgIHJlc0luZGV4ID0gcmVzdWx0Lmxlbmd0aDtcblxuICAgICAgICAgIHJlc3VsdC5sZW5ndGggKz0gdmFsTGVuZ3RoO1xuICAgICAgICAgIHdoaWxlICgrK3ZhbEluZGV4IDwgdmFsTGVuZ3RoKSB7XG4gICAgICAgICAgICByZXN1bHRbcmVzSW5kZXgrK10gPSB2YWx1ZVt2YWxJbmRleF07XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2UgaWYgKCFpc1N0cmljdCkge1xuICAgICAgICAgIHJlc3VsdC5wdXNoKHZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGUgYmFzZSBpbXBsZW1lbnRhdGlvbiBvZiBgXy5pc0VxdWFsYCwgd2l0aG91dCBzdXBwb3J0IGZvciBgdGhpc0FyZ2AgYmluZGluZyxcbiAgICAgKiB0aGF0IGFsbG93cyBwYXJ0aWFsIFwiXy53aGVyZVwiIHN0eWxlIGNvbXBhcmlzb25zLlxuICAgICAqXG4gICAgICogQHByaXZhdGVcbiAgICAgKiBAcGFyYW0geyp9IGEgVGhlIHZhbHVlIHRvIGNvbXBhcmUuXG4gICAgICogQHBhcmFtIHsqfSBiIFRoZSBvdGhlciB2YWx1ZSB0byBjb21wYXJlLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IFtjYWxsYmFja10gVGhlIGZ1bmN0aW9uIHRvIGN1c3RvbWl6ZSBjb21wYXJpbmcgdmFsdWVzLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IFtpc1doZXJlPWZhbHNlXSBBIGZsYWcgdG8gaW5kaWNhdGUgcGVyZm9ybWluZyBwYXJ0aWFsIGNvbXBhcmlzb25zLlxuICAgICAqIEBwYXJhbSB7QXJyYXl9IFtzdGFja0E9W11dIFRyYWNrcyB0cmF2ZXJzZWQgYGFgIG9iamVjdHMuXG4gICAgICogQHBhcmFtIHtBcnJheX0gW3N0YWNrQj1bXV0gVHJhY2tzIHRyYXZlcnNlZCBgYmAgb2JqZWN0cy5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIHZhbHVlcyBhcmUgZXF1aXZhbGVudCwgZWxzZSBgZmFsc2VgLlxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGJhc2VJc0VxdWFsKGEsIGIsIGNhbGxiYWNrLCBpc1doZXJlLCBzdGFja0EsIHN0YWNrQikge1xuICAgICAgLy8gdXNlZCB0byBpbmRpY2F0ZSB0aGF0IHdoZW4gY29tcGFyaW5nIG9iamVjdHMsIGBhYCBoYXMgYXQgbGVhc3QgdGhlIHByb3BlcnRpZXMgb2YgYGJgXG4gICAgICBpZiAoY2FsbGJhY2spIHtcbiAgICAgICAgdmFyIHJlc3VsdCA9IGNhbGxiYWNrKGEsIGIpO1xuICAgICAgICBpZiAodHlwZW9mIHJlc3VsdCAhPSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHJldHVybiAhIXJlc3VsdDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgLy8gZXhpdCBlYXJseSBmb3IgaWRlbnRpY2FsIHZhbHVlc1xuICAgICAgaWYgKGEgPT09IGIpIHtcbiAgICAgICAgLy8gdHJlYXQgYCswYCB2cy4gYC0wYCBhcyBub3QgZXF1YWxcbiAgICAgICAgcmV0dXJuIGEgIT09IDAgfHwgKDEgLyBhID09IDEgLyBiKTtcbiAgICAgIH1cbiAgICAgIHZhciB0eXBlID0gdHlwZW9mIGEsXG4gICAgICAgICAgb3RoZXJUeXBlID0gdHlwZW9mIGI7XG5cbiAgICAgIC8vIGV4aXQgZWFybHkgZm9yIHVubGlrZSBwcmltaXRpdmUgdmFsdWVzXG4gICAgICBpZiAoYSA9PT0gYSAmJlxuICAgICAgICAgICEoYSAmJiBvYmplY3RUeXBlc1t0eXBlXSkgJiZcbiAgICAgICAgICAhKGIgJiYgb2JqZWN0VHlwZXNbb3RoZXJUeXBlXSkpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuICAgICAgLy8gZXhpdCBlYXJseSBmb3IgYG51bGxgIGFuZCBgdW5kZWZpbmVkYCBhdm9pZGluZyBFUzMncyBGdW5jdGlvbiNjYWxsIGJlaGF2aW9yXG4gICAgICAvLyBodHRwOi8vZXM1LmdpdGh1Yi5pby8jeDE1LjMuNC40XG4gICAgICBpZiAoYSA9PSBudWxsIHx8IGIgPT0gbnVsbCkge1xuICAgICAgICByZXR1cm4gYSA9PT0gYjtcbiAgICAgIH1cbiAgICAgIC8vIGNvbXBhcmUgW1tDbGFzc11dIG5hbWVzXG4gICAgICB2YXIgY2xhc3NOYW1lID0gdG9TdHJpbmcuY2FsbChhKSxcbiAgICAgICAgICBvdGhlckNsYXNzID0gdG9TdHJpbmcuY2FsbChiKTtcblxuICAgICAgaWYgKGNsYXNzTmFtZSA9PSBhcmdzQ2xhc3MpIHtcbiAgICAgICAgY2xhc3NOYW1lID0gb2JqZWN0Q2xhc3M7XG4gICAgICB9XG4gICAgICBpZiAob3RoZXJDbGFzcyA9PSBhcmdzQ2xhc3MpIHtcbiAgICAgICAgb3RoZXJDbGFzcyA9IG9iamVjdENsYXNzO1xuICAgICAgfVxuICAgICAgaWYgKGNsYXNzTmFtZSAhPSBvdGhlckNsYXNzKSB7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgIH1cbiAgICAgIHN3aXRjaCAoY2xhc3NOYW1lKSB7XG4gICAgICAgIGNhc2UgYm9vbENsYXNzOlxuICAgICAgICBjYXNlIGRhdGVDbGFzczpcbiAgICAgICAgICAvLyBjb2VyY2UgZGF0ZXMgYW5kIGJvb2xlYW5zIHRvIG51bWJlcnMsIGRhdGVzIHRvIG1pbGxpc2Vjb25kcyBhbmQgYm9vbGVhbnNcbiAgICAgICAgICAvLyB0byBgMWAgb3IgYDBgIHRyZWF0aW5nIGludmFsaWQgZGF0ZXMgY29lcmNlZCB0byBgTmFOYCBhcyBub3QgZXF1YWxcbiAgICAgICAgICByZXR1cm4gK2EgPT0gK2I7XG5cbiAgICAgICAgY2FzZSBudW1iZXJDbGFzczpcbiAgICAgICAgICAvLyB0cmVhdCBgTmFOYCB2cy4gYE5hTmAgYXMgZXF1YWxcbiAgICAgICAgICByZXR1cm4gKGEgIT0gK2EpXG4gICAgICAgICAgICA/IGIgIT0gK2JcbiAgICAgICAgICAgIC8vIGJ1dCB0cmVhdCBgKzBgIHZzLiBgLTBgIGFzIG5vdCBlcXVhbFxuICAgICAgICAgICAgOiAoYSA9PSAwID8gKDEgLyBhID09IDEgLyBiKSA6IGEgPT0gK2IpO1xuXG4gICAgICAgIGNhc2UgcmVnZXhwQ2xhc3M6XG4gICAgICAgIGNhc2Ugc3RyaW5nQ2xhc3M6XG4gICAgICAgICAgLy8gY29lcmNlIHJlZ2V4ZXMgdG8gc3RyaW5ncyAoaHR0cDovL2VzNS5naXRodWIuaW8vI3gxNS4xMC42LjQpXG4gICAgICAgICAgLy8gdHJlYXQgc3RyaW5nIHByaW1pdGl2ZXMgYW5kIHRoZWlyIGNvcnJlc3BvbmRpbmcgb2JqZWN0IGluc3RhbmNlcyBhcyBlcXVhbFxuICAgICAgICAgIHJldHVybiBhID09IFN0cmluZyhiKTtcbiAgICAgIH1cbiAgICAgIHZhciBpc0FyciA9IGNsYXNzTmFtZSA9PSBhcnJheUNsYXNzO1xuICAgICAgaWYgKCFpc0Fycikge1xuICAgICAgICAvLyB1bndyYXAgYW55IGBsb2Rhc2hgIHdyYXBwZWQgdmFsdWVzXG4gICAgICAgIHZhciBhV3JhcHBlZCA9IGhhc093blByb3BlcnR5LmNhbGwoYSwgJ19fd3JhcHBlZF9fJyksXG4gICAgICAgICAgICBiV3JhcHBlZCA9IGhhc093blByb3BlcnR5LmNhbGwoYiwgJ19fd3JhcHBlZF9fJyk7XG5cbiAgICAgICAgaWYgKGFXcmFwcGVkIHx8IGJXcmFwcGVkKSB7XG4gICAgICAgICAgcmV0dXJuIGJhc2VJc0VxdWFsKGFXcmFwcGVkID8gYS5fX3dyYXBwZWRfXyA6IGEsIGJXcmFwcGVkID8gYi5fX3dyYXBwZWRfXyA6IGIsIGNhbGxiYWNrLCBpc1doZXJlLCBzdGFja0EsIHN0YWNrQik7XG4gICAgICAgIH1cbiAgICAgICAgLy8gZXhpdCBmb3IgZnVuY3Rpb25zIGFuZCBET00gbm9kZXNcbiAgICAgICAgaWYgKGNsYXNzTmFtZSAhPSBvYmplY3RDbGFzcykge1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICAvLyBpbiBvbGRlciB2ZXJzaW9ucyBvZiBPcGVyYSwgYGFyZ3VtZW50c2Agb2JqZWN0cyBoYXZlIGBBcnJheWAgY29uc3RydWN0b3JzXG4gICAgICAgIHZhciBjdG9yQSA9IGEuY29uc3RydWN0b3IsXG4gICAgICAgICAgICBjdG9yQiA9IGIuY29uc3RydWN0b3I7XG5cbiAgICAgICAgLy8gbm9uIGBPYmplY3RgIG9iamVjdCBpbnN0YW5jZXMgd2l0aCBkaWZmZXJlbnQgY29uc3RydWN0b3JzIGFyZSBub3QgZXF1YWxcbiAgICAgICAgaWYgKGN0b3JBICE9IGN0b3JCICYmXG4gICAgICAgICAgICAgICEoaXNGdW5jdGlvbihjdG9yQSkgJiYgY3RvckEgaW5zdGFuY2VvZiBjdG9yQSAmJiBpc0Z1bmN0aW9uKGN0b3JCKSAmJiBjdG9yQiBpbnN0YW5jZW9mIGN0b3JCKSAmJlxuICAgICAgICAgICAgICAoJ2NvbnN0cnVjdG9yJyBpbiBhICYmICdjb25zdHJ1Y3RvcicgaW4gYilcbiAgICAgICAgICAgICkge1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgLy8gYXNzdW1lIGN5Y2xpYyBzdHJ1Y3R1cmVzIGFyZSBlcXVhbFxuICAgICAgLy8gdGhlIGFsZ29yaXRobSBmb3IgZGV0ZWN0aW5nIGN5Y2xpYyBzdHJ1Y3R1cmVzIGlzIGFkYXB0ZWQgZnJvbSBFUyA1LjFcbiAgICAgIC8vIHNlY3Rpb24gMTUuMTIuMywgYWJzdHJhY3Qgb3BlcmF0aW9uIGBKT2AgKGh0dHA6Ly9lczUuZ2l0aHViLmlvLyN4MTUuMTIuMylcbiAgICAgIHZhciBpbml0ZWRTdGFjayA9ICFzdGFja0E7XG4gICAgICBzdGFja0EgfHwgKHN0YWNrQSA9IGdldEFycmF5KCkpO1xuICAgICAgc3RhY2tCIHx8IChzdGFja0IgPSBnZXRBcnJheSgpKTtcblxuICAgICAgdmFyIGxlbmd0aCA9IHN0YWNrQS5sZW5ndGg7XG4gICAgICB3aGlsZSAobGVuZ3RoLS0pIHtcbiAgICAgICAgaWYgKHN0YWNrQVtsZW5ndGhdID09IGEpIHtcbiAgICAgICAgICByZXR1cm4gc3RhY2tCW2xlbmd0aF0gPT0gYjtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgdmFyIHNpemUgPSAwO1xuICAgICAgcmVzdWx0ID0gdHJ1ZTtcblxuICAgICAgLy8gYWRkIGBhYCBhbmQgYGJgIHRvIHRoZSBzdGFjayBvZiB0cmF2ZXJzZWQgb2JqZWN0c1xuICAgICAgc3RhY2tBLnB1c2goYSk7XG4gICAgICBzdGFja0IucHVzaChiKTtcblxuICAgICAgLy8gcmVjdXJzaXZlbHkgY29tcGFyZSBvYmplY3RzIGFuZCBhcnJheXMgKHN1c2NlcHRpYmxlIHRvIGNhbGwgc3RhY2sgbGltaXRzKVxuICAgICAgaWYgKGlzQXJyKSB7XG4gICAgICAgIC8vIGNvbXBhcmUgbGVuZ3RocyB0byBkZXRlcm1pbmUgaWYgYSBkZWVwIGNvbXBhcmlzb24gaXMgbmVjZXNzYXJ5XG4gICAgICAgIGxlbmd0aCA9IGEubGVuZ3RoO1xuICAgICAgICBzaXplID0gYi5sZW5ndGg7XG4gICAgICAgIHJlc3VsdCA9IHNpemUgPT0gbGVuZ3RoO1xuXG4gICAgICAgIGlmIChyZXN1bHQgfHwgaXNXaGVyZSkge1xuICAgICAgICAgIC8vIGRlZXAgY29tcGFyZSB0aGUgY29udGVudHMsIGlnbm9yaW5nIG5vbi1udW1lcmljIHByb3BlcnRpZXNcbiAgICAgICAgICB3aGlsZSAoc2l6ZS0tKSB7XG4gICAgICAgICAgICB2YXIgaW5kZXggPSBsZW5ndGgsXG4gICAgICAgICAgICAgICAgdmFsdWUgPSBiW3NpemVdO1xuXG4gICAgICAgICAgICBpZiAoaXNXaGVyZSkge1xuICAgICAgICAgICAgICB3aGlsZSAoaW5kZXgtLSkge1xuICAgICAgICAgICAgICAgIGlmICgocmVzdWx0ID0gYmFzZUlzRXF1YWwoYVtpbmRleF0sIHZhbHVlLCBjYWxsYmFjaywgaXNXaGVyZSwgc3RhY2tBLCBzdGFja0IpKSkge1xuICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2UgaWYgKCEocmVzdWx0ID0gYmFzZUlzRXF1YWwoYVtzaXplXSwgdmFsdWUsIGNhbGxiYWNrLCBpc1doZXJlLCBzdGFja0EsIHN0YWNrQikpKSB7XG4gICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgZWxzZSB7XG4gICAgICAgIC8vIGRlZXAgY29tcGFyZSBvYmplY3RzIHVzaW5nIGBmb3JJbmAsIGluc3RlYWQgb2YgYGZvck93bmAsIHRvIGF2b2lkIGBPYmplY3Qua2V5c2BcbiAgICAgICAgLy8gd2hpY2gsIGluIHRoaXMgY2FzZSwgaXMgbW9yZSBjb3N0bHlcbiAgICAgICAgZm9ySW4oYiwgZnVuY3Rpb24odmFsdWUsIGtleSwgYikge1xuICAgICAgICAgIGlmIChoYXNPd25Qcm9wZXJ0eS5jYWxsKGIsIGtleSkpIHtcbiAgICAgICAgICAgIC8vIGNvdW50IHRoZSBudW1iZXIgb2YgcHJvcGVydGllcy5cbiAgICAgICAgICAgIHNpemUrKztcbiAgICAgICAgICAgIC8vIGRlZXAgY29tcGFyZSBlYWNoIHByb3BlcnR5IHZhbHVlLlxuICAgICAgICAgICAgcmV0dXJuIChyZXN1bHQgPSBoYXNPd25Qcm9wZXJ0eS5jYWxsKGEsIGtleSkgJiYgYmFzZUlzRXF1YWwoYVtrZXldLCB2YWx1ZSwgY2FsbGJhY2ssIGlzV2hlcmUsIHN0YWNrQSwgc3RhY2tCKSk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcblxuICAgICAgICBpZiAocmVzdWx0ICYmICFpc1doZXJlKSB7XG4gICAgICAgICAgLy8gZW5zdXJlIGJvdGggb2JqZWN0cyBoYXZlIHRoZSBzYW1lIG51bWJlciBvZiBwcm9wZXJ0aWVzXG4gICAgICAgICAgZm9ySW4oYSwgZnVuY3Rpb24odmFsdWUsIGtleSwgYSkge1xuICAgICAgICAgICAgaWYgKGhhc093blByb3BlcnR5LmNhbGwoYSwga2V5KSkge1xuICAgICAgICAgICAgICAvLyBgc2l6ZWAgd2lsbCBiZSBgLTFgIGlmIGBhYCBoYXMgbW9yZSBwcm9wZXJ0aWVzIHRoYW4gYGJgXG4gICAgICAgICAgICAgIHJldHVybiAocmVzdWx0ID0gLS1zaXplID4gLTEpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBzdGFja0EucG9wKCk7XG4gICAgICBzdGFja0IucG9wKCk7XG5cbiAgICAgIGlmIChpbml0ZWRTdGFjaykge1xuICAgICAgICByZWxlYXNlQXJyYXkoc3RhY2tBKTtcbiAgICAgICAgcmVsZWFzZUFycmF5KHN0YWNrQik7XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRoZSBiYXNlIGltcGxlbWVudGF0aW9uIG9mIGBfLm1lcmdlYCB3aXRob3V0IGFyZ3VtZW50IGp1Z2dsaW5nIG9yIHN1cHBvcnRcbiAgICAgKiBmb3IgYHRoaXNBcmdgIGJpbmRpbmcuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIGRlc3RpbmF0aW9uIG9iamVjdC5cbiAgICAgKiBAcGFyYW0ge09iamVjdH0gc291cmNlIFRoZSBzb3VyY2Ugb2JqZWN0LlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IFtjYWxsYmFja10gVGhlIGZ1bmN0aW9uIHRvIGN1c3RvbWl6ZSBtZXJnaW5nIHByb3BlcnRpZXMuXG4gICAgICogQHBhcmFtIHtBcnJheX0gW3N0YWNrQT1bXV0gVHJhY2tzIHRyYXZlcnNlZCBzb3VyY2Ugb2JqZWN0cy5cbiAgICAgKiBAcGFyYW0ge0FycmF5fSBbc3RhY2tCPVtdXSBBc3NvY2lhdGVzIHZhbHVlcyB3aXRoIHNvdXJjZSBjb3VudGVycGFydHMuXG4gICAgICovXG4gICAgZnVuY3Rpb24gYmFzZU1lcmdlKG9iamVjdCwgc291cmNlLCBjYWxsYmFjaywgc3RhY2tBLCBzdGFja0IpIHtcbiAgICAgIChpc0FycmF5KHNvdXJjZSkgPyBmb3JFYWNoIDogZm9yT3duKShzb3VyY2UsIGZ1bmN0aW9uKHNvdXJjZSwga2V5KSB7XG4gICAgICAgIHZhciBmb3VuZCxcbiAgICAgICAgICAgIGlzQXJyLFxuICAgICAgICAgICAgcmVzdWx0ID0gc291cmNlLFxuICAgICAgICAgICAgdmFsdWUgPSBvYmplY3Rba2V5XTtcblxuICAgICAgICBpZiAoc291cmNlICYmICgoaXNBcnIgPSBpc0FycmF5KHNvdXJjZSkpIHx8IGlzUGxhaW5PYmplY3Qoc291cmNlKSkpIHtcbiAgICAgICAgICAvLyBhdm9pZCBtZXJnaW5nIHByZXZpb3VzbHkgbWVyZ2VkIGN5Y2xpYyBzb3VyY2VzXG4gICAgICAgICAgdmFyIHN0YWNrTGVuZ3RoID0gc3RhY2tBLmxlbmd0aDtcbiAgICAgICAgICB3aGlsZSAoc3RhY2tMZW5ndGgtLSkge1xuICAgICAgICAgICAgaWYgKChmb3VuZCA9IHN0YWNrQVtzdGFja0xlbmd0aF0gPT0gc291cmNlKSkge1xuICAgICAgICAgICAgICB2YWx1ZSA9IHN0YWNrQltzdGFja0xlbmd0aF07XG4gICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgICBpZiAoIWZvdW5kKSB7XG4gICAgICAgICAgICB2YXIgaXNTaGFsbG93O1xuICAgICAgICAgICAgaWYgKGNhbGxiYWNrKSB7XG4gICAgICAgICAgICAgIHJlc3VsdCA9IGNhbGxiYWNrKHZhbHVlLCBzb3VyY2UpO1xuICAgICAgICAgICAgICBpZiAoKGlzU2hhbGxvdyA9IHR5cGVvZiByZXN1bHQgIT0gJ3VuZGVmaW5lZCcpKSB7XG4gICAgICAgICAgICAgICAgdmFsdWUgPSByZXN1bHQ7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmICghaXNTaGFsbG93KSB7XG4gICAgICAgICAgICAgIHZhbHVlID0gaXNBcnJcbiAgICAgICAgICAgICAgICA/IChpc0FycmF5KHZhbHVlKSA/IHZhbHVlIDogW10pXG4gICAgICAgICAgICAgICAgOiAoaXNQbGFpbk9iamVjdCh2YWx1ZSkgPyB2YWx1ZSA6IHt9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIGFkZCBgc291cmNlYCBhbmQgYXNzb2NpYXRlZCBgdmFsdWVgIHRvIHRoZSBzdGFjayBvZiB0cmF2ZXJzZWQgb2JqZWN0c1xuICAgICAgICAgICAgc3RhY2tBLnB1c2goc291cmNlKTtcbiAgICAgICAgICAgIHN0YWNrQi5wdXNoKHZhbHVlKTtcblxuICAgICAgICAgICAgLy8gcmVjdXJzaXZlbHkgbWVyZ2Ugb2JqZWN0cyBhbmQgYXJyYXlzIChzdXNjZXB0aWJsZSB0byBjYWxsIHN0YWNrIGxpbWl0cylcbiAgICAgICAgICAgIGlmICghaXNTaGFsbG93KSB7XG4gICAgICAgICAgICAgIGJhc2VNZXJnZSh2YWx1ZSwgc291cmNlLCBjYWxsYmFjaywgc3RhY2tBLCBzdGFja0IpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICBpZiAoY2FsbGJhY2spIHtcbiAgICAgICAgICAgIHJlc3VsdCA9IGNhbGxiYWNrKHZhbHVlLCBzb3VyY2UpO1xuICAgICAgICAgICAgaWYgKHR5cGVvZiByZXN1bHQgPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICAgICAgcmVzdWx0ID0gc291cmNlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgICBpZiAodHlwZW9mIHJlc3VsdCAhPSAndW5kZWZpbmVkJykge1xuICAgICAgICAgICAgdmFsdWUgPSByZXN1bHQ7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIG9iamVjdFtrZXldID0gdmFsdWU7XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGUgYmFzZSBpbXBsZW1lbnRhdGlvbiBvZiBgXy5yYW5kb21gIHdpdGhvdXQgYXJndW1lbnQganVnZ2xpbmcgb3Igc3VwcG9ydFxuICAgICAqIGZvciByZXR1cm5pbmcgZmxvYXRpbmctcG9pbnQgbnVtYmVycy5cbiAgICAgKlxuICAgICAqIEBwcml2YXRlXG4gICAgICogQHBhcmFtIHtudW1iZXJ9IG1pbiBUaGUgbWluaW11bSBwb3NzaWJsZSB2YWx1ZS5cbiAgICAgKiBAcGFyYW0ge251bWJlcn0gbWF4IFRoZSBtYXhpbXVtIHBvc3NpYmxlIHZhbHVlLlxuICAgICAqIEByZXR1cm5zIHtudW1iZXJ9IFJldHVybnMgYSByYW5kb20gbnVtYmVyLlxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGJhc2VSYW5kb20obWluLCBtYXgpIHtcbiAgICAgIHJldHVybiBtaW4gKyBmbG9vcihuYXRpdmVSYW5kb20oKSAqIChtYXggLSBtaW4gKyAxKSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIGJhc2UgaW1wbGVtZW50YXRpb24gb2YgYF8udW5pcWAgd2l0aG91dCBzdXBwb3J0IGZvciBjYWxsYmFjayBzaG9ydGhhbmRzXG4gICAgICogb3IgYHRoaXNBcmdgIGJpbmRpbmcuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBwcm9jZXNzLlxuICAgICAqIEBwYXJhbSB7Ym9vbGVhbn0gW2lzU29ydGVkPWZhbHNlXSBBIGZsYWcgdG8gaW5kaWNhdGUgdGhhdCBgYXJyYXlgIGlzIHNvcnRlZC5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBbY2FsbGJhY2tdIFRoZSBmdW5jdGlvbiBjYWxsZWQgcGVyIGl0ZXJhdGlvbi5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBkdXBsaWNhdGUtdmFsdWUtZnJlZSBhcnJheS5cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBiYXNlVW5pcShhcnJheSwgaXNTb3J0ZWQsIGNhbGxiYWNrKSB7XG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBpbmRleE9mID0gZ2V0SW5kZXhPZigpLFxuICAgICAgICAgIGxlbmd0aCA9IGFycmF5ID8gYXJyYXkubGVuZ3RoIDogMCxcbiAgICAgICAgICByZXN1bHQgPSBbXTtcblxuICAgICAgdmFyIGlzTGFyZ2UgPSAhaXNTb3J0ZWQgJiYgbGVuZ3RoID49IGxhcmdlQXJyYXlTaXplICYmIGluZGV4T2YgPT09IGJhc2VJbmRleE9mLFxuICAgICAgICAgIHNlZW4gPSAoY2FsbGJhY2sgfHwgaXNMYXJnZSkgPyBnZXRBcnJheSgpIDogcmVzdWx0O1xuXG4gICAgICBpZiAoaXNMYXJnZSkge1xuICAgICAgICB2YXIgY2FjaGUgPSBjcmVhdGVDYWNoZShzZWVuKTtcbiAgICAgICAgaW5kZXhPZiA9IGNhY2hlSW5kZXhPZjtcbiAgICAgICAgc2VlbiA9IGNhY2hlO1xuICAgICAgfVxuICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgdmFyIHZhbHVlID0gYXJyYXlbaW5kZXhdLFxuICAgICAgICAgICAgY29tcHV0ZWQgPSBjYWxsYmFjayA/IGNhbGxiYWNrKHZhbHVlLCBpbmRleCwgYXJyYXkpIDogdmFsdWU7XG5cbiAgICAgICAgaWYgKGlzU29ydGVkXG4gICAgICAgICAgICAgID8gIWluZGV4IHx8IHNlZW5bc2Vlbi5sZW5ndGggLSAxXSAhPT0gY29tcHV0ZWRcbiAgICAgICAgICAgICAgOiBpbmRleE9mKHNlZW4sIGNvbXB1dGVkKSA8IDBcbiAgICAgICAgICAgICkge1xuICAgICAgICAgIGlmIChjYWxsYmFjayB8fCBpc0xhcmdlKSB7XG4gICAgICAgICAgICBzZWVuLnB1c2goY29tcHV0ZWQpO1xuICAgICAgICAgIH1cbiAgICAgICAgICByZXN1bHQucHVzaCh2YWx1ZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGlmIChpc0xhcmdlKSB7XG4gICAgICAgIHJlbGVhc2VBcnJheShzZWVuLmFycmF5KTtcbiAgICAgICAgcmVsZWFzZU9iamVjdChzZWVuKTtcbiAgICAgIH0gZWxzZSBpZiAoY2FsbGJhY2spIHtcbiAgICAgICAgcmVsZWFzZUFycmF5KHNlZW4pO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgZnVuY3Rpb24gdGhhdCBhZ2dyZWdhdGVzIGEgY29sbGVjdGlvbiwgY3JlYXRpbmcgYW4gb2JqZWN0IGNvbXBvc2VkXG4gICAgICogb2Yga2V5cyBnZW5lcmF0ZWQgZnJvbSB0aGUgcmVzdWx0cyBvZiBydW5uaW5nIGVhY2ggZWxlbWVudCBvZiB0aGUgY29sbGVjdGlvblxuICAgICAqIHRocm91Z2ggYSBjYWxsYmFjay4gVGhlIGdpdmVuIGBzZXR0ZXJgIGZ1bmN0aW9uIHNldHMgdGhlIGtleXMgYW5kIHZhbHVlc1xuICAgICAqIG9mIHRoZSBjb21wb3NlZCBvYmplY3QuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IHNldHRlciBUaGUgc2V0dGVyIGZ1bmN0aW9uLlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IGFnZ3JlZ2F0b3IgZnVuY3Rpb24uXG4gICAgICovXG4gICAgZnVuY3Rpb24gY3JlYXRlQWdncmVnYXRvcihzZXR0ZXIpIHtcbiAgICAgIHJldHVybiBmdW5jdGlvbihjb2xsZWN0aW9uLCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgICB2YXIgcmVzdWx0ID0ge307XG4gICAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcblxuICAgICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICAgIGxlbmd0aCA9IGNvbGxlY3Rpb24gPyBjb2xsZWN0aW9uLmxlbmd0aCA6IDA7XG5cbiAgICAgICAgaWYgKHR5cGVvZiBsZW5ndGggPT0gJ251bWJlcicpIHtcbiAgICAgICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICAgICAgdmFyIHZhbHVlID0gY29sbGVjdGlvbltpbmRleF07XG4gICAgICAgICAgICBzZXR0ZXIocmVzdWx0LCB2YWx1ZSwgY2FsbGJhY2sodmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKSwgY29sbGVjdGlvbik7XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGZvck93bihjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSwga2V5LCBjb2xsZWN0aW9uKSB7XG4gICAgICAgICAgICBzZXR0ZXIocmVzdWx0LCB2YWx1ZSwgY2FsbGJhY2sodmFsdWUsIGtleSwgY29sbGVjdGlvbiksIGNvbGxlY3Rpb24pO1xuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICB9O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBmdW5jdGlvbiB0aGF0LCB3aGVuIGNhbGxlZCwgZWl0aGVyIGN1cnJpZXMgb3IgaW52b2tlcyBgZnVuY2BcbiAgICAgKiB3aXRoIGFuIG9wdGlvbmFsIGB0aGlzYCBiaW5kaW5nIGFuZCBwYXJ0aWFsbHkgYXBwbGllZCBhcmd1bWVudHMuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258c3RyaW5nfSBmdW5jIFRoZSBmdW5jdGlvbiBvciBtZXRob2QgbmFtZSB0byByZWZlcmVuY2UuXG4gICAgICogQHBhcmFtIHtudW1iZXJ9IGJpdG1hc2sgVGhlIGJpdG1hc2sgb2YgbWV0aG9kIGZsYWdzIHRvIGNvbXBvc2UuXG4gICAgICogIFRoZSBiaXRtYXNrIG1heSBiZSBjb21wb3NlZCBvZiB0aGUgZm9sbG93aW5nIGZsYWdzOlxuICAgICAqICAxIC0gYF8uYmluZGBcbiAgICAgKiAgMiAtIGBfLmJpbmRLZXlgXG4gICAgICogIDQgLSBgXy5jdXJyeWBcbiAgICAgKiAgOCAtIGBfLmN1cnJ5YCAoYm91bmQpXG4gICAgICogIDE2IC0gYF8ucGFydGlhbGBcbiAgICAgKiAgMzIgLSBgXy5wYXJ0aWFsUmlnaHRgXG4gICAgICogQHBhcmFtIHtBcnJheX0gW3BhcnRpYWxBcmdzXSBBbiBhcnJheSBvZiBhcmd1bWVudHMgdG8gcHJlcGVuZCB0byB0aG9zZVxuICAgICAqICBwcm92aWRlZCB0byB0aGUgbmV3IGZ1bmN0aW9uLlxuICAgICAqIEBwYXJhbSB7QXJyYXl9IFtwYXJ0aWFsUmlnaHRBcmdzXSBBbiBhcnJheSBvZiBhcmd1bWVudHMgdG8gYXBwZW5kIHRvIHRob3NlXG4gICAgICogIHByb3ZpZGVkIHRvIHRoZSBuZXcgZnVuY3Rpb24uXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBmdW5jYC5cbiAgICAgKiBAcGFyYW0ge251bWJlcn0gW2FyaXR5XSBUaGUgYXJpdHkgb2YgYGZ1bmNgLlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IGZ1bmN0aW9uLlxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGNyZWF0ZVdyYXBwZXIoZnVuYywgYml0bWFzaywgcGFydGlhbEFyZ3MsIHBhcnRpYWxSaWdodEFyZ3MsIHRoaXNBcmcsIGFyaXR5KSB7XG4gICAgICB2YXIgaXNCaW5kID0gYml0bWFzayAmIDEsXG4gICAgICAgICAgaXNCaW5kS2V5ID0gYml0bWFzayAmIDIsXG4gICAgICAgICAgaXNDdXJyeSA9IGJpdG1hc2sgJiA0LFxuICAgICAgICAgIGlzQ3VycnlCb3VuZCA9IGJpdG1hc2sgJiA4LFxuICAgICAgICAgIGlzUGFydGlhbCA9IGJpdG1hc2sgJiAxNixcbiAgICAgICAgICBpc1BhcnRpYWxSaWdodCA9IGJpdG1hc2sgJiAzMjtcblxuICAgICAgaWYgKCFpc0JpbmRLZXkgJiYgIWlzRnVuY3Rpb24oZnVuYykpIHtcbiAgICAgICAgdGhyb3cgbmV3IFR5cGVFcnJvcjtcbiAgICAgIH1cbiAgICAgIGlmIChpc1BhcnRpYWwgJiYgIXBhcnRpYWxBcmdzLmxlbmd0aCkge1xuICAgICAgICBiaXRtYXNrICY9IH4xNjtcbiAgICAgICAgaXNQYXJ0aWFsID0gcGFydGlhbEFyZ3MgPSBmYWxzZTtcbiAgICAgIH1cbiAgICAgIGlmIChpc1BhcnRpYWxSaWdodCAmJiAhcGFydGlhbFJpZ2h0QXJncy5sZW5ndGgpIHtcbiAgICAgICAgYml0bWFzayAmPSB+MzI7XG4gICAgICAgIGlzUGFydGlhbFJpZ2h0ID0gcGFydGlhbFJpZ2h0QXJncyA9IGZhbHNlO1xuICAgICAgfVxuICAgICAgdmFyIGJpbmREYXRhID0gZnVuYyAmJiBmdW5jLl9fYmluZERhdGFfXztcbiAgICAgIGlmIChiaW5kRGF0YSAmJiBiaW5kRGF0YSAhPT0gdHJ1ZSkge1xuICAgICAgICAvLyBjbG9uZSBgYmluZERhdGFgXG4gICAgICAgIGJpbmREYXRhID0gc2xpY2UoYmluZERhdGEpO1xuICAgICAgICBpZiAoYmluZERhdGFbMl0pIHtcbiAgICAgICAgICBiaW5kRGF0YVsyXSA9IHNsaWNlKGJpbmREYXRhWzJdKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoYmluZERhdGFbM10pIHtcbiAgICAgICAgICBiaW5kRGF0YVszXSA9IHNsaWNlKGJpbmREYXRhWzNdKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBzZXQgYHRoaXNCaW5kaW5nYCBpcyBub3QgcHJldmlvdXNseSBib3VuZFxuICAgICAgICBpZiAoaXNCaW5kICYmICEoYmluZERhdGFbMV0gJiAxKSkge1xuICAgICAgICAgIGJpbmREYXRhWzRdID0gdGhpc0FyZztcbiAgICAgICAgfVxuICAgICAgICAvLyBzZXQgaWYgcHJldmlvdXNseSBib3VuZCBidXQgbm90IGN1cnJlbnRseSAoc3Vic2VxdWVudCBjdXJyaWVkIGZ1bmN0aW9ucylcbiAgICAgICAgaWYgKCFpc0JpbmQgJiYgYmluZERhdGFbMV0gJiAxKSB7XG4gICAgICAgICAgYml0bWFzayB8PSA4O1xuICAgICAgICB9XG4gICAgICAgIC8vIHNldCBjdXJyaWVkIGFyaXR5IGlmIG5vdCB5ZXQgc2V0XG4gICAgICAgIGlmIChpc0N1cnJ5ICYmICEoYmluZERhdGFbMV0gJiA0KSkge1xuICAgICAgICAgIGJpbmREYXRhWzVdID0gYXJpdHk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gYXBwZW5kIHBhcnRpYWwgbGVmdCBhcmd1bWVudHNcbiAgICAgICAgaWYgKGlzUGFydGlhbCkge1xuICAgICAgICAgIHB1c2guYXBwbHkoYmluZERhdGFbMl0gfHwgKGJpbmREYXRhWzJdID0gW10pLCBwYXJ0aWFsQXJncyk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gYXBwZW5kIHBhcnRpYWwgcmlnaHQgYXJndW1lbnRzXG4gICAgICAgIGlmIChpc1BhcnRpYWxSaWdodCkge1xuICAgICAgICAgIHVuc2hpZnQuYXBwbHkoYmluZERhdGFbM10gfHwgKGJpbmREYXRhWzNdID0gW10pLCBwYXJ0aWFsUmlnaHRBcmdzKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBtZXJnZSBmbGFnc1xuICAgICAgICBiaW5kRGF0YVsxXSB8PSBiaXRtYXNrO1xuICAgICAgICByZXR1cm4gY3JlYXRlV3JhcHBlci5hcHBseShudWxsLCBiaW5kRGF0YSk7XG4gICAgICB9XG4gICAgICAvLyBmYXN0IHBhdGggZm9yIGBfLmJpbmRgXG4gICAgICB2YXIgY3JlYXRlciA9IChiaXRtYXNrID09IDEgfHwgYml0bWFzayA9PT0gMTcpID8gYmFzZUJpbmQgOiBiYXNlQ3JlYXRlV3JhcHBlcjtcbiAgICAgIHJldHVybiBjcmVhdGVyKFtmdW5jLCBiaXRtYXNrLCBwYXJ0aWFsQXJncywgcGFydGlhbFJpZ2h0QXJncywgdGhpc0FyZywgYXJpdHldKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBVc2VkIGJ5IGBlc2NhcGVgIHRvIGNvbnZlcnQgY2hhcmFjdGVycyB0byBIVE1MIGVudGl0aWVzLlxuICAgICAqXG4gICAgICogQHByaXZhdGVcbiAgICAgKiBAcGFyYW0ge3N0cmluZ30gbWF0Y2ggVGhlIG1hdGNoZWQgY2hhcmFjdGVyIHRvIGVzY2FwZS5cbiAgICAgKiBAcmV0dXJucyB7c3RyaW5nfSBSZXR1cm5zIHRoZSBlc2NhcGVkIGNoYXJhY3Rlci5cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBlc2NhcGVIdG1sQ2hhcihtYXRjaCkge1xuICAgICAgcmV0dXJuIGh0bWxFc2NhcGVzW21hdGNoXTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBHZXRzIHRoZSBhcHByb3ByaWF0ZSBcImluZGV4T2ZcIiBmdW5jdGlvbi4gSWYgdGhlIGBfLmluZGV4T2ZgIG1ldGhvZCBpc1xuICAgICAqIGN1c3RvbWl6ZWQsIHRoaXMgbWV0aG9kIHJldHVybnMgdGhlIGN1c3RvbSBtZXRob2QsIG90aGVyd2lzZSBpdCByZXR1cm5zXG4gICAgICogdGhlIGBiYXNlSW5kZXhPZmAgZnVuY3Rpb24uXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgXCJpbmRleE9mXCIgZnVuY3Rpb24uXG4gICAgICovXG4gICAgZnVuY3Rpb24gZ2V0SW5kZXhPZigpIHtcbiAgICAgIHZhciByZXN1bHQgPSAocmVzdWx0ID0gbG9kYXNoLmluZGV4T2YpID09PSBpbmRleE9mID8gYmFzZUluZGV4T2YgOiByZXN1bHQ7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENoZWNrcyBpZiBgdmFsdWVgIGlzIGEgbmF0aXZlIGZ1bmN0aW9uLlxuICAgICAqXG4gICAgICogQHByaXZhdGVcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBjaGVjay5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIGB2YWx1ZWAgaXMgYSBuYXRpdmUgZnVuY3Rpb24sIGVsc2UgYGZhbHNlYC5cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc05hdGl2ZSh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHR5cGVvZiB2YWx1ZSA9PSAnZnVuY3Rpb24nICYmIHJlTmF0aXZlLnRlc3QodmFsdWUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNldHMgYHRoaXNgIGJpbmRpbmcgZGF0YSBvbiBhIGdpdmVuIGZ1bmN0aW9uLlxuICAgICAqXG4gICAgICogQHByaXZhdGVcbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBmdW5jIFRoZSBmdW5jdGlvbiB0byBzZXQgZGF0YSBvbi5cbiAgICAgKiBAcGFyYW0ge0FycmF5fSB2YWx1ZSBUaGUgZGF0YSBhcnJheSB0byBzZXQuXG4gICAgICovXG4gICAgdmFyIHNldEJpbmREYXRhID0gIWRlZmluZVByb3BlcnR5ID8gbm9vcCA6IGZ1bmN0aW9uKGZ1bmMsIHZhbHVlKSB7XG4gICAgICBkZXNjcmlwdG9yLnZhbHVlID0gdmFsdWU7XG4gICAgICBkZWZpbmVQcm9wZXJ0eShmdW5jLCAnX19iaW5kRGF0YV9fJywgZGVzY3JpcHRvcik7XG4gICAgICBkZXNjcmlwdG9yLnZhbHVlID0gbnVsbDtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogQSBmYWxsYmFjayBpbXBsZW1lbnRhdGlvbiBvZiBgaXNQbGFpbk9iamVjdGAgd2hpY2ggY2hlY2tzIGlmIGEgZ2l2ZW4gdmFsdWVcbiAgICAgKiBpcyBhbiBvYmplY3QgY3JlYXRlZCBieSB0aGUgYE9iamVjdGAgY29uc3RydWN0b3IsIGFzc3VtaW5nIG9iamVjdHMgY3JlYXRlZFxuICAgICAqIGJ5IHRoZSBgT2JqZWN0YCBjb25zdHJ1Y3RvciBoYXZlIG5vIGluaGVyaXRlZCBlbnVtZXJhYmxlIHByb3BlcnRpZXMgYW5kIHRoYXRcbiAgICAgKiB0aGVyZSBhcmUgbm8gYE9iamVjdC5wcm90b3R5cGVgIGV4dGVuc2lvbnMuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGNoZWNrLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiBgdmFsdWVgIGlzIGEgcGxhaW4gb2JqZWN0LCBlbHNlIGBmYWxzZWAuXG4gICAgICovXG4gICAgZnVuY3Rpb24gc2hpbUlzUGxhaW5PYmplY3QodmFsdWUpIHtcbiAgICAgIHZhciBjdG9yLFxuICAgICAgICAgIHJlc3VsdDtcblxuICAgICAgLy8gYXZvaWQgbm9uIE9iamVjdCBvYmplY3RzLCBgYXJndW1lbnRzYCBvYmplY3RzLCBhbmQgRE9NIGVsZW1lbnRzXG4gICAgICBpZiAoISh2YWx1ZSAmJiB0b1N0cmluZy5jYWxsKHZhbHVlKSA9PSBvYmplY3RDbGFzcykgfHxcbiAgICAgICAgICAoY3RvciA9IHZhbHVlLmNvbnN0cnVjdG9yLCBpc0Z1bmN0aW9uKGN0b3IpICYmICEoY3RvciBpbnN0YW5jZW9mIGN0b3IpKSkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG4gICAgICAvLyBJbiBtb3N0IGVudmlyb25tZW50cyBhbiBvYmplY3QncyBvd24gcHJvcGVydGllcyBhcmUgaXRlcmF0ZWQgYmVmb3JlXG4gICAgICAvLyBpdHMgaW5oZXJpdGVkIHByb3BlcnRpZXMuIElmIHRoZSBsYXN0IGl0ZXJhdGVkIHByb3BlcnR5IGlzIGFuIG9iamVjdCdzXG4gICAgICAvLyBvd24gcHJvcGVydHkgdGhlbiB0aGVyZSBhcmUgbm8gaW5oZXJpdGVkIGVudW1lcmFibGUgcHJvcGVydGllcy5cbiAgICAgIGZvckluKHZhbHVlLCBmdW5jdGlvbih2YWx1ZSwga2V5KSB7XG4gICAgICAgIHJlc3VsdCA9IGtleTtcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuIHR5cGVvZiByZXN1bHQgPT0gJ3VuZGVmaW5lZCcgfHwgaGFzT3duUHJvcGVydHkuY2FsbCh2YWx1ZSwgcmVzdWx0KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBVc2VkIGJ5IGB1bmVzY2FwZWAgdG8gY29udmVydCBIVE1MIGVudGl0aWVzIHRvIGNoYXJhY3RlcnMuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEBwYXJhbSB7c3RyaW5nfSBtYXRjaCBUaGUgbWF0Y2hlZCBjaGFyYWN0ZXIgdG8gdW5lc2NhcGUuXG4gICAgICogQHJldHVybnMge3N0cmluZ30gUmV0dXJucyB0aGUgdW5lc2NhcGVkIGNoYXJhY3Rlci5cbiAgICAgKi9cbiAgICBmdW5jdGlvbiB1bmVzY2FwZUh0bWxDaGFyKG1hdGNoKSB7XG4gICAgICByZXR1cm4gaHRtbFVuZXNjYXBlc1ttYXRjaF07XG4gICAgfVxuXG4gICAgLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSovXG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBhbiBgYXJndW1lbnRzYCBvYmplY3QuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGNoZWNrLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiB0aGUgYHZhbHVlYCBpcyBhbiBgYXJndW1lbnRzYCBvYmplY3QsIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogKGZ1bmN0aW9uKCkgeyByZXR1cm4gXy5pc0FyZ3VtZW50cyhhcmd1bWVudHMpOyB9KSgxLCAyLCAzKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiBfLmlzQXJndW1lbnRzKFsxLCAyLCAzXSk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc0FyZ3VtZW50cyh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PSAnb2JqZWN0JyAmJiB0eXBlb2YgdmFsdWUubGVuZ3RoID09ICdudW1iZXInICYmXG4gICAgICAgIHRvU3RyaW5nLmNhbGwodmFsdWUpID09IGFyZ3NDbGFzcyB8fCBmYWxzZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBhbiBhcnJheS5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEB0eXBlIEZ1bmN0aW9uXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBjaGVjay5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIGB2YWx1ZWAgaXMgYW4gYXJyYXksIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogKGZ1bmN0aW9uKCkgeyByZXR1cm4gXy5pc0FycmF5KGFyZ3VtZW50cyk7IH0pKCk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKlxuICAgICAqIF8uaXNBcnJheShbMSwgMiwgM10pO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICB2YXIgaXNBcnJheSA9IG5hdGl2ZUlzQXJyYXkgfHwgZnVuY3Rpb24odmFsdWUpIHtcbiAgICAgIHJldHVybiB2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT0gJ29iamVjdCcgJiYgdHlwZW9mIHZhbHVlLmxlbmd0aCA9PSAnbnVtYmVyJyAmJlxuICAgICAgICB0b1N0cmluZy5jYWxsKHZhbHVlKSA9PSBhcnJheUNsYXNzIHx8IGZhbHNlO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBBIGZhbGxiYWNrIGltcGxlbWVudGF0aW9uIG9mIGBPYmplY3Qua2V5c2Agd2hpY2ggcHJvZHVjZXMgYW4gYXJyYXkgb2YgdGhlXG4gICAgICogZ2l2ZW4gb2JqZWN0J3Mgb3duIGVudW1lcmFibGUgcHJvcGVydHkgbmFtZXMuXG4gICAgICpcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIEB0eXBlIEZ1bmN0aW9uXG4gICAgICogQHBhcmFtIHtPYmplY3R9IG9iamVjdCBUaGUgb2JqZWN0IHRvIGluc3BlY3QuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGFuIGFycmF5IG9mIHByb3BlcnR5IG5hbWVzLlxuICAgICAqL1xuICAgIHZhciBzaGltS2V5cyA9IGZ1bmN0aW9uKG9iamVjdCkge1xuICAgICAgdmFyIGluZGV4LCBpdGVyYWJsZSA9IG9iamVjdCwgcmVzdWx0ID0gW107XG4gICAgICBpZiAoIWl0ZXJhYmxlKSByZXR1cm4gcmVzdWx0O1xuICAgICAgaWYgKCEob2JqZWN0VHlwZXNbdHlwZW9mIG9iamVjdF0pKSByZXR1cm4gcmVzdWx0O1xuICAgICAgICBmb3IgKGluZGV4IGluIGl0ZXJhYmxlKSB7XG4gICAgICAgICAgaWYgKGhhc093blByb3BlcnR5LmNhbGwoaXRlcmFibGUsIGluZGV4KSkge1xuICAgICAgICAgICAgcmVzdWx0LnB1c2goaW5kZXgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIGFycmF5IGNvbXBvc2VkIG9mIHRoZSBvd24gZW51bWVyYWJsZSBwcm9wZXJ0eSBuYW1lcyBvZiBhbiBvYmplY3QuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBpbnNwZWN0LlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhbiBhcnJheSBvZiBwcm9wZXJ0eSBuYW1lcy5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5rZXlzKHsgJ29uZSc6IDEsICd0d28nOiAyLCAndGhyZWUnOiAzIH0pO1xuICAgICAqIC8vID0+IFsnb25lJywgJ3R3bycsICd0aHJlZSddIChwcm9wZXJ0eSBvcmRlciBpcyBub3QgZ3VhcmFudGVlZCBhY3Jvc3MgZW52aXJvbm1lbnRzKVxuICAgICAqL1xuICAgIHZhciBrZXlzID0gIW5hdGl2ZUtleXMgPyBzaGltS2V5cyA6IGZ1bmN0aW9uKG9iamVjdCkge1xuICAgICAgaWYgKCFpc09iamVjdChvYmplY3QpKSB7XG4gICAgICAgIHJldHVybiBbXTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBuYXRpdmVLZXlzKG9iamVjdCk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFVzZWQgdG8gY29udmVydCBjaGFyYWN0ZXJzIHRvIEhUTUwgZW50aXRpZXM6XG4gICAgICpcbiAgICAgKiBUaG91Z2ggdGhlIGA+YCBjaGFyYWN0ZXIgaXMgZXNjYXBlZCBmb3Igc3ltbWV0cnksIGNoYXJhY3RlcnMgbGlrZSBgPmAgYW5kIGAvYFxuICAgICAqIGRvbid0IHJlcXVpcmUgZXNjYXBpbmcgaW4gSFRNTCBhbmQgaGF2ZSBubyBzcGVjaWFsIG1lYW5pbmcgdW5sZXNzIHRoZXkncmUgcGFydFxuICAgICAqIG9mIGEgdGFnIG9yIGFuIHVucXVvdGVkIGF0dHJpYnV0ZSB2YWx1ZS5cbiAgICAgKiBodHRwOi8vbWF0aGlhc2J5bmVucy5iZS9ub3Rlcy9hbWJpZ3VvdXMtYW1wZXJzYW5kcyAodW5kZXIgXCJzZW1pLXJlbGF0ZWQgZnVuIGZhY3RcIilcbiAgICAgKi9cbiAgICB2YXIgaHRtbEVzY2FwZXMgPSB7XG4gICAgICAnJic6ICcmYW1wOycsXG4gICAgICAnPCc6ICcmbHQ7JyxcbiAgICAgICc+JzogJyZndDsnLFxuICAgICAgJ1wiJzogJyZxdW90OycsXG4gICAgICBcIidcIjogJyYjMzk7J1xuICAgIH07XG5cbiAgICAvKiogVXNlZCB0byBjb252ZXJ0IEhUTUwgZW50aXRpZXMgdG8gY2hhcmFjdGVycyAqL1xuICAgIHZhciBodG1sVW5lc2NhcGVzID0gaW52ZXJ0KGh0bWxFc2NhcGVzKTtcblxuICAgIC8qKiBVc2VkIHRvIG1hdGNoIEhUTUwgZW50aXRpZXMgYW5kIEhUTUwgY2hhcmFjdGVycyAqL1xuICAgIHZhciByZUVzY2FwZWRIdG1sID0gUmVnRXhwKCcoJyArIGtleXMoaHRtbFVuZXNjYXBlcykuam9pbignfCcpICsgJyknLCAnZycpLFxuICAgICAgICByZVVuZXNjYXBlZEh0bWwgPSBSZWdFeHAoJ1snICsga2V5cyhodG1sRXNjYXBlcykuam9pbignJykgKyAnXScsICdnJyk7XG5cbiAgICAvKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cblxuICAgIC8qKlxuICAgICAqIEFzc2lnbnMgb3duIGVudW1lcmFibGUgcHJvcGVydGllcyBvZiBzb3VyY2Ugb2JqZWN0KHMpIHRvIHRoZSBkZXN0aW5hdGlvblxuICAgICAqIG9iamVjdC4gU3Vic2VxdWVudCBzb3VyY2VzIHdpbGwgb3ZlcndyaXRlIHByb3BlcnR5IGFzc2lnbm1lbnRzIG9mIHByZXZpb3VzXG4gICAgICogc291cmNlcy4gSWYgYSBjYWxsYmFjayBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIGV4ZWN1dGVkIHRvIHByb2R1Y2UgdGhlXG4gICAgICogYXNzaWduZWQgdmFsdWVzLiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggdHdvXG4gICAgICogYXJndW1lbnRzOyAob2JqZWN0VmFsdWUsIHNvdXJjZVZhbHVlKS5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEB0eXBlIEZ1bmN0aW9uXG4gICAgICogQGFsaWFzIGV4dGVuZFxuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHtPYmplY3R9IG9iamVjdCBUaGUgZGVzdGluYXRpb24gb2JqZWN0LlxuICAgICAqIEBwYXJhbSB7Li4uT2JqZWN0fSBbc291cmNlXSBUaGUgc291cmNlIG9iamVjdHMuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gW2NhbGxiYWNrXSBUaGUgZnVuY3Rpb24gdG8gY3VzdG9taXplIGFzc2lnbmluZyB2YWx1ZXMuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge09iamVjdH0gUmV0dXJucyB0aGUgZGVzdGluYXRpb24gb2JqZWN0LlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmFzc2lnbih7ICduYW1lJzogJ2ZyZWQnIH0sIHsgJ2VtcGxveWVyJzogJ3NsYXRlJyB9KTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ2ZyZWQnLCAnZW1wbG95ZXInOiAnc2xhdGUnIH1cbiAgICAgKlxuICAgICAqIHZhciBkZWZhdWx0cyA9IF8ucGFydGlhbFJpZ2h0KF8uYXNzaWduLCBmdW5jdGlvbihhLCBiKSB7XG4gICAgICogICByZXR1cm4gdHlwZW9mIGEgPT0gJ3VuZGVmaW5lZCcgPyBiIDogYTtcbiAgICAgKiB9KTtcbiAgICAgKlxuICAgICAqIHZhciBvYmplY3QgPSB7ICduYW1lJzogJ2Jhcm5leScgfTtcbiAgICAgKiBkZWZhdWx0cyhvYmplY3QsIHsgJ25hbWUnOiAnZnJlZCcsICdlbXBsb3llcic6ICdzbGF0ZScgfSk7XG4gICAgICogLy8gPT4geyAnbmFtZSc6ICdiYXJuZXknLCAnZW1wbG95ZXInOiAnc2xhdGUnIH1cbiAgICAgKi9cbiAgICB2YXIgYXNzaWduID0gZnVuY3Rpb24ob2JqZWN0LCBzb3VyY2UsIGd1YXJkKSB7XG4gICAgICB2YXIgaW5kZXgsIGl0ZXJhYmxlID0gb2JqZWN0LCByZXN1bHQgPSBpdGVyYWJsZTtcbiAgICAgIGlmICghaXRlcmFibGUpIHJldHVybiByZXN1bHQ7XG4gICAgICB2YXIgYXJncyA9IGFyZ3VtZW50cyxcbiAgICAgICAgICBhcmdzSW5kZXggPSAwLFxuICAgICAgICAgIGFyZ3NMZW5ndGggPSB0eXBlb2YgZ3VhcmQgPT0gJ251bWJlcicgPyAyIDogYXJncy5sZW5ndGg7XG4gICAgICBpZiAoYXJnc0xlbmd0aCA+IDMgJiYgdHlwZW9mIGFyZ3NbYXJnc0xlbmd0aCAtIDJdID09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgdmFyIGNhbGxiYWNrID0gYmFzZUNyZWF0ZUNhbGxiYWNrKGFyZ3NbLS1hcmdzTGVuZ3RoIC0gMV0sIGFyZ3NbYXJnc0xlbmd0aC0tXSwgMik7XG4gICAgICB9IGVsc2UgaWYgKGFyZ3NMZW5ndGggPiAyICYmIHR5cGVvZiBhcmdzW2FyZ3NMZW5ndGggLSAxXSA9PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIGNhbGxiYWNrID0gYXJnc1stLWFyZ3NMZW5ndGhdO1xuICAgICAgfVxuICAgICAgd2hpbGUgKCsrYXJnc0luZGV4IDwgYXJnc0xlbmd0aCkge1xuICAgICAgICBpdGVyYWJsZSA9IGFyZ3NbYXJnc0luZGV4XTtcbiAgICAgICAgaWYgKGl0ZXJhYmxlICYmIG9iamVjdFR5cGVzW3R5cGVvZiBpdGVyYWJsZV0pIHtcbiAgICAgICAgdmFyIG93bkluZGV4ID0gLTEsXG4gICAgICAgICAgICBvd25Qcm9wcyA9IG9iamVjdFR5cGVzW3R5cGVvZiBpdGVyYWJsZV0gJiYga2V5cyhpdGVyYWJsZSksXG4gICAgICAgICAgICBsZW5ndGggPSBvd25Qcm9wcyA/IG93blByb3BzLmxlbmd0aCA6IDA7XG5cbiAgICAgICAgd2hpbGUgKCsrb3duSW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgICBpbmRleCA9IG93blByb3BzW293bkluZGV4XTtcbiAgICAgICAgICByZXN1bHRbaW5kZXhdID0gY2FsbGJhY2sgPyBjYWxsYmFjayhyZXN1bHRbaW5kZXhdLCBpdGVyYWJsZVtpbmRleF0pIDogaXRlcmFibGVbaW5kZXhdO1xuICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHRcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIGNsb25lIG9mIGB2YWx1ZWAuIElmIGBpc0RlZXBgIGlzIGB0cnVlYCBuZXN0ZWQgb2JqZWN0cyB3aWxsIGFsc29cbiAgICAgKiBiZSBjbG9uZWQsIG90aGVyd2lzZSB0aGV5IHdpbGwgYmUgYXNzaWduZWQgYnkgcmVmZXJlbmNlLiBJZiBhIGNhbGxiYWNrXG4gICAgICogaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSBleGVjdXRlZCB0byBwcm9kdWNlIHRoZSBjbG9uZWQgdmFsdWVzLiBJZiB0aGVcbiAgICAgKiBjYWxsYmFjayByZXR1cm5zIGB1bmRlZmluZWRgIGNsb25pbmcgd2lsbCBiZSBoYW5kbGVkIGJ5IHRoZSBtZXRob2QgaW5zdGVhZC5cbiAgICAgKiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggb25lIGFyZ3VtZW50OyAodmFsdWUpLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBjbG9uZS5cbiAgICAgKiBAcGFyYW0ge2Jvb2xlYW59IFtpc0RlZXA9ZmFsc2VdIFNwZWNpZnkgYSBkZWVwIGNsb25lLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IFtjYWxsYmFja10gVGhlIGZ1bmN0aW9uIHRvIGN1c3RvbWl6ZSBjbG9uaW5nIHZhbHVlcy5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7Kn0gUmV0dXJucyB0aGUgY2xvbmVkIHZhbHVlLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2IH0sXG4gICAgICogICB7ICduYW1lJzogJ2ZyZWQnLCAgICdhZ2UnOiA0MCB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIHZhciBzaGFsbG93ID0gXy5jbG9uZShjaGFyYWN0ZXJzKTtcbiAgICAgKiBzaGFsbG93WzBdID09PSBjaGFyYWN0ZXJzWzBdO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKlxuICAgICAqIHZhciBkZWVwID0gXy5jbG9uZShjaGFyYWN0ZXJzLCB0cnVlKTtcbiAgICAgKiBkZWVwWzBdID09PSBjaGFyYWN0ZXJzWzBdO1xuICAgICAqIC8vID0+IGZhbHNlXG4gICAgICpcbiAgICAgKiBfLm1peGluKHtcbiAgICAgKiAgICdjbG9uZSc6IF8ucGFydGlhbFJpZ2h0KF8uY2xvbmUsIGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgICogICAgIHJldHVybiBfLmlzRWxlbWVudCh2YWx1ZSkgPyB2YWx1ZS5jbG9uZU5vZGUoZmFsc2UpIDogdW5kZWZpbmVkO1xuICAgICAqICAgfSlcbiAgICAgKiB9KTtcbiAgICAgKlxuICAgICAqIHZhciBjbG9uZSA9IF8uY2xvbmUoZG9jdW1lbnQuYm9keSk7XG4gICAgICogY2xvbmUuY2hpbGROb2Rlcy5sZW5ndGg7XG4gICAgICogLy8gPT4gMFxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGNsb25lKHZhbHVlLCBpc0RlZXAsIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICAvLyBhbGxvd3Mgd29ya2luZyB3aXRoIFwiQ29sbGVjdGlvbnNcIiBtZXRob2RzIHdpdGhvdXQgdXNpbmcgdGhlaXIgYGluZGV4YFxuICAgICAgLy8gYW5kIGBjb2xsZWN0aW9uYCBhcmd1bWVudHMgZm9yIGBpc0RlZXBgIGFuZCBgY2FsbGJhY2tgXG4gICAgICBpZiAodHlwZW9mIGlzRGVlcCAhPSAnYm9vbGVhbicgJiYgaXNEZWVwICE9IG51bGwpIHtcbiAgICAgICAgdGhpc0FyZyA9IGNhbGxiYWNrO1xuICAgICAgICBjYWxsYmFjayA9IGlzRGVlcDtcbiAgICAgICAgaXNEZWVwID0gZmFsc2U7XG4gICAgICB9XG4gICAgICByZXR1cm4gYmFzZUNsb25lKHZhbHVlLCBpc0RlZXAsIHR5cGVvZiBjYWxsYmFjayA9PSAnZnVuY3Rpb24nICYmIGJhc2VDcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMSkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBkZWVwIGNsb25lIG9mIGB2YWx1ZWAuIElmIGEgY2FsbGJhY2sgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZVxuICAgICAqIGV4ZWN1dGVkIHRvIHByb2R1Y2UgdGhlIGNsb25lZCB2YWx1ZXMuIElmIHRoZSBjYWxsYmFjayByZXR1cm5zIGB1bmRlZmluZWRgXG4gICAgICogY2xvbmluZyB3aWxsIGJlIGhhbmRsZWQgYnkgdGhlIG1ldGhvZCBpbnN0ZWFkLiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG9cbiAgICAgKiBgdGhpc0FyZ2AgYW5kIGludm9rZWQgd2l0aCBvbmUgYXJndW1lbnQ7ICh2YWx1ZSkuXG4gICAgICpcbiAgICAgKiBOb3RlOiBUaGlzIG1ldGhvZCBpcyBsb29zZWx5IGJhc2VkIG9uIHRoZSBzdHJ1Y3R1cmVkIGNsb25lIGFsZ29yaXRobS4gRnVuY3Rpb25zXG4gICAgICogYW5kIERPTSBub2RlcyBhcmUgKipub3QqKiBjbG9uZWQuIFRoZSBlbnVtZXJhYmxlIHByb3BlcnRpZXMgb2YgYGFyZ3VtZW50c2Agb2JqZWN0cyBhbmRcbiAgICAgKiBvYmplY3RzIGNyZWF0ZWQgYnkgY29uc3RydWN0b3JzIG90aGVyIHRoYW4gYE9iamVjdGAgYXJlIGNsb25lZCB0byBwbGFpbiBgT2JqZWN0YCBvYmplY3RzLlxuICAgICAqIFNlZSBodHRwOi8vd3d3LnczLm9yZy9UUi9odG1sNS9pbmZyYXN0cnVjdHVyZS5odG1sI2ludGVybmFsLXN0cnVjdHVyZWQtY2xvbmluZy1hbGdvcml0aG0uXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGRlZXAgY2xvbmUuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gW2NhbGxiYWNrXSBUaGUgZnVuY3Rpb24gdG8gY3VzdG9taXplIGNsb25pbmcgdmFsdWVzLlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIHRoZSBkZWVwIGNsb25lZCB2YWx1ZS5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSBbXG4gICAgICogICB7ICduYW1lJzogJ2Jhcm5leScsICdhZ2UnOiAzNiB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAnYWdlJzogNDAgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiB2YXIgZGVlcCA9IF8uY2xvbmVEZWVwKGNoYXJhY3RlcnMpO1xuICAgICAqIGRlZXBbMF0gPT09IGNoYXJhY3RlcnNbMF07XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKlxuICAgICAqIHZhciB2aWV3ID0ge1xuICAgICAqICAgJ2xhYmVsJzogJ2RvY3MnLFxuICAgICAqICAgJ25vZGUnOiBlbGVtZW50XG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIHZhciBjbG9uZSA9IF8uY2xvbmVEZWVwKHZpZXcsIGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgICogICByZXR1cm4gXy5pc0VsZW1lbnQodmFsdWUpID8gdmFsdWUuY2xvbmVOb2RlKHRydWUpIDogdW5kZWZpbmVkO1xuICAgICAqIH0pO1xuICAgICAqXG4gICAgICogY2xvbmUubm9kZSA9PSB2aWV3Lm5vZGU7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBjbG9uZURlZXAodmFsdWUsIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICByZXR1cm4gYmFzZUNsb25lKHZhbHVlLCB0cnVlLCB0eXBlb2YgY2FsbGJhY2sgPT0gJ2Z1bmN0aW9uJyAmJiBiYXNlQ3JlYXRlQ2FsbGJhY2soY2FsbGJhY2ssIHRoaXNBcmcsIDEpKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIG9iamVjdCB0aGF0IGluaGVyaXRzIGZyb20gdGhlIGdpdmVuIGBwcm90b3R5cGVgIG9iamVjdC4gSWYgYVxuICAgICAqIGBwcm9wZXJ0aWVzYCBvYmplY3QgaXMgcHJvdmlkZWQgaXRzIG93biBlbnVtZXJhYmxlIHByb3BlcnRpZXMgYXJlIGFzc2lnbmVkXG4gICAgICogdG8gdGhlIGNyZWF0ZWQgb2JqZWN0LlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gcHJvdG90eXBlIFRoZSBvYmplY3QgdG8gaW5oZXJpdCBmcm9tLlxuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBbcHJvcGVydGllc10gVGhlIHByb3BlcnRpZXMgdG8gYXNzaWduIHRvIHRoZSBvYmplY3QuXG4gICAgICogQHJldHVybnMge09iamVjdH0gUmV0dXJucyB0aGUgbmV3IG9iamVjdC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogZnVuY3Rpb24gU2hhcGUoKSB7XG4gICAgICogICB0aGlzLnggPSAwO1xuICAgICAqICAgdGhpcy55ID0gMDtcbiAgICAgKiB9XG4gICAgICpcbiAgICAgKiBmdW5jdGlvbiBDaXJjbGUoKSB7XG4gICAgICogICBTaGFwZS5jYWxsKHRoaXMpO1xuICAgICAqIH1cbiAgICAgKlxuICAgICAqIENpcmNsZS5wcm90b3R5cGUgPSBfLmNyZWF0ZShTaGFwZS5wcm90b3R5cGUsIHsgJ2NvbnN0cnVjdG9yJzogQ2lyY2xlIH0pO1xuICAgICAqXG4gICAgICogdmFyIGNpcmNsZSA9IG5ldyBDaXJjbGU7XG4gICAgICogY2lyY2xlIGluc3RhbmNlb2YgQ2lyY2xlO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKlxuICAgICAqIGNpcmNsZSBpbnN0YW5jZW9mIFNoYXBlO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBjcmVhdGUocHJvdG90eXBlLCBwcm9wZXJ0aWVzKSB7XG4gICAgICB2YXIgcmVzdWx0ID0gYmFzZUNyZWF0ZShwcm90b3R5cGUpO1xuICAgICAgcmV0dXJuIHByb3BlcnRpZXMgPyBhc3NpZ24ocmVzdWx0LCBwcm9wZXJ0aWVzKSA6IHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBBc3NpZ25zIG93biBlbnVtZXJhYmxlIHByb3BlcnRpZXMgb2Ygc291cmNlIG9iamVjdChzKSB0byB0aGUgZGVzdGluYXRpb25cbiAgICAgKiBvYmplY3QgZm9yIGFsbCBkZXN0aW5hdGlvbiBwcm9wZXJ0aWVzIHRoYXQgcmVzb2x2ZSB0byBgdW5kZWZpbmVkYC4gT25jZSBhXG4gICAgICogcHJvcGVydHkgaXMgc2V0LCBhZGRpdGlvbmFsIGRlZmF1bHRzIG9mIHRoZSBzYW1lIHByb3BlcnR5IHdpbGwgYmUgaWdub3JlZC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEB0eXBlIEZ1bmN0aW9uXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBkZXN0aW5hdGlvbiBvYmplY3QuXG4gICAgICogQHBhcmFtIHsuLi5PYmplY3R9IFtzb3VyY2VdIFRoZSBzb3VyY2Ugb2JqZWN0cy5cbiAgICAgKiBAcGFyYW0tIHtPYmplY3R9IFtndWFyZF0gQWxsb3dzIHdvcmtpbmcgd2l0aCBgXy5yZWR1Y2VgIHdpdGhvdXQgdXNpbmcgaXRzXG4gICAgICogIGBrZXlgIGFuZCBgb2JqZWN0YCBhcmd1bWVudHMgYXMgc291cmNlcy5cbiAgICAgKiBAcmV0dXJucyB7T2JqZWN0fSBSZXR1cm5zIHRoZSBkZXN0aW5hdGlvbiBvYmplY3QuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBvYmplY3QgPSB7ICduYW1lJzogJ2Jhcm5leScgfTtcbiAgICAgKiBfLmRlZmF1bHRzKG9iamVjdCwgeyAnbmFtZSc6ICdmcmVkJywgJ2VtcGxveWVyJzogJ3NsYXRlJyB9KTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ2Jhcm5leScsICdlbXBsb3llcic6ICdzbGF0ZScgfVxuICAgICAqL1xuICAgIHZhciBkZWZhdWx0cyA9IGZ1bmN0aW9uKG9iamVjdCwgc291cmNlLCBndWFyZCkge1xuICAgICAgdmFyIGluZGV4LCBpdGVyYWJsZSA9IG9iamVjdCwgcmVzdWx0ID0gaXRlcmFibGU7XG4gICAgICBpZiAoIWl0ZXJhYmxlKSByZXR1cm4gcmVzdWx0O1xuICAgICAgdmFyIGFyZ3MgPSBhcmd1bWVudHMsXG4gICAgICAgICAgYXJnc0luZGV4ID0gMCxcbiAgICAgICAgICBhcmdzTGVuZ3RoID0gdHlwZW9mIGd1YXJkID09ICdudW1iZXInID8gMiA6IGFyZ3MubGVuZ3RoO1xuICAgICAgd2hpbGUgKCsrYXJnc0luZGV4IDwgYXJnc0xlbmd0aCkge1xuICAgICAgICBpdGVyYWJsZSA9IGFyZ3NbYXJnc0luZGV4XTtcbiAgICAgICAgaWYgKGl0ZXJhYmxlICYmIG9iamVjdFR5cGVzW3R5cGVvZiBpdGVyYWJsZV0pIHtcbiAgICAgICAgdmFyIG93bkluZGV4ID0gLTEsXG4gICAgICAgICAgICBvd25Qcm9wcyA9IG9iamVjdFR5cGVzW3R5cGVvZiBpdGVyYWJsZV0gJiYga2V5cyhpdGVyYWJsZSksXG4gICAgICAgICAgICBsZW5ndGggPSBvd25Qcm9wcyA/IG93blByb3BzLmxlbmd0aCA6IDA7XG5cbiAgICAgICAgd2hpbGUgKCsrb3duSW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgICBpbmRleCA9IG93blByb3BzW293bkluZGV4XTtcbiAgICAgICAgICBpZiAodHlwZW9mIHJlc3VsdFtpbmRleF0gPT0gJ3VuZGVmaW5lZCcpIHJlc3VsdFtpbmRleF0gPSBpdGVyYWJsZVtpbmRleF07XG4gICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUaGlzIG1ldGhvZCBpcyBsaWtlIGBfLmZpbmRJbmRleGAgZXhjZXB0IHRoYXQgaXQgcmV0dXJucyB0aGUga2V5IG9mIHRoZVxuICAgICAqIGZpcnN0IGVsZW1lbnQgdGhhdCBwYXNzZXMgdGhlIGNhbGxiYWNrIGNoZWNrLCBpbnN0ZWFkIG9mIHRoZSBlbGVtZW50IGl0c2VsZi5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBvYmplY3QgdG8gc2VhcmNoLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fHN0cmluZ30gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkIHBlclxuICAgICAqICBpdGVyYXRpb24uIElmIGEgcHJvcGVydHkgbmFtZSBvciBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkIHRvXG4gICAgICogIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge3N0cmluZ3x1bmRlZmluZWR9IFJldHVybnMgdGhlIGtleSBvZiB0aGUgZm91bmQgZWxlbWVudCwgZWxzZSBgdW5kZWZpbmVkYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSB7XG4gICAgICogICAnYmFybmV5JzogeyAgJ2FnZSc6IDM2LCAnYmxvY2tlZCc6IGZhbHNlIH0sXG4gICAgICogICAnZnJlZCc6IHsgICAgJ2FnZSc6IDQwLCAnYmxvY2tlZCc6IHRydWUgfSxcbiAgICAgKiAgICdwZWJibGVzJzogeyAnYWdlJzogMSwgICdibG9ja2VkJzogZmFsc2UgfVxuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBfLmZpbmRLZXkoY2hhcmFjdGVycywgZnVuY3Rpb24oY2hyKSB7XG4gICAgICogICByZXR1cm4gY2hyLmFnZSA8IDQwO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+ICdiYXJuZXknIChwcm9wZXJ0eSBvcmRlciBpcyBub3QgZ3VhcmFudGVlZCBhY3Jvc3MgZW52aXJvbm1lbnRzKVxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLndoZXJlXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5maW5kS2V5KGNoYXJhY3RlcnMsIHsgJ2FnZSc6IDEgfSk7XG4gICAgICogLy8gPT4gJ3BlYmJsZXMnXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZpbmRLZXkoY2hhcmFjdGVycywgJ2Jsb2NrZWQnKTtcbiAgICAgKiAvLyA9PiAnZnJlZCdcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBmaW5kS2V5KG9iamVjdCwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciByZXN1bHQ7XG4gICAgICBjYWxsYmFjayA9IGxvZGFzaC5jcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG4gICAgICBmb3JPd24ob2JqZWN0LCBmdW5jdGlvbih2YWx1ZSwga2V5LCBvYmplY3QpIHtcbiAgICAgICAgaWYgKGNhbGxiYWNrKHZhbHVlLCBrZXksIG9iamVjdCkpIHtcbiAgICAgICAgICByZXN1bHQgPSBrZXk7XG4gICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhpcyBtZXRob2QgaXMgbGlrZSBgXy5maW5kS2V5YCBleGNlcHQgdGhhdCBpdCBpdGVyYXRlcyBvdmVyIGVsZW1lbnRzXG4gICAgICogb2YgYSBgY29sbGVjdGlvbmAgaW4gdGhlIG9wcG9zaXRlIG9yZGVyLlxuICAgICAqXG4gICAgICogSWYgYSBwcm9wZXJ0eSBuYW1lIGlzIHByb3ZpZGVkIGZvciBgY2FsbGJhY2tgIHRoZSBjcmVhdGVkIFwiXy5wbHVja1wiIHN0eWxlXG4gICAgICogY2FsbGJhY2sgd2lsbCByZXR1cm4gdGhlIHByb3BlcnR5IHZhbHVlIG9mIHRoZSBnaXZlbiBlbGVtZW50LlxuICAgICAqXG4gICAgICogSWYgYW4gb2JqZWN0IGlzIHByb3ZpZGVkIGZvciBgY2FsbGJhY2tgIHRoZSBjcmVhdGVkIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrXG4gICAgICogd2lsbCByZXR1cm4gYHRydWVgIGZvciBlbGVtZW50cyB0aGF0IGhhdmUgdGhlIHByb3BlcnRpZXMgb2YgdGhlIGdpdmVuIG9iamVjdCxcbiAgICAgKiBlbHNlIGBmYWxzZWAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBzZWFyY2guXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWQgcGVyXG4gICAgICogIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWQgdG9cbiAgICAgKiAgY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7c3RyaW5nfHVuZGVmaW5lZH0gUmV0dXJucyB0aGUga2V5IG9mIHRoZSBmb3VuZCBlbGVtZW50LCBlbHNlIGB1bmRlZmluZWRgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IHtcbiAgICAgKiAgICdiYXJuZXknOiB7ICAnYWdlJzogMzYsICdibG9ja2VkJzogdHJ1ZSB9LFxuICAgICAqICAgJ2ZyZWQnOiB7ICAgICdhZ2UnOiA0MCwgJ2Jsb2NrZWQnOiBmYWxzZSB9LFxuICAgICAqICAgJ3BlYmJsZXMnOiB7ICdhZ2UnOiAxLCAgJ2Jsb2NrZWQnOiB0cnVlIH1cbiAgICAgKiB9O1xuICAgICAqXG4gICAgICogXy5maW5kTGFzdEtleShjaGFyYWN0ZXJzLCBmdW5jdGlvbihjaHIpIHtcbiAgICAgKiAgIHJldHVybiBjaHIuYWdlIDwgNDA7XG4gICAgICogfSk7XG4gICAgICogLy8gPT4gcmV0dXJucyBgcGViYmxlc2AsIGFzc3VtaW5nIGBfLmZpbmRLZXlgIHJldHVybnMgYGJhcm5leWBcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy53aGVyZVwiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8uZmluZExhc3RLZXkoY2hhcmFjdGVycywgeyAnYWdlJzogNDAgfSk7XG4gICAgICogLy8gPT4gJ2ZyZWQnXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZpbmRMYXN0S2V5KGNoYXJhY3RlcnMsICdibG9ja2VkJyk7XG4gICAgICogLy8gPT4gJ3BlYmJsZXMnXG4gICAgICovXG4gICAgZnVuY3Rpb24gZmluZExhc3RLZXkob2JqZWN0LCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgdmFyIHJlc3VsdDtcbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgIGZvck93blJpZ2h0KG9iamVjdCwgZnVuY3Rpb24odmFsdWUsIGtleSwgb2JqZWN0KSB7XG4gICAgICAgIGlmIChjYWxsYmFjayh2YWx1ZSwga2V5LCBvYmplY3QpKSB7XG4gICAgICAgICAgcmVzdWx0ID0ga2V5O1xuICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEl0ZXJhdGVzIG92ZXIgb3duIGFuZCBpbmhlcml0ZWQgZW51bWVyYWJsZSBwcm9wZXJ0aWVzIG9mIGFuIG9iamVjdCxcbiAgICAgKiBleGVjdXRpbmcgdGhlIGNhbGxiYWNrIGZvciBlYWNoIHByb3BlcnR5LiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgXG4gICAgICogYW5kIGludm9rZWQgd2l0aCB0aHJlZSBhcmd1bWVudHM7ICh2YWx1ZSwga2V5LCBvYmplY3QpLiBDYWxsYmFja3MgbWF5IGV4aXRcbiAgICAgKiBpdGVyYXRpb24gZWFybHkgYnkgZXhwbGljaXRseSByZXR1cm5pbmcgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEB0eXBlIEZ1bmN0aW9uXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBvYmplY3QgdG8gaXRlcmF0ZSBvdmVyLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZCBwZXIgaXRlcmF0aW9uLlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgYG9iamVjdGAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIGZ1bmN0aW9uIFNoYXBlKCkge1xuICAgICAqICAgdGhpcy54ID0gMDtcbiAgICAgKiAgIHRoaXMueSA9IDA7XG4gICAgICogfVxuICAgICAqXG4gICAgICogU2hhcGUucHJvdG90eXBlLm1vdmUgPSBmdW5jdGlvbih4LCB5KSB7XG4gICAgICogICB0aGlzLnggKz0geDtcbiAgICAgKiAgIHRoaXMueSArPSB5O1xuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBfLmZvckluKG5ldyBTaGFwZSwgZnVuY3Rpb24odmFsdWUsIGtleSkge1xuICAgICAqICAgY29uc29sZS5sb2coa2V5KTtcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiBsb2dzICd4JywgJ3knLCBhbmQgJ21vdmUnIChwcm9wZXJ0eSBvcmRlciBpcyBub3QgZ3VhcmFudGVlZCBhY3Jvc3MgZW52aXJvbm1lbnRzKVxuICAgICAqL1xuICAgIHZhciBmb3JJbiA9IGZ1bmN0aW9uKGNvbGxlY3Rpb24sIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgaW5kZXgsIGl0ZXJhYmxlID0gY29sbGVjdGlvbiwgcmVzdWx0ID0gaXRlcmFibGU7XG4gICAgICBpZiAoIWl0ZXJhYmxlKSByZXR1cm4gcmVzdWx0O1xuICAgICAgaWYgKCFvYmplY3RUeXBlc1t0eXBlb2YgaXRlcmFibGVdKSByZXR1cm4gcmVzdWx0O1xuICAgICAgY2FsbGJhY2sgPSBjYWxsYmFjayAmJiB0eXBlb2YgdGhpc0FyZyA9PSAndW5kZWZpbmVkJyA/IGNhbGxiYWNrIDogYmFzZUNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgICAgZm9yIChpbmRleCBpbiBpdGVyYWJsZSkge1xuICAgICAgICAgIGlmIChjYWxsYmFjayhpdGVyYWJsZVtpbmRleF0sIGluZGV4LCBjb2xsZWN0aW9uKSA9PT0gZmFsc2UpIHJldHVybiByZXN1bHQ7XG4gICAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHRcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogVGhpcyBtZXRob2QgaXMgbGlrZSBgXy5mb3JJbmAgZXhjZXB0IHRoYXQgaXQgaXRlcmF0ZXMgb3ZlciBlbGVtZW50c1xuICAgICAqIG9mIGEgYGNvbGxlY3Rpb25gIGluIHRoZSBvcHBvc2l0ZSBvcmRlci5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHtPYmplY3R9IG9iamVjdCBUaGUgb2JqZWN0IHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWQgcGVyIGl0ZXJhdGlvbi5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7T2JqZWN0fSBSZXR1cm5zIGBvYmplY3RgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBmdW5jdGlvbiBTaGFwZSgpIHtcbiAgICAgKiAgIHRoaXMueCA9IDA7XG4gICAgICogICB0aGlzLnkgPSAwO1xuICAgICAqIH1cbiAgICAgKlxuICAgICAqIFNoYXBlLnByb3RvdHlwZS5tb3ZlID0gZnVuY3Rpb24oeCwgeSkge1xuICAgICAqICAgdGhpcy54ICs9IHg7XG4gICAgICogICB0aGlzLnkgKz0geTtcbiAgICAgKiB9O1xuICAgICAqXG4gICAgICogXy5mb3JJblJpZ2h0KG5ldyBTaGFwZSwgZnVuY3Rpb24odmFsdWUsIGtleSkge1xuICAgICAqICAgY29uc29sZS5sb2coa2V5KTtcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiBsb2dzICdtb3ZlJywgJ3knLCBhbmQgJ3gnIGFzc3VtaW5nIGBfLmZvckluIGAgbG9ncyAneCcsICd5JywgYW5kICdtb3ZlJ1xuICAgICAqL1xuICAgIGZ1bmN0aW9uIGZvckluUmlnaHQob2JqZWN0LCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgdmFyIHBhaXJzID0gW107XG5cbiAgICAgIGZvckluKG9iamVjdCwgZnVuY3Rpb24odmFsdWUsIGtleSkge1xuICAgICAgICBwYWlycy5wdXNoKGtleSwgdmFsdWUpO1xuICAgICAgfSk7XG5cbiAgICAgIHZhciBsZW5ndGggPSBwYWlycy5sZW5ndGg7XG4gICAgICBjYWxsYmFjayA9IGJhc2VDcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG4gICAgICB3aGlsZSAobGVuZ3RoLS0pIHtcbiAgICAgICAgaWYgKGNhbGxiYWNrKHBhaXJzW2xlbmd0aC0tXSwgcGFpcnNbbGVuZ3RoXSwgb2JqZWN0KSA9PT0gZmFsc2UpIHtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgcmV0dXJuIG9iamVjdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBJdGVyYXRlcyBvdmVyIG93biBlbnVtZXJhYmxlIHByb3BlcnRpZXMgb2YgYW4gb2JqZWN0LCBleGVjdXRpbmcgdGhlIGNhbGxiYWNrXG4gICAgICogZm9yIGVhY2ggcHJvcGVydHkuIFRoZSBjYWxsYmFjayBpcyBib3VuZCB0byBgdGhpc0FyZ2AgYW5kIGludm9rZWQgd2l0aCB0aHJlZVxuICAgICAqIGFyZ3VtZW50czsgKHZhbHVlLCBrZXksIG9iamVjdCkuIENhbGxiYWNrcyBtYXkgZXhpdCBpdGVyYXRpb24gZWFybHkgYnlcbiAgICAgKiBleHBsaWNpdGx5IHJldHVybmluZyBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQHR5cGUgRnVuY3Rpb25cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkIHBlciBpdGVyYXRpb24uXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge09iamVjdH0gUmV0dXJucyBgb2JqZWN0YC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5mb3JPd24oeyAnMCc6ICd6ZXJvJywgJzEnOiAnb25lJywgJ2xlbmd0aCc6IDIgfSwgZnVuY3Rpb24obnVtLCBrZXkpIHtcbiAgICAgKiAgIGNvbnNvbGUubG9nKGtleSk7XG4gICAgICogfSk7XG4gICAgICogLy8gPT4gbG9ncyAnMCcsICcxJywgYW5kICdsZW5ndGgnIChwcm9wZXJ0eSBvcmRlciBpcyBub3QgZ3VhcmFudGVlZCBhY3Jvc3MgZW52aXJvbm1lbnRzKVxuICAgICAqL1xuICAgIHZhciBmb3JPd24gPSBmdW5jdGlvbihjb2xsZWN0aW9uLCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgdmFyIGluZGV4LCBpdGVyYWJsZSA9IGNvbGxlY3Rpb24sIHJlc3VsdCA9IGl0ZXJhYmxlO1xuICAgICAgaWYgKCFpdGVyYWJsZSkgcmV0dXJuIHJlc3VsdDtcbiAgICAgIGlmICghb2JqZWN0VHlwZXNbdHlwZW9mIGl0ZXJhYmxlXSkgcmV0dXJuIHJlc3VsdDtcbiAgICAgIGNhbGxiYWNrID0gY2FsbGJhY2sgJiYgdHlwZW9mIHRoaXNBcmcgPT0gJ3VuZGVmaW5lZCcgPyBjYWxsYmFjayA6IGJhc2VDcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG4gICAgICAgIHZhciBvd25JbmRleCA9IC0xLFxuICAgICAgICAgICAgb3duUHJvcHMgPSBvYmplY3RUeXBlc1t0eXBlb2YgaXRlcmFibGVdICYmIGtleXMoaXRlcmFibGUpLFxuICAgICAgICAgICAgbGVuZ3RoID0gb3duUHJvcHMgPyBvd25Qcm9wcy5sZW5ndGggOiAwO1xuXG4gICAgICAgIHdoaWxlICgrK293bkluZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgICAgaW5kZXggPSBvd25Qcm9wc1tvd25JbmRleF07XG4gICAgICAgICAgaWYgKGNhbGxiYWNrKGl0ZXJhYmxlW2luZGV4XSwgaW5kZXgsIGNvbGxlY3Rpb24pID09PSBmYWxzZSkgcmV0dXJuIHJlc3VsdDtcbiAgICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUaGlzIG1ldGhvZCBpcyBsaWtlIGBfLmZvck93bmAgZXhjZXB0IHRoYXQgaXQgaXRlcmF0ZXMgb3ZlciBlbGVtZW50c1xuICAgICAqIG9mIGEgYGNvbGxlY3Rpb25gIGluIHRoZSBvcHBvc2l0ZSBvcmRlci5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHtPYmplY3R9IG9iamVjdCBUaGUgb2JqZWN0IHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWQgcGVyIGl0ZXJhdGlvbi5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7T2JqZWN0fSBSZXR1cm5zIGBvYmplY3RgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmZvck93blJpZ2h0KHsgJzAnOiAnemVybycsICcxJzogJ29uZScsICdsZW5ndGgnOiAyIH0sIGZ1bmN0aW9uKG51bSwga2V5KSB7XG4gICAgICogICBjb25zb2xlLmxvZyhrZXkpO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IGxvZ3MgJ2xlbmd0aCcsICcxJywgYW5kICcwJyBhc3N1bWluZyBgXy5mb3JPd25gIGxvZ3MgJzAnLCAnMScsIGFuZCAnbGVuZ3RoJ1xuICAgICAqL1xuICAgIGZ1bmN0aW9uIGZvck93blJpZ2h0KG9iamVjdCwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciBwcm9wcyA9IGtleXMob2JqZWN0KSxcbiAgICAgICAgICBsZW5ndGggPSBwcm9wcy5sZW5ndGg7XG5cbiAgICAgIGNhbGxiYWNrID0gYmFzZUNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgIHdoaWxlIChsZW5ndGgtLSkge1xuICAgICAgICB2YXIga2V5ID0gcHJvcHNbbGVuZ3RoXTtcbiAgICAgICAgaWYgKGNhbGxiYWNrKG9iamVjdFtrZXldLCBrZXksIG9iamVjdCkgPT09IGZhbHNlKSB7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHJldHVybiBvYmplY3Q7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIHNvcnRlZCBhcnJheSBvZiBwcm9wZXJ0eSBuYW1lcyBvZiBhbGwgZW51bWVyYWJsZSBwcm9wZXJ0aWVzLFxuICAgICAqIG93biBhbmQgaW5oZXJpdGVkLCBvZiBgb2JqZWN0YCB0aGF0IGhhdmUgZnVuY3Rpb24gdmFsdWVzLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGFsaWFzIG1ldGhvZHNcbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBpbnNwZWN0LlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhbiBhcnJheSBvZiBwcm9wZXJ0eSBuYW1lcyB0aGF0IGhhdmUgZnVuY3Rpb24gdmFsdWVzLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmZ1bmN0aW9ucyhfKTtcbiAgICAgKiAvLyA9PiBbJ2FsbCcsICdhbnknLCAnYmluZCcsICdiaW5kQWxsJywgJ2Nsb25lJywgJ2NvbXBhY3QnLCAnY29tcG9zZScsIC4uLl1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBmdW5jdGlvbnMob2JqZWN0KSB7XG4gICAgICB2YXIgcmVzdWx0ID0gW107XG4gICAgICBmb3JJbihvYmplY3QsIGZ1bmN0aW9uKHZhbHVlLCBrZXkpIHtcbiAgICAgICAgaWYgKGlzRnVuY3Rpb24odmFsdWUpKSB7XG4gICAgICAgICAgcmVzdWx0LnB1c2goa2V5KTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgICByZXR1cm4gcmVzdWx0LnNvcnQoKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgdGhlIHNwZWNpZmllZCBwcm9wZXJ0eSBuYW1lIGV4aXN0cyBhcyBhIGRpcmVjdCBwcm9wZXJ0eSBvZiBgb2JqZWN0YCxcbiAgICAgKiBpbnN0ZWFkIG9mIGFuIGluaGVyaXRlZCBwcm9wZXJ0eS5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHtPYmplY3R9IG9iamVjdCBUaGUgb2JqZWN0IHRvIGluc3BlY3QuXG4gICAgICogQHBhcmFtIHtzdHJpbmd9IGtleSBUaGUgbmFtZSBvZiB0aGUgcHJvcGVydHkgdG8gY2hlY2suXG4gICAgICogQHJldHVybnMge2Jvb2xlYW59IFJldHVybnMgYHRydWVgIGlmIGtleSBpcyBhIGRpcmVjdCBwcm9wZXJ0eSwgZWxzZSBgZmFsc2VgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmhhcyh7ICdhJzogMSwgJ2InOiAyLCAnYyc6IDMgfSwgJ2InKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICovXG4gICAgZnVuY3Rpb24gaGFzKG9iamVjdCwga2V5KSB7XG4gICAgICByZXR1cm4gb2JqZWN0ID8gaGFzT3duUHJvcGVydHkuY2FsbChvYmplY3QsIGtleSkgOiBmYWxzZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIG9iamVjdCBjb21wb3NlZCBvZiB0aGUgaW52ZXJ0ZWQga2V5cyBhbmQgdmFsdWVzIG9mIHRoZSBnaXZlbiBvYmplY3QuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBpbnZlcnQuXG4gICAgICogQHJldHVybnMge09iamVjdH0gUmV0dXJucyB0aGUgY3JlYXRlZCBpbnZlcnRlZCBvYmplY3QuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaW52ZXJ0KHsgJ2ZpcnN0JzogJ2ZyZWQnLCAnc2Vjb25kJzogJ2Jhcm5leScgfSk7XG4gICAgICogLy8gPT4geyAnZnJlZCc6ICdmaXJzdCcsICdiYXJuZXknOiAnc2Vjb25kJyB9XG4gICAgICovXG4gICAgZnVuY3Rpb24gaW52ZXJ0KG9iamVjdCkge1xuICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgcHJvcHMgPSBrZXlzKG9iamVjdCksXG4gICAgICAgICAgbGVuZ3RoID0gcHJvcHMubGVuZ3RoLFxuICAgICAgICAgIHJlc3VsdCA9IHt9O1xuXG4gICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICB2YXIga2V5ID0gcHJvcHNbaW5kZXhdO1xuICAgICAgICByZXN1bHRbb2JqZWN0W2tleV1dID0ga2V5O1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBhIGJvb2xlYW4gdmFsdWUuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGNoZWNrLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiB0aGUgYHZhbHVlYCBpcyBhIGJvb2xlYW4gdmFsdWUsIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5pc0Jvb2xlYW4obnVsbCk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc0Jvb2xlYW4odmFsdWUpIHtcbiAgICAgIHJldHVybiB2YWx1ZSA9PT0gdHJ1ZSB8fCB2YWx1ZSA9PT0gZmFsc2UgfHxcbiAgICAgICAgdmFsdWUgJiYgdHlwZW9mIHZhbHVlID09ICdvYmplY3QnICYmIHRvU3RyaW5nLmNhbGwodmFsdWUpID09IGJvb2xDbGFzcyB8fCBmYWxzZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBhIGRhdGUuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGNoZWNrLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiB0aGUgYHZhbHVlYCBpcyBhIGRhdGUsIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5pc0RhdGUobmV3IERhdGUpO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc0RhdGUodmFsdWUpIHtcbiAgICAgIHJldHVybiB2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT0gJ29iamVjdCcgJiYgdG9TdHJpbmcuY2FsbCh2YWx1ZSkgPT0gZGF0ZUNsYXNzIHx8IGZhbHNlO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENoZWNrcyBpZiBgdmFsdWVgIGlzIGEgRE9NIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGNoZWNrLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiB0aGUgYHZhbHVlYCBpcyBhIERPTSBlbGVtZW50LCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaXNFbGVtZW50KGRvY3VtZW50LmJvZHkpO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc0VsZW1lbnQodmFsdWUpIHtcbiAgICAgIHJldHVybiB2YWx1ZSAmJiB2YWx1ZS5ub2RlVHlwZSA9PT0gMSB8fCBmYWxzZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBlbXB0eS4gQXJyYXlzLCBzdHJpbmdzLCBvciBgYXJndW1lbnRzYCBvYmplY3RzIHdpdGggYVxuICAgICAqIGxlbmd0aCBvZiBgMGAgYW5kIG9iamVjdHMgd2l0aCBubyBvd24gZW51bWVyYWJsZSBwcm9wZXJ0aWVzIGFyZSBjb25zaWRlcmVkXG4gICAgICogXCJlbXB0eVwiLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IHZhbHVlIFRoZSB2YWx1ZSB0byBpbnNwZWN0LlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiB0aGUgYHZhbHVlYCBpcyBlbXB0eSwgZWxzZSBgZmFsc2VgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmlzRW1wdHkoWzEsIDIsIDNdKTtcbiAgICAgKiAvLyA9PiBmYWxzZVxuICAgICAqXG4gICAgICogXy5pc0VtcHR5KHt9KTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiBfLmlzRW1wdHkoJycpO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc0VtcHR5KHZhbHVlKSB7XG4gICAgICB2YXIgcmVzdWx0ID0gdHJ1ZTtcbiAgICAgIGlmICghdmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICAgIH1cbiAgICAgIHZhciBjbGFzc05hbWUgPSB0b1N0cmluZy5jYWxsKHZhbHVlKSxcbiAgICAgICAgICBsZW5ndGggPSB2YWx1ZS5sZW5ndGg7XG5cbiAgICAgIGlmICgoY2xhc3NOYW1lID09IGFycmF5Q2xhc3MgfHwgY2xhc3NOYW1lID09IHN0cmluZ0NsYXNzIHx8IGNsYXNzTmFtZSA9PSBhcmdzQ2xhc3MgKSB8fFxuICAgICAgICAgIChjbGFzc05hbWUgPT0gb2JqZWN0Q2xhc3MgJiYgdHlwZW9mIGxlbmd0aCA9PSAnbnVtYmVyJyAmJiBpc0Z1bmN0aW9uKHZhbHVlLnNwbGljZSkpKSB7XG4gICAgICAgIHJldHVybiAhbGVuZ3RoO1xuICAgICAgfVxuICAgICAgZm9yT3duKHZhbHVlLCBmdW5jdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIChyZXN1bHQgPSBmYWxzZSk7XG4gICAgICB9KTtcbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUGVyZm9ybXMgYSBkZWVwIGNvbXBhcmlzb24gYmV0d2VlbiB0d28gdmFsdWVzIHRvIGRldGVybWluZSBpZiB0aGV5IGFyZVxuICAgICAqIGVxdWl2YWxlbnQgdG8gZWFjaCBvdGhlci4gSWYgYSBjYWxsYmFjayBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIGV4ZWN1dGVkXG4gICAgICogdG8gY29tcGFyZSB2YWx1ZXMuIElmIHRoZSBjYWxsYmFjayByZXR1cm5zIGB1bmRlZmluZWRgIGNvbXBhcmlzb25zIHdpbGxcbiAgICAgKiBiZSBoYW5kbGVkIGJ5IHRoZSBtZXRob2QgaW5zdGVhZC4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmRcbiAgICAgKiBpbnZva2VkIHdpdGggdHdvIGFyZ3VtZW50czsgKGEsIGIpLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0geyp9IGEgVGhlIHZhbHVlIHRvIGNvbXBhcmUuXG4gICAgICogQHBhcmFtIHsqfSBiIFRoZSBvdGhlciB2YWx1ZSB0byBjb21wYXJlLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IFtjYWxsYmFja10gVGhlIGZ1bmN0aW9uIHRvIGN1c3RvbWl6ZSBjb21wYXJpbmcgdmFsdWVzLlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiB0aGUgdmFsdWVzIGFyZSBlcXVpdmFsZW50LCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBvYmplY3QgPSB7ICduYW1lJzogJ2ZyZWQnIH07XG4gICAgICogdmFyIGNvcHkgPSB7ICduYW1lJzogJ2ZyZWQnIH07XG4gICAgICpcbiAgICAgKiBvYmplY3QgPT0gY29weTtcbiAgICAgKiAvLyA9PiBmYWxzZVxuICAgICAqXG4gICAgICogXy5pc0VxdWFsKG9iamVjdCwgY29weSk7XG4gICAgICogLy8gPT4gdHJ1ZVxuICAgICAqXG4gICAgICogdmFyIHdvcmRzID0gWydoZWxsbycsICdnb29kYnllJ107XG4gICAgICogdmFyIG90aGVyV29yZHMgPSBbJ2hpJywgJ2dvb2RieWUnXTtcbiAgICAgKlxuICAgICAqIF8uaXNFcXVhbCh3b3Jkcywgb3RoZXJXb3JkcywgZnVuY3Rpb24oYSwgYikge1xuICAgICAqICAgdmFyIHJlR3JlZXQgPSAvXig/OmhlbGxvfGhpKSQvaSxcbiAgICAgKiAgICAgICBhR3JlZXQgPSBfLmlzU3RyaW5nKGEpICYmIHJlR3JlZXQudGVzdChhKSxcbiAgICAgKiAgICAgICBiR3JlZXQgPSBfLmlzU3RyaW5nKGIpICYmIHJlR3JlZXQudGVzdChiKTtcbiAgICAgKlxuICAgICAqICAgcmV0dXJuIChhR3JlZXQgfHwgYkdyZWV0KSA/IChhR3JlZXQgPT0gYkdyZWV0KSA6IHVuZGVmaW5lZDtcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICovXG4gICAgZnVuY3Rpb24gaXNFcXVhbChhLCBiLCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgcmV0dXJuIGJhc2VJc0VxdWFsKGEsIGIsIHR5cGVvZiBjYWxsYmFjayA9PSAnZnVuY3Rpb24nICYmIGJhc2VDcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMikpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENoZWNrcyBpZiBgdmFsdWVgIGlzLCBvciBjYW4gYmUgY29lcmNlZCB0bywgYSBmaW5pdGUgbnVtYmVyLlxuICAgICAqXG4gICAgICogTm90ZTogVGhpcyBpcyBub3QgdGhlIHNhbWUgYXMgbmF0aXZlIGBpc0Zpbml0ZWAgd2hpY2ggd2lsbCByZXR1cm4gdHJ1ZSBmb3JcbiAgICAgKiBib29sZWFucyBhbmQgZW1wdHkgc3RyaW5ncy4gU2VlIGh0dHA6Ly9lczUuZ2l0aHViLmlvLyN4MTUuMS4yLjUuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGNoZWNrLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiB0aGUgYHZhbHVlYCBpcyBmaW5pdGUsIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5pc0Zpbml0ZSgtMTAxKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiBfLmlzRmluaXRlKCcxMCcpO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKlxuICAgICAqIF8uaXNGaW5pdGUodHJ1ZSk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKlxuICAgICAqIF8uaXNGaW5pdGUoJycpO1xuICAgICAqIC8vID0+IGZhbHNlXG4gICAgICpcbiAgICAgKiBfLmlzRmluaXRlKEluZmluaXR5KTtcbiAgICAgKiAvLyA9PiBmYWxzZVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGlzRmluaXRlKHZhbHVlKSB7XG4gICAgICByZXR1cm4gbmF0aXZlSXNGaW5pdGUodmFsdWUpICYmICFuYXRpdmVJc05hTihwYXJzZUZsb2F0KHZhbHVlKSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ2hlY2tzIGlmIGB2YWx1ZWAgaXMgYSBmdW5jdGlvbi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gY2hlY2suXG4gICAgICogQHJldHVybnMge2Jvb2xlYW59IFJldHVybnMgYHRydWVgIGlmIHRoZSBgdmFsdWVgIGlzIGEgZnVuY3Rpb24sIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5pc0Z1bmN0aW9uKF8pO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc0Z1bmN0aW9uKHZhbHVlKSB7XG4gICAgICByZXR1cm4gdHlwZW9mIHZhbHVlID09ICdmdW5jdGlvbic7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ2hlY2tzIGlmIGB2YWx1ZWAgaXMgdGhlIGxhbmd1YWdlIHR5cGUgb2YgT2JqZWN0LlxuICAgICAqIChlLmcuIGFycmF5cywgZnVuY3Rpb25zLCBvYmplY3RzLCByZWdleGVzLCBgbmV3IE51bWJlcigwKWAsIGFuZCBgbmV3IFN0cmluZygnJylgKVxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBjaGVjay5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIGB2YWx1ZWAgaXMgYW4gb2JqZWN0LCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaXNPYmplY3Qoe30pO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKlxuICAgICAqIF8uaXNPYmplY3QoWzEsIDIsIDNdKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiBfLmlzT2JqZWN0KDEpO1xuICAgICAqIC8vID0+IGZhbHNlXG4gICAgICovXG4gICAgZnVuY3Rpb24gaXNPYmplY3QodmFsdWUpIHtcbiAgICAgIC8vIGNoZWNrIGlmIHRoZSB2YWx1ZSBpcyB0aGUgRUNNQVNjcmlwdCBsYW5ndWFnZSB0eXBlIG9mIE9iamVjdFxuICAgICAgLy8gaHR0cDovL2VzNS5naXRodWIuaW8vI3g4XG4gICAgICAvLyBhbmQgYXZvaWQgYSBWOCBidWdcbiAgICAgIC8vIGh0dHA6Ly9jb2RlLmdvb2dsZS5jb20vcC92OC9pc3N1ZXMvZGV0YWlsP2lkPTIyOTFcbiAgICAgIHJldHVybiAhISh2YWx1ZSAmJiBvYmplY3RUeXBlc1t0eXBlb2YgdmFsdWVdKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBgTmFOYC5cbiAgICAgKlxuICAgICAqIE5vdGU6IFRoaXMgaXMgbm90IHRoZSBzYW1lIGFzIG5hdGl2ZSBgaXNOYU5gIHdoaWNoIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3JcbiAgICAgKiBgdW5kZWZpbmVkYCBhbmQgb3RoZXIgbm9uLW51bWVyaWMgdmFsdWVzLiBTZWUgaHR0cDovL2VzNS5naXRodWIuaW8vI3gxNS4xLjIuNC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gY2hlY2suXG4gICAgICogQHJldHVybnMge2Jvb2xlYW59IFJldHVybnMgYHRydWVgIGlmIHRoZSBgdmFsdWVgIGlzIGBOYU5gLCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaXNOYU4oTmFOKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiBfLmlzTmFOKG5ldyBOdW1iZXIoTmFOKSk7XG4gICAgICogLy8gPT4gdHJ1ZVxuICAgICAqXG4gICAgICogaXNOYU4odW5kZWZpbmVkKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiBfLmlzTmFOKHVuZGVmaW5lZCk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc05hTih2YWx1ZSkge1xuICAgICAgLy8gYE5hTmAgYXMgYSBwcmltaXRpdmUgaXMgdGhlIG9ubHkgdmFsdWUgdGhhdCBpcyBub3QgZXF1YWwgdG8gaXRzZWxmXG4gICAgICAvLyAocGVyZm9ybSB0aGUgW1tDbGFzc11dIGNoZWNrIGZpcnN0IHRvIGF2b2lkIGVycm9ycyB3aXRoIHNvbWUgaG9zdCBvYmplY3RzIGluIElFKVxuICAgICAgcmV0dXJuIGlzTnVtYmVyKHZhbHVlKSAmJiB2YWx1ZSAhPSArdmFsdWU7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ2hlY2tzIGlmIGB2YWx1ZWAgaXMgYG51bGxgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBjaGVjay5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIGB2YWx1ZWAgaXMgYG51bGxgLCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaXNOdWxsKG51bGwpO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKlxuICAgICAqIF8uaXNOdWxsKHVuZGVmaW5lZCk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc051bGwodmFsdWUpIHtcbiAgICAgIHJldHVybiB2YWx1ZSA9PT0gbnVsbDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBhIG51bWJlci5cbiAgICAgKlxuICAgICAqIE5vdGU6IGBOYU5gIGlzIGNvbnNpZGVyZWQgYSBudW1iZXIuIFNlZSBodHRwOi8vZXM1LmdpdGh1Yi5pby8jeDguNS5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gY2hlY2suXG4gICAgICogQHJldHVybnMge2Jvb2xlYW59IFJldHVybnMgYHRydWVgIGlmIHRoZSBgdmFsdWVgIGlzIGEgbnVtYmVyLCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaXNOdW1iZXIoOC40ICogNSk7XG4gICAgICogLy8gPT4gdHJ1ZVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGlzTnVtYmVyKHZhbHVlKSB7XG4gICAgICByZXR1cm4gdHlwZW9mIHZhbHVlID09ICdudW1iZXInIHx8XG4gICAgICAgIHZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PSAnb2JqZWN0JyAmJiB0b1N0cmluZy5jYWxsKHZhbHVlKSA9PSBudW1iZXJDbGFzcyB8fCBmYWxzZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBhbiBvYmplY3QgY3JlYXRlZCBieSB0aGUgYE9iamVjdGAgY29uc3RydWN0b3IuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGNoZWNrLlxuICAgICAqIEByZXR1cm5zIHtib29sZWFufSBSZXR1cm5zIGB0cnVlYCBpZiBgdmFsdWVgIGlzIGEgcGxhaW4gb2JqZWN0LCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIGZ1bmN0aW9uIFNoYXBlKCkge1xuICAgICAqICAgdGhpcy54ID0gMDtcbiAgICAgKiAgIHRoaXMueSA9IDA7XG4gICAgICogfVxuICAgICAqXG4gICAgICogXy5pc1BsYWluT2JqZWN0KG5ldyBTaGFwZSk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKlxuICAgICAqIF8uaXNQbGFpbk9iamVjdChbMSwgMiwgM10pO1xuICAgICAqIC8vID0+IGZhbHNlXG4gICAgICpcbiAgICAgKiBfLmlzUGxhaW5PYmplY3QoeyAneCc6IDAsICd5JzogMCB9KTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICovXG4gICAgdmFyIGlzUGxhaW5PYmplY3QgPSAhZ2V0UHJvdG90eXBlT2YgPyBzaGltSXNQbGFpbk9iamVjdCA6IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgICBpZiAoISh2YWx1ZSAmJiB0b1N0cmluZy5jYWxsKHZhbHVlKSA9PSBvYmplY3RDbGFzcykpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuICAgICAgdmFyIHZhbHVlT2YgPSB2YWx1ZS52YWx1ZU9mLFxuICAgICAgICAgIG9ialByb3RvID0gaXNOYXRpdmUodmFsdWVPZikgJiYgKG9ialByb3RvID0gZ2V0UHJvdG90eXBlT2YodmFsdWVPZikpICYmIGdldFByb3RvdHlwZU9mKG9ialByb3RvKTtcblxuICAgICAgcmV0dXJuIG9ialByb3RvXG4gICAgICAgID8gKHZhbHVlID09IG9ialByb3RvIHx8IGdldFByb3RvdHlwZU9mKHZhbHVlKSA9PSBvYmpQcm90bylcbiAgICAgICAgOiBzaGltSXNQbGFpbk9iamVjdCh2YWx1ZSk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENoZWNrcyBpZiBgdmFsdWVgIGlzIGEgcmVndWxhciBleHByZXNzaW9uLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBjaGVjay5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIGB2YWx1ZWAgaXMgYSByZWd1bGFyIGV4cHJlc3Npb24sIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5pc1JlZ0V4cCgvZnJlZC8pO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc1JlZ0V4cCh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PSAnb2JqZWN0JyAmJiB0b1N0cmluZy5jYWxsKHZhbHVlKSA9PSByZWdleHBDbGFzcyB8fCBmYWxzZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDaGVja3MgaWYgYHZhbHVlYCBpcyBhIHN0cmluZy5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBPYmplY3RzXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gY2hlY2suXG4gICAgICogQHJldHVybnMge2Jvb2xlYW59IFJldHVybnMgYHRydWVgIGlmIHRoZSBgdmFsdWVgIGlzIGEgc3RyaW5nLCBlbHNlIGBmYWxzZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaXNTdHJpbmcoJ2ZyZWQnKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICovXG4gICAgZnVuY3Rpb24gaXNTdHJpbmcodmFsdWUpIHtcbiAgICAgIHJldHVybiB0eXBlb2YgdmFsdWUgPT0gJ3N0cmluZycgfHxcbiAgICAgICAgdmFsdWUgJiYgdHlwZW9mIHZhbHVlID09ICdvYmplY3QnICYmIHRvU3RyaW5nLmNhbGwodmFsdWUpID09IHN0cmluZ0NsYXNzIHx8IGZhbHNlO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENoZWNrcyBpZiBgdmFsdWVgIGlzIGB1bmRlZmluZWRgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byBjaGVjay5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIGB2YWx1ZWAgaXMgYHVuZGVmaW5lZGAsIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5pc1VuZGVmaW5lZCh2b2lkIDApO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpc1VuZGVmaW5lZCh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHR5cGVvZiB2YWx1ZSA9PSAndW5kZWZpbmVkJztcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIG9iamVjdCB3aXRoIHRoZSBzYW1lIGtleXMgYXMgYG9iamVjdGAgYW5kIHZhbHVlcyBnZW5lcmF0ZWQgYnlcbiAgICAgKiBydW5uaW5nIGVhY2ggb3duIGVudW1lcmFibGUgcHJvcGVydHkgb2YgYG9iamVjdGAgdGhyb3VnaCB0aGUgY2FsbGJhY2suXG4gICAgICogVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoIHRocmVlIGFyZ3VtZW50cztcbiAgICAgKiAodmFsdWUsIGtleSwgb2JqZWN0KS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBvYmplY3QgdG8gaXRlcmF0ZSBvdmVyLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fHN0cmluZ30gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkXG4gICAgICogIHBlciBpdGVyYXRpb24uIElmIGEgcHJvcGVydHkgbmFtZSBvciBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkXG4gICAgICogIHRvIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgbmV3IG9iamVjdCB3aXRoIHZhbHVlcyBvZiB0aGUgcmVzdWx0cyBvZiBlYWNoIGBjYWxsYmFja2AgZXhlY3V0aW9uLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLm1hcFZhbHVlcyh7ICdhJzogMSwgJ2InOiAyLCAnYyc6IDN9ICwgZnVuY3Rpb24obnVtKSB7IHJldHVybiBudW0gKiAzOyB9KTtcbiAgICAgKiAvLyA9PiB7ICdhJzogMywgJ2InOiA2LCAnYyc6IDkgfVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSB7XG4gICAgICogICAnZnJlZCc6IHsgJ25hbWUnOiAnZnJlZCcsICdhZ2UnOiA0MCB9LFxuICAgICAqICAgJ3BlYmJsZXMnOiB7ICduYW1lJzogJ3BlYmJsZXMnLCAnYWdlJzogMSB9XG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy5wbHVja1wiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8ubWFwVmFsdWVzKGNoYXJhY3RlcnMsICdhZ2UnKTtcbiAgICAgKiAvLyA9PiB7ICdmcmVkJzogNDAsICdwZWJibGVzJzogMSB9XG4gICAgICovXG4gICAgZnVuY3Rpb24gbWFwVmFsdWVzKG9iamVjdCwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciByZXN1bHQgPSB7fTtcbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcblxuICAgICAgZm9yT3duKG9iamVjdCwgZnVuY3Rpb24odmFsdWUsIGtleSwgb2JqZWN0KSB7XG4gICAgICAgIHJlc3VsdFtrZXldID0gY2FsbGJhY2sodmFsdWUsIGtleSwgb2JqZWN0KTtcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZWN1cnNpdmVseSBtZXJnZXMgb3duIGVudW1lcmFibGUgcHJvcGVydGllcyBvZiB0aGUgc291cmNlIG9iamVjdChzKSwgdGhhdFxuICAgICAqIGRvbid0IHJlc29sdmUgdG8gYHVuZGVmaW5lZGAgaW50byB0aGUgZGVzdGluYXRpb24gb2JqZWN0LiBTdWJzZXF1ZW50IHNvdXJjZXNcbiAgICAgKiB3aWxsIG92ZXJ3cml0ZSBwcm9wZXJ0eSBhc3NpZ25tZW50cyBvZiBwcmV2aW91cyBzb3VyY2VzLiBJZiBhIGNhbGxiYWNrIGlzXG4gICAgICogcHJvdmlkZWQgaXQgd2lsbCBiZSBleGVjdXRlZCB0byBwcm9kdWNlIHRoZSBtZXJnZWQgdmFsdWVzIG9mIHRoZSBkZXN0aW5hdGlvblxuICAgICAqIGFuZCBzb3VyY2UgcHJvcGVydGllcy4gSWYgdGhlIGNhbGxiYWNrIHJldHVybnMgYHVuZGVmaW5lZGAgbWVyZ2luZyB3aWxsXG4gICAgICogYmUgaGFuZGxlZCBieSB0aGUgbWV0aG9kIGluc3RlYWQuIFRoZSBjYWxsYmFjayBpcyBib3VuZCB0byBgdGhpc0FyZ2AgYW5kXG4gICAgICogaW52b2tlZCB3aXRoIHR3byBhcmd1bWVudHM7IChvYmplY3RWYWx1ZSwgc291cmNlVmFsdWUpLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBkZXN0aW5hdGlvbiBvYmplY3QuXG4gICAgICogQHBhcmFtIHsuLi5PYmplY3R9IFtzb3VyY2VdIFRoZSBzb3VyY2Ugb2JqZWN0cy5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBbY2FsbGJhY2tdIFRoZSBmdW5jdGlvbiB0byBjdXN0b21pemUgbWVyZ2luZyBwcm9wZXJ0aWVzLlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgdGhlIGRlc3RpbmF0aW9uIG9iamVjdC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIG5hbWVzID0ge1xuICAgICAqICAgJ2NoYXJhY3RlcnMnOiBbXG4gICAgICogICAgIHsgJ25hbWUnOiAnYmFybmV5JyB9LFxuICAgICAqICAgICB7ICduYW1lJzogJ2ZyZWQnIH1cbiAgICAgKiAgIF1cbiAgICAgKiB9O1xuICAgICAqXG4gICAgICogdmFyIGFnZXMgPSB7XG4gICAgICogICAnY2hhcmFjdGVycyc6IFtcbiAgICAgKiAgICAgeyAnYWdlJzogMzYgfSxcbiAgICAgKiAgICAgeyAnYWdlJzogNDAgfVxuICAgICAqICAgXVxuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBfLm1lcmdlKG5hbWVzLCBhZ2VzKTtcbiAgICAgKiAvLyA9PiB7ICdjaGFyYWN0ZXJzJzogW3sgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2IH0sIHsgJ25hbWUnOiAnZnJlZCcsICdhZ2UnOiA0MCB9XSB9XG4gICAgICpcbiAgICAgKiB2YXIgZm9vZCA9IHtcbiAgICAgKiAgICdmcnVpdHMnOiBbJ2FwcGxlJ10sXG4gICAgICogICAndmVnZXRhYmxlcyc6IFsnYmVldCddXG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIHZhciBvdGhlckZvb2QgPSB7XG4gICAgICogICAnZnJ1aXRzJzogWydiYW5hbmEnXSxcbiAgICAgKiAgICd2ZWdldGFibGVzJzogWydjYXJyb3QnXVxuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBfLm1lcmdlKGZvb2QsIG90aGVyRm9vZCwgZnVuY3Rpb24oYSwgYikge1xuICAgICAqICAgcmV0dXJuIF8uaXNBcnJheShhKSA/IGEuY29uY2F0KGIpIDogdW5kZWZpbmVkO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IHsgJ2ZydWl0cyc6IFsnYXBwbGUnLCAnYmFuYW5hJ10sICd2ZWdldGFibGVzJzogWydiZWV0JywgJ2NhcnJvdF0gfVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIG1lcmdlKG9iamVjdCkge1xuICAgICAgdmFyIGFyZ3MgPSBhcmd1bWVudHMsXG4gICAgICAgICAgbGVuZ3RoID0gMjtcblxuICAgICAgaWYgKCFpc09iamVjdChvYmplY3QpKSB7XG4gICAgICAgIHJldHVybiBvYmplY3Q7XG4gICAgICB9XG4gICAgICAvLyBhbGxvd3Mgd29ya2luZyB3aXRoIGBfLnJlZHVjZWAgYW5kIGBfLnJlZHVjZVJpZ2h0YCB3aXRob3V0IHVzaW5nXG4gICAgICAvLyB0aGVpciBgaW5kZXhgIGFuZCBgY29sbGVjdGlvbmAgYXJndW1lbnRzXG4gICAgICBpZiAodHlwZW9mIGFyZ3NbMl0gIT0gJ251bWJlcicpIHtcbiAgICAgICAgbGVuZ3RoID0gYXJncy5sZW5ndGg7XG4gICAgICB9XG4gICAgICBpZiAobGVuZ3RoID4gMyAmJiB0eXBlb2YgYXJnc1tsZW5ndGggLSAyXSA9PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHZhciBjYWxsYmFjayA9IGJhc2VDcmVhdGVDYWxsYmFjayhhcmdzWy0tbGVuZ3RoIC0gMV0sIGFyZ3NbbGVuZ3RoLS1dLCAyKTtcbiAgICAgIH0gZWxzZSBpZiAobGVuZ3RoID4gMiAmJiB0eXBlb2YgYXJnc1tsZW5ndGggLSAxXSA9PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIGNhbGxiYWNrID0gYXJnc1stLWxlbmd0aF07XG4gICAgICB9XG4gICAgICB2YXIgc291cmNlcyA9IHNsaWNlKGFyZ3VtZW50cywgMSwgbGVuZ3RoKSxcbiAgICAgICAgICBpbmRleCA9IC0xLFxuICAgICAgICAgIHN0YWNrQSA9IGdldEFycmF5KCksXG4gICAgICAgICAgc3RhY2tCID0gZ2V0QXJyYXkoKTtcblxuICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgYmFzZU1lcmdlKG9iamVjdCwgc291cmNlc1tpbmRleF0sIGNhbGxiYWNrLCBzdGFja0EsIHN0YWNrQik7XG4gICAgICB9XG4gICAgICByZWxlYXNlQXJyYXkoc3RhY2tBKTtcbiAgICAgIHJlbGVhc2VBcnJheShzdGFja0IpO1xuICAgICAgcmV0dXJuIG9iamVjdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgc2hhbGxvdyBjbG9uZSBvZiBgb2JqZWN0YCBleGNsdWRpbmcgdGhlIHNwZWNpZmllZCBwcm9wZXJ0aWVzLlxuICAgICAqIFByb3BlcnR5IG5hbWVzIG1heSBiZSBzcGVjaWZpZWQgYXMgaW5kaXZpZHVhbCBhcmd1bWVudHMgb3IgYXMgYXJyYXlzIG9mXG4gICAgICogcHJvcGVydHkgbmFtZXMuIElmIGEgY2FsbGJhY2sgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSBleGVjdXRlZCBmb3IgZWFjaFxuICAgICAqIHByb3BlcnR5IG9mIGBvYmplY3RgIG9taXR0aW5nIHRoZSBwcm9wZXJ0aWVzIHRoZSBjYWxsYmFjayByZXR1cm5zIHRydWV5XG4gICAgICogZm9yLiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggdGhyZWUgYXJndW1lbnRzO1xuICAgICAqICh2YWx1ZSwga2V5LCBvYmplY3QpLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBzb3VyY2Ugb2JqZWN0LlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258Li4uc3RyaW5nfHN0cmluZ1tdfSBbY2FsbGJhY2tdIFRoZSBwcm9wZXJ0aWVzIHRvIG9taXQgb3IgdGhlXG4gICAgICogIGZ1bmN0aW9uIGNhbGxlZCBwZXIgaXRlcmF0aW9uLlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgYW4gb2JqZWN0IHdpdGhvdXQgdGhlIG9taXR0ZWQgcHJvcGVydGllcy5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5vbWl0KHsgJ25hbWUnOiAnZnJlZCcsICdhZ2UnOiA0MCB9LCAnYWdlJyk7XG4gICAgICogLy8gPT4geyAnbmFtZSc6ICdmcmVkJyB9XG4gICAgICpcbiAgICAgKiBfLm9taXQoeyAnbmFtZSc6ICdmcmVkJywgJ2FnZSc6IDQwIH0sIGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgICogICByZXR1cm4gdHlwZW9mIHZhbHVlID09ICdudW1iZXInO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IHsgJ25hbWUnOiAnZnJlZCcgfVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIG9taXQob2JqZWN0LCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgdmFyIHJlc3VsdCA9IHt9O1xuICAgICAgaWYgKHR5cGVvZiBjYWxsYmFjayAhPSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHZhciBwcm9wcyA9IFtdO1xuICAgICAgICBmb3JJbihvYmplY3QsIGZ1bmN0aW9uKHZhbHVlLCBrZXkpIHtcbiAgICAgICAgICBwcm9wcy5wdXNoKGtleSk7XG4gICAgICAgIH0pO1xuICAgICAgICBwcm9wcyA9IGJhc2VEaWZmZXJlbmNlKHByb3BzLCBiYXNlRmxhdHRlbihhcmd1bWVudHMsIHRydWUsIGZhbHNlLCAxKSk7XG5cbiAgICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgICBsZW5ndGggPSBwcm9wcy5sZW5ndGg7XG5cbiAgICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgICB2YXIga2V5ID0gcHJvcHNbaW5kZXhdO1xuICAgICAgICAgIHJlc3VsdFtrZXldID0gb2JqZWN0W2tleV07XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgICAgZm9ySW4ob2JqZWN0LCBmdW5jdGlvbih2YWx1ZSwga2V5LCBvYmplY3QpIHtcbiAgICAgICAgICBpZiAoIWNhbGxiYWNrKHZhbHVlLCBrZXksIG9iamVjdCkpIHtcbiAgICAgICAgICAgIHJlc3VsdFtrZXldID0gdmFsdWU7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIHR3byBkaW1lbnNpb25hbCBhcnJheSBvZiBhbiBvYmplY3QncyBrZXktdmFsdWUgcGFpcnMsXG4gICAgICogaS5lLiBgW1trZXkxLCB2YWx1ZTFdLCBba2V5MiwgdmFsdWUyXV1gLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IE9iamVjdHNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBvYmplY3QgdG8gaW5zcGVjdC5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgbmV3IGFycmF5IG9mIGtleS12YWx1ZSBwYWlycy5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5wYWlycyh7ICdiYXJuZXknOiAzNiwgJ2ZyZWQnOiA0MCB9KTtcbiAgICAgKiAvLyA9PiBbWydiYXJuZXknLCAzNl0sIFsnZnJlZCcsIDQwXV0gKHByb3BlcnR5IG9yZGVyIGlzIG5vdCBndWFyYW50ZWVkIGFjcm9zcyBlbnZpcm9ubWVudHMpXG4gICAgICovXG4gICAgZnVuY3Rpb24gcGFpcnMob2JqZWN0KSB7XG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBwcm9wcyA9IGtleXMob2JqZWN0KSxcbiAgICAgICAgICBsZW5ndGggPSBwcm9wcy5sZW5ndGgsXG4gICAgICAgICAgcmVzdWx0ID0gQXJyYXkobGVuZ3RoKTtcblxuICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgdmFyIGtleSA9IHByb3BzW2luZGV4XTtcbiAgICAgICAgcmVzdWx0W2luZGV4XSA9IFtrZXksIG9iamVjdFtrZXldXTtcbiAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIHNoYWxsb3cgY2xvbmUgb2YgYG9iamVjdGAgY29tcG9zZWQgb2YgdGhlIHNwZWNpZmllZCBwcm9wZXJ0aWVzLlxuICAgICAqIFByb3BlcnR5IG5hbWVzIG1heSBiZSBzcGVjaWZpZWQgYXMgaW5kaXZpZHVhbCBhcmd1bWVudHMgb3IgYXMgYXJyYXlzIG9mXG4gICAgICogcHJvcGVydHkgbmFtZXMuIElmIGEgY2FsbGJhY2sgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSBleGVjdXRlZCBmb3IgZWFjaFxuICAgICAqIHByb3BlcnR5IG9mIGBvYmplY3RgIHBpY2tpbmcgdGhlIHByb3BlcnRpZXMgdGhlIGNhbGxiYWNrIHJldHVybnMgdHJ1ZXlcbiAgICAgKiBmb3IuIFRoZSBjYWxsYmFjayBpcyBib3VuZCB0byBgdGhpc0FyZ2AgYW5kIGludm9rZWQgd2l0aCB0aHJlZSBhcmd1bWVudHM7XG4gICAgICogKHZhbHVlLCBrZXksIG9iamVjdCkuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIHNvdXJjZSBvYmplY3QuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnwuLi5zdHJpbmd8c3RyaW5nW119IFtjYWxsYmFja10gVGhlIGZ1bmN0aW9uIGNhbGxlZCBwZXJcbiAgICAgKiAgaXRlcmF0aW9uIG9yIHByb3BlcnR5IG5hbWVzIHRvIHBpY2ssIHNwZWNpZmllZCBhcyBpbmRpdmlkdWFsIHByb3BlcnR5XG4gICAgICogIG5hbWVzIG9yIGFycmF5cyBvZiBwcm9wZXJ0eSBuYW1lcy5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7T2JqZWN0fSBSZXR1cm5zIGFuIG9iamVjdCBjb21wb3NlZCBvZiB0aGUgcGlja2VkIHByb3BlcnRpZXMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8ucGljayh7ICduYW1lJzogJ2ZyZWQnLCAnX3VzZXJpZCc6ICdmcmVkMScgfSwgJ25hbWUnKTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ2ZyZWQnIH1cbiAgICAgKlxuICAgICAqIF8ucGljayh7ICduYW1lJzogJ2ZyZWQnLCAnX3VzZXJpZCc6ICdmcmVkMScgfSwgZnVuY3Rpb24odmFsdWUsIGtleSkge1xuICAgICAqICAgcmV0dXJuIGtleS5jaGFyQXQoMCkgIT0gJ18nO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IHsgJ25hbWUnOiAnZnJlZCcgfVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHBpY2sob2JqZWN0LCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgdmFyIHJlc3VsdCA9IHt9O1xuICAgICAgaWYgKHR5cGVvZiBjYWxsYmFjayAhPSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICAgICAgcHJvcHMgPSBiYXNlRmxhdHRlbihhcmd1bWVudHMsIHRydWUsIGZhbHNlLCAxKSxcbiAgICAgICAgICAgIGxlbmd0aCA9IGlzT2JqZWN0KG9iamVjdCkgPyBwcm9wcy5sZW5ndGggOiAwO1xuXG4gICAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgICAgdmFyIGtleSA9IHByb3BzW2luZGV4XTtcbiAgICAgICAgICBpZiAoa2V5IGluIG9iamVjdCkge1xuICAgICAgICAgICAgcmVzdWx0W2tleV0gPSBvYmplY3Rba2V5XTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgICAgZm9ySW4ob2JqZWN0LCBmdW5jdGlvbih2YWx1ZSwga2V5LCBvYmplY3QpIHtcbiAgICAgICAgICBpZiAoY2FsbGJhY2sodmFsdWUsIGtleSwgb2JqZWN0KSkge1xuICAgICAgICAgICAgcmVzdWx0W2tleV0gPSB2YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBBbiBhbHRlcm5hdGl2ZSB0byBgXy5yZWR1Y2VgIHRoaXMgbWV0aG9kIHRyYW5zZm9ybXMgYG9iamVjdGAgdG8gYSBuZXdcbiAgICAgKiBgYWNjdW11bGF0b3JgIG9iamVjdCB3aGljaCBpcyB0aGUgcmVzdWx0IG9mIHJ1bm5pbmcgZWFjaCBvZiBpdHMgb3duXG4gICAgICogZW51bWVyYWJsZSBwcm9wZXJ0aWVzIHRocm91Z2ggYSBjYWxsYmFjaywgd2l0aCBlYWNoIGNhbGxiYWNrIGV4ZWN1dGlvblxuICAgICAqIHBvdGVudGlhbGx5IG11dGF0aW5nIHRoZSBgYWNjdW11bGF0b3JgIG9iamVjdC4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvXG4gICAgICogYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggZm91ciBhcmd1bWVudHM7IChhY2N1bXVsYXRvciwgdmFsdWUsIGtleSwgb2JqZWN0KS5cbiAgICAgKiBDYWxsYmFja3MgbWF5IGV4aXQgaXRlcmF0aW9uIGVhcmx5IGJ5IGV4cGxpY2l0bHkgcmV0dXJuaW5nIGBmYWxzZWAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkIHBlciBpdGVyYXRpb24uXG4gICAgICogQHBhcmFtIHsqfSBbYWNjdW11bGF0b3JdIFRoZSBjdXN0b20gYWNjdW11bGF0b3IgdmFsdWUuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMgeyp9IFJldHVybnMgdGhlIGFjY3VtdWxhdGVkIHZhbHVlLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgc3F1YXJlcyA9IF8udHJhbnNmb3JtKFsxLCAyLCAzLCA0LCA1LCA2LCA3LCA4LCA5LCAxMF0sIGZ1bmN0aW9uKHJlc3VsdCwgbnVtKSB7XG4gICAgICogICBudW0gKj0gbnVtO1xuICAgICAqICAgaWYgKG51bSAlIDIpIHtcbiAgICAgKiAgICAgcmV0dXJuIHJlc3VsdC5wdXNoKG51bSkgPCAzO1xuICAgICAqICAgfVxuICAgICAqIH0pO1xuICAgICAqIC8vID0+IFsxLCA5LCAyNV1cbiAgICAgKlxuICAgICAqIHZhciBtYXBwZWQgPSBfLnRyYW5zZm9ybSh7ICdhJzogMSwgJ2InOiAyLCAnYyc6IDMgfSwgZnVuY3Rpb24ocmVzdWx0LCBudW0sIGtleSkge1xuICAgICAqICAgcmVzdWx0W2tleV0gPSBudW0gKiAzO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IHsgJ2EnOiAzLCAnYic6IDYsICdjJzogOSB9XG4gICAgICovXG4gICAgZnVuY3Rpb24gdHJhbnNmb3JtKG9iamVjdCwgY2FsbGJhY2ssIGFjY3VtdWxhdG9yLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgaXNBcnIgPSBpc0FycmF5KG9iamVjdCk7XG4gICAgICBpZiAoYWNjdW11bGF0b3IgPT0gbnVsbCkge1xuICAgICAgICBpZiAoaXNBcnIpIHtcbiAgICAgICAgICBhY2N1bXVsYXRvciA9IFtdO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHZhciBjdG9yID0gb2JqZWN0ICYmIG9iamVjdC5jb25zdHJ1Y3RvcixcbiAgICAgICAgICAgICAgcHJvdG8gPSBjdG9yICYmIGN0b3IucHJvdG90eXBlO1xuXG4gICAgICAgICAgYWNjdW11bGF0b3IgPSBiYXNlQ3JlYXRlKHByb3RvKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgaWYgKGNhbGxiYWNrKSB7XG4gICAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCA0KTtcbiAgICAgICAgKGlzQXJyID8gZm9yRWFjaCA6IGZvck93bikob2JqZWN0LCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIG9iamVjdCkge1xuICAgICAgICAgIHJldHVybiBjYWxsYmFjayhhY2N1bXVsYXRvciwgdmFsdWUsIGluZGV4LCBvYmplY3QpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBhY2N1bXVsYXRvcjtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIGFycmF5IGNvbXBvc2VkIG9mIHRoZSBvd24gZW51bWVyYWJsZSBwcm9wZXJ0eSB2YWx1ZXMgb2YgYG9iamVjdGAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgT2JqZWN0c1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBpbnNwZWN0LlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhbiBhcnJheSBvZiBwcm9wZXJ0eSB2YWx1ZXMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8udmFsdWVzKHsgJ29uZSc6IDEsICd0d28nOiAyLCAndGhyZWUnOiAzIH0pO1xuICAgICAqIC8vID0+IFsxLCAyLCAzXSAocHJvcGVydHkgb3JkZXIgaXMgbm90IGd1YXJhbnRlZWQgYWNyb3NzIGVudmlyb25tZW50cylcbiAgICAgKi9cbiAgICBmdW5jdGlvbiB2YWx1ZXMob2JqZWN0KSB7XG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBwcm9wcyA9IGtleXMob2JqZWN0KSxcbiAgICAgICAgICBsZW5ndGggPSBwcm9wcy5sZW5ndGgsXG4gICAgICAgICAgcmVzdWx0ID0gQXJyYXkobGVuZ3RoKTtcblxuICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgcmVzdWx0W2luZGV4XSA9IG9iamVjdFtwcm9wc1tpbmRleF1dO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYW4gYXJyYXkgb2YgZWxlbWVudHMgZnJvbSB0aGUgc3BlY2lmaWVkIGluZGV4ZXMsIG9yIGtleXMsIG9mIHRoZVxuICAgICAqIGBjb2xsZWN0aW9uYC4gSW5kZXhlcyBtYXkgYmUgc3BlY2lmaWVkIGFzIGluZGl2aWR1YWwgYXJndW1lbnRzIG9yIGFzIGFycmF5c1xuICAgICAqIG9mIGluZGV4ZXMuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQ29sbGVjdGlvbnNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IGNvbGxlY3Rpb24gVGhlIGNvbGxlY3Rpb24gdG8gaXRlcmF0ZSBvdmVyLlxuICAgICAqIEBwYXJhbSB7Li4uKG51bWJlcnxudW1iZXJbXXxzdHJpbmd8c3RyaW5nW10pfSBbaW5kZXhdIFRoZSBpbmRleGVzIG9mIGBjb2xsZWN0aW9uYFxuICAgICAqICAgdG8gcmV0cmlldmUsIHNwZWNpZmllZCBhcyBpbmRpdmlkdWFsIGluZGV4ZXMgb3IgYXJyYXlzIG9mIGluZGV4ZXMuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgbmV3IGFycmF5IG9mIGVsZW1lbnRzIGNvcnJlc3BvbmRpbmcgdG8gdGhlXG4gICAgICogIHByb3ZpZGVkIGluZGV4ZXMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uYXQoWydhJywgJ2InLCAnYycsICdkJywgJ2UnXSwgWzAsIDIsIDRdKTtcbiAgICAgKiAvLyA9PiBbJ2EnLCAnYycsICdlJ11cbiAgICAgKlxuICAgICAqIF8uYXQoWydmcmVkJywgJ2Jhcm5leScsICdwZWJibGVzJ10sIDAsIDIpO1xuICAgICAqIC8vID0+IFsnZnJlZCcsICdwZWJibGVzJ11cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBhdChjb2xsZWN0aW9uKSB7XG4gICAgICB2YXIgYXJncyA9IGFyZ3VtZW50cyxcbiAgICAgICAgICBpbmRleCA9IC0xLFxuICAgICAgICAgIHByb3BzID0gYmFzZUZsYXR0ZW4oYXJncywgdHJ1ZSwgZmFsc2UsIDEpLFxuICAgICAgICAgIGxlbmd0aCA9IChhcmdzWzJdICYmIGFyZ3NbMl1bYXJnc1sxXV0gPT09IGNvbGxlY3Rpb24pID8gMSA6IHByb3BzLmxlbmd0aCxcbiAgICAgICAgICByZXN1bHQgPSBBcnJheShsZW5ndGgpO1xuXG4gICAgICB3aGlsZSgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgIHJlc3VsdFtpbmRleF0gPSBjb2xsZWN0aW9uW3Byb3BzW2luZGV4XV07XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENoZWNrcyBpZiBhIGdpdmVuIHZhbHVlIGlzIHByZXNlbnQgaW4gYSBjb2xsZWN0aW9uIHVzaW5nIHN0cmljdCBlcXVhbGl0eVxuICAgICAqIGZvciBjb21wYXJpc29ucywgaS5lLiBgPT09YC4gSWYgYGZyb21JbmRleGAgaXMgbmVnYXRpdmUsIGl0IGlzIHVzZWQgYXMgdGhlXG4gICAgICogb2Zmc2V0IGZyb20gdGhlIGVuZCBvZiB0aGUgY29sbGVjdGlvbi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyBpbmNsdWRlXG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0geyp9IHRhcmdldCBUaGUgdmFsdWUgdG8gY2hlY2sgZm9yLlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbZnJvbUluZGV4PTBdIFRoZSBpbmRleCB0byBzZWFyY2ggZnJvbS5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgdGhlIGB0YXJnZXRgIGVsZW1lbnQgaXMgZm91bmQsIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5jb250YWlucyhbMSwgMiwgM10sIDEpO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKlxuICAgICAqIF8uY29udGFpbnMoWzEsIDIsIDNdLCAxLCAyKTtcbiAgICAgKiAvLyA9PiBmYWxzZVxuICAgICAqXG4gICAgICogXy5jb250YWlucyh7ICduYW1lJzogJ2ZyZWQnLCAnYWdlJzogNDAgfSwgJ2ZyZWQnKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiBfLmNvbnRhaW5zKCdwZWJibGVzJywgJ2ViJyk7XG4gICAgICogLy8gPT4gdHJ1ZVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGNvbnRhaW5zKGNvbGxlY3Rpb24sIHRhcmdldCwgZnJvbUluZGV4KSB7XG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBpbmRleE9mID0gZ2V0SW5kZXhPZigpLFxuICAgICAgICAgIGxlbmd0aCA9IGNvbGxlY3Rpb24gPyBjb2xsZWN0aW9uLmxlbmd0aCA6IDAsXG4gICAgICAgICAgcmVzdWx0ID0gZmFsc2U7XG5cbiAgICAgIGZyb21JbmRleCA9IChmcm9tSW5kZXggPCAwID8gbmF0aXZlTWF4KDAsIGxlbmd0aCArIGZyb21JbmRleCkgOiBmcm9tSW5kZXgpIHx8IDA7XG4gICAgICBpZiAoaXNBcnJheShjb2xsZWN0aW9uKSkge1xuICAgICAgICByZXN1bHQgPSBpbmRleE9mKGNvbGxlY3Rpb24sIHRhcmdldCwgZnJvbUluZGV4KSA+IC0xO1xuICAgICAgfSBlbHNlIGlmICh0eXBlb2YgbGVuZ3RoID09ICdudW1iZXInKSB7XG4gICAgICAgIHJlc3VsdCA9IChpc1N0cmluZyhjb2xsZWN0aW9uKSA/IGNvbGxlY3Rpb24uaW5kZXhPZih0YXJnZXQsIGZyb21JbmRleCkgOiBpbmRleE9mKGNvbGxlY3Rpb24sIHRhcmdldCwgZnJvbUluZGV4KSkgPiAtMTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZvck93bihjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSkge1xuICAgICAgICAgIGlmICgrK2luZGV4ID49IGZyb21JbmRleCkge1xuICAgICAgICAgICAgcmV0dXJuICEocmVzdWx0ID0gdmFsdWUgPT09IHRhcmdldCk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBvYmplY3QgY29tcG9zZWQgb2Yga2V5cyBnZW5lcmF0ZWQgZnJvbSB0aGUgcmVzdWx0cyBvZiBydW5uaW5nXG4gICAgICogZWFjaCBlbGVtZW50IG9mIGBjb2xsZWN0aW9uYCB0aHJvdWdoIHRoZSBjYWxsYmFjay4gVGhlIGNvcnJlc3BvbmRpbmcgdmFsdWVcbiAgICAgKiBvZiBlYWNoIGtleSBpcyB0aGUgbnVtYmVyIG9mIHRpbWVzIHRoZSBrZXkgd2FzIHJldHVybmVkIGJ5IHRoZSBjYWxsYmFjay5cbiAgICAgKiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggdGhyZWUgYXJndW1lbnRzO1xuICAgICAqICh2YWx1ZSwgaW5kZXh8a2V5LCBjb2xsZWN0aW9uKS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxzdHJpbmd9IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgaXRlcmF0aW9uLiBJZiBhIHByb3BlcnR5IG5hbWUgb3Igb2JqZWN0IGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZFxuICAgICAqICB0byBjcmVhdGUgYSBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFjaywgcmVzcGVjdGl2ZWx5LlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgdGhlIGNvbXBvc2VkIGFnZ3JlZ2F0ZSBvYmplY3QuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uY291bnRCeShbNC4zLCA2LjEsIDYuNF0sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gTWF0aC5mbG9vcihudW0pOyB9KTtcbiAgICAgKiAvLyA9PiB7ICc0JzogMSwgJzYnOiAyIH1cbiAgICAgKlxuICAgICAqIF8uY291bnRCeShbNC4zLCA2LjEsIDYuNF0sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gdGhpcy5mbG9vcihudW0pOyB9LCBNYXRoKTtcbiAgICAgKiAvLyA9PiB7ICc0JzogMSwgJzYnOiAyIH1cbiAgICAgKlxuICAgICAqIF8uY291bnRCeShbJ29uZScsICd0d28nLCAndGhyZWUnXSwgJ2xlbmd0aCcpO1xuICAgICAqIC8vID0+IHsgJzMnOiAyLCAnNSc6IDEgfVxuICAgICAqL1xuICAgIHZhciBjb3VudEJ5ID0gY3JlYXRlQWdncmVnYXRvcihmdW5jdGlvbihyZXN1bHQsIHZhbHVlLCBrZXkpIHtcbiAgICAgIChoYXNPd25Qcm9wZXJ0eS5jYWxsKHJlc3VsdCwga2V5KSA/IHJlc3VsdFtrZXldKysgOiByZXN1bHRba2V5XSA9IDEpO1xuICAgIH0pO1xuXG4gICAgLyoqXG4gICAgICogQ2hlY2tzIGlmIHRoZSBnaXZlbiBjYWxsYmFjayByZXR1cm5zIHRydWV5IHZhbHVlIGZvciAqKmFsbCoqIGVsZW1lbnRzIG9mXG4gICAgICogYSBjb2xsZWN0aW9uLiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggdGhyZWVcbiAgICAgKiBhcmd1bWVudHM7ICh2YWx1ZSwgaW5kZXh8a2V5LCBjb2xsZWN0aW9uKS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGFsaWFzIGFsbFxuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gUmV0dXJucyBgdHJ1ZWAgaWYgYWxsIGVsZW1lbnRzIHBhc3NlZCB0aGUgY2FsbGJhY2sgY2hlY2ssXG4gICAgICogIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5ldmVyeShbdHJ1ZSwgMSwgbnVsbCwgJ3llcyddKTtcbiAgICAgKiAvLyA9PiBmYWxzZVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSBbXG4gICAgICogICB7ICduYW1lJzogJ2Jhcm5leScsICdhZ2UnOiAzNiB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAnYWdlJzogNDAgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmV2ZXJ5KGNoYXJhY3RlcnMsICdhZ2UnKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ud2hlcmVcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmV2ZXJ5KGNoYXJhY3RlcnMsIHsgJ2FnZSc6IDM2IH0pO1xuICAgICAqIC8vID0+IGZhbHNlXG4gICAgICovXG4gICAgZnVuY3Rpb24gZXZlcnkoY29sbGVjdGlvbiwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciByZXN1bHQgPSB0cnVlO1xuICAgICAgY2FsbGJhY2sgPSBsb2Rhc2guY3JlYXRlQ2FsbGJhY2soY2FsbGJhY2ssIHRoaXNBcmcsIDMpO1xuXG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBsZW5ndGggPSBjb2xsZWN0aW9uID8gY29sbGVjdGlvbi5sZW5ndGggOiAwO1xuXG4gICAgICBpZiAodHlwZW9mIGxlbmd0aCA9PSAnbnVtYmVyJykge1xuICAgICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICAgIGlmICghKHJlc3VsdCA9ICEhY2FsbGJhY2soY29sbGVjdGlvbltpbmRleF0sIGluZGV4LCBjb2xsZWN0aW9uKSkpIHtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZm9yT3duKGNvbGxlY3Rpb24sIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikge1xuICAgICAgICAgIHJldHVybiAocmVzdWx0ID0gISFjYWxsYmFjayh2YWx1ZSwgaW5kZXgsIGNvbGxlY3Rpb24pKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEl0ZXJhdGVzIG92ZXIgZWxlbWVudHMgb2YgYSBjb2xsZWN0aW9uLCByZXR1cm5pbmcgYW4gYXJyYXkgb2YgYWxsIGVsZW1lbnRzXG4gICAgICogdGhlIGNhbGxiYWNrIHJldHVybnMgdHJ1ZXkgZm9yLiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZFxuICAgICAqIGludm9rZWQgd2l0aCB0aHJlZSBhcmd1bWVudHM7ICh2YWx1ZSwgaW5kZXh8a2V5LCBjb2xsZWN0aW9uKS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGFsaWFzIHNlbGVjdFxuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgYXJyYXkgb2YgZWxlbWVudHMgdGhhdCBwYXNzZWQgdGhlIGNhbGxiYWNrIGNoZWNrLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgZXZlbnMgPSBfLmZpbHRlcihbMSwgMiwgMywgNCwgNSwgNl0sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gbnVtICUgMiA9PSAwOyB9KTtcbiAgICAgKiAvLyA9PiBbMiwgNCwgNl1cbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYsICdibG9ja2VkJzogZmFsc2UgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgJ2FnZSc6IDQwLCAnYmxvY2tlZCc6IHRydWUgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZpbHRlcihjaGFyYWN0ZXJzLCAnYmxvY2tlZCcpO1xuICAgICAqIC8vID0+IFt7ICduYW1lJzogJ2ZyZWQnLCAnYWdlJzogNDAsICdibG9ja2VkJzogdHJ1ZSB9XVxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLndoZXJlXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5maWx0ZXIoY2hhcmFjdGVycywgeyAnYWdlJzogMzYgfSk7XG4gICAgICogLy8gPT4gW3sgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2LCAnYmxvY2tlZCc6IGZhbHNlIH1dXG4gICAgICovXG4gICAgZnVuY3Rpb24gZmlsdGVyKGNvbGxlY3Rpb24sIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgcmVzdWx0ID0gW107XG4gICAgICBjYWxsYmFjayA9IGxvZGFzaC5jcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG5cbiAgICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICAgIGxlbmd0aCA9IGNvbGxlY3Rpb24gPyBjb2xsZWN0aW9uLmxlbmd0aCA6IDA7XG5cbiAgICAgIGlmICh0eXBlb2YgbGVuZ3RoID09ICdudW1iZXInKSB7XG4gICAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgICAgdmFyIHZhbHVlID0gY29sbGVjdGlvbltpbmRleF07XG4gICAgICAgICAgaWYgKGNhbGxiYWNrKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikpIHtcbiAgICAgICAgICAgIHJlc3VsdC5wdXNoKHZhbHVlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZvck93bihjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGNvbGxlY3Rpb24pIHtcbiAgICAgICAgICBpZiAoY2FsbGJhY2sodmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKSkge1xuICAgICAgICAgICAgcmVzdWx0LnB1c2godmFsdWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEl0ZXJhdGVzIG92ZXIgZWxlbWVudHMgb2YgYSBjb2xsZWN0aW9uLCByZXR1cm5pbmcgdGhlIGZpcnN0IGVsZW1lbnQgdGhhdFxuICAgICAqIHRoZSBjYWxsYmFjayByZXR1cm5zIHRydWV5IGZvci4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmRcbiAgICAgKiBpbnZva2VkIHdpdGggdGhyZWUgYXJndW1lbnRzOyAodmFsdWUsIGluZGV4fGtleSwgY29sbGVjdGlvbikuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyBkZXRlY3QsIGZpbmRXaGVyZVxuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7Kn0gUmV0dXJucyB0aGUgZm91bmQgZWxlbWVudCwgZWxzZSBgdW5kZWZpbmVkYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSBbXG4gICAgICogICB7ICduYW1lJzogJ2Jhcm5leScsICAnYWdlJzogMzYsICdibG9ja2VkJzogZmFsc2UgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgICdhZ2UnOiA0MCwgJ2Jsb2NrZWQnOiB0cnVlIH0sXG4gICAgICogICB7ICduYW1lJzogJ3BlYmJsZXMnLCAnYWdlJzogMSwgICdibG9ja2VkJzogZmFsc2UgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiBfLmZpbmQoY2hhcmFjdGVycywgZnVuY3Rpb24oY2hyKSB7XG4gICAgICogICByZXR1cm4gY2hyLmFnZSA8IDQwO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IHsgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2LCAnYmxvY2tlZCc6IGZhbHNlIH1cbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy53aGVyZVwiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8uZmluZChjaGFyYWN0ZXJzLCB7ICdhZ2UnOiAxIH0pO1xuICAgICAqIC8vID0+ICB7ICduYW1lJzogJ3BlYmJsZXMnLCAnYWdlJzogMSwgJ2Jsb2NrZWQnOiBmYWxzZSB9XG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZpbmQoY2hhcmFjdGVycywgJ2Jsb2NrZWQnKTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ2ZyZWQnLCAnYWdlJzogNDAsICdibG9ja2VkJzogdHJ1ZSB9XG4gICAgICovXG4gICAgZnVuY3Rpb24gZmluZChjb2xsZWN0aW9uLCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgY2FsbGJhY2sgPSBsb2Rhc2guY3JlYXRlQ2FsbGJhY2soY2FsbGJhY2ssIHRoaXNBcmcsIDMpO1xuXG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBsZW5ndGggPSBjb2xsZWN0aW9uID8gY29sbGVjdGlvbi5sZW5ndGggOiAwO1xuXG4gICAgICBpZiAodHlwZW9mIGxlbmd0aCA9PSAnbnVtYmVyJykge1xuICAgICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICAgIHZhciB2YWx1ZSA9IGNvbGxlY3Rpb25baW5kZXhdO1xuICAgICAgICAgIGlmIChjYWxsYmFjayh2YWx1ZSwgaW5kZXgsIGNvbGxlY3Rpb24pKSB7XG4gICAgICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB2YXIgcmVzdWx0O1xuICAgICAgICBmb3JPd24oY29sbGVjdGlvbiwgZnVuY3Rpb24odmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKSB7XG4gICAgICAgICAgaWYgKGNhbGxiYWNrKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikpIHtcbiAgICAgICAgICAgIHJlc3VsdCA9IHZhbHVlO1xuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhpcyBtZXRob2QgaXMgbGlrZSBgXy5maW5kYCBleGNlcHQgdGhhdCBpdCBpdGVyYXRlcyBvdmVyIGVsZW1lbnRzXG4gICAgICogb2YgYSBgY29sbGVjdGlvbmAgZnJvbSByaWdodCB0byBsZWZ0LlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxzdHJpbmd9IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgaXRlcmF0aW9uLiBJZiBhIHByb3BlcnR5IG5hbWUgb3Igb2JqZWN0IGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZFxuICAgICAqICB0byBjcmVhdGUgYSBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFjaywgcmVzcGVjdGl2ZWx5LlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIHRoZSBmb3VuZCBlbGVtZW50LCBlbHNlIGB1bmRlZmluZWRgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmZpbmRMYXN0KFsxLCAyLCAzLCA0XSwgZnVuY3Rpb24obnVtKSB7XG4gICAgICogICByZXR1cm4gbnVtICUgMiA9PSAxO1xuICAgICAqIH0pO1xuICAgICAqIC8vID0+IDNcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBmaW5kTGFzdChjb2xsZWN0aW9uLCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgdmFyIHJlc3VsdDtcbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgIGZvckVhY2hSaWdodChjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGNvbGxlY3Rpb24pIHtcbiAgICAgICAgaWYgKGNhbGxiYWNrKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikpIHtcbiAgICAgICAgICByZXN1bHQgPSB2YWx1ZTtcbiAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBJdGVyYXRlcyBvdmVyIGVsZW1lbnRzIG9mIGEgY29sbGVjdGlvbiwgZXhlY3V0aW5nIHRoZSBjYWxsYmFjayBmb3IgZWFjaFxuICAgICAqIGVsZW1lbnQuIFRoZSBjYWxsYmFjayBpcyBib3VuZCB0byBgdGhpc0FyZ2AgYW5kIGludm9rZWQgd2l0aCB0aHJlZSBhcmd1bWVudHM7XG4gICAgICogKHZhbHVlLCBpbmRleHxrZXksIGNvbGxlY3Rpb24pLiBDYWxsYmFja3MgbWF5IGV4aXQgaXRlcmF0aW9uIGVhcmx5IGJ5XG4gICAgICogZXhwbGljaXRseSByZXR1cm5pbmcgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIE5vdGU6IEFzIHdpdGggb3RoZXIgXCJDb2xsZWN0aW9uc1wiIG1ldGhvZHMsIG9iamVjdHMgd2l0aCBhIGBsZW5ndGhgIHByb3BlcnR5XG4gICAgICogYXJlIGl0ZXJhdGVkIGxpa2UgYXJyYXlzLiBUbyBhdm9pZCB0aGlzIGJlaGF2aW9yIGBfLmZvckluYCBvciBgXy5mb3JPd25gXG4gICAgICogbWF5IGJlIHVzZWQgZm9yIG9iamVjdCBpdGVyYXRpb24uXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAYWxpYXMgZWFjaFxuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkIHBlciBpdGVyYXRpb24uXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge0FycmF5fE9iamVjdHxzdHJpbmd9IFJldHVybnMgYGNvbGxlY3Rpb25gLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfKFsxLCAyLCAzXSkuZm9yRWFjaChmdW5jdGlvbihudW0pIHsgY29uc29sZS5sb2cobnVtKTsgfSkuam9pbignLCcpO1xuICAgICAqIC8vID0+IGxvZ3MgZWFjaCBudW1iZXIgYW5kIHJldHVybnMgJzEsMiwzJ1xuICAgICAqXG4gICAgICogXy5mb3JFYWNoKHsgJ29uZSc6IDEsICd0d28nOiAyLCAndGhyZWUnOiAzIH0sIGZ1bmN0aW9uKG51bSkgeyBjb25zb2xlLmxvZyhudW0pOyB9KTtcbiAgICAgKiAvLyA9PiBsb2dzIGVhY2ggbnVtYmVyIGFuZCByZXR1cm5zIHRoZSBvYmplY3QgKHByb3BlcnR5IG9yZGVyIGlzIG5vdCBndWFyYW50ZWVkIGFjcm9zcyBlbnZpcm9ubWVudHMpXG4gICAgICovXG4gICAgZnVuY3Rpb24gZm9yRWFjaChjb2xsZWN0aW9uLCBjYWxsYmFjaywgdGhpc0FyZykge1xuICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgbGVuZ3RoID0gY29sbGVjdGlvbiA/IGNvbGxlY3Rpb24ubGVuZ3RoIDogMDtcblxuICAgICAgY2FsbGJhY2sgPSBjYWxsYmFjayAmJiB0eXBlb2YgdGhpc0FyZyA9PSAndW5kZWZpbmVkJyA/IGNhbGxiYWNrIDogYmFzZUNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgIGlmICh0eXBlb2YgbGVuZ3RoID09ICdudW1iZXInKSB7XG4gICAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgICAgaWYgKGNhbGxiYWNrKGNvbGxlY3Rpb25baW5kZXhdLCBpbmRleCwgY29sbGVjdGlvbikgPT09IGZhbHNlKSB7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZvck93bihjb2xsZWN0aW9uLCBjYWxsYmFjayk7XG4gICAgICB9XG4gICAgICByZXR1cm4gY29sbGVjdGlvbjtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGlzIG1ldGhvZCBpcyBsaWtlIGBfLmZvckVhY2hgIGV4Y2VwdCB0aGF0IGl0IGl0ZXJhdGVzIG92ZXIgZWxlbWVudHNcbiAgICAgKiBvZiBhIGBjb2xsZWN0aW9uYCBmcm9tIHJpZ2h0IHRvIGxlZnQuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAYWxpYXMgZWFjaFJpZ2h0XG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWQgcGVyIGl0ZXJhdGlvbi5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl8T2JqZWN0fHN0cmluZ30gUmV0dXJucyBgY29sbGVjdGlvbmAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8oWzEsIDIsIDNdKS5mb3JFYWNoUmlnaHQoZnVuY3Rpb24obnVtKSB7IGNvbnNvbGUubG9nKG51bSk7IH0pLmpvaW4oJywnKTtcbiAgICAgKiAvLyA9PiBsb2dzIGVhY2ggbnVtYmVyIGZyb20gcmlnaHQgdG8gbGVmdCBhbmQgcmV0dXJucyAnMywyLDEnXG4gICAgICovXG4gICAgZnVuY3Rpb24gZm9yRWFjaFJpZ2h0KGNvbGxlY3Rpb24sIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgbGVuZ3RoID0gY29sbGVjdGlvbiA/IGNvbGxlY3Rpb24ubGVuZ3RoIDogMDtcbiAgICAgIGNhbGxiYWNrID0gY2FsbGJhY2sgJiYgdHlwZW9mIHRoaXNBcmcgPT0gJ3VuZGVmaW5lZCcgPyBjYWxsYmFjayA6IGJhc2VDcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG4gICAgICBpZiAodHlwZW9mIGxlbmd0aCA9PSAnbnVtYmVyJykge1xuICAgICAgICB3aGlsZSAobGVuZ3RoLS0pIHtcbiAgICAgICAgICBpZiAoY2FsbGJhY2soY29sbGVjdGlvbltsZW5ndGhdLCBsZW5ndGgsIGNvbGxlY3Rpb24pID09PSBmYWxzZSkge1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB2YXIgcHJvcHMgPSBrZXlzKGNvbGxlY3Rpb24pO1xuICAgICAgICBsZW5ndGggPSBwcm9wcy5sZW5ndGg7XG4gICAgICAgIGZvck93bihjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSwga2V5LCBjb2xsZWN0aW9uKSB7XG4gICAgICAgICAga2V5ID0gcHJvcHMgPyBwcm9wc1stLWxlbmd0aF0gOiAtLWxlbmd0aDtcbiAgICAgICAgICByZXR1cm4gY2FsbGJhY2soY29sbGVjdGlvbltrZXldLCBrZXksIGNvbGxlY3Rpb24pO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBjb2xsZWN0aW9uO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYW4gb2JqZWN0IGNvbXBvc2VkIG9mIGtleXMgZ2VuZXJhdGVkIGZyb20gdGhlIHJlc3VsdHMgb2YgcnVubmluZ1xuICAgICAqIGVhY2ggZWxlbWVudCBvZiBhIGNvbGxlY3Rpb24gdGhyb3VnaCB0aGUgY2FsbGJhY2suIFRoZSBjb3JyZXNwb25kaW5nIHZhbHVlXG4gICAgICogb2YgZWFjaCBrZXkgaXMgYW4gYXJyYXkgb2YgdGhlIGVsZW1lbnRzIHJlc3BvbnNpYmxlIGZvciBnZW5lcmF0aW5nIHRoZSBrZXkuXG4gICAgICogVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoIHRocmVlIGFyZ3VtZW50cztcbiAgICAgKiAodmFsdWUsIGluZGV4fGtleSwgY29sbGVjdGlvbikuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYFxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxzdHJpbmd9IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgaXRlcmF0aW9uLiBJZiBhIHByb3BlcnR5IG5hbWUgb3Igb2JqZWN0IGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZFxuICAgICAqICB0byBjcmVhdGUgYSBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFjaywgcmVzcGVjdGl2ZWx5LlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgdGhlIGNvbXBvc2VkIGFnZ3JlZ2F0ZSBvYmplY3QuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uZ3JvdXBCeShbNC4yLCA2LjEsIDYuNF0sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gTWF0aC5mbG9vcihudW0pOyB9KTtcbiAgICAgKiAvLyA9PiB7ICc0JzogWzQuMl0sICc2JzogWzYuMSwgNi40XSB9XG4gICAgICpcbiAgICAgKiBfLmdyb3VwQnkoWzQuMiwgNi4xLCA2LjRdLCBmdW5jdGlvbihudW0pIHsgcmV0dXJuIHRoaXMuZmxvb3IobnVtKTsgfSwgTWF0aCk7XG4gICAgICogLy8gPT4geyAnNCc6IFs0LjJdLCAnNic6IFs2LjEsIDYuNF0gfVxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLnBsdWNrXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5ncm91cEJ5KFsnb25lJywgJ3R3bycsICd0aHJlZSddLCAnbGVuZ3RoJyk7XG4gICAgICogLy8gPT4geyAnMyc6IFsnb25lJywgJ3R3byddLCAnNSc6IFsndGhyZWUnXSB9XG4gICAgICovXG4gICAgdmFyIGdyb3VwQnkgPSBjcmVhdGVBZ2dyZWdhdG9yKGZ1bmN0aW9uKHJlc3VsdCwgdmFsdWUsIGtleSkge1xuICAgICAgKGhhc093blByb3BlcnR5LmNhbGwocmVzdWx0LCBrZXkpID8gcmVzdWx0W2tleV0gOiByZXN1bHRba2V5XSA9IFtdKS5wdXNoKHZhbHVlKTtcbiAgICB9KTtcblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYW4gb2JqZWN0IGNvbXBvc2VkIG9mIGtleXMgZ2VuZXJhdGVkIGZyb20gdGhlIHJlc3VsdHMgb2YgcnVubmluZ1xuICAgICAqIGVhY2ggZWxlbWVudCBvZiB0aGUgY29sbGVjdGlvbiB0aHJvdWdoIHRoZSBnaXZlbiBjYWxsYmFjay4gVGhlIGNvcnJlc3BvbmRpbmdcbiAgICAgKiB2YWx1ZSBvZiBlYWNoIGtleSBpcyB0aGUgbGFzdCBlbGVtZW50IHJlc3BvbnNpYmxlIGZvciBnZW5lcmF0aW5nIHRoZSBrZXkuXG4gICAgICogVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoIHRocmVlIGFyZ3VtZW50cztcbiAgICAgKiAodmFsdWUsIGluZGV4fGtleSwgY29sbGVjdGlvbikuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7T2JqZWN0fSBSZXR1cm5zIHRoZSBjb21wb3NlZCBhZ2dyZWdhdGUgb2JqZWN0LlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIga2V5cyA9IFtcbiAgICAgKiAgIHsgJ2Rpcic6ICdsZWZ0JywgJ2NvZGUnOiA5NyB9LFxuICAgICAqICAgeyAnZGlyJzogJ3JpZ2h0JywgJ2NvZGUnOiAxMDAgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiBfLmluZGV4Qnkoa2V5cywgJ2RpcicpO1xuICAgICAqIC8vID0+IHsgJ2xlZnQnOiB7ICdkaXInOiAnbGVmdCcsICdjb2RlJzogOTcgfSwgJ3JpZ2h0JzogeyAnZGlyJzogJ3JpZ2h0JywgJ2NvZGUnOiAxMDAgfSB9XG4gICAgICpcbiAgICAgKiBfLmluZGV4Qnkoa2V5cywgZnVuY3Rpb24oa2V5KSB7IHJldHVybiBTdHJpbmcuZnJvbUNoYXJDb2RlKGtleS5jb2RlKTsgfSk7XG4gICAgICogLy8gPT4geyAnYSc6IHsgJ2Rpcic6ICdsZWZ0JywgJ2NvZGUnOiA5NyB9LCAnZCc6IHsgJ2Rpcic6ICdyaWdodCcsICdjb2RlJzogMTAwIH0gfVxuICAgICAqXG4gICAgICogXy5pbmRleEJ5KGNoYXJhY3RlcnMsIGZ1bmN0aW9uKGtleSkgeyB0aGlzLmZyb21DaGFyQ29kZShrZXkuY29kZSk7IH0sIFN0cmluZyk7XG4gICAgICogLy8gPT4geyAnYSc6IHsgJ2Rpcic6ICdsZWZ0JywgJ2NvZGUnOiA5NyB9LCAnZCc6IHsgJ2Rpcic6ICdyaWdodCcsICdjb2RlJzogMTAwIH0gfVxuICAgICAqL1xuICAgIHZhciBpbmRleEJ5ID0gY3JlYXRlQWdncmVnYXRvcihmdW5jdGlvbihyZXN1bHQsIHZhbHVlLCBrZXkpIHtcbiAgICAgIHJlc3VsdFtrZXldID0gdmFsdWU7XG4gICAgfSk7XG5cbiAgICAvKipcbiAgICAgKiBJbnZva2VzIHRoZSBtZXRob2QgbmFtZWQgYnkgYG1ldGhvZE5hbWVgIG9uIGVhY2ggZWxlbWVudCBpbiB0aGUgYGNvbGxlY3Rpb25gXG4gICAgICogcmV0dXJuaW5nIGFuIGFycmF5IG9mIHRoZSByZXN1bHRzIG9mIGVhY2ggaW52b2tlZCBtZXRob2QuIEFkZGl0aW9uYWwgYXJndW1lbnRzXG4gICAgICogd2lsbCBiZSBwcm92aWRlZCB0byBlYWNoIGludm9rZWQgbWV0aG9kLiBJZiBgbWV0aG9kTmFtZWAgaXMgYSBmdW5jdGlvbiBpdFxuICAgICAqIHdpbGwgYmUgaW52b2tlZCBmb3IsIGFuZCBgdGhpc2AgYm91bmQgdG8sIGVhY2ggZWxlbWVudCBpbiB0aGUgYGNvbGxlY3Rpb25gLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufHN0cmluZ30gbWV0aG9kTmFtZSBUaGUgbmFtZSBvZiB0aGUgbWV0aG9kIHRvIGludm9rZSBvclxuICAgICAqICB0aGUgZnVuY3Rpb24gaW52b2tlZCBwZXIgaXRlcmF0aW9uLlxuICAgICAqIEBwYXJhbSB7Li4uKn0gW2FyZ10gQXJndW1lbnRzIHRvIGludm9rZSB0aGUgbWV0aG9kIHdpdGguXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgbmV3IGFycmF5IG9mIHRoZSByZXN1bHRzIG9mIGVhY2ggaW52b2tlZCBtZXRob2QuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaW52b2tlKFtbNSwgMSwgN10sIFszLCAyLCAxXV0sICdzb3J0Jyk7XG4gICAgICogLy8gPT4gW1sxLCA1LCA3XSwgWzEsIDIsIDNdXVxuICAgICAqXG4gICAgICogXy5pbnZva2UoWzEyMywgNDU2XSwgU3RyaW5nLnByb3RvdHlwZS5zcGxpdCwgJycpO1xuICAgICAqIC8vID0+IFtbJzEnLCAnMicsICczJ10sIFsnNCcsICc1JywgJzYnXV1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpbnZva2UoY29sbGVjdGlvbiwgbWV0aG9kTmFtZSkge1xuICAgICAgdmFyIGFyZ3MgPSBzbGljZShhcmd1bWVudHMsIDIpLFxuICAgICAgICAgIGluZGV4ID0gLTEsXG4gICAgICAgICAgaXNGdW5jID0gdHlwZW9mIG1ldGhvZE5hbWUgPT0gJ2Z1bmN0aW9uJyxcbiAgICAgICAgICBsZW5ndGggPSBjb2xsZWN0aW9uID8gY29sbGVjdGlvbi5sZW5ndGggOiAwLFxuICAgICAgICAgIHJlc3VsdCA9IEFycmF5KHR5cGVvZiBsZW5ndGggPT0gJ251bWJlcicgPyBsZW5ndGggOiAwKTtcblxuICAgICAgZm9yRWFjaChjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSkge1xuICAgICAgICByZXN1bHRbKytpbmRleF0gPSAoaXNGdW5jID8gbWV0aG9kTmFtZSA6IHZhbHVlW21ldGhvZE5hbWVdKS5hcHBseSh2YWx1ZSwgYXJncyk7XG4gICAgICB9KTtcbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBhcnJheSBvZiB2YWx1ZXMgYnkgcnVubmluZyBlYWNoIGVsZW1lbnQgaW4gdGhlIGNvbGxlY3Rpb25cbiAgICAgKiB0aHJvdWdoIHRoZSBjYWxsYmFjay4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoXG4gICAgICogdGhyZWUgYXJndW1lbnRzOyAodmFsdWUsIGluZGV4fGtleSwgY29sbGVjdGlvbikuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyBjb2xsZWN0XG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxzdHJpbmd9IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgaXRlcmF0aW9uLiBJZiBhIHByb3BlcnR5IG5hbWUgb3Igb2JqZWN0IGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZFxuICAgICAqICB0byBjcmVhdGUgYSBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFjaywgcmVzcGVjdGl2ZWx5LlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhIG5ldyBhcnJheSBvZiB0aGUgcmVzdWx0cyBvZiBlYWNoIGBjYWxsYmFja2AgZXhlY3V0aW9uLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLm1hcChbMSwgMiwgM10sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gbnVtICogMzsgfSk7XG4gICAgICogLy8gPT4gWzMsIDYsIDldXG4gICAgICpcbiAgICAgKiBfLm1hcCh7ICdvbmUnOiAxLCAndHdvJzogMiwgJ3RocmVlJzogMyB9LCBmdW5jdGlvbihudW0pIHsgcmV0dXJuIG51bSAqIDM7IH0pO1xuICAgICAqIC8vID0+IFszLCA2LCA5XSAocHJvcGVydHkgb3JkZXIgaXMgbm90IGd1YXJhbnRlZWQgYWNyb3NzIGVudmlyb25tZW50cylcbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgJ2FnZSc6IDQwIH1cbiAgICAgKiBdO1xuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLnBsdWNrXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5tYXAoY2hhcmFjdGVycywgJ25hbWUnKTtcbiAgICAgKiAvLyA9PiBbJ2Jhcm5leScsICdmcmVkJ11cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBtYXAoY29sbGVjdGlvbiwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICAgIGxlbmd0aCA9IGNvbGxlY3Rpb24gPyBjb2xsZWN0aW9uLmxlbmd0aCA6IDA7XG5cbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgIGlmICh0eXBlb2YgbGVuZ3RoID09ICdudW1iZXInKSB7XG4gICAgICAgIHZhciByZXN1bHQgPSBBcnJheShsZW5ndGgpO1xuICAgICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICAgIHJlc3VsdFtpbmRleF0gPSBjYWxsYmFjayhjb2xsZWN0aW9uW2luZGV4XSwgaW5kZXgsIGNvbGxlY3Rpb24pO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXN1bHQgPSBbXTtcbiAgICAgICAgZm9yT3duKGNvbGxlY3Rpb24sIGZ1bmN0aW9uKHZhbHVlLCBrZXksIGNvbGxlY3Rpb24pIHtcbiAgICAgICAgICByZXN1bHRbKytpbmRleF0gPSBjYWxsYmFjayh2YWx1ZSwga2V5LCBjb2xsZWN0aW9uKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJldHJpZXZlcyB0aGUgbWF4aW11bSB2YWx1ZSBvZiBhIGNvbGxlY3Rpb24uIElmIHRoZSBjb2xsZWN0aW9uIGlzIGVtcHR5IG9yXG4gICAgICogZmFsc2V5IGAtSW5maW5pdHlgIGlzIHJldHVybmVkLiBJZiBhIGNhbGxiYWNrIGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgZXhlY3V0ZWRcbiAgICAgKiBmb3IgZWFjaCB2YWx1ZSBpbiB0aGUgY29sbGVjdGlvbiB0byBnZW5lcmF0ZSB0aGUgY3JpdGVyaW9uIGJ5IHdoaWNoIHRoZSB2YWx1ZVxuICAgICAqIGlzIHJhbmtlZC4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoIHRocmVlXG4gICAgICogYXJndW1lbnRzOyAodmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxzdHJpbmd9IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgaXRlcmF0aW9uLiBJZiBhIHByb3BlcnR5IG5hbWUgb3Igb2JqZWN0IGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZFxuICAgICAqICB0byBjcmVhdGUgYSBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFjaywgcmVzcGVjdGl2ZWx5LlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIHRoZSBtYXhpbXVtIHZhbHVlLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLm1heChbNCwgMiwgOCwgNl0pO1xuICAgICAqIC8vID0+IDhcbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgJ2FnZSc6IDQwIH1cbiAgICAgKiBdO1xuICAgICAqXG4gICAgICogXy5tYXgoY2hhcmFjdGVycywgZnVuY3Rpb24oY2hyKSB7IHJldHVybiBjaHIuYWdlOyB9KTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ2ZyZWQnLCAnYWdlJzogNDAgfTtcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy5wbHVja1wiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8ubWF4KGNoYXJhY3RlcnMsICdhZ2UnKTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ2ZyZWQnLCAnYWdlJzogNDAgfTtcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBtYXgoY29sbGVjdGlvbiwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciBjb21wdXRlZCA9IC1JbmZpbml0eSxcbiAgICAgICAgICByZXN1bHQgPSBjb21wdXRlZDtcblxuICAgICAgLy8gYWxsb3dzIHdvcmtpbmcgd2l0aCBmdW5jdGlvbnMgbGlrZSBgXy5tYXBgIHdpdGhvdXQgdXNpbmdcbiAgICAgIC8vIHRoZWlyIGBpbmRleGAgYXJndW1lbnQgYXMgYSBjYWxsYmFja1xuICAgICAgaWYgKHR5cGVvZiBjYWxsYmFjayAhPSAnZnVuY3Rpb24nICYmIHRoaXNBcmcgJiYgdGhpc0FyZ1tjYWxsYmFja10gPT09IGNvbGxlY3Rpb24pIHtcbiAgICAgICAgY2FsbGJhY2sgPSBudWxsO1xuICAgICAgfVxuICAgICAgaWYgKGNhbGxiYWNrID09IG51bGwgJiYgaXNBcnJheShjb2xsZWN0aW9uKSkge1xuICAgICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICAgIGxlbmd0aCA9IGNvbGxlY3Rpb24ubGVuZ3RoO1xuXG4gICAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgICAgdmFyIHZhbHVlID0gY29sbGVjdGlvbltpbmRleF07XG4gICAgICAgICAgaWYgKHZhbHVlID4gcmVzdWx0KSB7XG4gICAgICAgICAgICByZXN1bHQgPSB2YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNhbGxiYWNrID0gKGNhbGxiYWNrID09IG51bGwgJiYgaXNTdHJpbmcoY29sbGVjdGlvbikpXG4gICAgICAgICAgPyBjaGFyQXRDYWxsYmFja1xuICAgICAgICAgIDogbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcblxuICAgICAgICBmb3JFYWNoKGNvbGxlY3Rpb24sIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikge1xuICAgICAgICAgIHZhciBjdXJyZW50ID0gY2FsbGJhY2sodmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKTtcbiAgICAgICAgICBpZiAoY3VycmVudCA+IGNvbXB1dGVkKSB7XG4gICAgICAgICAgICBjb21wdXRlZCA9IGN1cnJlbnQ7XG4gICAgICAgICAgICByZXN1bHQgPSB2YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXRyaWV2ZXMgdGhlIG1pbmltdW0gdmFsdWUgb2YgYSBjb2xsZWN0aW9uLiBJZiB0aGUgY29sbGVjdGlvbiBpcyBlbXB0eSBvclxuICAgICAqIGZhbHNleSBgSW5maW5pdHlgIGlzIHJldHVybmVkLiBJZiBhIGNhbGxiYWNrIGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgZXhlY3V0ZWRcbiAgICAgKiBmb3IgZWFjaCB2YWx1ZSBpbiB0aGUgY29sbGVjdGlvbiB0byBnZW5lcmF0ZSB0aGUgY3JpdGVyaW9uIGJ5IHdoaWNoIHRoZSB2YWx1ZVxuICAgICAqIGlzIHJhbmtlZC4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoIHRocmVlXG4gICAgICogYXJndW1lbnRzOyAodmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IENvbGxlY3Rpb25zXG4gICAgICogQHBhcmFtIHtBcnJheXxPYmplY3R8c3RyaW5nfSBjb2xsZWN0aW9uIFRoZSBjb2xsZWN0aW9uIHRvIGl0ZXJhdGUgb3Zlci5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxzdHJpbmd9IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgaXRlcmF0aW9uLiBJZiBhIHByb3BlcnR5IG5hbWUgb3Igb2JqZWN0IGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZFxuICAgICAqICB0byBjcmVhdGUgYSBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFjaywgcmVzcGVjdGl2ZWx5LlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIHRoZSBtaW5pbXVtIHZhbHVlLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLm1pbihbNCwgMiwgOCwgNl0pO1xuICAgICAqIC8vID0+IDJcbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgJ2FnZSc6IDQwIH1cbiAgICAgKiBdO1xuICAgICAqXG4gICAgICogXy5taW4oY2hhcmFjdGVycywgZnVuY3Rpb24oY2hyKSB7IHJldHVybiBjaHIuYWdlOyB9KTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ2Jhcm5leScsICdhZ2UnOiAzNiB9O1xuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLnBsdWNrXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5taW4oY2hhcmFjdGVycywgJ2FnZScpO1xuICAgICAqIC8vID0+IHsgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2IH07XG4gICAgICovXG4gICAgZnVuY3Rpb24gbWluKGNvbGxlY3Rpb24sIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgY29tcHV0ZWQgPSBJbmZpbml0eSxcbiAgICAgICAgICByZXN1bHQgPSBjb21wdXRlZDtcblxuICAgICAgLy8gYWxsb3dzIHdvcmtpbmcgd2l0aCBmdW5jdGlvbnMgbGlrZSBgXy5tYXBgIHdpdGhvdXQgdXNpbmdcbiAgICAgIC8vIHRoZWlyIGBpbmRleGAgYXJndW1lbnQgYXMgYSBjYWxsYmFja1xuICAgICAgaWYgKHR5cGVvZiBjYWxsYmFjayAhPSAnZnVuY3Rpb24nICYmIHRoaXNBcmcgJiYgdGhpc0FyZ1tjYWxsYmFja10gPT09IGNvbGxlY3Rpb24pIHtcbiAgICAgICAgY2FsbGJhY2sgPSBudWxsO1xuICAgICAgfVxuICAgICAgaWYgKGNhbGxiYWNrID09IG51bGwgJiYgaXNBcnJheShjb2xsZWN0aW9uKSkge1xuICAgICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICAgIGxlbmd0aCA9IGNvbGxlY3Rpb24ubGVuZ3RoO1xuXG4gICAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgICAgdmFyIHZhbHVlID0gY29sbGVjdGlvbltpbmRleF07XG4gICAgICAgICAgaWYgKHZhbHVlIDwgcmVzdWx0KSB7XG4gICAgICAgICAgICByZXN1bHQgPSB2YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNhbGxiYWNrID0gKGNhbGxiYWNrID09IG51bGwgJiYgaXNTdHJpbmcoY29sbGVjdGlvbikpXG4gICAgICAgICAgPyBjaGFyQXRDYWxsYmFja1xuICAgICAgICAgIDogbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcblxuICAgICAgICBmb3JFYWNoKGNvbGxlY3Rpb24sIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikge1xuICAgICAgICAgIHZhciBjdXJyZW50ID0gY2FsbGJhY2sodmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKTtcbiAgICAgICAgICBpZiAoY3VycmVudCA8IGNvbXB1dGVkKSB7XG4gICAgICAgICAgICBjb21wdXRlZCA9IGN1cnJlbnQ7XG4gICAgICAgICAgICByZXN1bHQgPSB2YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXRyaWV2ZXMgdGhlIHZhbHVlIG9mIGEgc3BlY2lmaWVkIHByb3BlcnR5IGZyb20gYWxsIGVsZW1lbnRzIGluIHRoZSBjb2xsZWN0aW9uLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQHR5cGUgRnVuY3Rpb25cbiAgICAgKiBAY2F0ZWdvcnkgQ29sbGVjdGlvbnNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IGNvbGxlY3Rpb24gVGhlIGNvbGxlY3Rpb24gdG8gaXRlcmF0ZSBvdmVyLlxuICAgICAqIEBwYXJhbSB7c3RyaW5nfSBwcm9wZXJ0eSBUaGUgbmFtZSBvZiB0aGUgcHJvcGVydHkgdG8gcGx1Y2suXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgbmV3IGFycmF5IG9mIHByb3BlcnR5IHZhbHVlcy5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSBbXG4gICAgICogICB7ICduYW1lJzogJ2Jhcm5leScsICdhZ2UnOiAzNiB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAnYWdlJzogNDAgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiBfLnBsdWNrKGNoYXJhY3RlcnMsICduYW1lJyk7XG4gICAgICogLy8gPT4gWydiYXJuZXknLCAnZnJlZCddXG4gICAgICovXG4gICAgdmFyIHBsdWNrID0gbWFwO1xuXG4gICAgLyoqXG4gICAgICogUmVkdWNlcyBhIGNvbGxlY3Rpb24gdG8gYSB2YWx1ZSB3aGljaCBpcyB0aGUgYWNjdW11bGF0ZWQgcmVzdWx0IG9mIHJ1bm5pbmdcbiAgICAgKiBlYWNoIGVsZW1lbnQgaW4gdGhlIGNvbGxlY3Rpb24gdGhyb3VnaCB0aGUgY2FsbGJhY2ssIHdoZXJlIGVhY2ggc3VjY2Vzc2l2ZVxuICAgICAqIGNhbGxiYWNrIGV4ZWN1dGlvbiBjb25zdW1lcyB0aGUgcmV0dXJuIHZhbHVlIG9mIHRoZSBwcmV2aW91cyBleGVjdXRpb24uIElmXG4gICAgICogYGFjY3VtdWxhdG9yYCBpcyBub3QgcHJvdmlkZWQgdGhlIGZpcnN0IGVsZW1lbnQgb2YgdGhlIGNvbGxlY3Rpb24gd2lsbCBiZVxuICAgICAqIHVzZWQgYXMgdGhlIGluaXRpYWwgYGFjY3VtdWxhdG9yYCB2YWx1ZS4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYFxuICAgICAqIGFuZCBpbnZva2VkIHdpdGggZm91ciBhcmd1bWVudHM7IChhY2N1bXVsYXRvciwgdmFsdWUsIGluZGV4fGtleSwgY29sbGVjdGlvbikuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAYWxpYXMgZm9sZGwsIGluamVjdFxuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkIHBlciBpdGVyYXRpb24uXG4gICAgICogQHBhcmFtIHsqfSBbYWNjdW11bGF0b3JdIEluaXRpYWwgdmFsdWUgb2YgdGhlIGFjY3VtdWxhdG9yLlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIHRoZSBhY2N1bXVsYXRlZCB2YWx1ZS5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIHN1bSA9IF8ucmVkdWNlKFsxLCAyLCAzXSwgZnVuY3Rpb24oc3VtLCBudW0pIHtcbiAgICAgKiAgIHJldHVybiBzdW0gKyBudW07XG4gICAgICogfSk7XG4gICAgICogLy8gPT4gNlxuICAgICAqXG4gICAgICogdmFyIG1hcHBlZCA9IF8ucmVkdWNlKHsgJ2EnOiAxLCAnYic6IDIsICdjJzogMyB9LCBmdW5jdGlvbihyZXN1bHQsIG51bSwga2V5KSB7XG4gICAgICogICByZXN1bHRba2V5XSA9IG51bSAqIDM7XG4gICAgICogICByZXR1cm4gcmVzdWx0O1xuICAgICAqIH0sIHt9KTtcbiAgICAgKiAvLyA9PiB7ICdhJzogMywgJ2InOiA2LCAnYyc6IDkgfVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHJlZHVjZShjb2xsZWN0aW9uLCBjYWxsYmFjaywgYWNjdW11bGF0b3IsIHRoaXNBcmcpIHtcbiAgICAgIGlmICghY29sbGVjdGlvbikgcmV0dXJuIGFjY3VtdWxhdG9yO1xuICAgICAgdmFyIG5vYWNjdW0gPSBhcmd1bWVudHMubGVuZ3RoIDwgMztcbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCA0KTtcblxuICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgbGVuZ3RoID0gY29sbGVjdGlvbi5sZW5ndGg7XG5cbiAgICAgIGlmICh0eXBlb2YgbGVuZ3RoID09ICdudW1iZXInKSB7XG4gICAgICAgIGlmIChub2FjY3VtKSB7XG4gICAgICAgICAgYWNjdW11bGF0b3IgPSBjb2xsZWN0aW9uWysraW5kZXhdO1xuICAgICAgICB9XG4gICAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgICAgYWNjdW11bGF0b3IgPSBjYWxsYmFjayhhY2N1bXVsYXRvciwgY29sbGVjdGlvbltpbmRleF0sIGluZGV4LCBjb2xsZWN0aW9uKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZm9yT3duKGNvbGxlY3Rpb24sIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikge1xuICAgICAgICAgIGFjY3VtdWxhdG9yID0gbm9hY2N1bVxuICAgICAgICAgICAgPyAobm9hY2N1bSA9IGZhbHNlLCB2YWx1ZSlcbiAgICAgICAgICAgIDogY2FsbGJhY2soYWNjdW11bGF0b3IsIHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbilcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgICByZXR1cm4gYWNjdW11bGF0b3I7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhpcyBtZXRob2QgaXMgbGlrZSBgXy5yZWR1Y2VgIGV4Y2VwdCB0aGF0IGl0IGl0ZXJhdGVzIG92ZXIgZWxlbWVudHNcbiAgICAgKiBvZiBhIGBjb2xsZWN0aW9uYCBmcm9tIHJpZ2h0IHRvIGxlZnQuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAYWxpYXMgZm9sZHJcbiAgICAgKiBAY2F0ZWdvcnkgQ29sbGVjdGlvbnNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IGNvbGxlY3Rpb24gVGhlIGNvbGxlY3Rpb24gdG8gaXRlcmF0ZSBvdmVyLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IFtjYWxsYmFjaz1pZGVudGl0eV0gVGhlIGZ1bmN0aW9uIGNhbGxlZCBwZXIgaXRlcmF0aW9uLlxuICAgICAqIEBwYXJhbSB7Kn0gW2FjY3VtdWxhdG9yXSBJbml0aWFsIHZhbHVlIG9mIHRoZSBhY2N1bXVsYXRvci5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7Kn0gUmV0dXJucyB0aGUgYWNjdW11bGF0ZWQgdmFsdWUuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBsaXN0ID0gW1swLCAxXSwgWzIsIDNdLCBbNCwgNV1dO1xuICAgICAqIHZhciBmbGF0ID0gXy5yZWR1Y2VSaWdodChsaXN0LCBmdW5jdGlvbihhLCBiKSB7IHJldHVybiBhLmNvbmNhdChiKTsgfSwgW10pO1xuICAgICAqIC8vID0+IFs0LCA1LCAyLCAzLCAwLCAxXVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHJlZHVjZVJpZ2h0KGNvbGxlY3Rpb24sIGNhbGxiYWNrLCBhY2N1bXVsYXRvciwgdGhpc0FyZykge1xuICAgICAgdmFyIG5vYWNjdW0gPSBhcmd1bWVudHMubGVuZ3RoIDwgMztcbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCA0KTtcbiAgICAgIGZvckVhY2hSaWdodChjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSwgaW5kZXgsIGNvbGxlY3Rpb24pIHtcbiAgICAgICAgYWNjdW11bGF0b3IgPSBub2FjY3VtXG4gICAgICAgICAgPyAobm9hY2N1bSA9IGZhbHNlLCB2YWx1ZSlcbiAgICAgICAgICA6IGNhbGxiYWNrKGFjY3VtdWxhdG9yLCB2YWx1ZSwgaW5kZXgsIGNvbGxlY3Rpb24pO1xuICAgICAgfSk7XG4gICAgICByZXR1cm4gYWNjdW11bGF0b3I7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIG9wcG9zaXRlIG9mIGBfLmZpbHRlcmAgdGhpcyBtZXRob2QgcmV0dXJucyB0aGUgZWxlbWVudHMgb2YgYVxuICAgICAqIGNvbGxlY3Rpb24gdGhhdCB0aGUgY2FsbGJhY2sgZG9lcyAqKm5vdCoqIHJldHVybiB0cnVleSBmb3IuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgYXJyYXkgb2YgZWxlbWVudHMgdGhhdCBmYWlsZWQgdGhlIGNhbGxiYWNrIGNoZWNrLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgb2RkcyA9IF8ucmVqZWN0KFsxLCAyLCAzLCA0LCA1LCA2XSwgZnVuY3Rpb24obnVtKSB7IHJldHVybiBudW0gJSAyID09IDA7IH0pO1xuICAgICAqIC8vID0+IFsxLCAzLCA1XVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSBbXG4gICAgICogICB7ICduYW1lJzogJ2Jhcm5leScsICdhZ2UnOiAzNiwgJ2Jsb2NrZWQnOiBmYWxzZSB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAnYWdlJzogNDAsICdibG9ja2VkJzogdHJ1ZSB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy5wbHVja1wiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8ucmVqZWN0KGNoYXJhY3RlcnMsICdibG9ja2VkJyk7XG4gICAgICogLy8gPT4gW3sgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2LCAnYmxvY2tlZCc6IGZhbHNlIH1dXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ud2hlcmVcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLnJlamVjdChjaGFyYWN0ZXJzLCB7ICdhZ2UnOiAzNiB9KTtcbiAgICAgKiAvLyA9PiBbeyAnbmFtZSc6ICdmcmVkJywgJ2FnZSc6IDQwLCAnYmxvY2tlZCc6IHRydWUgfV1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiByZWplY3QoY29sbGVjdGlvbiwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgIHJldHVybiBmaWx0ZXIoY29sbGVjdGlvbiwgZnVuY3Rpb24odmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKSB7XG4gICAgICAgIHJldHVybiAhY2FsbGJhY2sodmFsdWUsIGluZGV4LCBjb2xsZWN0aW9uKTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJldHJpZXZlcyBhIHJhbmRvbSBlbGVtZW50IG9yIGBuYCByYW5kb20gZWxlbWVudHMgZnJvbSBhIGNvbGxlY3Rpb24uXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQ29sbGVjdGlvbnNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IGNvbGxlY3Rpb24gVGhlIGNvbGxlY3Rpb24gdG8gc2FtcGxlLlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbbl0gVGhlIG51bWJlciBvZiBlbGVtZW50cyB0byBzYW1wbGUuXG4gICAgICogQHBhcmFtLSB7T2JqZWN0fSBbZ3VhcmRdIEFsbG93cyB3b3JraW5nIHdpdGggZnVuY3Rpb25zIGxpa2UgYF8ubWFwYFxuICAgICAqICB3aXRob3V0IHVzaW5nIHRoZWlyIGBpbmRleGAgYXJndW1lbnRzIGFzIGBuYC5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgdGhlIHJhbmRvbSBzYW1wbGUocykgb2YgYGNvbGxlY3Rpb25gLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLnNhbXBsZShbMSwgMiwgMywgNF0pO1xuICAgICAqIC8vID0+IDJcbiAgICAgKlxuICAgICAqIF8uc2FtcGxlKFsxLCAyLCAzLCA0XSwgMik7XG4gICAgICogLy8gPT4gWzMsIDFdXG4gICAgICovXG4gICAgZnVuY3Rpb24gc2FtcGxlKGNvbGxlY3Rpb24sIG4sIGd1YXJkKSB7XG4gICAgICBpZiAoY29sbGVjdGlvbiAmJiB0eXBlb2YgY29sbGVjdGlvbi5sZW5ndGggIT0gJ251bWJlcicpIHtcbiAgICAgICAgY29sbGVjdGlvbiA9IHZhbHVlcyhjb2xsZWN0aW9uKTtcbiAgICAgIH1cbiAgICAgIGlmIChuID09IG51bGwgfHwgZ3VhcmQpIHtcbiAgICAgICAgcmV0dXJuIGNvbGxlY3Rpb24gPyBjb2xsZWN0aW9uW2Jhc2VSYW5kb20oMCwgY29sbGVjdGlvbi5sZW5ndGggLSAxKV0gOiB1bmRlZmluZWQ7XG4gICAgICB9XG4gICAgICB2YXIgcmVzdWx0ID0gc2h1ZmZsZShjb2xsZWN0aW9uKTtcbiAgICAgIHJlc3VsdC5sZW5ndGggPSBuYXRpdmVNaW4obmF0aXZlTWF4KDAsIG4pLCByZXN1bHQubGVuZ3RoKTtcbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBhcnJheSBvZiBzaHVmZmxlZCB2YWx1ZXMsIHVzaW5nIGEgdmVyc2lvbiBvZiB0aGUgRmlzaGVyLVlhdGVzXG4gICAgICogc2h1ZmZsZS4gU2VlIGh0dHA6Ly9lbi53aWtpcGVkaWEub3JnL3dpa2kvRmlzaGVyLVlhdGVzX3NodWZmbGUuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQ29sbGVjdGlvbnNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IGNvbGxlY3Rpb24gVGhlIGNvbGxlY3Rpb24gdG8gc2h1ZmZsZS5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgc2h1ZmZsZWQgY29sbGVjdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5zaHVmZmxlKFsxLCAyLCAzLCA0LCA1LCA2XSk7XG4gICAgICogLy8gPT4gWzQsIDEsIDYsIDMsIDUsIDJdXG4gICAgICovXG4gICAgZnVuY3Rpb24gc2h1ZmZsZShjb2xsZWN0aW9uKSB7XG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBsZW5ndGggPSBjb2xsZWN0aW9uID8gY29sbGVjdGlvbi5sZW5ndGggOiAwLFxuICAgICAgICAgIHJlc3VsdCA9IEFycmF5KHR5cGVvZiBsZW5ndGggPT0gJ251bWJlcicgPyBsZW5ndGggOiAwKTtcblxuICAgICAgZm9yRWFjaChjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSkge1xuICAgICAgICB2YXIgcmFuZCA9IGJhc2VSYW5kb20oMCwgKytpbmRleCk7XG4gICAgICAgIHJlc3VsdFtpbmRleF0gPSByZXN1bHRbcmFuZF07XG4gICAgICAgIHJlc3VsdFtyYW5kXSA9IHZhbHVlO1xuICAgICAgfSk7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEdldHMgdGhlIHNpemUgb2YgdGhlIGBjb2xsZWN0aW9uYCBieSByZXR1cm5pbmcgYGNvbGxlY3Rpb24ubGVuZ3RoYCBmb3IgYXJyYXlzXG4gICAgICogYW5kIGFycmF5LWxpa2Ugb2JqZWN0cyBvciB0aGUgbnVtYmVyIG9mIG93biBlbnVtZXJhYmxlIHByb3BlcnRpZXMgZm9yIG9iamVjdHMuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQ29sbGVjdGlvbnNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IGNvbGxlY3Rpb24gVGhlIGNvbGxlY3Rpb24gdG8gaW5zcGVjdC5cbiAgICAgKiBAcmV0dXJucyB7bnVtYmVyfSBSZXR1cm5zIGBjb2xsZWN0aW9uLmxlbmd0aGAgb3IgbnVtYmVyIG9mIG93biBlbnVtZXJhYmxlIHByb3BlcnRpZXMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uc2l6ZShbMSwgMl0pO1xuICAgICAqIC8vID0+IDJcbiAgICAgKlxuICAgICAqIF8uc2l6ZSh7ICdvbmUnOiAxLCAndHdvJzogMiwgJ3RocmVlJzogMyB9KTtcbiAgICAgKiAvLyA9PiAzXG4gICAgICpcbiAgICAgKiBfLnNpemUoJ3BlYmJsZXMnKTtcbiAgICAgKiAvLyA9PiA3XG4gICAgICovXG4gICAgZnVuY3Rpb24gc2l6ZShjb2xsZWN0aW9uKSB7XG4gICAgICB2YXIgbGVuZ3RoID0gY29sbGVjdGlvbiA/IGNvbGxlY3Rpb24ubGVuZ3RoIDogMDtcbiAgICAgIHJldHVybiB0eXBlb2YgbGVuZ3RoID09ICdudW1iZXInID8gbGVuZ3RoIDoga2V5cyhjb2xsZWN0aW9uKS5sZW5ndGg7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ2hlY2tzIGlmIHRoZSBjYWxsYmFjayByZXR1cm5zIGEgdHJ1ZXkgdmFsdWUgZm9yICoqYW55KiogZWxlbWVudCBvZiBhXG4gICAgICogY29sbGVjdGlvbi4gVGhlIGZ1bmN0aW9uIHJldHVybnMgYXMgc29vbiBhcyBpdCBmaW5kcyBhIHBhc3NpbmcgdmFsdWUgYW5kXG4gICAgICogZG9lcyBub3QgaXRlcmF0ZSBvdmVyIHRoZSBlbnRpcmUgY29sbGVjdGlvbi4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvXG4gICAgICogYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggdGhyZWUgYXJndW1lbnRzOyAodmFsdWUsIGluZGV4fGtleSwgY29sbGVjdGlvbikuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyBhbnlcbiAgICAgKiBAY2F0ZWdvcnkgQ29sbGVjdGlvbnNcbiAgICAgKiBAcGFyYW0ge0FycmF5fE9iamVjdHxzdHJpbmd9IGNvbGxlY3Rpb24gVGhlIGNvbGxlY3Rpb24gdG8gaXRlcmF0ZSBvdmVyLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fHN0cmluZ30gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkXG4gICAgICogIHBlciBpdGVyYXRpb24uIElmIGEgcHJvcGVydHkgbmFtZSBvciBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkXG4gICAgICogIHRvIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge2Jvb2xlYW59IFJldHVybnMgYHRydWVgIGlmIGFueSBlbGVtZW50IHBhc3NlZCB0aGUgY2FsbGJhY2sgY2hlY2ssXG4gICAgICogIGVsc2UgYGZhbHNlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5zb21lKFtudWxsLCAwLCAneWVzJywgZmFsc2VdLCBCb29sZWFuKTtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2LCAnYmxvY2tlZCc6IGZhbHNlIH0sXG4gICAgICogICB7ICduYW1lJzogJ2ZyZWQnLCAgICdhZ2UnOiA0MCwgJ2Jsb2NrZWQnOiB0cnVlIH1cbiAgICAgKiBdO1xuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLnBsdWNrXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5zb21lKGNoYXJhY3RlcnMsICdibG9ja2VkJyk7XG4gICAgICogLy8gPT4gdHJ1ZVxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLndoZXJlXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5zb21lKGNoYXJhY3RlcnMsIHsgJ2FnZSc6IDEgfSk7XG4gICAgICogLy8gPT4gZmFsc2VcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBzb21lKGNvbGxlY3Rpb24sIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgcmVzdWx0O1xuICAgICAgY2FsbGJhY2sgPSBsb2Rhc2guY3JlYXRlQ2FsbGJhY2soY2FsbGJhY2ssIHRoaXNBcmcsIDMpO1xuXG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBsZW5ndGggPSBjb2xsZWN0aW9uID8gY29sbGVjdGlvbi5sZW5ndGggOiAwO1xuXG4gICAgICBpZiAodHlwZW9mIGxlbmd0aCA9PSAnbnVtYmVyJykge1xuICAgICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICAgIGlmICgocmVzdWx0ID0gY2FsbGJhY2soY29sbGVjdGlvbltpbmRleF0sIGluZGV4LCBjb2xsZWN0aW9uKSkpIHtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZm9yT3duKGNvbGxlY3Rpb24sIGZ1bmN0aW9uKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikge1xuICAgICAgICAgIHJldHVybiAhKHJlc3VsdCA9IGNhbGxiYWNrKHZhbHVlLCBpbmRleCwgY29sbGVjdGlvbikpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiAhIXJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIGFycmF5IG9mIGVsZW1lbnRzLCBzb3J0ZWQgaW4gYXNjZW5kaW5nIG9yZGVyIGJ5IHRoZSByZXN1bHRzIG9mXG4gICAgICogcnVubmluZyBlYWNoIGVsZW1lbnQgaW4gYSBjb2xsZWN0aW9uIHRocm91Z2ggdGhlIGNhbGxiYWNrLiBUaGlzIG1ldGhvZFxuICAgICAqIHBlcmZvcm1zIGEgc3RhYmxlIHNvcnQsIHRoYXQgaXMsIGl0IHdpbGwgcHJlc2VydmUgdGhlIG9yaWdpbmFsIHNvcnQgb3JkZXJcbiAgICAgKiBvZiBlcXVhbCBlbGVtZW50cy4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoXG4gICAgICogdGhyZWUgYXJndW1lbnRzOyAodmFsdWUsIGluZGV4fGtleSwgY29sbGVjdGlvbikuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBhcnJheSBvZiBwcm9wZXJ0eSBuYW1lcyBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY29sbGVjdGlvblxuICAgICAqIHdpbGwgYmUgc29ydGVkIGJ5IGVhY2ggcHJvcGVydHkgdmFsdWUuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtBcnJheXxGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgYXJyYXkgb2Ygc29ydGVkIGVsZW1lbnRzLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLnNvcnRCeShbMSwgMiwgM10sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gTWF0aC5zaW4obnVtKTsgfSk7XG4gICAgICogLy8gPT4gWzMsIDEsIDJdXG4gICAgICpcbiAgICAgKiBfLnNvcnRCeShbMSwgMiwgM10sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gdGhpcy5zaW4obnVtKTsgfSwgTWF0aCk7XG4gICAgICogLy8gPT4gWzMsIDEsIDJdXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgICdhZ2UnOiAzNiB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAgJ2FnZSc6IDQwIH0sXG4gICAgICogICB7ICduYW1lJzogJ2Jhcm5leScsICAnYWdlJzogMjYgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgICdhZ2UnOiAzMCB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy5wbHVja1wiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8ubWFwKF8uc29ydEJ5KGNoYXJhY3RlcnMsICdhZ2UnKSwgXy52YWx1ZXMpO1xuICAgICAqIC8vID0+IFtbJ2Jhcm5leScsIDI2XSwgWydmcmVkJywgMzBdLCBbJ2Jhcm5leScsIDM2XSwgWydmcmVkJywgNDBdXVxuICAgICAqXG4gICAgICogLy8gc29ydGluZyBieSBtdWx0aXBsZSBwcm9wZXJ0aWVzXG4gICAgICogXy5tYXAoXy5zb3J0QnkoY2hhcmFjdGVycywgWyduYW1lJywgJ2FnZSddKSwgXy52YWx1ZXMpO1xuICAgICAqIC8vID0gPiBbWydiYXJuZXknLCAyNl0sIFsnYmFybmV5JywgMzZdLCBbJ2ZyZWQnLCAzMF0sIFsnZnJlZCcsIDQwXV1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBzb3J0QnkoY29sbGVjdGlvbiwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICAgIGlzQXJyID0gaXNBcnJheShjYWxsYmFjayksXG4gICAgICAgICAgbGVuZ3RoID0gY29sbGVjdGlvbiA/IGNvbGxlY3Rpb24ubGVuZ3RoIDogMCxcbiAgICAgICAgICByZXN1bHQgPSBBcnJheSh0eXBlb2YgbGVuZ3RoID09ICdudW1iZXInID8gbGVuZ3RoIDogMCk7XG5cbiAgICAgIGlmICghaXNBcnIpIHtcbiAgICAgICAgY2FsbGJhY2sgPSBsb2Rhc2guY3JlYXRlQ2FsbGJhY2soY2FsbGJhY2ssIHRoaXNBcmcsIDMpO1xuICAgICAgfVxuICAgICAgZm9yRWFjaChjb2xsZWN0aW9uLCBmdW5jdGlvbih2YWx1ZSwga2V5LCBjb2xsZWN0aW9uKSB7XG4gICAgICAgIHZhciBvYmplY3QgPSByZXN1bHRbKytpbmRleF0gPSBnZXRPYmplY3QoKTtcbiAgICAgICAgaWYgKGlzQXJyKSB7XG4gICAgICAgICAgb2JqZWN0LmNyaXRlcmlhID0gbWFwKGNhbGxiYWNrLCBmdW5jdGlvbihrZXkpIHsgcmV0dXJuIHZhbHVlW2tleV07IH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIChvYmplY3QuY3JpdGVyaWEgPSBnZXRBcnJheSgpKVswXSA9IGNhbGxiYWNrKHZhbHVlLCBrZXksIGNvbGxlY3Rpb24pO1xuICAgICAgICB9XG4gICAgICAgIG9iamVjdC5pbmRleCA9IGluZGV4O1xuICAgICAgICBvYmplY3QudmFsdWUgPSB2YWx1ZTtcbiAgICAgIH0pO1xuXG4gICAgICBsZW5ndGggPSByZXN1bHQubGVuZ3RoO1xuICAgICAgcmVzdWx0LnNvcnQoY29tcGFyZUFzY2VuZGluZyk7XG4gICAgICB3aGlsZSAobGVuZ3RoLS0pIHtcbiAgICAgICAgdmFyIG9iamVjdCA9IHJlc3VsdFtsZW5ndGhdO1xuICAgICAgICByZXN1bHRbbGVuZ3RoXSA9IG9iamVjdC52YWx1ZTtcbiAgICAgICAgaWYgKCFpc0Fycikge1xuICAgICAgICAgIHJlbGVhc2VBcnJheShvYmplY3QuY3JpdGVyaWEpO1xuICAgICAgICB9XG4gICAgICAgIHJlbGVhc2VPYmplY3Qob2JqZWN0KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ29udmVydHMgdGhlIGBjb2xsZWN0aW9uYCB0byBhbiBhcnJheS5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBjb252ZXJ0LlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyB0aGUgbmV3IGNvbnZlcnRlZCBhcnJheS5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogKGZ1bmN0aW9uKCkgeyByZXR1cm4gXy50b0FycmF5KGFyZ3VtZW50cykuc2xpY2UoMSk7IH0pKDEsIDIsIDMsIDQpO1xuICAgICAqIC8vID0+IFsyLCAzLCA0XVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHRvQXJyYXkoY29sbGVjdGlvbikge1xuICAgICAgaWYgKGNvbGxlY3Rpb24gJiYgdHlwZW9mIGNvbGxlY3Rpb24ubGVuZ3RoID09ICdudW1iZXInKSB7XG4gICAgICAgIHJldHVybiBzbGljZShjb2xsZWN0aW9uKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB2YWx1ZXMoY29sbGVjdGlvbik7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUGVyZm9ybXMgYSBkZWVwIGNvbXBhcmlzb24gb2YgZWFjaCBlbGVtZW50IGluIGEgYGNvbGxlY3Rpb25gIHRvIHRoZSBnaXZlblxuICAgICAqIGBwcm9wZXJ0aWVzYCBvYmplY3QsIHJldHVybmluZyBhbiBhcnJheSBvZiBhbGwgZWxlbWVudHMgdGhhdCBoYXZlIGVxdWl2YWxlbnRcbiAgICAgKiBwcm9wZXJ0eSB2YWx1ZXMuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAdHlwZSBGdW5jdGlvblxuICAgICAqIEBjYXRlZ29yeSBDb2xsZWN0aW9uc1xuICAgICAqIEBwYXJhbSB7QXJyYXl8T2JqZWN0fHN0cmluZ30gY29sbGVjdGlvbiBUaGUgY29sbGVjdGlvbiB0byBpdGVyYXRlIG92ZXIuXG4gICAgICogQHBhcmFtIHtPYmplY3R9IHByb3BzIFRoZSBvYmplY3Qgb2YgcHJvcGVydHkgdmFsdWVzIHRvIGZpbHRlciBieS5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgYXJyYXkgb2YgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBnaXZlbiBwcm9wZXJ0aWVzLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2LCAncGV0cyc6IFsnaG9wcHknXSB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAnYWdlJzogNDAsICdwZXRzJzogWydiYWJ5IHB1c3MnLCAnZGlubyddIH1cbiAgICAgKiBdO1xuICAgICAqXG4gICAgICogXy53aGVyZShjaGFyYWN0ZXJzLCB7ICdhZ2UnOiAzNiB9KTtcbiAgICAgKiAvLyA9PiBbeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYsICdwZXRzJzogWydob3BweSddIH1dXG4gICAgICpcbiAgICAgKiBfLndoZXJlKGNoYXJhY3RlcnMsIHsgJ3BldHMnOiBbJ2Rpbm8nXSB9KTtcbiAgICAgKiAvLyA9PiBbeyAnbmFtZSc6ICdmcmVkJywgJ2FnZSc6IDQwLCAncGV0cyc6IFsnYmFieSBwdXNzJywgJ2Rpbm8nXSB9XVxuICAgICAqL1xuICAgIHZhciB3aGVyZSA9IGZpbHRlcjtcblxuICAgIC8qLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qL1xuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBhcnJheSB3aXRoIGFsbCBmYWxzZXkgdmFsdWVzIHJlbW92ZWQuIFRoZSB2YWx1ZXMgYGZhbHNlYCwgYG51bGxgLFxuICAgICAqIGAwYCwgYFwiXCJgLCBgdW5kZWZpbmVkYCwgYW5kIGBOYU5gIGFyZSBhbGwgZmFsc2V5LlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBjb21wYWN0LlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhIG5ldyBhcnJheSBvZiBmaWx0ZXJlZCB2YWx1ZXMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uY29tcGFjdChbMCwgMSwgZmFsc2UsIDIsICcnLCAzXSk7XG4gICAgICogLy8gPT4gWzEsIDIsIDNdXG4gICAgICovXG4gICAgZnVuY3Rpb24gY29tcGFjdChhcnJheSkge1xuICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwLFxuICAgICAgICAgIHJlc3VsdCA9IFtdO1xuXG4gICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICB2YXIgdmFsdWUgPSBhcnJheVtpbmRleF07XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgIHJlc3VsdC5wdXNoKHZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIGFycmF5IGV4Y2x1ZGluZyBhbGwgdmFsdWVzIG9mIHRoZSBwcm92aWRlZCBhcnJheXMgdXNpbmcgc3RyaWN0XG4gICAgICogZXF1YWxpdHkgZm9yIGNvbXBhcmlzb25zLCBpLmUuIGA9PT1gLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBwcm9jZXNzLlxuICAgICAqIEBwYXJhbSB7Li4uQXJyYXl9IFt2YWx1ZXNdIFRoZSBhcnJheXMgb2YgdmFsdWVzIHRvIGV4Y2x1ZGUuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgbmV3IGFycmF5IG9mIGZpbHRlcmVkIHZhbHVlcy5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5kaWZmZXJlbmNlKFsxLCAyLCAzLCA0LCA1XSwgWzUsIDIsIDEwXSk7XG4gICAgICogLy8gPT4gWzEsIDMsIDRdXG4gICAgICovXG4gICAgZnVuY3Rpb24gZGlmZmVyZW5jZShhcnJheSkge1xuICAgICAgcmV0dXJuIGJhc2VEaWZmZXJlbmNlKGFycmF5LCBiYXNlRmxhdHRlbihhcmd1bWVudHMsIHRydWUsIHRydWUsIDEpKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGlzIG1ldGhvZCBpcyBsaWtlIGBfLmZpbmRgIGV4Y2VwdCB0aGF0IGl0IHJldHVybnMgdGhlIGluZGV4IG9mIHRoZSBmaXJzdFxuICAgICAqIGVsZW1lbnQgdGhhdCBwYXNzZXMgdGhlIGNhbGxiYWNrIGNoZWNrLCBpbnN0ZWFkIG9mIHRoZSBlbGVtZW50IGl0c2VsZi5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBzZWFyY2guXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7bnVtYmVyfSBSZXR1cm5zIHRoZSBpbmRleCBvZiB0aGUgZm91bmQgZWxlbWVudCwgZWxzZSBgLTFgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgICdhZ2UnOiAzNiwgJ2Jsb2NrZWQnOiBmYWxzZSB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAgJ2FnZSc6IDQwLCAnYmxvY2tlZCc6IHRydWUgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAncGViYmxlcycsICdhZ2UnOiAxLCAgJ2Jsb2NrZWQnOiBmYWxzZSB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIF8uZmluZEluZGV4KGNoYXJhY3RlcnMsIGZ1bmN0aW9uKGNocikge1xuICAgICAqICAgcmV0dXJuIGNoci5hZ2UgPCAyMDtcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiAyXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ud2hlcmVcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZpbmRJbmRleChjaGFyYWN0ZXJzLCB7ICdhZ2UnOiAzNiB9KTtcbiAgICAgKiAvLyA9PiAwXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZpbmRJbmRleChjaGFyYWN0ZXJzLCAnYmxvY2tlZCcpO1xuICAgICAqIC8vID0+IDFcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBmaW5kSW5kZXgoYXJyYXksIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICBsZW5ndGggPSBhcnJheSA/IGFycmF5Lmxlbmd0aCA6IDA7XG5cbiAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgIGlmIChjYWxsYmFjayhhcnJheVtpbmRleF0sIGluZGV4LCBhcnJheSkpIHtcbiAgICAgICAgICByZXR1cm4gaW5kZXg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHJldHVybiAtMTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGlzIG1ldGhvZCBpcyBsaWtlIGBfLmZpbmRJbmRleGAgZXhjZXB0IHRoYXQgaXQgaXRlcmF0ZXMgb3ZlciBlbGVtZW50c1xuICAgICAqIG9mIGEgYGNvbGxlY3Rpb25gIGZyb20gcmlnaHQgdG8gbGVmdC5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBzZWFyY2guXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7bnVtYmVyfSBSZXR1cm5zIHRoZSBpbmRleCBvZiB0aGUgZm91bmQgZWxlbWVudCwgZWxzZSBgLTFgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgICdhZ2UnOiAzNiwgJ2Jsb2NrZWQnOiB0cnVlIH0sXG4gICAgICogICB7ICduYW1lJzogJ2ZyZWQnLCAgICAnYWdlJzogNDAsICdibG9ja2VkJzogZmFsc2UgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAncGViYmxlcycsICdhZ2UnOiAxLCAgJ2Jsb2NrZWQnOiB0cnVlIH1cbiAgICAgKiBdO1xuICAgICAqXG4gICAgICogXy5maW5kTGFzdEluZGV4KGNoYXJhY3RlcnMsIGZ1bmN0aW9uKGNocikge1xuICAgICAqICAgcmV0dXJuIGNoci5hZ2UgPiAzMDtcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiAxXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ud2hlcmVcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZpbmRMYXN0SW5kZXgoY2hhcmFjdGVycywgeyAnYWdlJzogMzYgfSk7XG4gICAgICogLy8gPT4gMFxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLnBsdWNrXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5maW5kTGFzdEluZGV4KGNoYXJhY3RlcnMsICdibG9ja2VkJyk7XG4gICAgICogLy8gPT4gMlxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGZpbmRMYXN0SW5kZXgoYXJyYXksIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwO1xuICAgICAgY2FsbGJhY2sgPSBsb2Rhc2guY3JlYXRlQ2FsbGJhY2soY2FsbGJhY2ssIHRoaXNBcmcsIDMpO1xuICAgICAgd2hpbGUgKGxlbmd0aC0tKSB7XG4gICAgICAgIGlmIChjYWxsYmFjayhhcnJheVtsZW5ndGhdLCBsZW5ndGgsIGFycmF5KSkge1xuICAgICAgICAgIHJldHVybiBsZW5ndGg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHJldHVybiAtMTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBHZXRzIHRoZSBmaXJzdCBlbGVtZW50IG9yIGZpcnN0IGBuYCBlbGVtZW50cyBvZiBhbiBhcnJheS4gSWYgYSBjYWxsYmFja1xuICAgICAqIGlzIHByb3ZpZGVkIGVsZW1lbnRzIGF0IHRoZSBiZWdpbm5pbmcgb2YgdGhlIGFycmF5IGFyZSByZXR1cm5lZCBhcyBsb25nXG4gICAgICogYXMgdGhlIGNhbGxiYWNrIHJldHVybnMgdHJ1ZXkuIFRoZSBjYWxsYmFjayBpcyBib3VuZCB0byBgdGhpc0FyZ2AgYW5kXG4gICAgICogaW52b2tlZCB3aXRoIHRocmVlIGFyZ3VtZW50czsgKHZhbHVlLCBpbmRleCwgYXJyYXkpLlxuICAgICAqXG4gICAgICogSWYgYSBwcm9wZXJ0eSBuYW1lIGlzIHByb3ZpZGVkIGZvciBgY2FsbGJhY2tgIHRoZSBjcmVhdGVkIFwiXy5wbHVja1wiIHN0eWxlXG4gICAgICogY2FsbGJhY2sgd2lsbCByZXR1cm4gdGhlIHByb3BlcnR5IHZhbHVlIG9mIHRoZSBnaXZlbiBlbGVtZW50LlxuICAgICAqXG4gICAgICogSWYgYW4gb2JqZWN0IGlzIHByb3ZpZGVkIGZvciBgY2FsbGJhY2tgIHRoZSBjcmVhdGVkIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrXG4gICAgICogd2lsbCByZXR1cm4gYHRydWVgIGZvciBlbGVtZW50cyB0aGF0IGhhdmUgdGhlIHByb3BlcnRpZXMgb2YgdGhlIGdpdmVuIG9iamVjdCxcbiAgICAgKiBlbHNlIGBmYWxzZWAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAYWxpYXMgaGVhZCwgdGFrZVxuICAgICAqIEBjYXRlZ29yeSBBcnJheXNcbiAgICAgKiBAcGFyYW0ge0FycmF5fSBhcnJheSBUaGUgYXJyYXkgdG8gcXVlcnkuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8bnVtYmVyfHN0cmluZ30gW2NhbGxiYWNrXSBUaGUgZnVuY3Rpb24gY2FsbGVkXG4gICAgICogIHBlciBlbGVtZW50IG9yIHRoZSBudW1iZXIgb2YgZWxlbWVudHMgdG8gcmV0dXJuLiBJZiBhIHByb3BlcnR5IG5hbWUgb3JcbiAgICAgKiAgb2JqZWN0IGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZCB0byBjcmVhdGUgYSBcIl8ucGx1Y2tcIiBvciBcIl8ud2hlcmVcIlxuICAgICAqICBzdHlsZSBjYWxsYmFjaywgcmVzcGVjdGl2ZWx5LlxuICAgICAqIEBwYXJhbSB7Kn0gW3RoaXNBcmddIFRoZSBgdGhpc2AgYmluZGluZyBvZiBgY2FsbGJhY2tgLlxuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIHRoZSBmaXJzdCBlbGVtZW50KHMpIG9mIGBhcnJheWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uZmlyc3QoWzEsIDIsIDNdKTtcbiAgICAgKiAvLyA9PiAxXG4gICAgICpcbiAgICAgKiBfLmZpcnN0KFsxLCAyLCAzXSwgMik7XG4gICAgICogLy8gPT4gWzEsIDJdXG4gICAgICpcbiAgICAgKiBfLmZpcnN0KFsxLCAyLCAzXSwgZnVuY3Rpb24obnVtKSB7XG4gICAgICogICByZXR1cm4gbnVtIDwgMztcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiBbMSwgMl1cbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAgJ2Jsb2NrZWQnOiB0cnVlLCAgJ2VtcGxveWVyJzogJ3NsYXRlJyB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAgJ2Jsb2NrZWQnOiBmYWxzZSwgJ2VtcGxveWVyJzogJ3NsYXRlJyB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdwZWJibGVzJywgJ2Jsb2NrZWQnOiB0cnVlLCAgJ2VtcGxveWVyJzogJ25hJyB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy5wbHVja1wiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8uZmlyc3QoY2hhcmFjdGVycywgJ2Jsb2NrZWQnKTtcbiAgICAgKiAvLyA9PiBbeyAnbmFtZSc6ICdiYXJuZXknLCAnYmxvY2tlZCc6IHRydWUsICdlbXBsb3llcic6ICdzbGF0ZScgfV1cbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy53aGVyZVwiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8ucGx1Y2soXy5maXJzdChjaGFyYWN0ZXJzLCB7ICdlbXBsb3llcic6ICdzbGF0ZScgfSksICduYW1lJyk7XG4gICAgICogLy8gPT4gWydiYXJuZXknLCAnZnJlZCddXG4gICAgICovXG4gICAgZnVuY3Rpb24gZmlyc3QoYXJyYXksIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgbiA9IDAsXG4gICAgICAgICAgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwO1xuXG4gICAgICBpZiAodHlwZW9mIGNhbGxiYWNrICE9ICdudW1iZXInICYmIGNhbGxiYWNrICE9IG51bGwpIHtcbiAgICAgICAgdmFyIGluZGV4ID0gLTE7XG4gICAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGggJiYgY2FsbGJhY2soYXJyYXlbaW5kZXhdLCBpbmRleCwgYXJyYXkpKSB7XG4gICAgICAgICAgbisrO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBuID0gY2FsbGJhY2s7XG4gICAgICAgIGlmIChuID09IG51bGwgfHwgdGhpc0FyZykge1xuICAgICAgICAgIHJldHVybiBhcnJheSA/IGFycmF5WzBdIDogdW5kZWZpbmVkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gc2xpY2UoYXJyYXksIDAsIG5hdGl2ZU1pbihuYXRpdmVNYXgoMCwgbiksIGxlbmd0aCkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEZsYXR0ZW5zIGEgbmVzdGVkIGFycmF5ICh0aGUgbmVzdGluZyBjYW4gYmUgdG8gYW55IGRlcHRoKS4gSWYgYGlzU2hhbGxvd2BcbiAgICAgKiBpcyB0cnVleSwgdGhlIGFycmF5IHdpbGwgb25seSBiZSBmbGF0dGVuZWQgYSBzaW5nbGUgbGV2ZWwuIElmIGEgY2FsbGJhY2tcbiAgICAgKiBpcyBwcm92aWRlZCBlYWNoIGVsZW1lbnQgb2YgdGhlIGFycmF5IGlzIHBhc3NlZCB0aHJvdWdoIHRoZSBjYWxsYmFjayBiZWZvcmVcbiAgICAgKiBmbGF0dGVuaW5nLiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZCBpbnZva2VkIHdpdGggdGhyZWVcbiAgICAgKiBhcmd1bWVudHM7ICh2YWx1ZSwgaW5kZXgsIGFycmF5KS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBmbGF0dGVuLlxuICAgICAqIEBwYXJhbSB7Ym9vbGVhbn0gW2lzU2hhbGxvdz1mYWxzZV0gQSBmbGFnIHRvIHJlc3RyaWN0IGZsYXR0ZW5pbmcgdG8gYSBzaW5nbGUgbGV2ZWwuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbnxPYmplY3R8c3RyaW5nfSBbY2FsbGJhY2s9aWRlbnRpdHldIFRoZSBmdW5jdGlvbiBjYWxsZWRcbiAgICAgKiAgcGVyIGl0ZXJhdGlvbi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWRcbiAgICAgKiAgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgZmxhdHRlbmVkIGFycmF5LlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmZsYXR0ZW4oWzEsIFsyXSwgWzMsIFtbNF1dXV0pO1xuICAgICAqIC8vID0+IFsxLCAyLCAzLCA0XTtcbiAgICAgKlxuICAgICAqIF8uZmxhdHRlbihbMSwgWzJdLCBbMywgW1s0XV1dXSwgdHJ1ZSk7XG4gICAgICogLy8gPT4gWzEsIDIsIDMsIFtbNF1dXTtcbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzAsICdwZXRzJzogWydob3BweSddIH0sXG4gICAgICogICB7ICduYW1lJzogJ2ZyZWQnLCAgICdhZ2UnOiA0MCwgJ3BldHMnOiBbJ2JhYnkgcHVzcycsICdkaW5vJ10gfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmZsYXR0ZW4oY2hhcmFjdGVycywgJ3BldHMnKTtcbiAgICAgKiAvLyA9PiBbJ2hvcHB5JywgJ2JhYnkgcHVzcycsICdkaW5vJ11cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBmbGF0dGVuKGFycmF5LCBpc1NoYWxsb3csIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICAvLyBqdWdnbGUgYXJndW1lbnRzXG4gICAgICBpZiAodHlwZW9mIGlzU2hhbGxvdyAhPSAnYm9vbGVhbicgJiYgaXNTaGFsbG93ICE9IG51bGwpIHtcbiAgICAgICAgdGhpc0FyZyA9IGNhbGxiYWNrO1xuICAgICAgICBjYWxsYmFjayA9ICh0eXBlb2YgaXNTaGFsbG93ICE9ICdmdW5jdGlvbicgJiYgdGhpc0FyZyAmJiB0aGlzQXJnW2lzU2hhbGxvd10gPT09IGFycmF5KSA/IG51bGwgOiBpc1NoYWxsb3c7XG4gICAgICAgIGlzU2hhbGxvdyA9IGZhbHNlO1xuICAgICAgfVxuICAgICAgaWYgKGNhbGxiYWNrICE9IG51bGwpIHtcbiAgICAgICAgYXJyYXkgPSBtYXAoYXJyYXksIGNhbGxiYWNrLCB0aGlzQXJnKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBiYXNlRmxhdHRlbihhcnJheSwgaXNTaGFsbG93KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBHZXRzIHRoZSBpbmRleCBhdCB3aGljaCB0aGUgZmlyc3Qgb2NjdXJyZW5jZSBvZiBgdmFsdWVgIGlzIGZvdW5kIHVzaW5nXG4gICAgICogc3RyaWN0IGVxdWFsaXR5IGZvciBjb21wYXJpc29ucywgaS5lLiBgPT09YC4gSWYgdGhlIGFycmF5IGlzIGFscmVhZHkgc29ydGVkXG4gICAgICogcHJvdmlkaW5nIGB0cnVlYCBmb3IgYGZyb21JbmRleGAgd2lsbCBydW4gYSBmYXN0ZXIgYmluYXJ5IHNlYXJjaC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBBcnJheXNcbiAgICAgKiBAcGFyYW0ge0FycmF5fSBhcnJheSBUaGUgYXJyYXkgdG8gc2VhcmNoLlxuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIHNlYXJjaCBmb3IuXG4gICAgICogQHBhcmFtIHtib29sZWFufG51bWJlcn0gW2Zyb21JbmRleD0wXSBUaGUgaW5kZXggdG8gc2VhcmNoIGZyb20gb3IgYHRydWVgXG4gICAgICogIHRvIHBlcmZvcm0gYSBiaW5hcnkgc2VhcmNoIG9uIGEgc29ydGVkIGFycmF5LlxuICAgICAqIEByZXR1cm5zIHtudW1iZXJ9IFJldHVybnMgdGhlIGluZGV4IG9mIHRoZSBtYXRjaGVkIHZhbHVlIG9yIGAtMWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uaW5kZXhPZihbMSwgMiwgMywgMSwgMiwgM10sIDIpO1xuICAgICAqIC8vID0+IDFcbiAgICAgKlxuICAgICAqIF8uaW5kZXhPZihbMSwgMiwgMywgMSwgMiwgM10sIDIsIDMpO1xuICAgICAqIC8vID0+IDRcbiAgICAgKlxuICAgICAqIF8uaW5kZXhPZihbMSwgMSwgMiwgMiwgMywgM10sIDIsIHRydWUpO1xuICAgICAqIC8vID0+IDJcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpbmRleE9mKGFycmF5LCB2YWx1ZSwgZnJvbUluZGV4KSB7XG4gICAgICBpZiAodHlwZW9mIGZyb21JbmRleCA9PSAnbnVtYmVyJykge1xuICAgICAgICB2YXIgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwO1xuICAgICAgICBmcm9tSW5kZXggPSAoZnJvbUluZGV4IDwgMCA/IG5hdGl2ZU1heCgwLCBsZW5ndGggKyBmcm9tSW5kZXgpIDogZnJvbUluZGV4IHx8IDApO1xuICAgICAgfSBlbHNlIGlmIChmcm9tSW5kZXgpIHtcbiAgICAgICAgdmFyIGluZGV4ID0gc29ydGVkSW5kZXgoYXJyYXksIHZhbHVlKTtcbiAgICAgICAgcmV0dXJuIGFycmF5W2luZGV4XSA9PT0gdmFsdWUgPyBpbmRleCA6IC0xO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGJhc2VJbmRleE9mKGFycmF5LCB2YWx1ZSwgZnJvbUluZGV4KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBHZXRzIGFsbCBidXQgdGhlIGxhc3QgZWxlbWVudCBvciBsYXN0IGBuYCBlbGVtZW50cyBvZiBhbiBhcnJheS4gSWYgYVxuICAgICAqIGNhbGxiYWNrIGlzIHByb3ZpZGVkIGVsZW1lbnRzIGF0IHRoZSBlbmQgb2YgdGhlIGFycmF5IGFyZSBleGNsdWRlZCBmcm9tXG4gICAgICogdGhlIHJlc3VsdCBhcyBsb25nIGFzIHRoZSBjYWxsYmFjayByZXR1cm5zIHRydWV5LiBUaGUgY2FsbGJhY2sgaXMgYm91bmRcbiAgICAgKiB0byBgdGhpc0FyZ2AgYW5kIGludm9rZWQgd2l0aCB0aHJlZSBhcmd1bWVudHM7ICh2YWx1ZSwgaW5kZXgsIGFycmF5KS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBxdWVyeS5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxudW1iZXJ8c3RyaW5nfSBbY2FsbGJhY2s9MV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgZWxlbWVudCBvciB0aGUgbnVtYmVyIG9mIGVsZW1lbnRzIHRvIGV4Y2x1ZGUuIElmIGEgcHJvcGVydHkgbmFtZSBvclxuICAgICAqICBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkIHRvIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiXG4gICAgICogIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgc2xpY2Ugb2YgYGFycmF5YC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5pbml0aWFsKFsxLCAyLCAzXSk7XG4gICAgICogLy8gPT4gWzEsIDJdXG4gICAgICpcbiAgICAgKiBfLmluaXRpYWwoWzEsIDIsIDNdLCAyKTtcbiAgICAgKiAvLyA9PiBbMV1cbiAgICAgKlxuICAgICAqIF8uaW5pdGlhbChbMSwgMiwgM10sIGZ1bmN0aW9uKG51bSkge1xuICAgICAqICAgcmV0dXJuIG51bSA+IDE7XG4gICAgICogfSk7XG4gICAgICogLy8gPT4gWzFdXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgICdibG9ja2VkJzogZmFsc2UsICdlbXBsb3llcic6ICdzbGF0ZScgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgICdibG9ja2VkJzogdHJ1ZSwgICdlbXBsb3llcic6ICdzbGF0ZScgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAncGViYmxlcycsICdibG9ja2VkJzogdHJ1ZSwgICdlbXBsb3llcic6ICduYScgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLmluaXRpYWwoY2hhcmFjdGVycywgJ2Jsb2NrZWQnKTtcbiAgICAgKiAvLyA9PiBbeyAnbmFtZSc6ICdiYXJuZXknLCAgJ2Jsb2NrZWQnOiBmYWxzZSwgJ2VtcGxveWVyJzogJ3NsYXRlJyB9XVxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLndoZXJlXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5wbHVjayhfLmluaXRpYWwoY2hhcmFjdGVycywgeyAnZW1wbG95ZXInOiAnbmEnIH0pLCAnbmFtZScpO1xuICAgICAqIC8vID0+IFsnYmFybmV5JywgJ2ZyZWQnXVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGluaXRpYWwoYXJyYXksIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgbiA9IDAsXG4gICAgICAgICAgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwO1xuXG4gICAgICBpZiAodHlwZW9mIGNhbGxiYWNrICE9ICdudW1iZXInICYmIGNhbGxiYWNrICE9IG51bGwpIHtcbiAgICAgICAgdmFyIGluZGV4ID0gbGVuZ3RoO1xuICAgICAgICBjYWxsYmFjayA9IGxvZGFzaC5jcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG4gICAgICAgIHdoaWxlIChpbmRleC0tICYmIGNhbGxiYWNrKGFycmF5W2luZGV4XSwgaW5kZXgsIGFycmF5KSkge1xuICAgICAgICAgIG4rKztcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbiA9IChjYWxsYmFjayA9PSBudWxsIHx8IHRoaXNBcmcpID8gMSA6IGNhbGxiYWNrIHx8IG47XG4gICAgICB9XG4gICAgICByZXR1cm4gc2xpY2UoYXJyYXksIDAsIG5hdGl2ZU1pbihuYXRpdmVNYXgoMCwgbGVuZ3RoIC0gbiksIGxlbmd0aCkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYW4gYXJyYXkgb2YgdW5pcXVlIHZhbHVlcyBwcmVzZW50IGluIGFsbCBwcm92aWRlZCBhcnJheXMgdXNpbmdcbiAgICAgKiBzdHJpY3QgZXF1YWxpdHkgZm9yIGNvbXBhcmlzb25zLCBpLmUuIGA9PT1gLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7Li4uQXJyYXl9IFthcnJheV0gVGhlIGFycmF5cyB0byBpbnNwZWN0LlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhbiBhcnJheSBvZiBzaGFyZWQgdmFsdWVzLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmludGVyc2VjdGlvbihbMSwgMiwgM10sIFs1LCAyLCAxLCA0XSwgWzIsIDFdKTtcbiAgICAgKiAvLyA9PiBbMSwgMl1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBpbnRlcnNlY3Rpb24oKSB7XG4gICAgICB2YXIgYXJncyA9IFtdLFxuICAgICAgICAgIGFyZ3NJbmRleCA9IC0xLFxuICAgICAgICAgIGFyZ3NMZW5ndGggPSBhcmd1bWVudHMubGVuZ3RoLFxuICAgICAgICAgIGNhY2hlcyA9IGdldEFycmF5KCksXG4gICAgICAgICAgaW5kZXhPZiA9IGdldEluZGV4T2YoKSxcbiAgICAgICAgICB0cnVzdEluZGV4T2YgPSBpbmRleE9mID09PSBiYXNlSW5kZXhPZixcbiAgICAgICAgICBzZWVuID0gZ2V0QXJyYXkoKTtcblxuICAgICAgd2hpbGUgKCsrYXJnc0luZGV4IDwgYXJnc0xlbmd0aCkge1xuICAgICAgICB2YXIgdmFsdWUgPSBhcmd1bWVudHNbYXJnc0luZGV4XTtcbiAgICAgICAgaWYgKGlzQXJyYXkodmFsdWUpIHx8IGlzQXJndW1lbnRzKHZhbHVlKSkge1xuICAgICAgICAgIGFyZ3MucHVzaCh2YWx1ZSk7XG4gICAgICAgICAgY2FjaGVzLnB1c2godHJ1c3RJbmRleE9mICYmIHZhbHVlLmxlbmd0aCA+PSBsYXJnZUFycmF5U2l6ZSAmJlxuICAgICAgICAgICAgY3JlYXRlQ2FjaGUoYXJnc0luZGV4ID8gYXJnc1thcmdzSW5kZXhdIDogc2VlbikpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICB2YXIgYXJyYXkgPSBhcmdzWzBdLFxuICAgICAgICAgIGluZGV4ID0gLTEsXG4gICAgICAgICAgbGVuZ3RoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiAwLFxuICAgICAgICAgIHJlc3VsdCA9IFtdO1xuXG4gICAgICBvdXRlcjpcbiAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgIHZhciBjYWNoZSA9IGNhY2hlc1swXTtcbiAgICAgICAgdmFsdWUgPSBhcnJheVtpbmRleF07XG5cbiAgICAgICAgaWYgKChjYWNoZSA/IGNhY2hlSW5kZXhPZihjYWNoZSwgdmFsdWUpIDogaW5kZXhPZihzZWVuLCB2YWx1ZSkpIDwgMCkge1xuICAgICAgICAgIGFyZ3NJbmRleCA9IGFyZ3NMZW5ndGg7XG4gICAgICAgICAgKGNhY2hlIHx8IHNlZW4pLnB1c2godmFsdWUpO1xuICAgICAgICAgIHdoaWxlICgtLWFyZ3NJbmRleCkge1xuICAgICAgICAgICAgY2FjaGUgPSBjYWNoZXNbYXJnc0luZGV4XTtcbiAgICAgICAgICAgIGlmICgoY2FjaGUgPyBjYWNoZUluZGV4T2YoY2FjaGUsIHZhbHVlKSA6IGluZGV4T2YoYXJnc1thcmdzSW5kZXhdLCB2YWx1ZSkpIDwgMCkge1xuICAgICAgICAgICAgICBjb250aW51ZSBvdXRlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgcmVzdWx0LnB1c2godmFsdWUpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICB3aGlsZSAoYXJnc0xlbmd0aC0tKSB7XG4gICAgICAgIGNhY2hlID0gY2FjaGVzW2FyZ3NMZW5ndGhdO1xuICAgICAgICBpZiAoY2FjaGUpIHtcbiAgICAgICAgICByZWxlYXNlT2JqZWN0KGNhY2hlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgcmVsZWFzZUFycmF5KGNhY2hlcyk7XG4gICAgICByZWxlYXNlQXJyYXkoc2Vlbik7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEdldHMgdGhlIGxhc3QgZWxlbWVudCBvciBsYXN0IGBuYCBlbGVtZW50cyBvZiBhbiBhcnJheS4gSWYgYSBjYWxsYmFjayBpc1xuICAgICAqIHByb3ZpZGVkIGVsZW1lbnRzIGF0IHRoZSBlbmQgb2YgdGhlIGFycmF5IGFyZSByZXR1cm5lZCBhcyBsb25nIGFzIHRoZVxuICAgICAqIGNhbGxiYWNrIHJldHVybnMgdHJ1ZXkuIFRoZSBjYWxsYmFjayBpcyBib3VuZCB0byBgdGhpc0FyZ2AgYW5kIGludm9rZWRcbiAgICAgKiB3aXRoIHRocmVlIGFyZ3VtZW50czsgKHZhbHVlLCBpbmRleCwgYXJyYXkpLlxuICAgICAqXG4gICAgICogSWYgYSBwcm9wZXJ0eSBuYW1lIGlzIHByb3ZpZGVkIGZvciBgY2FsbGJhY2tgIHRoZSBjcmVhdGVkIFwiXy5wbHVja1wiIHN0eWxlXG4gICAgICogY2FsbGJhY2sgd2lsbCByZXR1cm4gdGhlIHByb3BlcnR5IHZhbHVlIG9mIHRoZSBnaXZlbiBlbGVtZW50LlxuICAgICAqXG4gICAgICogSWYgYW4gb2JqZWN0IGlzIHByb3ZpZGVkIGZvciBgY2FsbGJhY2tgIHRoZSBjcmVhdGVkIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrXG4gICAgICogd2lsbCByZXR1cm4gYHRydWVgIGZvciBlbGVtZW50cyB0aGF0IGhhdmUgdGhlIHByb3BlcnRpZXMgb2YgdGhlIGdpdmVuIG9iamVjdCxcbiAgICAgKiBlbHNlIGBmYWxzZWAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQXJyYXlzXG4gICAgICogQHBhcmFtIHtBcnJheX0gYXJyYXkgVGhlIGFycmF5IHRvIHF1ZXJ5LlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fG51bWJlcnxzdHJpbmd9IFtjYWxsYmFja10gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgZWxlbWVudCBvciB0aGUgbnVtYmVyIG9mIGVsZW1lbnRzIHRvIHJldHVybi4gSWYgYSBwcm9wZXJ0eSBuYW1lIG9yXG4gICAgICogIG9iamVjdCBpcyBwcm92aWRlZCBpdCB3aWxsIGJlIHVzZWQgdG8gY3JlYXRlIGEgXCJfLnBsdWNrXCIgb3IgXCJfLndoZXJlXCJcbiAgICAgKiAgc3R5bGUgY2FsbGJhY2ssIHJlc3BlY3RpdmVseS5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgYGNhbGxiYWNrYC5cbiAgICAgKiBAcmV0dXJucyB7Kn0gUmV0dXJucyB0aGUgbGFzdCBlbGVtZW50KHMpIG9mIGBhcnJheWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8ubGFzdChbMSwgMiwgM10pO1xuICAgICAqIC8vID0+IDNcbiAgICAgKlxuICAgICAqIF8ubGFzdChbMSwgMiwgM10sIDIpO1xuICAgICAqIC8vID0+IFsyLCAzXVxuICAgICAqXG4gICAgICogXy5sYXN0KFsxLCAyLCAzXSwgZnVuY3Rpb24obnVtKSB7XG4gICAgICogICByZXR1cm4gbnVtID4gMTtcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiBbMiwgM11cbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAgJ2Jsb2NrZWQnOiBmYWxzZSwgJ2VtcGxveWVyJzogJ3NsYXRlJyB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAgJ2Jsb2NrZWQnOiB0cnVlLCAgJ2VtcGxveWVyJzogJ3NsYXRlJyB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdwZWJibGVzJywgJ2Jsb2NrZWQnOiB0cnVlLCAgJ2VtcGxveWVyJzogJ25hJyB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy5wbHVja1wiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8ucGx1Y2soXy5sYXN0KGNoYXJhY3RlcnMsICdibG9ja2VkJyksICduYW1lJyk7XG4gICAgICogLy8gPT4gWydmcmVkJywgJ3BlYmJsZXMnXVxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLndoZXJlXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy5sYXN0KGNoYXJhY3RlcnMsIHsgJ2VtcGxveWVyJzogJ25hJyB9KTtcbiAgICAgKiAvLyA9PiBbeyAnbmFtZSc6ICdwZWJibGVzJywgJ2Jsb2NrZWQnOiB0cnVlLCAnZW1wbG95ZXInOiAnbmEnIH1dXG4gICAgICovXG4gICAgZnVuY3Rpb24gbGFzdChhcnJheSwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciBuID0gMCxcbiAgICAgICAgICBsZW5ndGggPSBhcnJheSA/IGFycmF5Lmxlbmd0aCA6IDA7XG5cbiAgICAgIGlmICh0eXBlb2YgY2FsbGJhY2sgIT0gJ251bWJlcicgJiYgY2FsbGJhY2sgIT0gbnVsbCkge1xuICAgICAgICB2YXIgaW5kZXggPSBsZW5ndGg7XG4gICAgICAgIGNhbGxiYWNrID0gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAzKTtcbiAgICAgICAgd2hpbGUgKGluZGV4LS0gJiYgY2FsbGJhY2soYXJyYXlbaW5kZXhdLCBpbmRleCwgYXJyYXkpKSB7XG4gICAgICAgICAgbisrO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBuID0gY2FsbGJhY2s7XG4gICAgICAgIGlmIChuID09IG51bGwgfHwgdGhpc0FyZykge1xuICAgICAgICAgIHJldHVybiBhcnJheSA/IGFycmF5W2xlbmd0aCAtIDFdIDogdW5kZWZpbmVkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gc2xpY2UoYXJyYXksIG5hdGl2ZU1heCgwLCBsZW5ndGggLSBuKSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogR2V0cyB0aGUgaW5kZXggYXQgd2hpY2ggdGhlIGxhc3Qgb2NjdXJyZW5jZSBvZiBgdmFsdWVgIGlzIGZvdW5kIHVzaW5nIHN0cmljdFxuICAgICAqIGVxdWFsaXR5IGZvciBjb21wYXJpc29ucywgaS5lLiBgPT09YC4gSWYgYGZyb21JbmRleGAgaXMgbmVnYXRpdmUsIGl0IGlzIHVzZWRcbiAgICAgKiBhcyB0aGUgb2Zmc2V0IGZyb20gdGhlIGVuZCBvZiB0aGUgY29sbGVjdGlvbi5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBzZWFyY2guXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gc2VhcmNoIGZvci5cbiAgICAgKiBAcGFyYW0ge251bWJlcn0gW2Zyb21JbmRleD1hcnJheS5sZW5ndGgtMV0gVGhlIGluZGV4IHRvIHNlYXJjaCBmcm9tLlxuICAgICAqIEByZXR1cm5zIHtudW1iZXJ9IFJldHVybnMgdGhlIGluZGV4IG9mIHRoZSBtYXRjaGVkIHZhbHVlIG9yIGAtMWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8ubGFzdEluZGV4T2YoWzEsIDIsIDMsIDEsIDIsIDNdLCAyKTtcbiAgICAgKiAvLyA9PiA0XG4gICAgICpcbiAgICAgKiBfLmxhc3RJbmRleE9mKFsxLCAyLCAzLCAxLCAyLCAzXSwgMiwgMyk7XG4gICAgICogLy8gPT4gMVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIGxhc3RJbmRleE9mKGFycmF5LCB2YWx1ZSwgZnJvbUluZGV4KSB7XG4gICAgICB2YXIgaW5kZXggPSBhcnJheSA/IGFycmF5Lmxlbmd0aCA6IDA7XG4gICAgICBpZiAodHlwZW9mIGZyb21JbmRleCA9PSAnbnVtYmVyJykge1xuICAgICAgICBpbmRleCA9IChmcm9tSW5kZXggPCAwID8gbmF0aXZlTWF4KDAsIGluZGV4ICsgZnJvbUluZGV4KSA6IG5hdGl2ZU1pbihmcm9tSW5kZXgsIGluZGV4IC0gMSkpICsgMTtcbiAgICAgIH1cbiAgICAgIHdoaWxlIChpbmRleC0tKSB7XG4gICAgICAgIGlmIChhcnJheVtpbmRleF0gPT09IHZhbHVlKSB7XG4gICAgICAgICAgcmV0dXJuIGluZGV4O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gLTE7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmVtb3ZlcyBhbGwgcHJvdmlkZWQgdmFsdWVzIGZyb20gdGhlIGdpdmVuIGFycmF5IHVzaW5nIHN0cmljdCBlcXVhbGl0eSBmb3JcbiAgICAgKiBjb21wYXJpc29ucywgaS5lLiBgPT09YC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBBcnJheXNcbiAgICAgKiBAcGFyYW0ge0FycmF5fSBhcnJheSBUaGUgYXJyYXkgdG8gbW9kaWZ5LlxuICAgICAqIEBwYXJhbSB7Li4uKn0gW3ZhbHVlXSBUaGUgdmFsdWVzIHRvIHJlbW92ZS5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYGFycmF5YC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGFycmF5ID0gWzEsIDIsIDMsIDEsIDIsIDNdO1xuICAgICAqIF8ucHVsbChhcnJheSwgMiwgMyk7XG4gICAgICogY29uc29sZS5sb2coYXJyYXkpO1xuICAgICAqIC8vID0+IFsxLCAxXVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHB1bGwoYXJyYXkpIHtcbiAgICAgIHZhciBhcmdzID0gYXJndW1lbnRzLFxuICAgICAgICAgIGFyZ3NJbmRleCA9IDAsXG4gICAgICAgICAgYXJnc0xlbmd0aCA9IGFyZ3MubGVuZ3RoLFxuICAgICAgICAgIGxlbmd0aCA9IGFycmF5ID8gYXJyYXkubGVuZ3RoIDogMDtcblxuICAgICAgd2hpbGUgKCsrYXJnc0luZGV4IDwgYXJnc0xlbmd0aCkge1xuICAgICAgICB2YXIgaW5kZXggPSAtMSxcbiAgICAgICAgICAgIHZhbHVlID0gYXJnc1thcmdzSW5kZXhdO1xuICAgICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICAgIGlmIChhcnJheVtpbmRleF0gPT09IHZhbHVlKSB7XG4gICAgICAgICAgICBzcGxpY2UuY2FsbChhcnJheSwgaW5kZXgtLSwgMSk7XG4gICAgICAgICAgICBsZW5ndGgtLTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHJldHVybiBhcnJheTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGFuIGFycmF5IG9mIG51bWJlcnMgKHBvc2l0aXZlIGFuZC9vciBuZWdhdGl2ZSkgcHJvZ3Jlc3NpbmcgZnJvbVxuICAgICAqIGBzdGFydGAgdXAgdG8gYnV0IG5vdCBpbmNsdWRpbmcgYGVuZGAuIElmIGBzdGFydGAgaXMgbGVzcyB0aGFuIGBzdG9wYCBhXG4gICAgICogemVyby1sZW5ndGggcmFuZ2UgaXMgY3JlYXRlZCB1bmxlc3MgYSBuZWdhdGl2ZSBgc3RlcGAgaXMgc3BlY2lmaWVkLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbc3RhcnQ9MF0gVGhlIHN0YXJ0IG9mIHRoZSByYW5nZS5cbiAgICAgKiBAcGFyYW0ge251bWJlcn0gZW5kIFRoZSBlbmQgb2YgdGhlIHJhbmdlLlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbc3RlcD0xXSBUaGUgdmFsdWUgdG8gaW5jcmVtZW50IG9yIGRlY3JlbWVudCBieS5cbiAgICAgKiBAcmV0dXJucyB7QXJyYXl9IFJldHVybnMgYSBuZXcgcmFuZ2UgYXJyYXkuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8ucmFuZ2UoNCk7XG4gICAgICogLy8gPT4gWzAsIDEsIDIsIDNdXG4gICAgICpcbiAgICAgKiBfLnJhbmdlKDEsIDUpO1xuICAgICAqIC8vID0+IFsxLCAyLCAzLCA0XVxuICAgICAqXG4gICAgICogXy5yYW5nZSgwLCAyMCwgNSk7XG4gICAgICogLy8gPT4gWzAsIDUsIDEwLCAxNV1cbiAgICAgKlxuICAgICAqIF8ucmFuZ2UoMCwgLTQsIC0xKTtcbiAgICAgKiAvLyA9PiBbMCwgLTEsIC0yLCAtM11cbiAgICAgKlxuICAgICAqIF8ucmFuZ2UoMSwgNCwgMCk7XG4gICAgICogLy8gPT4gWzEsIDEsIDFdXG4gICAgICpcbiAgICAgKiBfLnJhbmdlKDApO1xuICAgICAqIC8vID0+IFtdXG4gICAgICovXG4gICAgZnVuY3Rpb24gcmFuZ2Uoc3RhcnQsIGVuZCwgc3RlcCkge1xuICAgICAgc3RhcnQgPSArc3RhcnQgfHwgMDtcbiAgICAgIHN0ZXAgPSB0eXBlb2Ygc3RlcCA9PSAnbnVtYmVyJyA/IHN0ZXAgOiAoK3N0ZXAgfHwgMSk7XG5cbiAgICAgIGlmIChlbmQgPT0gbnVsbCkge1xuICAgICAgICBlbmQgPSBzdGFydDtcbiAgICAgICAgc3RhcnQgPSAwO1xuICAgICAgfVxuICAgICAgLy8gdXNlIGBBcnJheShsZW5ndGgpYCBzbyBlbmdpbmVzIGxpa2UgQ2hha3JhIGFuZCBWOCBhdm9pZCBzbG93ZXIgbW9kZXNcbiAgICAgIC8vIGh0dHA6Ly95b3V0dS5iZS9YQXFJcEdVOFpaayN0PTE3bTI1c1xuICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgbGVuZ3RoID0gbmF0aXZlTWF4KDAsIGNlaWwoKGVuZCAtIHN0YXJ0KSAvIChzdGVwIHx8IDEpKSksXG4gICAgICAgICAgcmVzdWx0ID0gQXJyYXkobGVuZ3RoKTtcblxuICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgcmVzdWx0W2luZGV4XSA9IHN0YXJ0O1xuICAgICAgICBzdGFydCArPSBzdGVwO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZW1vdmVzIGFsbCBlbGVtZW50cyBmcm9tIGFuIGFycmF5IHRoYXQgdGhlIGNhbGxiYWNrIHJldHVybnMgdHJ1ZXkgZm9yXG4gICAgICogYW5kIHJldHVybnMgYW4gYXJyYXkgb2YgcmVtb3ZlZCBlbGVtZW50cy4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYFxuICAgICAqIGFuZCBpbnZva2VkIHdpdGggdGhyZWUgYXJndW1lbnRzOyAodmFsdWUsIGluZGV4LCBhcnJheSkuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBBcnJheXNcbiAgICAgKiBAcGFyYW0ge0FycmF5fSBhcnJheSBUaGUgYXJyYXkgdG8gbW9kaWZ5LlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fHN0cmluZ30gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkXG4gICAgICogIHBlciBpdGVyYXRpb24uIElmIGEgcHJvcGVydHkgbmFtZSBvciBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkXG4gICAgICogIHRvIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgbmV3IGFycmF5IG9mIHJlbW92ZWQgZWxlbWVudHMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBhcnJheSA9IFsxLCAyLCAzLCA0LCA1LCA2XTtcbiAgICAgKiB2YXIgZXZlbnMgPSBfLnJlbW92ZShhcnJheSwgZnVuY3Rpb24obnVtKSB7IHJldHVybiBudW0gJSAyID09IDA7IH0pO1xuICAgICAqXG4gICAgICogY29uc29sZS5sb2coYXJyYXkpO1xuICAgICAqIC8vID0+IFsxLCAzLCA1XVxuICAgICAqXG4gICAgICogY29uc29sZS5sb2coZXZlbnMpO1xuICAgICAqIC8vID0+IFsyLCA0LCA2XVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHJlbW92ZShhcnJheSwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICAgIGxlbmd0aCA9IGFycmF5ID8gYXJyYXkubGVuZ3RoIDogMCxcbiAgICAgICAgICByZXN1bHQgPSBbXTtcblxuICAgICAgY2FsbGJhY2sgPSBsb2Rhc2guY3JlYXRlQ2FsbGJhY2soY2FsbGJhY2ssIHRoaXNBcmcsIDMpO1xuICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgdmFyIHZhbHVlID0gYXJyYXlbaW5kZXhdO1xuICAgICAgICBpZiAoY2FsbGJhY2sodmFsdWUsIGluZGV4LCBhcnJheSkpIHtcbiAgICAgICAgICByZXN1bHQucHVzaCh2YWx1ZSk7XG4gICAgICAgICAgc3BsaWNlLmNhbGwoYXJyYXksIGluZGV4LS0sIDEpO1xuICAgICAgICAgIGxlbmd0aC0tO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRoZSBvcHBvc2l0ZSBvZiBgXy5pbml0aWFsYCB0aGlzIG1ldGhvZCBnZXRzIGFsbCBidXQgdGhlIGZpcnN0IGVsZW1lbnQgb3JcbiAgICAgKiBmaXJzdCBgbmAgZWxlbWVudHMgb2YgYW4gYXJyYXkuIElmIGEgY2FsbGJhY2sgZnVuY3Rpb24gaXMgcHJvdmlkZWQgZWxlbWVudHNcbiAgICAgKiBhdCB0aGUgYmVnaW5uaW5nIG9mIHRoZSBhcnJheSBhcmUgZXhjbHVkZWQgZnJvbSB0aGUgcmVzdWx0IGFzIGxvbmcgYXMgdGhlXG4gICAgICogY2FsbGJhY2sgcmV0dXJucyB0cnVleS4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZFxuICAgICAqIHdpdGggdGhyZWUgYXJndW1lbnRzOyAodmFsdWUsIGluZGV4LCBhcnJheSkuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyBkcm9wLCB0YWlsXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBxdWVyeS5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufE9iamVjdHxudW1iZXJ8c3RyaW5nfSBbY2FsbGJhY2s9MV0gVGhlIGZ1bmN0aW9uIGNhbGxlZFxuICAgICAqICBwZXIgZWxlbWVudCBvciB0aGUgbnVtYmVyIG9mIGVsZW1lbnRzIHRvIGV4Y2x1ZGUuIElmIGEgcHJvcGVydHkgbmFtZSBvclxuICAgICAqICBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkIHRvIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiXG4gICAgICogIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgc2xpY2Ugb2YgYGFycmF5YC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5yZXN0KFsxLCAyLCAzXSk7XG4gICAgICogLy8gPT4gWzIsIDNdXG4gICAgICpcbiAgICAgKiBfLnJlc3QoWzEsIDIsIDNdLCAyKTtcbiAgICAgKiAvLyA9PiBbM11cbiAgICAgKlxuICAgICAqIF8ucmVzdChbMSwgMiwgM10sIGZ1bmN0aW9uKG51bSkge1xuICAgICAqICAgcmV0dXJuIG51bSA8IDM7XG4gICAgICogfSk7XG4gICAgICogLy8gPT4gWzNdXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgICdibG9ja2VkJzogdHJ1ZSwgICdlbXBsb3llcic6ICdzbGF0ZScgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgICdibG9ja2VkJzogZmFsc2UsICAnZW1wbG95ZXInOiAnc2xhdGUnIH0sXG4gICAgICogICB7ICduYW1lJzogJ3BlYmJsZXMnLCAnYmxvY2tlZCc6IHRydWUsICdlbXBsb3llcic6ICduYScgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiAvLyB1c2luZyBcIl8ucGx1Y2tcIiBjYWxsYmFjayBzaG9ydGhhbmRcbiAgICAgKiBfLnBsdWNrKF8ucmVzdChjaGFyYWN0ZXJzLCAnYmxvY2tlZCcpLCAnbmFtZScpO1xuICAgICAqIC8vID0+IFsnZnJlZCcsICdwZWJibGVzJ11cbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy53aGVyZVwiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8ucmVzdChjaGFyYWN0ZXJzLCB7ICdlbXBsb3llcic6ICdzbGF0ZScgfSk7XG4gICAgICogLy8gPT4gW3sgJ25hbWUnOiAncGViYmxlcycsICdibG9ja2VkJzogdHJ1ZSwgJ2VtcGxveWVyJzogJ25hJyB9XVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHJlc3QoYXJyYXksIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICBpZiAodHlwZW9mIGNhbGxiYWNrICE9ICdudW1iZXInICYmIGNhbGxiYWNrICE9IG51bGwpIHtcbiAgICAgICAgdmFyIG4gPSAwLFxuICAgICAgICAgICAgaW5kZXggPSAtMSxcbiAgICAgICAgICAgIGxlbmd0aCA9IGFycmF5ID8gYXJyYXkubGVuZ3RoIDogMDtcblxuICAgICAgICBjYWxsYmFjayA9IGxvZGFzaC5jcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG4gICAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoICYmIGNhbGxiYWNrKGFycmF5W2luZGV4XSwgaW5kZXgsIGFycmF5KSkge1xuICAgICAgICAgIG4rKztcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbiA9IChjYWxsYmFjayA9PSBudWxsIHx8IHRoaXNBcmcpID8gMSA6IG5hdGl2ZU1heCgwLCBjYWxsYmFjayk7XG4gICAgICB9XG4gICAgICByZXR1cm4gc2xpY2UoYXJyYXksIG4pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVzZXMgYSBiaW5hcnkgc2VhcmNoIHRvIGRldGVybWluZSB0aGUgc21hbGxlc3QgaW5kZXggYXQgd2hpY2ggYSB2YWx1ZVxuICAgICAqIHNob3VsZCBiZSBpbnNlcnRlZCBpbnRvIGEgZ2l2ZW4gc29ydGVkIGFycmF5IGluIG9yZGVyIHRvIG1haW50YWluIHRoZSBzb3J0XG4gICAgICogb3JkZXIgb2YgdGhlIGFycmF5LiBJZiBhIGNhbGxiYWNrIGlzIHByb3ZpZGVkIGl0IHdpbGwgYmUgZXhlY3V0ZWQgZm9yXG4gICAgICogYHZhbHVlYCBhbmQgZWFjaCBlbGVtZW50IG9mIGBhcnJheWAgdG8gY29tcHV0ZSB0aGVpciBzb3J0IHJhbmtpbmcuIFRoZVxuICAgICAqIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoIG9uZSBhcmd1bWVudDsgKHZhbHVlKS5cbiAgICAgKlxuICAgICAqIElmIGEgcHJvcGVydHkgbmFtZSBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ucGx1Y2tcIiBzdHlsZVxuICAgICAqIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBvZiB0aGUgZ2l2ZW4gZWxlbWVudC5cbiAgICAgKlxuICAgICAqIElmIGFuIG9iamVjdCBpcyBwcm92aWRlZCBmb3IgYGNhbGxiYWNrYCB0aGUgY3JlYXRlZCBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFja1xuICAgICAqIHdpbGwgcmV0dXJuIGB0cnVlYCBmb3IgZWxlbWVudHMgdGhhdCBoYXZlIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiBvYmplY3QsXG4gICAgICogZWxzZSBgZmFsc2VgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7QXJyYXl9IGFycmF5IFRoZSBhcnJheSB0byBpbnNwZWN0LlxuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIGV2YWx1YXRlLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fHN0cmluZ30gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkXG4gICAgICogIHBlciBpdGVyYXRpb24uIElmIGEgcHJvcGVydHkgbmFtZSBvciBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkXG4gICAgICogIHRvIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge251bWJlcn0gUmV0dXJucyB0aGUgaW5kZXggYXQgd2hpY2ggYHZhbHVlYCBzaG91bGQgYmUgaW5zZXJ0ZWRcbiAgICAgKiAgaW50byBgYXJyYXlgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLnNvcnRlZEluZGV4KFsyMCwgMzAsIDUwXSwgNDApO1xuICAgICAqIC8vID0+IDJcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIFwiXy5wbHVja1wiIGNhbGxiYWNrIHNob3J0aGFuZFxuICAgICAqIF8uc29ydGVkSW5kZXgoW3sgJ3gnOiAyMCB9LCB7ICd4JzogMzAgfSwgeyAneCc6IDUwIH1dLCB7ICd4JzogNDAgfSwgJ3gnKTtcbiAgICAgKiAvLyA9PiAyXG4gICAgICpcbiAgICAgKiB2YXIgZGljdCA9IHtcbiAgICAgKiAgICd3b3JkVG9OdW1iZXInOiB7ICd0d2VudHknOiAyMCwgJ3RoaXJ0eSc6IDMwLCAnZm91cnR5JzogNDAsICdmaWZ0eSc6IDUwIH1cbiAgICAgKiB9O1xuICAgICAqXG4gICAgICogXy5zb3J0ZWRJbmRleChbJ3R3ZW50eScsICd0aGlydHknLCAnZmlmdHknXSwgJ2ZvdXJ0eScsIGZ1bmN0aW9uKHdvcmQpIHtcbiAgICAgKiAgIHJldHVybiBkaWN0LndvcmRUb051bWJlclt3b3JkXTtcbiAgICAgKiB9KTtcbiAgICAgKiAvLyA9PiAyXG4gICAgICpcbiAgICAgKiBfLnNvcnRlZEluZGV4KFsndHdlbnR5JywgJ3RoaXJ0eScsICdmaWZ0eSddLCAnZm91cnR5JywgZnVuY3Rpb24od29yZCkge1xuICAgICAqICAgcmV0dXJuIHRoaXMud29yZFRvTnVtYmVyW3dvcmRdO1xuICAgICAqIH0sIGRpY3QpO1xuICAgICAqIC8vID0+IDJcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBzb3J0ZWRJbmRleChhcnJheSwgdmFsdWUsIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICB2YXIgbG93ID0gMCxcbiAgICAgICAgICBoaWdoID0gYXJyYXkgPyBhcnJheS5sZW5ndGggOiBsb3c7XG5cbiAgICAgIC8vIGV4cGxpY2l0bHkgcmVmZXJlbmNlIGBpZGVudGl0eWAgZm9yIGJldHRlciBpbmxpbmluZyBpbiBGaXJlZm94XG4gICAgICBjYWxsYmFjayA9IGNhbGxiYWNrID8gbG9kYXNoLmNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAxKSA6IGlkZW50aXR5O1xuICAgICAgdmFsdWUgPSBjYWxsYmFjayh2YWx1ZSk7XG5cbiAgICAgIHdoaWxlIChsb3cgPCBoaWdoKSB7XG4gICAgICAgIHZhciBtaWQgPSAobG93ICsgaGlnaCkgPj4+IDE7XG4gICAgICAgIChjYWxsYmFjayhhcnJheVttaWRdKSA8IHZhbHVlKVxuICAgICAgICAgID8gbG93ID0gbWlkICsgMVxuICAgICAgICAgIDogaGlnaCA9IG1pZDtcbiAgICAgIH1cbiAgICAgIHJldHVybiBsb3c7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBhcnJheSBvZiB1bmlxdWUgdmFsdWVzLCBpbiBvcmRlciwgb2YgdGhlIHByb3ZpZGVkIGFycmF5cyB1c2luZ1xuICAgICAqIHN0cmljdCBlcXVhbGl0eSBmb3IgY29tcGFyaXNvbnMsIGkuZS4gYD09PWAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQXJyYXlzXG4gICAgICogQHBhcmFtIHsuLi5BcnJheX0gW2FycmF5XSBUaGUgYXJyYXlzIHRvIGluc3BlY3QuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGFuIGFycmF5IG9mIGNvbWJpbmVkIHZhbHVlcy5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy51bmlvbihbMSwgMiwgM10sIFs1LCAyLCAxLCA0XSwgWzIsIDFdKTtcbiAgICAgKiAvLyA9PiBbMSwgMiwgMywgNSwgNF1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiB1bmlvbigpIHtcbiAgICAgIHJldHVybiBiYXNlVW5pcShiYXNlRmxhdHRlbihhcmd1bWVudHMsIHRydWUsIHRydWUpKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgZHVwbGljYXRlLXZhbHVlLWZyZWUgdmVyc2lvbiBvZiBhbiBhcnJheSB1c2luZyBzdHJpY3QgZXF1YWxpdHlcbiAgICAgKiBmb3IgY29tcGFyaXNvbnMsIGkuZS4gYD09PWAuIElmIHRoZSBhcnJheSBpcyBzb3J0ZWQsIHByb3ZpZGluZ1xuICAgICAqIGB0cnVlYCBmb3IgYGlzU29ydGVkYCB3aWxsIHVzZSBhIGZhc3RlciBhbGdvcml0aG0uIElmIGEgY2FsbGJhY2sgaXMgcHJvdmlkZWRcbiAgICAgKiBlYWNoIGVsZW1lbnQgb2YgYGFycmF5YCBpcyBwYXNzZWQgdGhyb3VnaCB0aGUgY2FsbGJhY2sgYmVmb3JlIHVuaXF1ZW5lc3NcbiAgICAgKiBpcyBjb21wdXRlZC4gVGhlIGNhbGxiYWNrIGlzIGJvdW5kIHRvIGB0aGlzQXJnYCBhbmQgaW52b2tlZCB3aXRoIHRocmVlXG4gICAgICogYXJndW1lbnRzOyAodmFsdWUsIGluZGV4LCBhcnJheSkuXG4gICAgICpcbiAgICAgKiBJZiBhIHByb3BlcnR5IG5hbWUgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLnBsdWNrXCIgc3R5bGVcbiAgICAgKiBjYWxsYmFjayB3aWxsIHJldHVybiB0aGUgcHJvcGVydHkgdmFsdWUgb2YgdGhlIGdpdmVuIGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBJZiBhbiBvYmplY3QgaXMgcHJvdmlkZWQgZm9yIGBjYWxsYmFja2AgdGhlIGNyZWF0ZWQgXCJfLndoZXJlXCIgc3R5bGUgY2FsbGJhY2tcbiAgICAgKiB3aWxsIHJldHVybiBgdHJ1ZWAgZm9yIGVsZW1lbnRzIHRoYXQgaGF2ZSB0aGUgcHJvcGVydGllcyBvZiB0aGUgZ2l2ZW4gb2JqZWN0LFxuICAgICAqIGVsc2UgYGZhbHNlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyB1bmlxdWVcbiAgICAgKiBAY2F0ZWdvcnkgQXJyYXlzXG4gICAgICogQHBhcmFtIHtBcnJheX0gYXJyYXkgVGhlIGFycmF5IHRvIHByb2Nlc3MuXG4gICAgICogQHBhcmFtIHtib29sZWFufSBbaXNTb3J0ZWQ9ZmFsc2VdIEEgZmxhZyB0byBpbmRpY2F0ZSB0aGF0IGBhcnJheWAgaXMgc29ydGVkLlxuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fHN0cmluZ30gW2NhbGxiYWNrPWlkZW50aXR5XSBUaGUgZnVuY3Rpb24gY2FsbGVkXG4gICAgICogIHBlciBpdGVyYXRpb24uIElmIGEgcHJvcGVydHkgbmFtZSBvciBvYmplY3QgaXMgcHJvdmlkZWQgaXQgd2lsbCBiZSB1c2VkXG4gICAgICogIHRvIGNyZWF0ZSBhIFwiXy5wbHVja1wiIG9yIFwiXy53aGVyZVwiIHN0eWxlIGNhbGxiYWNrLCByZXNwZWN0aXZlbHkuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGEgZHVwbGljYXRlLXZhbHVlLWZyZWUgYXJyYXkuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8udW5pcShbMSwgMiwgMSwgMywgMV0pO1xuICAgICAqIC8vID0+IFsxLCAyLCAzXVxuICAgICAqXG4gICAgICogXy51bmlxKFsxLCAxLCAyLCAyLCAzXSwgdHJ1ZSk7XG4gICAgICogLy8gPT4gWzEsIDIsIDNdXG4gICAgICpcbiAgICAgKiBfLnVuaXEoWydBJywgJ2InLCAnQycsICdhJywgJ0InLCAnYyddLCBmdW5jdGlvbihsZXR0ZXIpIHsgcmV0dXJuIGxldHRlci50b0xvd2VyQ2FzZSgpOyB9KTtcbiAgICAgKiAvLyA9PiBbJ0EnLCAnYicsICdDJ11cbiAgICAgKlxuICAgICAqIF8udW5pcShbMSwgMi41LCAzLCAxLjUsIDIsIDMuNV0sIGZ1bmN0aW9uKG51bSkgeyByZXR1cm4gdGhpcy5mbG9vcihudW0pOyB9LCBNYXRoKTtcbiAgICAgKiAvLyA9PiBbMSwgMi41LCAzXVxuICAgICAqXG4gICAgICogLy8gdXNpbmcgXCJfLnBsdWNrXCIgY2FsbGJhY2sgc2hvcnRoYW5kXG4gICAgICogXy51bmlxKFt7ICd4JzogMSB9LCB7ICd4JzogMiB9LCB7ICd4JzogMSB9XSwgJ3gnKTtcbiAgICAgKiAvLyA9PiBbeyAneCc6IDEgfSwgeyAneCc6IDIgfV1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiB1bmlxKGFycmF5LCBpc1NvcnRlZCwgY2FsbGJhY2ssIHRoaXNBcmcpIHtcbiAgICAgIC8vIGp1Z2dsZSBhcmd1bWVudHNcbiAgICAgIGlmICh0eXBlb2YgaXNTb3J0ZWQgIT0gJ2Jvb2xlYW4nICYmIGlzU29ydGVkICE9IG51bGwpIHtcbiAgICAgICAgdGhpc0FyZyA9IGNhbGxiYWNrO1xuICAgICAgICBjYWxsYmFjayA9ICh0eXBlb2YgaXNTb3J0ZWQgIT0gJ2Z1bmN0aW9uJyAmJiB0aGlzQXJnICYmIHRoaXNBcmdbaXNTb3J0ZWRdID09PSBhcnJheSkgPyBudWxsIDogaXNTb3J0ZWQ7XG4gICAgICAgIGlzU29ydGVkID0gZmFsc2U7XG4gICAgICB9XG4gICAgICBpZiAoY2FsbGJhY2sgIT0gbnVsbCkge1xuICAgICAgICBjYWxsYmFjayA9IGxvZGFzaC5jcmVhdGVDYWxsYmFjayhjYWxsYmFjaywgdGhpc0FyZywgMyk7XG4gICAgICB9XG4gICAgICByZXR1cm4gYmFzZVVuaXEoYXJyYXksIGlzU29ydGVkLCBjYWxsYmFjayk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBhcnJheSBleGNsdWRpbmcgYWxsIHByb3ZpZGVkIHZhbHVlcyB1c2luZyBzdHJpY3QgZXF1YWxpdHkgZm9yXG4gICAgICogY29tcGFyaXNvbnMsIGkuZS4gYD09PWAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQXJyYXlzXG4gICAgICogQHBhcmFtIHtBcnJheX0gYXJyYXkgVGhlIGFycmF5IHRvIGZpbHRlci5cbiAgICAgKiBAcGFyYW0gey4uLip9IFt2YWx1ZV0gVGhlIHZhbHVlcyB0byBleGNsdWRlLlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhIG5ldyBhcnJheSBvZiBmaWx0ZXJlZCB2YWx1ZXMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8ud2l0aG91dChbMSwgMiwgMSwgMCwgMywgMSwgNF0sIDAsIDEpO1xuICAgICAqIC8vID0+IFsyLCAzLCA0XVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHdpdGhvdXQoYXJyYXkpIHtcbiAgICAgIHJldHVybiBiYXNlRGlmZmVyZW5jZShhcnJheSwgc2xpY2UoYXJndW1lbnRzLCAxKSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBhcnJheSB0aGF0IGlzIHRoZSBzeW1tZXRyaWMgZGlmZmVyZW5jZSBvZiB0aGUgcHJvdmlkZWQgYXJyYXlzLlxuICAgICAqIFNlZSBodHRwOi8vZW4ud2lraXBlZGlhLm9yZy93aWtpL1N5bW1ldHJpY19kaWZmZXJlbmNlLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEFycmF5c1xuICAgICAqIEBwYXJhbSB7Li4uQXJyYXl9IFthcnJheV0gVGhlIGFycmF5cyB0byBpbnNwZWN0LlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhbiBhcnJheSBvZiB2YWx1ZXMuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8ueG9yKFsxLCAyLCAzXSwgWzUsIDIsIDEsIDRdKTtcbiAgICAgKiAvLyA9PiBbMywgNSwgNF1cbiAgICAgKlxuICAgICAqIF8ueG9yKFsxLCAyLCA1XSwgWzIsIDMsIDVdLCBbMywgNCwgNV0pO1xuICAgICAqIC8vID0+IFsxLCA0LCA1XVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHhvcigpIHtcbiAgICAgIHZhciBpbmRleCA9IC0xLFxuICAgICAgICAgIGxlbmd0aCA9IGFyZ3VtZW50cy5sZW5ndGg7XG5cbiAgICAgIHdoaWxlICgrK2luZGV4IDwgbGVuZ3RoKSB7XG4gICAgICAgIHZhciBhcnJheSA9IGFyZ3VtZW50c1tpbmRleF07XG4gICAgICAgIGlmIChpc0FycmF5KGFycmF5KSB8fCBpc0FyZ3VtZW50cyhhcnJheSkpIHtcbiAgICAgICAgICB2YXIgcmVzdWx0ID0gcmVzdWx0XG4gICAgICAgICAgICA/IGJhc2VVbmlxKGJhc2VEaWZmZXJlbmNlKHJlc3VsdCwgYXJyYXkpLmNvbmNhdChiYXNlRGlmZmVyZW5jZShhcnJheSwgcmVzdWx0KSkpXG4gICAgICAgICAgICA6IGFycmF5O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0IHx8IFtdO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYW4gYXJyYXkgb2YgZ3JvdXBlZCBlbGVtZW50cywgdGhlIGZpcnN0IG9mIHdoaWNoIGNvbnRhaW5zIHRoZSBmaXJzdFxuICAgICAqIGVsZW1lbnRzIG9mIHRoZSBnaXZlbiBhcnJheXMsIHRoZSBzZWNvbmQgb2Ygd2hpY2ggY29udGFpbnMgdGhlIHNlY29uZFxuICAgICAqIGVsZW1lbnRzIG9mIHRoZSBnaXZlbiBhcnJheXMsIGFuZCBzbyBvbi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyB1bnppcFxuICAgICAqIEBjYXRlZ29yeSBBcnJheXNcbiAgICAgKiBAcGFyYW0gey4uLkFycmF5fSBbYXJyYXldIEFycmF5cyB0byBwcm9jZXNzLlxuICAgICAqIEByZXR1cm5zIHtBcnJheX0gUmV0dXJucyBhIG5ldyBhcnJheSBvZiBncm91cGVkIGVsZW1lbnRzLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLnppcChbJ2ZyZWQnLCAnYmFybmV5J10sIFszMCwgNDBdLCBbdHJ1ZSwgZmFsc2VdKTtcbiAgICAgKiAvLyA9PiBbWydmcmVkJywgMzAsIHRydWVdLCBbJ2Jhcm5leScsIDQwLCBmYWxzZV1dXG4gICAgICovXG4gICAgZnVuY3Rpb24gemlwKCkge1xuICAgICAgdmFyIGFycmF5ID0gYXJndW1lbnRzLmxlbmd0aCA+IDEgPyBhcmd1bWVudHMgOiBhcmd1bWVudHNbMF0sXG4gICAgICAgICAgaW5kZXggPSAtMSxcbiAgICAgICAgICBsZW5ndGggPSBhcnJheSA/IG1heChwbHVjayhhcnJheSwgJ2xlbmd0aCcpKSA6IDAsXG4gICAgICAgICAgcmVzdWx0ID0gQXJyYXkobGVuZ3RoIDwgMCA/IDAgOiBsZW5ndGgpO1xuXG4gICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICByZXN1bHRbaW5kZXhdID0gcGx1Y2soYXJyYXksIGluZGV4KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhbiBvYmplY3QgY29tcG9zZWQgZnJvbSBhcnJheXMgb2YgYGtleXNgIGFuZCBgdmFsdWVzYC4gUHJvdmlkZVxuICAgICAqIGVpdGhlciBhIHNpbmdsZSB0d28gZGltZW5zaW9uYWwgYXJyYXksIGkuZS4gYFtba2V5MSwgdmFsdWUxXSwgW2tleTIsIHZhbHVlMl1dYFxuICAgICAqIG9yIHR3byBhcnJheXMsIG9uZSBvZiBga2V5c2AgYW5kIG9uZSBvZiBjb3JyZXNwb25kaW5nIGB2YWx1ZXNgLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGFsaWFzIG9iamVjdFxuICAgICAqIEBjYXRlZ29yeSBBcnJheXNcbiAgICAgKiBAcGFyYW0ge0FycmF5fSBrZXlzIFRoZSBhcnJheSBvZiBrZXlzLlxuICAgICAqIEBwYXJhbSB7QXJyYXl9IFt2YWx1ZXM9W11dIFRoZSBhcnJheSBvZiB2YWx1ZXMuXG4gICAgICogQHJldHVybnMge09iamVjdH0gUmV0dXJucyBhbiBvYmplY3QgY29tcG9zZWQgb2YgdGhlIGdpdmVuIGtleXMgYW5kXG4gICAgICogIGNvcnJlc3BvbmRpbmcgdmFsdWVzLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLnppcE9iamVjdChbJ2ZyZWQnLCAnYmFybmV5J10sIFszMCwgNDBdKTtcbiAgICAgKiAvLyA9PiB7ICdmcmVkJzogMzAsICdiYXJuZXknOiA0MCB9XG4gICAgICovXG4gICAgZnVuY3Rpb24gemlwT2JqZWN0KGtleXMsIHZhbHVlcykge1xuICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgbGVuZ3RoID0ga2V5cyA/IGtleXMubGVuZ3RoIDogMCxcbiAgICAgICAgICByZXN1bHQgPSB7fTtcblxuICAgICAgaWYgKCF2YWx1ZXMgJiYgbGVuZ3RoICYmICFpc0FycmF5KGtleXNbMF0pKSB7XG4gICAgICAgIHZhbHVlcyA9IFtdO1xuICAgICAgfVxuICAgICAgd2hpbGUgKCsraW5kZXggPCBsZW5ndGgpIHtcbiAgICAgICAgdmFyIGtleSA9IGtleXNbaW5kZXhdO1xuICAgICAgICBpZiAodmFsdWVzKSB7XG4gICAgICAgICAgcmVzdWx0W2tleV0gPSB2YWx1ZXNbaW5kZXhdO1xuICAgICAgICB9IGVsc2UgaWYgKGtleSkge1xuICAgICAgICAgIHJlc3VsdFtrZXlbMF1dID0ga2V5WzFdO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qL1xuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIGZ1bmN0aW9uIHRoYXQgZXhlY3V0ZXMgYGZ1bmNgLCB3aXRoICB0aGUgYHRoaXNgIGJpbmRpbmcgYW5kXG4gICAgICogYXJndW1lbnRzIG9mIHRoZSBjcmVhdGVkIGZ1bmN0aW9uLCBvbmx5IGFmdGVyIGJlaW5nIGNhbGxlZCBgbmAgdGltZXMuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgRnVuY3Rpb25zXG4gICAgICogQHBhcmFtIHtudW1iZXJ9IG4gVGhlIG51bWJlciBvZiB0aW1lcyB0aGUgZnVuY3Rpb24gbXVzdCBiZSBjYWxsZWQgYmVmb3JlXG4gICAgICogIGBmdW5jYCBpcyBleGVjdXRlZC5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBmdW5jIFRoZSBmdW5jdGlvbiB0byByZXN0cmljdC5cbiAgICAgKiBAcmV0dXJucyB7RnVuY3Rpb259IFJldHVybnMgdGhlIG5ldyByZXN0cmljdGVkIGZ1bmN0aW9uLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgc2F2ZXMgPSBbJ3Byb2ZpbGUnLCAnc2V0dGluZ3MnXTtcbiAgICAgKlxuICAgICAqIHZhciBkb25lID0gXy5hZnRlcihzYXZlcy5sZW5ndGgsIGZ1bmN0aW9uKCkge1xuICAgICAqICAgY29uc29sZS5sb2coJ0RvbmUgc2F2aW5nIScpO1xuICAgICAqIH0pO1xuICAgICAqXG4gICAgICogXy5mb3JFYWNoKHNhdmVzLCBmdW5jdGlvbih0eXBlKSB7XG4gICAgICogICBhc3luY1NhdmUoeyAndHlwZSc6IHR5cGUsICdjb21wbGV0ZSc6IGRvbmUgfSk7XG4gICAgICogfSk7XG4gICAgICogLy8gPT4gbG9ncyAnRG9uZSBzYXZpbmchJywgYWZ0ZXIgYWxsIHNhdmVzIGhhdmUgY29tcGxldGVkXG4gICAgICovXG4gICAgZnVuY3Rpb24gYWZ0ZXIobiwgZnVuYykge1xuICAgICAgaWYgKCFpc0Z1bmN0aW9uKGZ1bmMpKSB7XG4gICAgICAgIHRocm93IG5ldyBUeXBlRXJyb3I7XG4gICAgICB9XG4gICAgICByZXR1cm4gZnVuY3Rpb24oKSB7XG4gICAgICAgIGlmICgtLW4gPCAxKSB7XG4gICAgICAgICAgcmV0dXJuIGZ1bmMuYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgZnVuY3Rpb24gdGhhdCwgd2hlbiBjYWxsZWQsIGludm9rZXMgYGZ1bmNgIHdpdGggdGhlIGB0aGlzYFxuICAgICAqIGJpbmRpbmcgb2YgYHRoaXNBcmdgIGFuZCBwcmVwZW5kcyBhbnkgYWRkaXRpb25hbCBgYmluZGAgYXJndW1lbnRzIHRvIHRob3NlXG4gICAgICogcHJvdmlkZWQgdG8gdGhlIGJvdW5kIGZ1bmN0aW9uLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IGZ1bmMgVGhlIGZ1bmN0aW9uIHRvIGJpbmQuXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBmdW5jYC5cbiAgICAgKiBAcGFyYW0gey4uLip9IFthcmddIEFyZ3VtZW50cyB0byBiZSBwYXJ0aWFsbHkgYXBwbGllZC5cbiAgICAgKiBAcmV0dXJucyB7RnVuY3Rpb259IFJldHVybnMgdGhlIG5ldyBib3VuZCBmdW5jdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGZ1bmMgPSBmdW5jdGlvbihncmVldGluZykge1xuICAgICAqICAgcmV0dXJuIGdyZWV0aW5nICsgJyAnICsgdGhpcy5uYW1lO1xuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBmdW5jID0gXy5iaW5kKGZ1bmMsIHsgJ25hbWUnOiAnZnJlZCcgfSwgJ2hpJyk7XG4gICAgICogZnVuYygpO1xuICAgICAqIC8vID0+ICdoaSBmcmVkJ1xuICAgICAqL1xuICAgIGZ1bmN0aW9uIGJpbmQoZnVuYywgdGhpc0FyZykge1xuICAgICAgcmV0dXJuIGFyZ3VtZW50cy5sZW5ndGggPiAyXG4gICAgICAgID8gY3JlYXRlV3JhcHBlcihmdW5jLCAxNywgc2xpY2UoYXJndW1lbnRzLCAyKSwgbnVsbCwgdGhpc0FyZylcbiAgICAgICAgOiBjcmVhdGVXcmFwcGVyKGZ1bmMsIDEsIG51bGwsIG51bGwsIHRoaXNBcmcpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEJpbmRzIG1ldGhvZHMgb2YgYW4gb2JqZWN0IHRvIHRoZSBvYmplY3QgaXRzZWxmLCBvdmVyd3JpdGluZyB0aGUgZXhpc3RpbmdcbiAgICAgKiBtZXRob2QuIE1ldGhvZCBuYW1lcyBtYXkgYmUgc3BlY2lmaWVkIGFzIGluZGl2aWR1YWwgYXJndW1lbnRzIG9yIGFzIGFycmF5c1xuICAgICAqIG9mIG1ldGhvZCBuYW1lcy4gSWYgbm8gbWV0aG9kIG5hbWVzIGFyZSBwcm92aWRlZCBhbGwgdGhlIGZ1bmN0aW9uIHByb3BlcnRpZXNcbiAgICAgKiBvZiBgb2JqZWN0YCB3aWxsIGJlIGJvdW5kLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgVGhlIG9iamVjdCB0byBiaW5kIGFuZCBhc3NpZ24gdGhlIGJvdW5kIG1ldGhvZHMgdG8uXG4gICAgICogQHBhcmFtIHsuLi5zdHJpbmd9IFttZXRob2ROYW1lXSBUaGUgb2JqZWN0IG1ldGhvZCBuYW1lcyB0b1xuICAgICAqICBiaW5kLCBzcGVjaWZpZWQgYXMgaW5kaXZpZHVhbCBtZXRob2QgbmFtZXMgb3IgYXJyYXlzIG9mIG1ldGhvZCBuYW1lcy5cbiAgICAgKiBAcmV0dXJucyB7T2JqZWN0fSBSZXR1cm5zIGBvYmplY3RgLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgdmlldyA9IHtcbiAgICAgKiAgICdsYWJlbCc6ICdkb2NzJyxcbiAgICAgKiAgICdvbkNsaWNrJzogZnVuY3Rpb24oKSB7IGNvbnNvbGUubG9nKCdjbGlja2VkICcgKyB0aGlzLmxhYmVsKTsgfVxuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBfLmJpbmRBbGwodmlldyk7XG4gICAgICogalF1ZXJ5KCcjZG9jcycpLm9uKCdjbGljaycsIHZpZXcub25DbGljayk7XG4gICAgICogLy8gPT4gbG9ncyAnY2xpY2tlZCBkb2NzJywgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWRcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBiaW5kQWxsKG9iamVjdCkge1xuICAgICAgdmFyIGZ1bmNzID0gYXJndW1lbnRzLmxlbmd0aCA+IDEgPyBiYXNlRmxhdHRlbihhcmd1bWVudHMsIHRydWUsIGZhbHNlLCAxKSA6IGZ1bmN0aW9ucyhvYmplY3QpLFxuICAgICAgICAgIGluZGV4ID0gLTEsXG4gICAgICAgICAgbGVuZ3RoID0gZnVuY3MubGVuZ3RoO1xuXG4gICAgICB3aGlsZSAoKytpbmRleCA8IGxlbmd0aCkge1xuICAgICAgICB2YXIga2V5ID0gZnVuY3NbaW5kZXhdO1xuICAgICAgICBvYmplY3Rba2V5XSA9IGNyZWF0ZVdyYXBwZXIob2JqZWN0W2tleV0sIDEsIG51bGwsIG51bGwsIG9iamVjdCk7XG4gICAgICB9XG4gICAgICByZXR1cm4gb2JqZWN0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBmdW5jdGlvbiB0aGF0LCB3aGVuIGNhbGxlZCwgaW52b2tlcyB0aGUgbWV0aG9kIGF0IGBvYmplY3Rba2V5XWBcbiAgICAgKiBhbmQgcHJlcGVuZHMgYW55IGFkZGl0aW9uYWwgYGJpbmRLZXlgIGFyZ3VtZW50cyB0byB0aG9zZSBwcm92aWRlZCB0byB0aGUgYm91bmRcbiAgICAgKiBmdW5jdGlvbi4gVGhpcyBtZXRob2QgZGlmZmVycyBmcm9tIGBfLmJpbmRgIGJ5IGFsbG93aW5nIGJvdW5kIGZ1bmN0aW9ucyB0b1xuICAgICAqIHJlZmVyZW5jZSBtZXRob2RzIHRoYXQgd2lsbCBiZSByZWRlZmluZWQgb3IgZG9uJ3QgeWV0IGV4aXN0LlxuICAgICAqIFNlZSBodHRwOi8vbWljaGF1eC5jYS9hcnRpY2xlcy9sYXp5LWZ1bmN0aW9uLWRlZmluaXRpb24tcGF0dGVybi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBGdW5jdGlvbnNcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gb2JqZWN0IFRoZSBvYmplY3QgdGhlIG1ldGhvZCBiZWxvbmdzIHRvLlxuICAgICAqIEBwYXJhbSB7c3RyaW5nfSBrZXkgVGhlIGtleSBvZiB0aGUgbWV0aG9kLlxuICAgICAqIEBwYXJhbSB7Li4uKn0gW2FyZ10gQXJndW1lbnRzIHRvIGJlIHBhcnRpYWxseSBhcHBsaWVkLlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IGJvdW5kIGZ1bmN0aW9uLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgb2JqZWN0ID0ge1xuICAgICAqICAgJ25hbWUnOiAnZnJlZCcsXG4gICAgICogICAnZ3JlZXQnOiBmdW5jdGlvbihncmVldGluZykge1xuICAgICAqICAgICByZXR1cm4gZ3JlZXRpbmcgKyAnICcgKyB0aGlzLm5hbWU7XG4gICAgICogICB9XG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIHZhciBmdW5jID0gXy5iaW5kS2V5KG9iamVjdCwgJ2dyZWV0JywgJ2hpJyk7XG4gICAgICogZnVuYygpO1xuICAgICAqIC8vID0+ICdoaSBmcmVkJ1xuICAgICAqXG4gICAgICogb2JqZWN0LmdyZWV0ID0gZnVuY3Rpb24oZ3JlZXRpbmcpIHtcbiAgICAgKiAgIHJldHVybiBncmVldGluZyArICd5YSAnICsgdGhpcy5uYW1lICsgJyEnO1xuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBmdW5jKCk7XG4gICAgICogLy8gPT4gJ2hpeWEgZnJlZCEnXG4gICAgICovXG4gICAgZnVuY3Rpb24gYmluZEtleShvYmplY3QsIGtleSkge1xuICAgICAgcmV0dXJuIGFyZ3VtZW50cy5sZW5ndGggPiAyXG4gICAgICAgID8gY3JlYXRlV3JhcHBlcihrZXksIDE5LCBzbGljZShhcmd1bWVudHMsIDIpLCBudWxsLCBvYmplY3QpXG4gICAgICAgIDogY3JlYXRlV3JhcHBlcihrZXksIDMsIG51bGwsIG51bGwsIG9iamVjdCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIGZ1bmN0aW9uIHRoYXQgaXMgdGhlIGNvbXBvc2l0aW9uIG9mIHRoZSBwcm92aWRlZCBmdW5jdGlvbnMsXG4gICAgICogd2hlcmUgZWFjaCBmdW5jdGlvbiBjb25zdW1lcyB0aGUgcmV0dXJuIHZhbHVlIG9mIHRoZSBmdW5jdGlvbiB0aGF0IGZvbGxvd3MuXG4gICAgICogRm9yIGV4YW1wbGUsIGNvbXBvc2luZyB0aGUgZnVuY3Rpb25zIGBmKClgLCBgZygpYCwgYW5kIGBoKClgIHByb2R1Y2VzIGBmKGcoaCgpKSlgLlxuICAgICAqIEVhY2ggZnVuY3Rpb24gaXMgZXhlY3V0ZWQgd2l0aCB0aGUgYHRoaXNgIGJpbmRpbmcgb2YgdGhlIGNvbXBvc2VkIGZ1bmN0aW9uLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7Li4uRnVuY3Rpb259IFtmdW5jXSBGdW5jdGlvbnMgdG8gY29tcG9zZS5cbiAgICAgKiBAcmV0dXJucyB7RnVuY3Rpb259IFJldHVybnMgdGhlIG5ldyBjb21wb3NlZCBmdW5jdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIHJlYWxOYW1lTWFwID0ge1xuICAgICAqICAgJ3BlYmJsZXMnOiAncGVuZWxvcGUnXG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIHZhciBmb3JtYXQgPSBmdW5jdGlvbihuYW1lKSB7XG4gICAgICogICBuYW1lID0gcmVhbE5hbWVNYXBbbmFtZS50b0xvd2VyQ2FzZSgpXSB8fCBuYW1lO1xuICAgICAqICAgcmV0dXJuIG5hbWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyBuYW1lLnNsaWNlKDEpLnRvTG93ZXJDYXNlKCk7XG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIHZhciBncmVldCA9IGZ1bmN0aW9uKGZvcm1hdHRlZCkge1xuICAgICAqICAgcmV0dXJuICdIaXlhICcgKyBmb3JtYXR0ZWQgKyAnISc7XG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIHZhciB3ZWxjb21lID0gXy5jb21wb3NlKGdyZWV0LCBmb3JtYXQpO1xuICAgICAqIHdlbGNvbWUoJ3BlYmJsZXMnKTtcbiAgICAgKiAvLyA9PiAnSGl5YSBQZW5lbG9wZSEnXG4gICAgICovXG4gICAgZnVuY3Rpb24gY29tcG9zZSgpIHtcbiAgICAgIHZhciBmdW5jcyA9IGFyZ3VtZW50cyxcbiAgICAgICAgICBsZW5ndGggPSBmdW5jcy5sZW5ndGg7XG5cbiAgICAgIHdoaWxlIChsZW5ndGgtLSkge1xuICAgICAgICBpZiAoIWlzRnVuY3Rpb24oZnVuY3NbbGVuZ3RoXSkpIHtcbiAgICAgICAgICB0aHJvdyBuZXcgVHlwZUVycm9yO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gZnVuY3Rpb24oKSB7XG4gICAgICAgIHZhciBhcmdzID0gYXJndW1lbnRzLFxuICAgICAgICAgICAgbGVuZ3RoID0gZnVuY3MubGVuZ3RoO1xuXG4gICAgICAgIHdoaWxlIChsZW5ndGgtLSkge1xuICAgICAgICAgIGFyZ3MgPSBbZnVuY3NbbGVuZ3RoXS5hcHBseSh0aGlzLCBhcmdzKV07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGFyZ3NbMF07XG4gICAgICB9O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBmdW5jdGlvbiB3aGljaCBhY2NlcHRzIG9uZSBvciBtb3JlIGFyZ3VtZW50cyBvZiBgZnVuY2AgdGhhdCB3aGVuXG4gICAgICogaW52b2tlZCBlaXRoZXIgZXhlY3V0ZXMgYGZ1bmNgIHJldHVybmluZyBpdHMgcmVzdWx0LCBpZiBhbGwgYGZ1bmNgIGFyZ3VtZW50c1xuICAgICAqIGhhdmUgYmVlbiBwcm92aWRlZCwgb3IgcmV0dXJucyBhIGZ1bmN0aW9uIHRoYXQgYWNjZXB0cyBvbmUgb3IgbW9yZSBvZiB0aGVcbiAgICAgKiByZW1haW5pbmcgYGZ1bmNgIGFyZ3VtZW50cywgYW5kIHNvIG9uLiBUaGUgYXJpdHkgb2YgYGZ1bmNgIGNhbiBiZSBzcGVjaWZpZWRcbiAgICAgKiBpZiBgZnVuYy5sZW5ndGhgIGlzIG5vdCBzdWZmaWNpZW50LlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IGZ1bmMgVGhlIGZ1bmN0aW9uIHRvIGN1cnJ5LlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbYXJpdHk9ZnVuYy5sZW5ndGhdIFRoZSBhcml0eSBvZiBgZnVuY2AuXG4gICAgICogQHJldHVybnMge0Z1bmN0aW9ufSBSZXR1cm5zIHRoZSBuZXcgY3VycmllZCBmdW5jdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGN1cnJpZWQgPSBfLmN1cnJ5KGZ1bmN0aW9uKGEsIGIsIGMpIHtcbiAgICAgKiAgIGNvbnNvbGUubG9nKGEgKyBiICsgYyk7XG4gICAgICogfSk7XG4gICAgICpcbiAgICAgKiBjdXJyaWVkKDEpKDIpKDMpO1xuICAgICAqIC8vID0+IDZcbiAgICAgKlxuICAgICAqIGN1cnJpZWQoMSwgMikoMyk7XG4gICAgICogLy8gPT4gNlxuICAgICAqXG4gICAgICogY3VycmllZCgxLCAyLCAzKTtcbiAgICAgKiAvLyA9PiA2XG4gICAgICovXG4gICAgZnVuY3Rpb24gY3VycnkoZnVuYywgYXJpdHkpIHtcbiAgICAgIGFyaXR5ID0gdHlwZW9mIGFyaXR5ID09ICdudW1iZXInID8gYXJpdHkgOiAoK2FyaXR5IHx8IGZ1bmMubGVuZ3RoKTtcbiAgICAgIHJldHVybiBjcmVhdGVXcmFwcGVyKGZ1bmMsIDQsIG51bGwsIG51bGwsIG51bGwsIGFyaXR5KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgZnVuY3Rpb24gdGhhdCB3aWxsIGRlbGF5IHRoZSBleGVjdXRpb24gb2YgYGZ1bmNgIHVudGlsIGFmdGVyXG4gICAgICogYHdhaXRgIG1pbGxpc2Vjb25kcyBoYXZlIGVsYXBzZWQgc2luY2UgdGhlIGxhc3QgdGltZSBpdCB3YXMgaW52b2tlZC5cbiAgICAgKiBQcm92aWRlIGFuIG9wdGlvbnMgb2JqZWN0IHRvIGluZGljYXRlIHRoYXQgYGZ1bmNgIHNob3VsZCBiZSBpbnZva2VkIG9uXG4gICAgICogdGhlIGxlYWRpbmcgYW5kL29yIHRyYWlsaW5nIGVkZ2Ugb2YgdGhlIGB3YWl0YCB0aW1lb3V0LiBTdWJzZXF1ZW50IGNhbGxzXG4gICAgICogdG8gdGhlIGRlYm91bmNlZCBmdW5jdGlvbiB3aWxsIHJldHVybiB0aGUgcmVzdWx0IG9mIHRoZSBsYXN0IGBmdW5jYCBjYWxsLlxuICAgICAqXG4gICAgICogTm90ZTogSWYgYGxlYWRpbmdgIGFuZCBgdHJhaWxpbmdgIG9wdGlvbnMgYXJlIGB0cnVlYCBgZnVuY2Agd2lsbCBiZSBjYWxsZWRcbiAgICAgKiBvbiB0aGUgdHJhaWxpbmcgZWRnZSBvZiB0aGUgdGltZW91dCBvbmx5IGlmIHRoZSB0aGUgZGVib3VuY2VkIGZ1bmN0aW9uIGlzXG4gICAgICogaW52b2tlZCBtb3JlIHRoYW4gb25jZSBkdXJpbmcgdGhlIGB3YWl0YCB0aW1lb3V0LlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IGZ1bmMgVGhlIGZ1bmN0aW9uIHRvIGRlYm91bmNlLlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSB3YWl0IFRoZSBudW1iZXIgb2YgbWlsbGlzZWNvbmRzIHRvIGRlbGF5LlxuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBbb3B0aW9uc10gVGhlIG9wdGlvbnMgb2JqZWN0LlxuICAgICAqIEBwYXJhbSB7Ym9vbGVhbn0gW29wdGlvbnMubGVhZGluZz1mYWxzZV0gU3BlY2lmeSBleGVjdXRpb24gb24gdGhlIGxlYWRpbmcgZWRnZSBvZiB0aGUgdGltZW91dC5cbiAgICAgKiBAcGFyYW0ge251bWJlcn0gW29wdGlvbnMubWF4V2FpdF0gVGhlIG1heGltdW0gdGltZSBgZnVuY2AgaXMgYWxsb3dlZCB0byBiZSBkZWxheWVkIGJlZm9yZSBpdCdzIGNhbGxlZC5cbiAgICAgKiBAcGFyYW0ge2Jvb2xlYW59IFtvcHRpb25zLnRyYWlsaW5nPXRydWVdIFNwZWNpZnkgZXhlY3V0aW9uIG9uIHRoZSB0cmFpbGluZyBlZGdlIG9mIHRoZSB0aW1lb3V0LlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IGRlYm91bmNlZCBmdW5jdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogLy8gYXZvaWQgY29zdGx5IGNhbGN1bGF0aW9ucyB3aGlsZSB0aGUgd2luZG93IHNpemUgaXMgaW4gZmx1eFxuICAgICAqIHZhciBsYXp5TGF5b3V0ID0gXy5kZWJvdW5jZShjYWxjdWxhdGVMYXlvdXQsIDE1MCk7XG4gICAgICogalF1ZXJ5KHdpbmRvdykub24oJ3Jlc2l6ZScsIGxhenlMYXlvdXQpO1xuICAgICAqXG4gICAgICogLy8gZXhlY3V0ZSBgc2VuZE1haWxgIHdoZW4gdGhlIGNsaWNrIGV2ZW50IGlzIGZpcmVkLCBkZWJvdW5jaW5nIHN1YnNlcXVlbnQgY2FsbHNcbiAgICAgKiBqUXVlcnkoJyNwb3N0Ym94Jykub24oJ2NsaWNrJywgXy5kZWJvdW5jZShzZW5kTWFpbCwgMzAwLCB7XG4gICAgICogICAnbGVhZGluZyc6IHRydWUsXG4gICAgICogICAndHJhaWxpbmcnOiBmYWxzZVxuICAgICAqIH0pO1xuICAgICAqXG4gICAgICogLy8gZW5zdXJlIGBiYXRjaExvZ2AgaXMgZXhlY3V0ZWQgb25jZSBhZnRlciAxIHNlY29uZCBvZiBkZWJvdW5jZWQgY2FsbHNcbiAgICAgKiB2YXIgc291cmNlID0gbmV3IEV2ZW50U291cmNlKCcvc3RyZWFtJyk7XG4gICAgICogc291cmNlLmFkZEV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCBfLmRlYm91bmNlKGJhdGNoTG9nLCAyNTAsIHtcbiAgICAgKiAgICdtYXhXYWl0JzogMTAwMFxuICAgICAqIH0sIGZhbHNlKTtcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBkZWJvdW5jZShmdW5jLCB3YWl0LCBvcHRpb25zKSB7XG4gICAgICB2YXIgYXJncyxcbiAgICAgICAgICBtYXhUaW1lb3V0SWQsXG4gICAgICAgICAgcmVzdWx0LFxuICAgICAgICAgIHN0YW1wLFxuICAgICAgICAgIHRoaXNBcmcsXG4gICAgICAgICAgdGltZW91dElkLFxuICAgICAgICAgIHRyYWlsaW5nQ2FsbCxcbiAgICAgICAgICBsYXN0Q2FsbGVkID0gMCxcbiAgICAgICAgICBtYXhXYWl0ID0gZmFsc2UsXG4gICAgICAgICAgdHJhaWxpbmcgPSB0cnVlO1xuXG4gICAgICBpZiAoIWlzRnVuY3Rpb24oZnVuYykpIHtcbiAgICAgICAgdGhyb3cgbmV3IFR5cGVFcnJvcjtcbiAgICAgIH1cbiAgICAgIHdhaXQgPSBuYXRpdmVNYXgoMCwgd2FpdCkgfHwgMDtcbiAgICAgIGlmIChvcHRpb25zID09PSB0cnVlKSB7XG4gICAgICAgIHZhciBsZWFkaW5nID0gdHJ1ZTtcbiAgICAgICAgdHJhaWxpbmcgPSBmYWxzZTtcbiAgICAgIH0gZWxzZSBpZiAoaXNPYmplY3Qob3B0aW9ucykpIHtcbiAgICAgICAgbGVhZGluZyA9IG9wdGlvbnMubGVhZGluZztcbiAgICAgICAgbWF4V2FpdCA9ICdtYXhXYWl0JyBpbiBvcHRpb25zICYmIChuYXRpdmVNYXgod2FpdCwgb3B0aW9ucy5tYXhXYWl0KSB8fCAwKTtcbiAgICAgICAgdHJhaWxpbmcgPSAndHJhaWxpbmcnIGluIG9wdGlvbnMgPyBvcHRpb25zLnRyYWlsaW5nIDogdHJhaWxpbmc7XG4gICAgICB9XG4gICAgICB2YXIgZGVsYXllZCA9IGZ1bmN0aW9uKCkge1xuICAgICAgICB2YXIgcmVtYWluaW5nID0gd2FpdCAtIChub3coKSAtIHN0YW1wKTtcbiAgICAgICAgaWYgKHJlbWFpbmluZyA8PSAwKSB7XG4gICAgICAgICAgaWYgKG1heFRpbWVvdXRJZCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KG1heFRpbWVvdXRJZCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHZhciBpc0NhbGxlZCA9IHRyYWlsaW5nQ2FsbDtcbiAgICAgICAgICBtYXhUaW1lb3V0SWQgPSB0aW1lb3V0SWQgPSB0cmFpbGluZ0NhbGwgPSB1bmRlZmluZWQ7XG4gICAgICAgICAgaWYgKGlzQ2FsbGVkKSB7XG4gICAgICAgICAgICBsYXN0Q2FsbGVkID0gbm93KCk7XG4gICAgICAgICAgICByZXN1bHQgPSBmdW5jLmFwcGx5KHRoaXNBcmcsIGFyZ3MpO1xuICAgICAgICAgICAgaWYgKCF0aW1lb3V0SWQgJiYgIW1heFRpbWVvdXRJZCkge1xuICAgICAgICAgICAgICBhcmdzID0gdGhpc0FyZyA9IG51bGw7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRpbWVvdXRJZCA9IHNldFRpbWVvdXQoZGVsYXllZCwgcmVtYWluaW5nKTtcbiAgICAgICAgfVxuICAgICAgfTtcblxuICAgICAgdmFyIG1heERlbGF5ZWQgPSBmdW5jdGlvbigpIHtcbiAgICAgICAgaWYgKHRpbWVvdXRJZCkge1xuICAgICAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0SWQpO1xuICAgICAgICB9XG4gICAgICAgIG1heFRpbWVvdXRJZCA9IHRpbWVvdXRJZCA9IHRyYWlsaW5nQ2FsbCA9IHVuZGVmaW5lZDtcbiAgICAgICAgaWYgKHRyYWlsaW5nIHx8IChtYXhXYWl0ICE9PSB3YWl0KSkge1xuICAgICAgICAgIGxhc3RDYWxsZWQgPSBub3coKTtcbiAgICAgICAgICByZXN1bHQgPSBmdW5jLmFwcGx5KHRoaXNBcmcsIGFyZ3MpO1xuICAgICAgICAgIGlmICghdGltZW91dElkICYmICFtYXhUaW1lb3V0SWQpIHtcbiAgICAgICAgICAgIGFyZ3MgPSB0aGlzQXJnID0gbnVsbDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH07XG5cbiAgICAgIHJldHVybiBmdW5jdGlvbigpIHtcbiAgICAgICAgYXJncyA9IGFyZ3VtZW50cztcbiAgICAgICAgc3RhbXAgPSBub3coKTtcbiAgICAgICAgdGhpc0FyZyA9IHRoaXM7XG4gICAgICAgIHRyYWlsaW5nQ2FsbCA9IHRyYWlsaW5nICYmICh0aW1lb3V0SWQgfHwgIWxlYWRpbmcpO1xuXG4gICAgICAgIGlmIChtYXhXYWl0ID09PSBmYWxzZSkge1xuICAgICAgICAgIHZhciBsZWFkaW5nQ2FsbCA9IGxlYWRpbmcgJiYgIXRpbWVvdXRJZDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBpZiAoIW1heFRpbWVvdXRJZCAmJiAhbGVhZGluZykge1xuICAgICAgICAgICAgbGFzdENhbGxlZCA9IHN0YW1wO1xuICAgICAgICAgIH1cbiAgICAgICAgICB2YXIgcmVtYWluaW5nID0gbWF4V2FpdCAtIChzdGFtcCAtIGxhc3RDYWxsZWQpLFxuICAgICAgICAgICAgICBpc0NhbGxlZCA9IHJlbWFpbmluZyA8PSAwO1xuXG4gICAgICAgICAgaWYgKGlzQ2FsbGVkKSB7XG4gICAgICAgICAgICBpZiAobWF4VGltZW91dElkKSB7XG4gICAgICAgICAgICAgIG1heFRpbWVvdXRJZCA9IGNsZWFyVGltZW91dChtYXhUaW1lb3V0SWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgbGFzdENhbGxlZCA9IHN0YW1wO1xuICAgICAgICAgICAgcmVzdWx0ID0gZnVuYy5hcHBseSh0aGlzQXJnLCBhcmdzKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgZWxzZSBpZiAoIW1heFRpbWVvdXRJZCkge1xuICAgICAgICAgICAgbWF4VGltZW91dElkID0gc2V0VGltZW91dChtYXhEZWxheWVkLCByZW1haW5pbmcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBpZiAoaXNDYWxsZWQgJiYgdGltZW91dElkKSB7XG4gICAgICAgICAgdGltZW91dElkID0gY2xlYXJUaW1lb3V0KHRpbWVvdXRJZCk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoIXRpbWVvdXRJZCAmJiB3YWl0ICE9PSBtYXhXYWl0KSB7XG4gICAgICAgICAgdGltZW91dElkID0gc2V0VGltZW91dChkZWxheWVkLCB3YWl0KTtcbiAgICAgICAgfVxuICAgICAgICBpZiAobGVhZGluZ0NhbGwpIHtcbiAgICAgICAgICBpc0NhbGxlZCA9IHRydWU7XG4gICAgICAgICAgcmVzdWx0ID0gZnVuYy5hcHBseSh0aGlzQXJnLCBhcmdzKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaXNDYWxsZWQgJiYgIXRpbWVvdXRJZCAmJiAhbWF4VGltZW91dElkKSB7XG4gICAgICAgICAgYXJncyA9IHRoaXNBcmcgPSBudWxsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICB9O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIERlZmVycyBleGVjdXRpbmcgdGhlIGBmdW5jYCBmdW5jdGlvbiB1bnRpbCB0aGUgY3VycmVudCBjYWxsIHN0YWNrIGhhcyBjbGVhcmVkLlxuICAgICAqIEFkZGl0aW9uYWwgYXJndW1lbnRzIHdpbGwgYmUgcHJvdmlkZWQgdG8gYGZ1bmNgIHdoZW4gaXQgaXMgaW52b2tlZC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBGdW5jdGlvbnNcbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBmdW5jIFRoZSBmdW5jdGlvbiB0byBkZWZlci5cbiAgICAgKiBAcGFyYW0gey4uLip9IFthcmddIEFyZ3VtZW50cyB0byBpbnZva2UgdGhlIGZ1bmN0aW9uIHdpdGguXG4gICAgICogQHJldHVybnMge251bWJlcn0gUmV0dXJucyB0aGUgdGltZXIgaWQuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8uZGVmZXIoZnVuY3Rpb24odGV4dCkgeyBjb25zb2xlLmxvZyh0ZXh0KTsgfSwgJ2RlZmVycmVkJyk7XG4gICAgICogLy8gbG9ncyAnZGVmZXJyZWQnIGFmdGVyIG9uZSBvciBtb3JlIG1pbGxpc2Vjb25kc1xuICAgICAqL1xuICAgIGZ1bmN0aW9uIGRlZmVyKGZ1bmMpIHtcbiAgICAgIGlmICghaXNGdW5jdGlvbihmdW5jKSkge1xuICAgICAgICB0aHJvdyBuZXcgVHlwZUVycm9yO1xuICAgICAgfVxuICAgICAgdmFyIGFyZ3MgPSBzbGljZShhcmd1bWVudHMsIDEpO1xuICAgICAgcmV0dXJuIHNldFRpbWVvdXQoZnVuY3Rpb24oKSB7IGZ1bmMuYXBwbHkodW5kZWZpbmVkLCBhcmdzKTsgfSwgMSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogRXhlY3V0ZXMgdGhlIGBmdW5jYCBmdW5jdGlvbiBhZnRlciBgd2FpdGAgbWlsbGlzZWNvbmRzLiBBZGRpdGlvbmFsIGFyZ3VtZW50c1xuICAgICAqIHdpbGwgYmUgcHJvdmlkZWQgdG8gYGZ1bmNgIHdoZW4gaXQgaXMgaW52b2tlZC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBGdW5jdGlvbnNcbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBmdW5jIFRoZSBmdW5jdGlvbiB0byBkZWxheS5cbiAgICAgKiBAcGFyYW0ge251bWJlcn0gd2FpdCBUaGUgbnVtYmVyIG9mIG1pbGxpc2Vjb25kcyB0byBkZWxheSBleGVjdXRpb24uXG4gICAgICogQHBhcmFtIHsuLi4qfSBbYXJnXSBBcmd1bWVudHMgdG8gaW52b2tlIHRoZSBmdW5jdGlvbiB3aXRoLlxuICAgICAqIEByZXR1cm5zIHtudW1iZXJ9IFJldHVybnMgdGhlIHRpbWVyIGlkLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmRlbGF5KGZ1bmN0aW9uKHRleHQpIHsgY29uc29sZS5sb2codGV4dCk7IH0sIDEwMDAsICdsYXRlcicpO1xuICAgICAqIC8vID0+IGxvZ3MgJ2xhdGVyJyBhZnRlciBvbmUgc2Vjb25kXG4gICAgICovXG4gICAgZnVuY3Rpb24gZGVsYXkoZnVuYywgd2FpdCkge1xuICAgICAgaWYgKCFpc0Z1bmN0aW9uKGZ1bmMpKSB7XG4gICAgICAgIHRocm93IG5ldyBUeXBlRXJyb3I7XG4gICAgICB9XG4gICAgICB2YXIgYXJncyA9IHNsaWNlKGFyZ3VtZW50cywgMik7XG4gICAgICByZXR1cm4gc2V0VGltZW91dChmdW5jdGlvbigpIHsgZnVuYy5hcHBseSh1bmRlZmluZWQsIGFyZ3MpOyB9LCB3YWl0KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgZnVuY3Rpb24gdGhhdCBtZW1vaXplcyB0aGUgcmVzdWx0IG9mIGBmdW5jYC4gSWYgYHJlc29sdmVyYCBpc1xuICAgICAqIHByb3ZpZGVkIGl0IHdpbGwgYmUgdXNlZCB0byBkZXRlcm1pbmUgdGhlIGNhY2hlIGtleSBmb3Igc3RvcmluZyB0aGUgcmVzdWx0XG4gICAgICogYmFzZWQgb24gdGhlIGFyZ3VtZW50cyBwcm92aWRlZCB0byB0aGUgbWVtb2l6ZWQgZnVuY3Rpb24uIEJ5IGRlZmF1bHQsIHRoZVxuICAgICAqIGZpcnN0IGFyZ3VtZW50IHByb3ZpZGVkIHRvIHRoZSBtZW1vaXplZCBmdW5jdGlvbiBpcyB1c2VkIGFzIHRoZSBjYWNoZSBrZXkuXG4gICAgICogVGhlIGBmdW5jYCBpcyBleGVjdXRlZCB3aXRoIHRoZSBgdGhpc2AgYmluZGluZyBvZiB0aGUgbWVtb2l6ZWQgZnVuY3Rpb24uXG4gICAgICogVGhlIHJlc3VsdCBjYWNoZSBpcyBleHBvc2VkIGFzIHRoZSBgY2FjaGVgIHByb3BlcnR5IG9uIHRoZSBtZW1vaXplZCBmdW5jdGlvbi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBGdW5jdGlvbnNcbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBmdW5jIFRoZSBmdW5jdGlvbiB0byBoYXZlIGl0cyBvdXRwdXQgbWVtb2l6ZWQuXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gW3Jlc29sdmVyXSBBIGZ1bmN0aW9uIHVzZWQgdG8gcmVzb2x2ZSB0aGUgY2FjaGUga2V5LlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IG1lbW9pemluZyBmdW5jdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGZpYm9uYWNjaSA9IF8ubWVtb2l6ZShmdW5jdGlvbihuKSB7XG4gICAgICogICByZXR1cm4gbiA8IDIgPyBuIDogZmlib25hY2NpKG4gLSAxKSArIGZpYm9uYWNjaShuIC0gMik7XG4gICAgICogfSk7XG4gICAgICpcbiAgICAgKiBmaWJvbmFjY2koOSlcbiAgICAgKiAvLyA9PiAzNFxuICAgICAqXG4gICAgICogdmFyIGRhdGEgPSB7XG4gICAgICogICAnZnJlZCc6IHsgJ25hbWUnOiAnZnJlZCcsICdhZ2UnOiA0MCB9LFxuICAgICAqICAgJ3BlYmJsZXMnOiB7ICduYW1lJzogJ3BlYmJsZXMnLCAnYWdlJzogMSB9XG4gICAgICogfTtcbiAgICAgKlxuICAgICAqIC8vIG1vZGlmeWluZyB0aGUgcmVzdWx0IGNhY2hlXG4gICAgICogdmFyIGdldCA9IF8ubWVtb2l6ZShmdW5jdGlvbihuYW1lKSB7IHJldHVybiBkYXRhW25hbWVdOyB9LCBfLmlkZW50aXR5KTtcbiAgICAgKiBnZXQoJ3BlYmJsZXMnKTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ3BlYmJsZXMnLCAnYWdlJzogMSB9XG4gICAgICpcbiAgICAgKiBnZXQuY2FjaGUucGViYmxlcy5uYW1lID0gJ3BlbmVsb3BlJztcbiAgICAgKiBnZXQoJ3BlYmJsZXMnKTtcbiAgICAgKiAvLyA9PiB7ICduYW1lJzogJ3BlbmVsb3BlJywgJ2FnZSc6IDEgfVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIG1lbW9pemUoZnVuYywgcmVzb2x2ZXIpIHtcbiAgICAgIGlmICghaXNGdW5jdGlvbihmdW5jKSkge1xuICAgICAgICB0aHJvdyBuZXcgVHlwZUVycm9yO1xuICAgICAgfVxuICAgICAgdmFyIG1lbW9pemVkID0gZnVuY3Rpb24oKSB7XG4gICAgICAgIHZhciBjYWNoZSA9IG1lbW9pemVkLmNhY2hlLFxuICAgICAgICAgICAga2V5ID0gcmVzb2x2ZXIgPyByZXNvbHZlci5hcHBseSh0aGlzLCBhcmd1bWVudHMpIDoga2V5UHJlZml4ICsgYXJndW1lbnRzWzBdO1xuXG4gICAgICAgIHJldHVybiBoYXNPd25Qcm9wZXJ0eS5jYWxsKGNhY2hlLCBrZXkpXG4gICAgICAgICAgPyBjYWNoZVtrZXldXG4gICAgICAgICAgOiAoY2FjaGVba2V5XSA9IGZ1bmMuYXBwbHkodGhpcywgYXJndW1lbnRzKSk7XG4gICAgICB9XG4gICAgICBtZW1vaXplZC5jYWNoZSA9IHt9O1xuICAgICAgcmV0dXJuIG1lbW9pemVkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBmdW5jdGlvbiB0aGF0IGlzIHJlc3RyaWN0ZWQgdG8gZXhlY3V0ZSBgZnVuY2Agb25jZS4gUmVwZWF0IGNhbGxzIHRvXG4gICAgICogdGhlIGZ1bmN0aW9uIHdpbGwgcmV0dXJuIHRoZSB2YWx1ZSBvZiB0aGUgZmlyc3QgY2FsbC4gVGhlIGBmdW5jYCBpcyBleGVjdXRlZFxuICAgICAqIHdpdGggdGhlIGB0aGlzYCBiaW5kaW5nIG9mIHRoZSBjcmVhdGVkIGZ1bmN0aW9uLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IGZ1bmMgVGhlIGZ1bmN0aW9uIHRvIHJlc3RyaWN0LlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IHJlc3RyaWN0ZWQgZnVuY3Rpb24uXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBpbml0aWFsaXplID0gXy5vbmNlKGNyZWF0ZUFwcGxpY2F0aW9uKTtcbiAgICAgKiBpbml0aWFsaXplKCk7XG4gICAgICogaW5pdGlhbGl6ZSgpO1xuICAgICAqIC8vIGBpbml0aWFsaXplYCBleGVjdXRlcyBgY3JlYXRlQXBwbGljYXRpb25gIG9uY2VcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBvbmNlKGZ1bmMpIHtcbiAgICAgIHZhciByYW4sXG4gICAgICAgICAgcmVzdWx0O1xuXG4gICAgICBpZiAoIWlzRnVuY3Rpb24oZnVuYykpIHtcbiAgICAgICAgdGhyb3cgbmV3IFR5cGVFcnJvcjtcbiAgICAgIH1cbiAgICAgIHJldHVybiBmdW5jdGlvbigpIHtcbiAgICAgICAgaWYgKHJhbikge1xuICAgICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICAgIH1cbiAgICAgICAgcmFuID0gdHJ1ZTtcbiAgICAgICAgcmVzdWx0ID0gZnVuYy5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xuXG4gICAgICAgIC8vIGNsZWFyIHRoZSBgZnVuY2AgdmFyaWFibGUgc28gdGhlIGZ1bmN0aW9uIG1heSBiZSBnYXJiYWdlIGNvbGxlY3RlZFxuICAgICAgICBmdW5jID0gbnVsbDtcbiAgICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICAgIH07XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIGZ1bmN0aW9uIHRoYXQsIHdoZW4gY2FsbGVkLCBpbnZva2VzIGBmdW5jYCB3aXRoIGFueSBhZGRpdGlvbmFsXG4gICAgICogYHBhcnRpYWxgIGFyZ3VtZW50cyBwcmVwZW5kZWQgdG8gdGhvc2UgcHJvdmlkZWQgdG8gdGhlIG5ldyBmdW5jdGlvbi4gVGhpc1xuICAgICAqIG1ldGhvZCBpcyBzaW1pbGFyIHRvIGBfLmJpbmRgIGV4Y2VwdCBpdCBkb2VzICoqbm90KiogYWx0ZXIgdGhlIGB0aGlzYCBiaW5kaW5nLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IGZ1bmMgVGhlIGZ1bmN0aW9uIHRvIHBhcnRpYWxseSBhcHBseSBhcmd1bWVudHMgdG8uXG4gICAgICogQHBhcmFtIHsuLi4qfSBbYXJnXSBBcmd1bWVudHMgdG8gYmUgcGFydGlhbGx5IGFwcGxpZWQuXG4gICAgICogQHJldHVybnMge0Z1bmN0aW9ufSBSZXR1cm5zIHRoZSBuZXcgcGFydGlhbGx5IGFwcGxpZWQgZnVuY3Rpb24uXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBncmVldCA9IGZ1bmN0aW9uKGdyZWV0aW5nLCBuYW1lKSB7IHJldHVybiBncmVldGluZyArICcgJyArIG5hbWU7IH07XG4gICAgICogdmFyIGhpID0gXy5wYXJ0aWFsKGdyZWV0LCAnaGknKTtcbiAgICAgKiBoaSgnZnJlZCcpO1xuICAgICAqIC8vID0+ICdoaSBmcmVkJ1xuICAgICAqL1xuICAgIGZ1bmN0aW9uIHBhcnRpYWwoZnVuYykge1xuICAgICAgcmV0dXJuIGNyZWF0ZVdyYXBwZXIoZnVuYywgMTYsIHNsaWNlKGFyZ3VtZW50cywgMSkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRoaXMgbWV0aG9kIGlzIGxpa2UgYF8ucGFydGlhbGAgZXhjZXB0IHRoYXQgYHBhcnRpYWxgIGFyZ3VtZW50cyBhcmVcbiAgICAgKiBhcHBlbmRlZCB0byB0aG9zZSBwcm92aWRlZCB0byB0aGUgbmV3IGZ1bmN0aW9uLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IEZ1bmN0aW9uc1xuICAgICAqIEBwYXJhbSB7RnVuY3Rpb259IGZ1bmMgVGhlIGZ1bmN0aW9uIHRvIHBhcnRpYWxseSBhcHBseSBhcmd1bWVudHMgdG8uXG4gICAgICogQHBhcmFtIHsuLi4qfSBbYXJnXSBBcmd1bWVudHMgdG8gYmUgcGFydGlhbGx5IGFwcGxpZWQuXG4gICAgICogQHJldHVybnMge0Z1bmN0aW9ufSBSZXR1cm5zIHRoZSBuZXcgcGFydGlhbGx5IGFwcGxpZWQgZnVuY3Rpb24uXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBkZWZhdWx0c0RlZXAgPSBfLnBhcnRpYWxSaWdodChfLm1lcmdlLCBfLmRlZmF1bHRzKTtcbiAgICAgKlxuICAgICAqIHZhciBvcHRpb25zID0ge1xuICAgICAqICAgJ3ZhcmlhYmxlJzogJ2RhdGEnLFxuICAgICAqICAgJ2ltcG9ydHMnOiB7ICdqcSc6ICQgfVxuICAgICAqIH07XG4gICAgICpcbiAgICAgKiBkZWZhdWx0c0RlZXAob3B0aW9ucywgXy50ZW1wbGF0ZVNldHRpbmdzKTtcbiAgICAgKlxuICAgICAqIG9wdGlvbnMudmFyaWFibGVcbiAgICAgKiAvLyA9PiAnZGF0YSdcbiAgICAgKlxuICAgICAqIG9wdGlvbnMuaW1wb3J0c1xuICAgICAqIC8vID0+IHsgJ18nOiBfLCAnanEnOiAkIH1cbiAgICAgKi9cbiAgICBmdW5jdGlvbiBwYXJ0aWFsUmlnaHQoZnVuYykge1xuICAgICAgcmV0dXJuIGNyZWF0ZVdyYXBwZXIoZnVuYywgMzIsIG51bGwsIHNsaWNlKGFyZ3VtZW50cywgMSkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBmdW5jdGlvbiB0aGF0LCB3aGVuIGV4ZWN1dGVkLCB3aWxsIG9ubHkgY2FsbCB0aGUgYGZ1bmNgIGZ1bmN0aW9uXG4gICAgICogYXQgbW9zdCBvbmNlIHBlciBldmVyeSBgd2FpdGAgbWlsbGlzZWNvbmRzLiBQcm92aWRlIGFuIG9wdGlvbnMgb2JqZWN0IHRvXG4gICAgICogaW5kaWNhdGUgdGhhdCBgZnVuY2Agc2hvdWxkIGJlIGludm9rZWQgb24gdGhlIGxlYWRpbmcgYW5kL29yIHRyYWlsaW5nIGVkZ2VcbiAgICAgKiBvZiB0aGUgYHdhaXRgIHRpbWVvdXQuIFN1YnNlcXVlbnQgY2FsbHMgdG8gdGhlIHRocm90dGxlZCBmdW5jdGlvbiB3aWxsXG4gICAgICogcmV0dXJuIHRoZSByZXN1bHQgb2YgdGhlIGxhc3QgYGZ1bmNgIGNhbGwuXG4gICAgICpcbiAgICAgKiBOb3RlOiBJZiBgbGVhZGluZ2AgYW5kIGB0cmFpbGluZ2Agb3B0aW9ucyBhcmUgYHRydWVgIGBmdW5jYCB3aWxsIGJlIGNhbGxlZFxuICAgICAqIG9uIHRoZSB0cmFpbGluZyBlZGdlIG9mIHRoZSB0aW1lb3V0IG9ubHkgaWYgdGhlIHRoZSB0aHJvdHRsZWQgZnVuY3Rpb24gaXNcbiAgICAgKiBpbnZva2VkIG1vcmUgdGhhbiBvbmNlIGR1cmluZyB0aGUgYHdhaXRgIHRpbWVvdXQuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgRnVuY3Rpb25zXG4gICAgICogQHBhcmFtIHtGdW5jdGlvbn0gZnVuYyBUaGUgZnVuY3Rpb24gdG8gdGhyb3R0bGUuXG4gICAgICogQHBhcmFtIHtudW1iZXJ9IHdhaXQgVGhlIG51bWJlciBvZiBtaWxsaXNlY29uZHMgdG8gdGhyb3R0bGUgZXhlY3V0aW9ucyB0by5cbiAgICAgKiBAcGFyYW0ge09iamVjdH0gW29wdGlvbnNdIFRoZSBvcHRpb25zIG9iamVjdC5cbiAgICAgKiBAcGFyYW0ge2Jvb2xlYW59IFtvcHRpb25zLmxlYWRpbmc9dHJ1ZV0gU3BlY2lmeSBleGVjdXRpb24gb24gdGhlIGxlYWRpbmcgZWRnZSBvZiB0aGUgdGltZW91dC5cbiAgICAgKiBAcGFyYW0ge2Jvb2xlYW59IFtvcHRpb25zLnRyYWlsaW5nPXRydWVdIFNwZWNpZnkgZXhlY3V0aW9uIG9uIHRoZSB0cmFpbGluZyBlZGdlIG9mIHRoZSB0aW1lb3V0LlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IHRocm90dGxlZCBmdW5jdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogLy8gYXZvaWQgZXhjZXNzaXZlbHkgdXBkYXRpbmcgdGhlIHBvc2l0aW9uIHdoaWxlIHNjcm9sbGluZ1xuICAgICAqIHZhciB0aHJvdHRsZWQgPSBfLnRocm90dGxlKHVwZGF0ZVBvc2l0aW9uLCAxMDApO1xuICAgICAqIGpRdWVyeSh3aW5kb3cpLm9uKCdzY3JvbGwnLCB0aHJvdHRsZWQpO1xuICAgICAqXG4gICAgICogLy8gZXhlY3V0ZSBgcmVuZXdUb2tlbmAgd2hlbiB0aGUgY2xpY2sgZXZlbnQgaXMgZmlyZWQsIGJ1dCBub3QgbW9yZSB0aGFuIG9uY2UgZXZlcnkgNSBtaW51dGVzXG4gICAgICogalF1ZXJ5KCcuaW50ZXJhY3RpdmUnKS5vbignY2xpY2snLCBfLnRocm90dGxlKHJlbmV3VG9rZW4sIDMwMDAwMCwge1xuICAgICAqICAgJ3RyYWlsaW5nJzogZmFsc2VcbiAgICAgKiB9KSk7XG4gICAgICovXG4gICAgZnVuY3Rpb24gdGhyb3R0bGUoZnVuYywgd2FpdCwgb3B0aW9ucykge1xuICAgICAgdmFyIGxlYWRpbmcgPSB0cnVlLFxuICAgICAgICAgIHRyYWlsaW5nID0gdHJ1ZTtcblxuICAgICAgaWYgKCFpc0Z1bmN0aW9uKGZ1bmMpKSB7XG4gICAgICAgIHRocm93IG5ldyBUeXBlRXJyb3I7XG4gICAgICB9XG4gICAgICBpZiAob3B0aW9ucyA9PT0gZmFsc2UpIHtcbiAgICAgICAgbGVhZGluZyA9IGZhbHNlO1xuICAgICAgfSBlbHNlIGlmIChpc09iamVjdChvcHRpb25zKSkge1xuICAgICAgICBsZWFkaW5nID0gJ2xlYWRpbmcnIGluIG9wdGlvbnMgPyBvcHRpb25zLmxlYWRpbmcgOiBsZWFkaW5nO1xuICAgICAgICB0cmFpbGluZyA9ICd0cmFpbGluZycgaW4gb3B0aW9ucyA/IG9wdGlvbnMudHJhaWxpbmcgOiB0cmFpbGluZztcbiAgICAgIH1cbiAgICAgIGRlYm91bmNlT3B0aW9ucy5sZWFkaW5nID0gbGVhZGluZztcbiAgICAgIGRlYm91bmNlT3B0aW9ucy5tYXhXYWl0ID0gd2FpdDtcbiAgICAgIGRlYm91bmNlT3B0aW9ucy50cmFpbGluZyA9IHRyYWlsaW5nO1xuXG4gICAgICByZXR1cm4gZGVib3VuY2UoZnVuYywgd2FpdCwgZGVib3VuY2VPcHRpb25zKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDcmVhdGVzIGEgZnVuY3Rpb24gdGhhdCBwcm92aWRlcyBgdmFsdWVgIHRvIHRoZSB3cmFwcGVyIGZ1bmN0aW9uIGFzIGl0c1xuICAgICAqIGZpcnN0IGFyZ3VtZW50LiBBZGRpdGlvbmFsIGFyZ3VtZW50cyBwcm92aWRlZCB0byB0aGUgZnVuY3Rpb24gYXJlIGFwcGVuZGVkXG4gICAgICogdG8gdGhvc2UgcHJvdmlkZWQgdG8gdGhlIHdyYXBwZXIgZnVuY3Rpb24uIFRoZSB3cmFwcGVyIGlzIGV4ZWN1dGVkIHdpdGhcbiAgICAgKiB0aGUgYHRoaXNgIGJpbmRpbmcgb2YgdGhlIGNyZWF0ZWQgZnVuY3Rpb24uXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgRnVuY3Rpb25zXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBUaGUgdmFsdWUgdG8gd3JhcC5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSB3cmFwcGVyIFRoZSB3cmFwcGVyIGZ1bmN0aW9uLlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IGZ1bmN0aW9uLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgcCA9IF8ud3JhcChfLmVzY2FwZSwgZnVuY3Rpb24oZnVuYywgdGV4dCkge1xuICAgICAqICAgcmV0dXJuICc8cD4nICsgZnVuYyh0ZXh0KSArICc8L3A+JztcbiAgICAgKiB9KTtcbiAgICAgKlxuICAgICAqIHAoJ0ZyZWQsIFdpbG1hLCAmIFBlYmJsZXMnKTtcbiAgICAgKiAvLyA9PiAnPHA+RnJlZCwgV2lsbWEsICZhbXA7IFBlYmJsZXM8L3A+J1xuICAgICAqL1xuICAgIGZ1bmN0aW9uIHdyYXAodmFsdWUsIHdyYXBwZXIpIHtcbiAgICAgIHJldHVybiBjcmVhdGVXcmFwcGVyKHdyYXBwZXIsIDE2LCBbdmFsdWVdKTtcbiAgICB9XG5cbiAgICAvKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBmdW5jdGlvbiB0aGF0IHJldHVybnMgYHZhbHVlYC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byByZXR1cm4gZnJvbSB0aGUgbmV3IGZ1bmN0aW9uLlxuICAgICAqIEByZXR1cm5zIHtGdW5jdGlvbn0gUmV0dXJucyB0aGUgbmV3IGZ1bmN0aW9uLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgb2JqZWN0ID0geyAnbmFtZSc6ICdmcmVkJyB9O1xuICAgICAqIHZhciBnZXR0ZXIgPSBfLmNvbnN0YW50KG9iamVjdCk7XG4gICAgICogZ2V0dGVyKCkgPT09IG9iamVjdDtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICovXG4gICAgZnVuY3Rpb24gY29uc3RhbnQodmFsdWUpIHtcbiAgICAgIHJldHVybiBmdW5jdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgICAgfTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBQcm9kdWNlcyBhIGNhbGxiYWNrIGJvdW5kIHRvIGFuIG9wdGlvbmFsIGB0aGlzQXJnYC4gSWYgYGZ1bmNgIGlzIGEgcHJvcGVydHlcbiAgICAgKiBuYW1lIHRoZSBjcmVhdGVkIGNhbGxiYWNrIHdpbGwgcmV0dXJuIHRoZSBwcm9wZXJ0eSB2YWx1ZSBmb3IgYSBnaXZlbiBlbGVtZW50LlxuICAgICAqIElmIGBmdW5jYCBpcyBhbiBvYmplY3QgdGhlIGNyZWF0ZWQgY2FsbGJhY2sgd2lsbCByZXR1cm4gYHRydWVgIGZvciBlbGVtZW50c1xuICAgICAqIHRoYXQgY29udGFpbiB0aGUgZXF1aXZhbGVudCBvYmplY3QgcHJvcGVydGllcywgb3RoZXJ3aXNlIGl0IHdpbGwgcmV0dXJuIGBmYWxzZWAuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgVXRpbGl0aWVzXG4gICAgICogQHBhcmFtIHsqfSBbZnVuYz1pZGVudGl0eV0gVGhlIHZhbHVlIHRvIGNvbnZlcnQgdG8gYSBjYWxsYmFjay5cbiAgICAgKiBAcGFyYW0geyp9IFt0aGlzQXJnXSBUaGUgYHRoaXNgIGJpbmRpbmcgb2YgdGhlIGNyZWF0ZWQgY2FsbGJhY2suXG4gICAgICogQHBhcmFtIHtudW1iZXJ9IFthcmdDb3VudF0gVGhlIG51bWJlciBvZiBhcmd1bWVudHMgdGhlIGNhbGxiYWNrIGFjY2VwdHMuXG4gICAgICogQHJldHVybnMge0Z1bmN0aW9ufSBSZXR1cm5zIGEgY2FsbGJhY2sgZnVuY3Rpb24uXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBjaGFyYWN0ZXJzID0gW1xuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYgfSxcbiAgICAgKiAgIHsgJ25hbWUnOiAnZnJlZCcsICAgJ2FnZSc6IDQwIH1cbiAgICAgKiBdO1xuICAgICAqXG4gICAgICogLy8gd3JhcCB0byBjcmVhdGUgY3VzdG9tIGNhbGxiYWNrIHNob3J0aGFuZHNcbiAgICAgKiBfLmNyZWF0ZUNhbGxiYWNrID0gXy53cmFwKF8uY3JlYXRlQ2FsbGJhY2ssIGZ1bmN0aW9uKGZ1bmMsIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICogICB2YXIgbWF0Y2ggPSAvXiguKz8pX18oW2dsXXQpKC4rKSQvLmV4ZWMoY2FsbGJhY2spO1xuICAgICAqICAgcmV0dXJuICFtYXRjaCA/IGZ1bmMoY2FsbGJhY2ssIHRoaXNBcmcpIDogZnVuY3Rpb24ob2JqZWN0KSB7XG4gICAgICogICAgIHJldHVybiBtYXRjaFsyXSA9PSAnZ3QnID8gb2JqZWN0W21hdGNoWzFdXSA+IG1hdGNoWzNdIDogb2JqZWN0W21hdGNoWzFdXSA8IG1hdGNoWzNdO1xuICAgICAqICAgfTtcbiAgICAgKiB9KTtcbiAgICAgKlxuICAgICAqIF8uZmlsdGVyKGNoYXJhY3RlcnMsICdhZ2VfX2d0MzgnKTtcbiAgICAgKiAvLyA9PiBbeyAnbmFtZSc6ICdmcmVkJywgJ2FnZSc6IDQwIH1dXG4gICAgICovXG4gICAgZnVuY3Rpb24gY3JlYXRlQ2FsbGJhY2soZnVuYywgdGhpc0FyZywgYXJnQ291bnQpIHtcbiAgICAgIHZhciB0eXBlID0gdHlwZW9mIGZ1bmM7XG4gICAgICBpZiAoZnVuYyA9PSBudWxsIHx8IHR5cGUgPT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICByZXR1cm4gYmFzZUNyZWF0ZUNhbGxiYWNrKGZ1bmMsIHRoaXNBcmcsIGFyZ0NvdW50KTtcbiAgICAgIH1cbiAgICAgIC8vIGhhbmRsZSBcIl8ucGx1Y2tcIiBzdHlsZSBjYWxsYmFjayBzaG9ydGhhbmRzXG4gICAgICBpZiAodHlwZSAhPSAnb2JqZWN0Jykge1xuICAgICAgICByZXR1cm4gcHJvcGVydHkoZnVuYyk7XG4gICAgICB9XG4gICAgICB2YXIgcHJvcHMgPSBrZXlzKGZ1bmMpLFxuICAgICAgICAgIGtleSA9IHByb3BzWzBdLFxuICAgICAgICAgIGEgPSBmdW5jW2tleV07XG5cbiAgICAgIC8vIGhhbmRsZSBcIl8ud2hlcmVcIiBzdHlsZSBjYWxsYmFjayBzaG9ydGhhbmRzXG4gICAgICBpZiAocHJvcHMubGVuZ3RoID09IDEgJiYgYSA9PT0gYSAmJiAhaXNPYmplY3QoYSkpIHtcbiAgICAgICAgLy8gZmFzdCBwYXRoIHRoZSBjb21tb24gY2FzZSBvZiBwcm92aWRpbmcgYW4gb2JqZWN0IHdpdGggYSBzaW5nbGVcbiAgICAgICAgLy8gcHJvcGVydHkgY29udGFpbmluZyBhIHByaW1pdGl2ZSB2YWx1ZVxuICAgICAgICByZXR1cm4gZnVuY3Rpb24ob2JqZWN0KSB7XG4gICAgICAgICAgdmFyIGIgPSBvYmplY3Rba2V5XTtcbiAgICAgICAgICByZXR1cm4gYSA9PT0gYiAmJiAoYSAhPT0gMCB8fCAoMSAvIGEgPT0gMSAvIGIpKTtcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBmdW5jdGlvbihvYmplY3QpIHtcbiAgICAgICAgdmFyIGxlbmd0aCA9IHByb3BzLmxlbmd0aCxcbiAgICAgICAgICAgIHJlc3VsdCA9IGZhbHNlO1xuXG4gICAgICAgIHdoaWxlIChsZW5ndGgtLSkge1xuICAgICAgICAgIGlmICghKHJlc3VsdCA9IGJhc2VJc0VxdWFsKG9iamVjdFtwcm9wc1tsZW5ndGhdXSwgZnVuY1twcm9wc1tsZW5ndGhdXSwgbnVsbCwgdHJ1ZSkpKSB7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICAgIH07XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ29udmVydHMgdGhlIGNoYXJhY3RlcnMgYCZgLCBgPGAsIGA+YCwgYFwiYCwgYW5kIGAnYCBpbiBgc3RyaW5nYCB0byB0aGVpclxuICAgICAqIGNvcnJlc3BvbmRpbmcgSFRNTCBlbnRpdGllcy5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICAgKiBAcGFyYW0ge3N0cmluZ30gc3RyaW5nIFRoZSBzdHJpbmcgdG8gZXNjYXBlLlxuICAgICAqIEByZXR1cm5zIHtzdHJpbmd9IFJldHVybnMgdGhlIGVzY2FwZWQgc3RyaW5nLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLmVzY2FwZSgnRnJlZCwgV2lsbWEsICYgUGViYmxlcycpO1xuICAgICAqIC8vID0+ICdGcmVkLCBXaWxtYSwgJmFtcDsgUGViYmxlcydcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBlc2NhcGUoc3RyaW5nKSB7XG4gICAgICByZXR1cm4gc3RyaW5nID09IG51bGwgPyAnJyA6IFN0cmluZyhzdHJpbmcpLnJlcGxhY2UocmVVbmVzY2FwZWRIdG1sLCBlc2NhcGVIdG1sQ2hhcik7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhpcyBtZXRob2QgcmV0dXJucyB0aGUgZmlyc3QgYXJndW1lbnQgcHJvdmlkZWQgdG8gaXQuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgVXRpbGl0aWVzXG4gICAgICogQHBhcmFtIHsqfSB2YWx1ZSBBbnkgdmFsdWUuXG4gICAgICogQHJldHVybnMgeyp9IFJldHVybnMgYHZhbHVlYC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIG9iamVjdCA9IHsgJ25hbWUnOiAnZnJlZCcgfTtcbiAgICAgKiBfLmlkZW50aXR5KG9iamVjdCkgPT09IG9iamVjdDtcbiAgICAgKiAvLyA9PiB0cnVlXG4gICAgICovXG4gICAgZnVuY3Rpb24gaWRlbnRpdHkodmFsdWUpIHtcbiAgICAgIHJldHVybiB2YWx1ZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBBZGRzIGZ1bmN0aW9uIHByb3BlcnRpZXMgb2YgYSBzb3VyY2Ugb2JqZWN0IHRvIHRoZSBkZXN0aW5hdGlvbiBvYmplY3QuXG4gICAgICogSWYgYG9iamVjdGAgaXMgYSBmdW5jdGlvbiBtZXRob2RzIHdpbGwgYmUgYWRkZWQgdG8gaXRzIHByb3RvdHlwZSBhcyB3ZWxsLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IFV0aWxpdGllc1xuICAgICAqIEBwYXJhbSB7RnVuY3Rpb258T2JqZWN0fSBbb2JqZWN0PWxvZGFzaF0gb2JqZWN0IFRoZSBkZXN0aW5hdGlvbiBvYmplY3QuXG4gICAgICogQHBhcmFtIHtPYmplY3R9IHNvdXJjZSBUaGUgb2JqZWN0IG9mIGZ1bmN0aW9ucyB0byBhZGQuXG4gICAgICogQHBhcmFtIHtPYmplY3R9IFtvcHRpb25zXSBUaGUgb3B0aW9ucyBvYmplY3QuXG4gICAgICogQHBhcmFtIHtib29sZWFufSBbb3B0aW9ucy5jaGFpbj10cnVlXSBTcGVjaWZ5IHdoZXRoZXIgdGhlIGZ1bmN0aW9ucyBhZGRlZCBhcmUgY2hhaW5hYmxlLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBmdW5jdGlvbiBjYXBpdGFsaXplKHN0cmluZykge1xuICAgICAqICAgcmV0dXJuIHN0cmluZy5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHN0cmluZy5zbGljZSgxKS50b0xvd2VyQ2FzZSgpO1xuICAgICAqIH1cbiAgICAgKlxuICAgICAqIF8ubWl4aW4oeyAnY2FwaXRhbGl6ZSc6IGNhcGl0YWxpemUgfSk7XG4gICAgICogXy5jYXBpdGFsaXplKCdmcmVkJyk7XG4gICAgICogLy8gPT4gJ0ZyZWQnXG4gICAgICpcbiAgICAgKiBfKCdmcmVkJykuY2FwaXRhbGl6ZSgpLnZhbHVlKCk7XG4gICAgICogLy8gPT4gJ0ZyZWQnXG4gICAgICpcbiAgICAgKiBfLm1peGluKHsgJ2NhcGl0YWxpemUnOiBjYXBpdGFsaXplIH0sIHsgJ2NoYWluJzogZmFsc2UgfSk7XG4gICAgICogXygnZnJlZCcpLmNhcGl0YWxpemUoKTtcbiAgICAgKiAvLyA9PiAnRnJlZCdcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBtaXhpbihvYmplY3QsIHNvdXJjZSwgb3B0aW9ucykge1xuICAgICAgdmFyIGNoYWluID0gdHJ1ZSxcbiAgICAgICAgICBtZXRob2ROYW1lcyA9IHNvdXJjZSAmJiBmdW5jdGlvbnMoc291cmNlKTtcblxuICAgICAgaWYgKCFzb3VyY2UgfHwgKCFvcHRpb25zICYmICFtZXRob2ROYW1lcy5sZW5ndGgpKSB7XG4gICAgICAgIGlmIChvcHRpb25zID09IG51bGwpIHtcbiAgICAgICAgICBvcHRpb25zID0gc291cmNlO1xuICAgICAgICB9XG4gICAgICAgIGN0b3IgPSBsb2Rhc2hXcmFwcGVyO1xuICAgICAgICBzb3VyY2UgPSBvYmplY3Q7XG4gICAgICAgIG9iamVjdCA9IGxvZGFzaDtcbiAgICAgICAgbWV0aG9kTmFtZXMgPSBmdW5jdGlvbnMoc291cmNlKTtcbiAgICAgIH1cbiAgICAgIGlmIChvcHRpb25zID09PSBmYWxzZSkge1xuICAgICAgICBjaGFpbiA9IGZhbHNlO1xuICAgICAgfSBlbHNlIGlmIChpc09iamVjdChvcHRpb25zKSAmJiAnY2hhaW4nIGluIG9wdGlvbnMpIHtcbiAgICAgICAgY2hhaW4gPSBvcHRpb25zLmNoYWluO1xuICAgICAgfVxuICAgICAgdmFyIGN0b3IgPSBvYmplY3QsXG4gICAgICAgICAgaXNGdW5jID0gaXNGdW5jdGlvbihjdG9yKTtcblxuICAgICAgZm9yRWFjaChtZXRob2ROYW1lcywgZnVuY3Rpb24obWV0aG9kTmFtZSkge1xuICAgICAgICB2YXIgZnVuYyA9IG9iamVjdFttZXRob2ROYW1lXSA9IHNvdXJjZVttZXRob2ROYW1lXTtcbiAgICAgICAgaWYgKGlzRnVuYykge1xuICAgICAgICAgIGN0b3IucHJvdG90eXBlW21ldGhvZE5hbWVdID0gZnVuY3Rpb24oKSB7XG4gICAgICAgICAgICB2YXIgY2hhaW5BbGwgPSB0aGlzLl9fY2hhaW5fXyxcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IHRoaXMuX193cmFwcGVkX18sXG4gICAgICAgICAgICAgICAgYXJncyA9IFt2YWx1ZV07XG5cbiAgICAgICAgICAgIHB1c2guYXBwbHkoYXJncywgYXJndW1lbnRzKTtcbiAgICAgICAgICAgIHZhciByZXN1bHQgPSBmdW5jLmFwcGx5KG9iamVjdCwgYXJncyk7XG4gICAgICAgICAgICBpZiAoY2hhaW4gfHwgY2hhaW5BbGwpIHtcbiAgICAgICAgICAgICAgaWYgKHZhbHVlID09PSByZXN1bHQgJiYgaXNPYmplY3QocmVzdWx0KSkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHJlc3VsdCA9IG5ldyBjdG9yKHJlc3VsdCk7XG4gICAgICAgICAgICAgIHJlc3VsdC5fX2NoYWluX18gPSBjaGFpbkFsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmV2ZXJ0cyB0aGUgJ18nIHZhcmlhYmxlIHRvIGl0cyBwcmV2aW91cyB2YWx1ZSBhbmQgcmV0dXJucyBhIHJlZmVyZW5jZSB0b1xuICAgICAqIHRoZSBgbG9kYXNoYCBmdW5jdGlvbi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICAgKiBAcmV0dXJucyB7RnVuY3Rpb259IFJldHVybnMgdGhlIGBsb2Rhc2hgIGZ1bmN0aW9uLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgbG9kYXNoID0gXy5ub0NvbmZsaWN0KCk7XG4gICAgICovXG4gICAgZnVuY3Rpb24gbm9Db25mbGljdCgpIHtcbiAgICAgIGNvbnRleHQuXyA9IG9sZERhc2g7XG4gICAgICByZXR1cm4gdGhpcztcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBBIG5vLW9wZXJhdGlvbiBmdW5jdGlvbi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIG9iamVjdCA9IHsgJ25hbWUnOiAnZnJlZCcgfTtcbiAgICAgKiBfLm5vb3Aob2JqZWN0KSA9PT0gdW5kZWZpbmVkO1xuICAgICAqIC8vID0+IHRydWVcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBub29wKCkge1xuICAgICAgLy8gbm8gb3BlcmF0aW9uIHBlcmZvcm1lZFxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEdldHMgdGhlIG51bWJlciBvZiBtaWxsaXNlY29uZHMgdGhhdCBoYXZlIGVsYXBzZWQgc2luY2UgdGhlIFVuaXggZXBvY2hcbiAgICAgKiAoMSBKYW51YXJ5IDE5NzAgMDA6MDA6MDAgVVRDKS5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIHN0YW1wID0gXy5ub3coKTtcbiAgICAgKiBfLmRlZmVyKGZ1bmN0aW9uKCkgeyBjb25zb2xlLmxvZyhfLm5vdygpIC0gc3RhbXApOyB9KTtcbiAgICAgKiAvLyA9PiBsb2dzIHRoZSBudW1iZXIgb2YgbWlsbGlzZWNvbmRzIGl0IHRvb2sgZm9yIHRoZSBkZWZlcnJlZCBmdW5jdGlvbiB0byBiZSBjYWxsZWRcbiAgICAgKi9cbiAgICB2YXIgbm93ID0gaXNOYXRpdmUobm93ID0gRGF0ZS5ub3cpICYmIG5vdyB8fCBmdW5jdGlvbigpIHtcbiAgICAgIHJldHVybiBuZXcgRGF0ZSgpLmdldFRpbWUoKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogQ29udmVydHMgdGhlIGdpdmVuIHZhbHVlIGludG8gYW4gaW50ZWdlciBvZiB0aGUgc3BlY2lmaWVkIHJhZGl4LlxuICAgICAqIElmIGByYWRpeGAgaXMgYHVuZGVmaW5lZGAgb3IgYDBgIGEgYHJhZGl4YCBvZiBgMTBgIGlzIHVzZWQgdW5sZXNzIHRoZVxuICAgICAqIGB2YWx1ZWAgaXMgYSBoZXhhZGVjaW1hbCwgaW4gd2hpY2ggY2FzZSBhIGByYWRpeGAgb2YgYDE2YCBpcyB1c2VkLlxuICAgICAqXG4gICAgICogTm90ZTogVGhpcyBtZXRob2QgYXZvaWRzIGRpZmZlcmVuY2VzIGluIG5hdGl2ZSBFUzMgYW5kIEVTNSBgcGFyc2VJbnRgXG4gICAgICogaW1wbGVtZW50YXRpb25zLiBTZWUgaHR0cDovL2VzNS5naXRodWIuaW8vI0UuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgVXRpbGl0aWVzXG4gICAgICogQHBhcmFtIHtzdHJpbmd9IHZhbHVlIFRoZSB2YWx1ZSB0byBwYXJzZS5cbiAgICAgKiBAcGFyYW0ge251bWJlcn0gW3JhZGl4XSBUaGUgcmFkaXggdXNlZCB0byBpbnRlcnByZXQgdGhlIHZhbHVlIHRvIHBhcnNlLlxuICAgICAqIEByZXR1cm5zIHtudW1iZXJ9IFJldHVybnMgdGhlIG5ldyBpbnRlZ2VyIHZhbHVlLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfLnBhcnNlSW50KCcwOCcpO1xuICAgICAqIC8vID0+IDhcbiAgICAgKi9cbiAgICB2YXIgcGFyc2VJbnQgPSBuYXRpdmVQYXJzZUludCh3aGl0ZXNwYWNlICsgJzA4JykgPT0gOCA/IG5hdGl2ZVBhcnNlSW50IDogZnVuY3Rpb24odmFsdWUsIHJhZGl4KSB7XG4gICAgICAvLyBGaXJlZm94IDwgMjEgYW5kIE9wZXJhIDwgMTUgZm9sbG93IHRoZSBFUzMgc3BlY2lmaWVkIGltcGxlbWVudGF0aW9uIG9mIGBwYXJzZUludGBcbiAgICAgIHJldHVybiBuYXRpdmVQYXJzZUludChpc1N0cmluZyh2YWx1ZSkgPyB2YWx1ZS5yZXBsYWNlKHJlTGVhZGluZ1NwYWNlc0FuZFplcm9zLCAnJykgOiB2YWx1ZSwgcmFkaXggfHwgMCk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENyZWF0ZXMgYSBcIl8ucGx1Y2tcIiBzdHlsZSBmdW5jdGlvbiwgd2hpY2ggcmV0dXJucyB0aGUgYGtleWAgdmFsdWUgb2YgYVxuICAgICAqIGdpdmVuIG9iamVjdC5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICAgKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBuYW1lIG9mIHRoZSBwcm9wZXJ0eSB0byByZXRyaWV2ZS5cbiAgICAgKiBAcmV0dXJucyB7RnVuY3Rpb259IFJldHVybnMgdGhlIG5ldyBmdW5jdGlvbi5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogdmFyIGNoYXJhY3RlcnMgPSBbXG4gICAgICogICB7ICduYW1lJzogJ2ZyZWQnLCAgICdhZ2UnOiA0MCB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYgfVxuICAgICAqIF07XG4gICAgICpcbiAgICAgKiB2YXIgZ2V0TmFtZSA9IF8ucHJvcGVydHkoJ25hbWUnKTtcbiAgICAgKlxuICAgICAqIF8ubWFwKGNoYXJhY3RlcnMsIGdldE5hbWUpO1xuICAgICAqIC8vID0+IFsnYmFybmV5JywgJ2ZyZWQnXVxuICAgICAqXG4gICAgICogXy5zb3J0QnkoY2hhcmFjdGVycywgZ2V0TmFtZSk7XG4gICAgICogLy8gPT4gW3sgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2IH0sIHsgJ25hbWUnOiAnZnJlZCcsICAgJ2FnZSc6IDQwIH1dXG4gICAgICovXG4gICAgZnVuY3Rpb24gcHJvcGVydHkoa2V5KSB7XG4gICAgICByZXR1cm4gZnVuY3Rpb24ob2JqZWN0KSB7XG4gICAgICAgIHJldHVybiBvYmplY3Rba2V5XTtcbiAgICAgIH07XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUHJvZHVjZXMgYSByYW5kb20gbnVtYmVyIGJldHdlZW4gYG1pbmAgYW5kIGBtYXhgIChpbmNsdXNpdmUpLiBJZiBvbmx5IG9uZVxuICAgICAqIGFyZ3VtZW50IGlzIHByb3ZpZGVkIGEgbnVtYmVyIGJldHdlZW4gYDBgIGFuZCB0aGUgZ2l2ZW4gbnVtYmVyIHdpbGwgYmVcbiAgICAgKiByZXR1cm5lZC4gSWYgYGZsb2F0aW5nYCBpcyB0cnVleSBvciBlaXRoZXIgYG1pbmAgb3IgYG1heGAgYXJlIGZsb2F0cyBhXG4gICAgICogZmxvYXRpbmctcG9pbnQgbnVtYmVyIHdpbGwgYmUgcmV0dXJuZWQgaW5zdGVhZCBvZiBhbiBpbnRlZ2VyLlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IFV0aWxpdGllc1xuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbbWluPTBdIFRoZSBtaW5pbXVtIHBvc3NpYmxlIHZhbHVlLlxuICAgICAqIEBwYXJhbSB7bnVtYmVyfSBbbWF4PTFdIFRoZSBtYXhpbXVtIHBvc3NpYmxlIHZhbHVlLlxuICAgICAqIEBwYXJhbSB7Ym9vbGVhbn0gW2Zsb2F0aW5nPWZhbHNlXSBTcGVjaWZ5IHJldHVybmluZyBhIGZsb2F0aW5nLXBvaW50IG51bWJlci5cbiAgICAgKiBAcmV0dXJucyB7bnVtYmVyfSBSZXR1cm5zIGEgcmFuZG9tIG51bWJlci5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy5yYW5kb20oMCwgNSk7XG4gICAgICogLy8gPT4gYW4gaW50ZWdlciBiZXR3ZWVuIDAgYW5kIDVcbiAgICAgKlxuICAgICAqIF8ucmFuZG9tKDUpO1xuICAgICAqIC8vID0+IGFsc28gYW4gaW50ZWdlciBiZXR3ZWVuIDAgYW5kIDVcbiAgICAgKlxuICAgICAqIF8ucmFuZG9tKDUsIHRydWUpO1xuICAgICAqIC8vID0+IGEgZmxvYXRpbmctcG9pbnQgbnVtYmVyIGJldHdlZW4gMCBhbmQgNVxuICAgICAqXG4gICAgICogXy5yYW5kb20oMS4yLCA1LjIpO1xuICAgICAqIC8vID0+IGEgZmxvYXRpbmctcG9pbnQgbnVtYmVyIGJldHdlZW4gMS4yIGFuZCA1LjJcbiAgICAgKi9cbiAgICBmdW5jdGlvbiByYW5kb20obWluLCBtYXgsIGZsb2F0aW5nKSB7XG4gICAgICB2YXIgbm9NaW4gPSBtaW4gPT0gbnVsbCxcbiAgICAgICAgICBub01heCA9IG1heCA9PSBudWxsO1xuXG4gICAgICBpZiAoZmxvYXRpbmcgPT0gbnVsbCkge1xuICAgICAgICBpZiAodHlwZW9mIG1pbiA9PSAnYm9vbGVhbicgJiYgbm9NYXgpIHtcbiAgICAgICAgICBmbG9hdGluZyA9IG1pbjtcbiAgICAgICAgICBtaW4gPSAxO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKCFub01heCAmJiB0eXBlb2YgbWF4ID09ICdib29sZWFuJykge1xuICAgICAgICAgIGZsb2F0aW5nID0gbWF4O1xuICAgICAgICAgIG5vTWF4ID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgaWYgKG5vTWluICYmIG5vTWF4KSB7XG4gICAgICAgIG1heCA9IDE7XG4gICAgICB9XG4gICAgICBtaW4gPSArbWluIHx8IDA7XG4gICAgICBpZiAobm9NYXgpIHtcbiAgICAgICAgbWF4ID0gbWluO1xuICAgICAgICBtaW4gPSAwO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbWF4ID0gK21heCB8fCAwO1xuICAgICAgfVxuICAgICAgaWYgKGZsb2F0aW5nIHx8IG1pbiAlIDEgfHwgbWF4ICUgMSkge1xuICAgICAgICB2YXIgcmFuZCA9IG5hdGl2ZVJhbmRvbSgpO1xuICAgICAgICByZXR1cm4gbmF0aXZlTWluKG1pbiArIChyYW5kICogKG1heCAtIG1pbiArIHBhcnNlRmxvYXQoJzFlLScgKyAoKHJhbmQgKycnKS5sZW5ndGggLSAxKSkpKSwgbWF4KTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBiYXNlUmFuZG9tKG1pbiwgbWF4KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXNvbHZlcyB0aGUgdmFsdWUgb2YgcHJvcGVydHkgYGtleWAgb24gYG9iamVjdGAuIElmIGBrZXlgIGlzIGEgZnVuY3Rpb25cbiAgICAgKiBpdCB3aWxsIGJlIGludm9rZWQgd2l0aCB0aGUgYHRoaXNgIGJpbmRpbmcgb2YgYG9iamVjdGAgYW5kIGl0cyByZXN1bHQgcmV0dXJuZWQsXG4gICAgICogZWxzZSB0aGUgcHJvcGVydHkgdmFsdWUgaXMgcmV0dXJuZWQuIElmIGBvYmplY3RgIGlzIGZhbHNleSB0aGVuIGB1bmRlZmluZWRgXG4gICAgICogaXMgcmV0dXJuZWQuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgVXRpbGl0aWVzXG4gICAgICogQHBhcmFtIHtPYmplY3R9IG9iamVjdCBUaGUgb2JqZWN0IHRvIGluc3BlY3QuXG4gICAgICogQHBhcmFtIHtzdHJpbmd9IGtleSBUaGUgbmFtZSBvZiB0aGUgcHJvcGVydHkgdG8gcmVzb2x2ZS5cbiAgICAgKiBAcmV0dXJucyB7Kn0gUmV0dXJucyB0aGUgcmVzb2x2ZWQgdmFsdWUuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBvYmplY3QgPSB7XG4gICAgICogICAnY2hlZXNlJzogJ2NydW1wZXRzJyxcbiAgICAgKiAgICdzdHVmZic6IGZ1bmN0aW9uKCkge1xuICAgICAqICAgICByZXR1cm4gJ25vbnNlbnNlJztcbiAgICAgKiAgIH1cbiAgICAgKiB9O1xuICAgICAqXG4gICAgICogXy5yZXN1bHQob2JqZWN0LCAnY2hlZXNlJyk7XG4gICAgICogLy8gPT4gJ2NydW1wZXRzJ1xuICAgICAqXG4gICAgICogXy5yZXN1bHQob2JqZWN0LCAnc3R1ZmYnKTtcbiAgICAgKiAvLyA9PiAnbm9uc2Vuc2UnXG4gICAgICovXG4gICAgZnVuY3Rpb24gcmVzdWx0KG9iamVjdCwga2V5KSB7XG4gICAgICBpZiAob2JqZWN0KSB7XG4gICAgICAgIHZhciB2YWx1ZSA9IG9iamVjdFtrZXldO1xuICAgICAgICByZXR1cm4gaXNGdW5jdGlvbih2YWx1ZSkgPyBvYmplY3Rba2V5XSgpIDogdmFsdWU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQSBtaWNyby10ZW1wbGF0aW5nIG1ldGhvZCB0aGF0IGhhbmRsZXMgYXJiaXRyYXJ5IGRlbGltaXRlcnMsIHByZXNlcnZlc1xuICAgICAqIHdoaXRlc3BhY2UsIGFuZCBjb3JyZWN0bHkgZXNjYXBlcyBxdW90ZXMgd2l0aGluIGludGVycG9sYXRlZCBjb2RlLlxuICAgICAqXG4gICAgICogTm90ZTogSW4gdGhlIGRldmVsb3BtZW50IGJ1aWxkLCBgXy50ZW1wbGF0ZWAgdXRpbGl6ZXMgc291cmNlVVJMcyBmb3IgZWFzaWVyXG4gICAgICogZGVidWdnaW5nLiBTZWUgaHR0cDovL3d3dy5odG1sNXJvY2tzLmNvbS9lbi90dXRvcmlhbHMvZGV2ZWxvcGVydG9vbHMvc291cmNlbWFwcy8jdG9jLXNvdXJjZXVybFxuICAgICAqXG4gICAgICogRm9yIG1vcmUgaW5mb3JtYXRpb24gb24gcHJlY29tcGlsaW5nIHRlbXBsYXRlcyBzZWU6XG4gICAgICogaHR0cHM6Ly9sb2Rhc2guY29tL2N1c3RvbS1idWlsZHNcbiAgICAgKlxuICAgICAqIEZvciBtb3JlIGluZm9ybWF0aW9uIG9uIENocm9tZSBleHRlbnNpb24gc2FuZGJveGVzIHNlZTpcbiAgICAgKiBodHRwOi8vZGV2ZWxvcGVyLmNocm9tZS5jb20vc3RhYmxlL2V4dGVuc2lvbnMvc2FuZGJveGluZ0V2YWwuaHRtbFxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IFV0aWxpdGllc1xuICAgICAqIEBwYXJhbSB7c3RyaW5nfSB0ZXh0IFRoZSB0ZW1wbGF0ZSB0ZXh0LlxuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBkYXRhIFRoZSBkYXRhIG9iamVjdCB1c2VkIHRvIHBvcHVsYXRlIHRoZSB0ZXh0LlxuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBbb3B0aW9uc10gVGhlIG9wdGlvbnMgb2JqZWN0LlxuICAgICAqIEBwYXJhbSB7UmVnRXhwfSBbb3B0aW9ucy5lc2NhcGVdIFRoZSBcImVzY2FwZVwiIGRlbGltaXRlci5cbiAgICAgKiBAcGFyYW0ge1JlZ0V4cH0gW29wdGlvbnMuZXZhbHVhdGVdIFRoZSBcImV2YWx1YXRlXCIgZGVsaW1pdGVyLlxuICAgICAqIEBwYXJhbSB7T2JqZWN0fSBbb3B0aW9ucy5pbXBvcnRzXSBBbiBvYmplY3QgdG8gaW1wb3J0IGludG8gdGhlIHRlbXBsYXRlIGFzIGxvY2FsIHZhcmlhYmxlcy5cbiAgICAgKiBAcGFyYW0ge1JlZ0V4cH0gW29wdGlvbnMuaW50ZXJwb2xhdGVdIFRoZSBcImludGVycG9sYXRlXCIgZGVsaW1pdGVyLlxuICAgICAqIEBwYXJhbSB7c3RyaW5nfSBbc291cmNlVVJMXSBUaGUgc291cmNlVVJMIG9mIHRoZSB0ZW1wbGF0ZSdzIGNvbXBpbGVkIHNvdXJjZS5cbiAgICAgKiBAcGFyYW0ge3N0cmluZ30gW3ZhcmlhYmxlXSBUaGUgZGF0YSBvYmplY3QgdmFyaWFibGUgbmFtZS5cbiAgICAgKiBAcmV0dXJucyB7RnVuY3Rpb258c3RyaW5nfSBSZXR1cm5zIGEgY29tcGlsZWQgZnVuY3Rpb24gd2hlbiBubyBgZGF0YWAgb2JqZWN0XG4gICAgICogIGlzIGdpdmVuLCBlbHNlIGl0IHJldHVybnMgdGhlIGludGVycG9sYXRlZCB0ZXh0LlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyB0aGUgXCJpbnRlcnBvbGF0ZVwiIGRlbGltaXRlciB0byBjcmVhdGUgYSBjb21waWxlZCB0ZW1wbGF0ZVxuICAgICAqIHZhciBjb21waWxlZCA9IF8udGVtcGxhdGUoJ2hlbGxvIDwlPSBuYW1lICU+Jyk7XG4gICAgICogY29tcGlsZWQoeyAnbmFtZSc6ICdmcmVkJyB9KTtcbiAgICAgKiAvLyA9PiAnaGVsbG8gZnJlZCdcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIHRoZSBcImVzY2FwZVwiIGRlbGltaXRlciB0byBlc2NhcGUgSFRNTCBpbiBkYXRhIHByb3BlcnR5IHZhbHVlc1xuICAgICAqIF8udGVtcGxhdGUoJzxiPjwlLSB2YWx1ZSAlPjwvYj4nLCB7ICd2YWx1ZSc6ICc8c2NyaXB0PicgfSk7XG4gICAgICogLy8gPT4gJzxiPiZsdDtzY3JpcHQmZ3Q7PC9iPidcbiAgICAgKlxuICAgICAqIC8vIHVzaW5nIHRoZSBcImV2YWx1YXRlXCIgZGVsaW1pdGVyIHRvIGdlbmVyYXRlIEhUTUxcbiAgICAgKiB2YXIgbGlzdCA9ICc8JSBfLmZvckVhY2gocGVvcGxlLCBmdW5jdGlvbihuYW1lKSB7ICU+PGxpPjwlLSBuYW1lICU+PC9saT48JSB9KTsgJT4nO1xuICAgICAqIF8udGVtcGxhdGUobGlzdCwgeyAncGVvcGxlJzogWydmcmVkJywgJ2Jhcm5leSddIH0pO1xuICAgICAqIC8vID0+ICc8bGk+ZnJlZDwvbGk+PGxpPmJhcm5leTwvbGk+J1xuICAgICAqXG4gICAgICogLy8gdXNpbmcgdGhlIEVTNiBkZWxpbWl0ZXIgYXMgYW4gYWx0ZXJuYXRpdmUgdG8gdGhlIGRlZmF1bHQgXCJpbnRlcnBvbGF0ZVwiIGRlbGltaXRlclxuICAgICAqIF8udGVtcGxhdGUoJ2hlbGxvICR7IG5hbWUgfScsIHsgJ25hbWUnOiAncGViYmxlcycgfSk7XG4gICAgICogLy8gPT4gJ2hlbGxvIHBlYmJsZXMnXG4gICAgICpcbiAgICAgKiAvLyB1c2luZyB0aGUgaW50ZXJuYWwgYHByaW50YCBmdW5jdGlvbiBpbiBcImV2YWx1YXRlXCIgZGVsaW1pdGVyc1xuICAgICAqIF8udGVtcGxhdGUoJzwlIHByaW50KFwiaGVsbG8gXCIgKyBuYW1lKTsgJT4hJywgeyAnbmFtZSc6ICdiYXJuZXknIH0pO1xuICAgICAqIC8vID0+ICdoZWxsbyBiYXJuZXkhJ1xuICAgICAqXG4gICAgICogLy8gdXNpbmcgYSBjdXN0b20gdGVtcGxhdGUgZGVsaW1pdGVyc1xuICAgICAqIF8udGVtcGxhdGVTZXR0aW5ncyA9IHtcbiAgICAgKiAgICdpbnRlcnBvbGF0ZSc6IC97eyhbXFxzXFxTXSs/KX19L2dcbiAgICAgKiB9O1xuICAgICAqXG4gICAgICogXy50ZW1wbGF0ZSgnaGVsbG8ge3sgbmFtZSB9fSEnLCB7ICduYW1lJzogJ211c3RhY2hlJyB9KTtcbiAgICAgKiAvLyA9PiAnaGVsbG8gbXVzdGFjaGUhJ1xuICAgICAqXG4gICAgICogLy8gdXNpbmcgdGhlIGBpbXBvcnRzYCBvcHRpb24gdG8gaW1wb3J0IGpRdWVyeVxuICAgICAqIHZhciBsaXN0ID0gJzwlIGpxLmVhY2gocGVvcGxlLCBmdW5jdGlvbihuYW1lKSB7ICU+PGxpPjwlLSBuYW1lICU+PC9saT48JSB9KTsgJT4nO1xuICAgICAqIF8udGVtcGxhdGUobGlzdCwgeyAncGVvcGxlJzogWydmcmVkJywgJ2Jhcm5leSddIH0sIHsgJ2ltcG9ydHMnOiB7ICdqcSc6IGpRdWVyeSB9IH0pO1xuICAgICAqIC8vID0+ICc8bGk+ZnJlZDwvbGk+PGxpPmJhcm5leTwvbGk+J1xuICAgICAqXG4gICAgICogLy8gdXNpbmcgdGhlIGBzb3VyY2VVUkxgIG9wdGlvbiB0byBzcGVjaWZ5IGEgY3VzdG9tIHNvdXJjZVVSTCBmb3IgdGhlIHRlbXBsYXRlXG4gICAgICogdmFyIGNvbXBpbGVkID0gXy50ZW1wbGF0ZSgnaGVsbG8gPCU9IG5hbWUgJT4nLCBudWxsLCB7ICdzb3VyY2VVUkwnOiAnL2Jhc2ljL2dyZWV0aW5nLmpzdCcgfSk7XG4gICAgICogY29tcGlsZWQoZGF0YSk7XG4gICAgICogLy8gPT4gZmluZCB0aGUgc291cmNlIG9mIFwiZ3JlZXRpbmcuanN0XCIgdW5kZXIgdGhlIFNvdXJjZXMgdGFiIG9yIFJlc291cmNlcyBwYW5lbCBvZiB0aGUgd2ViIGluc3BlY3RvclxuICAgICAqXG4gICAgICogLy8gdXNpbmcgdGhlIGB2YXJpYWJsZWAgb3B0aW9uIHRvIGVuc3VyZSBhIHdpdGgtc3RhdGVtZW50IGlzbid0IHVzZWQgaW4gdGhlIGNvbXBpbGVkIHRlbXBsYXRlXG4gICAgICogdmFyIGNvbXBpbGVkID0gXy50ZW1wbGF0ZSgnaGkgPCU9IGRhdGEubmFtZSAlPiEnLCBudWxsLCB7ICd2YXJpYWJsZSc6ICdkYXRhJyB9KTtcbiAgICAgKiBjb21waWxlZC5zb3VyY2U7XG4gICAgICogLy8gPT4gZnVuY3Rpb24oZGF0YSkge1xuICAgICAqICAgdmFyIF9fdCwgX19wID0gJycsIF9fZSA9IF8uZXNjYXBlO1xuICAgICAqICAgX19wICs9ICdoaSAnICsgKChfX3QgPSAoIGRhdGEubmFtZSApKSA9PSBudWxsID8gJycgOiBfX3QpICsgJyEnO1xuICAgICAqICAgcmV0dXJuIF9fcDtcbiAgICAgKiB9XG4gICAgICpcbiAgICAgKiAvLyB1c2luZyB0aGUgYHNvdXJjZWAgcHJvcGVydHkgdG8gaW5saW5lIGNvbXBpbGVkIHRlbXBsYXRlcyBmb3IgbWVhbmluZ2Z1bFxuICAgICAqIC8vIGxpbmUgbnVtYmVycyBpbiBlcnJvciBtZXNzYWdlcyBhbmQgYSBzdGFjayB0cmFjZVxuICAgICAqIGZzLndyaXRlRmlsZVN5bmMocGF0aC5qb2luKGN3ZCwgJ2pzdC5qcycpLCAnXFxcbiAgICAgKiAgIHZhciBKU1QgPSB7XFxcbiAgICAgKiAgICAgXCJtYWluXCI6ICcgKyBfLnRlbXBsYXRlKG1haW5UZXh0KS5zb3VyY2UgKyAnXFxcbiAgICAgKiAgIH07XFxcbiAgICAgKiAnKTtcbiAgICAgKi9cbiAgICBmdW5jdGlvbiB0ZW1wbGF0ZSh0ZXh0LCBkYXRhLCBvcHRpb25zKSB7XG4gICAgICAvLyBiYXNlZCBvbiBKb2huIFJlc2lnJ3MgYHRtcGxgIGltcGxlbWVudGF0aW9uXG4gICAgICAvLyBodHRwOi8vZWpvaG4ub3JnL2Jsb2cvamF2YXNjcmlwdC1taWNyby10ZW1wbGF0aW5nL1xuICAgICAgLy8gYW5kIExhdXJhIERva3Rvcm92YSdzIGRvVC5qc1xuICAgICAgLy8gaHR0cHM6Ly9naXRodWIuY29tL29sYWRvL2RvVFxuICAgICAgdmFyIHNldHRpbmdzID0gbG9kYXNoLnRlbXBsYXRlU2V0dGluZ3M7XG4gICAgICB0ZXh0ID0gU3RyaW5nKHRleHQgfHwgJycpO1xuXG4gICAgICAvLyBhdm9pZCBtaXNzaW5nIGRlcGVuZGVuY2llcyB3aGVuIGBpdGVyYXRvclRlbXBsYXRlYCBpcyBub3QgZGVmaW5lZFxuICAgICAgb3B0aW9ucyA9IGRlZmF1bHRzKHt9LCBvcHRpb25zLCBzZXR0aW5ncyk7XG5cbiAgICAgIHZhciBpbXBvcnRzID0gZGVmYXVsdHMoe30sIG9wdGlvbnMuaW1wb3J0cywgc2V0dGluZ3MuaW1wb3J0cyksXG4gICAgICAgICAgaW1wb3J0c0tleXMgPSBrZXlzKGltcG9ydHMpLFxuICAgICAgICAgIGltcG9ydHNWYWx1ZXMgPSB2YWx1ZXMoaW1wb3J0cyk7XG5cbiAgICAgIHZhciBpc0V2YWx1YXRpbmcsXG4gICAgICAgICAgaW5kZXggPSAwLFxuICAgICAgICAgIGludGVycG9sYXRlID0gb3B0aW9ucy5pbnRlcnBvbGF0ZSB8fCByZU5vTWF0Y2gsXG4gICAgICAgICAgc291cmNlID0gXCJfX3AgKz0gJ1wiO1xuXG4gICAgICAvLyBjb21waWxlIHRoZSByZWdleHAgdG8gbWF0Y2ggZWFjaCBkZWxpbWl0ZXJcbiAgICAgIHZhciByZURlbGltaXRlcnMgPSBSZWdFeHAoXG4gICAgICAgIChvcHRpb25zLmVzY2FwZSB8fCByZU5vTWF0Y2gpLnNvdXJjZSArICd8JyArXG4gICAgICAgIGludGVycG9sYXRlLnNvdXJjZSArICd8JyArXG4gICAgICAgIChpbnRlcnBvbGF0ZSA9PT0gcmVJbnRlcnBvbGF0ZSA/IHJlRXNUZW1wbGF0ZSA6IHJlTm9NYXRjaCkuc291cmNlICsgJ3wnICtcbiAgICAgICAgKG9wdGlvbnMuZXZhbHVhdGUgfHwgcmVOb01hdGNoKS5zb3VyY2UgKyAnfCQnXG4gICAgICAsICdnJyk7XG5cbiAgICAgIHRleHQucmVwbGFjZShyZURlbGltaXRlcnMsIGZ1bmN0aW9uKG1hdGNoLCBlc2NhcGVWYWx1ZSwgaW50ZXJwb2xhdGVWYWx1ZSwgZXNUZW1wbGF0ZVZhbHVlLCBldmFsdWF0ZVZhbHVlLCBvZmZzZXQpIHtcbiAgICAgICAgaW50ZXJwb2xhdGVWYWx1ZSB8fCAoaW50ZXJwb2xhdGVWYWx1ZSA9IGVzVGVtcGxhdGVWYWx1ZSk7XG5cbiAgICAgICAgLy8gZXNjYXBlIGNoYXJhY3RlcnMgdGhhdCBjYW5ub3QgYmUgaW5jbHVkZWQgaW4gc3RyaW5nIGxpdGVyYWxzXG4gICAgICAgIHNvdXJjZSArPSB0ZXh0LnNsaWNlKGluZGV4LCBvZmZzZXQpLnJlcGxhY2UocmVVbmVzY2FwZWRTdHJpbmcsIGVzY2FwZVN0cmluZ0NoYXIpO1xuXG4gICAgICAgIC8vIHJlcGxhY2UgZGVsaW1pdGVycyB3aXRoIHNuaXBwZXRzXG4gICAgICAgIGlmIChlc2NhcGVWYWx1ZSkge1xuICAgICAgICAgIHNvdXJjZSArPSBcIicgK1xcbl9fZShcIiArIGVzY2FwZVZhbHVlICsgXCIpICtcXG4nXCI7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGV2YWx1YXRlVmFsdWUpIHtcbiAgICAgICAgICBpc0V2YWx1YXRpbmcgPSB0cnVlO1xuICAgICAgICAgIHNvdXJjZSArPSBcIic7XFxuXCIgKyBldmFsdWF0ZVZhbHVlICsgXCI7XFxuX19wICs9ICdcIjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaW50ZXJwb2xhdGVWYWx1ZSkge1xuICAgICAgICAgIHNvdXJjZSArPSBcIicgK1xcbigoX190ID0gKFwiICsgaW50ZXJwb2xhdGVWYWx1ZSArIFwiKSkgPT0gbnVsbCA/ICcnIDogX190KSArXFxuJ1wiO1xuICAgICAgICB9XG4gICAgICAgIGluZGV4ID0gb2Zmc2V0ICsgbWF0Y2gubGVuZ3RoO1xuXG4gICAgICAgIC8vIHRoZSBKUyBlbmdpbmUgZW1iZWRkZWQgaW4gQWRvYmUgcHJvZHVjdHMgcmVxdWlyZXMgcmV0dXJuaW5nIHRoZSBgbWF0Y2hgXG4gICAgICAgIC8vIHN0cmluZyBpbiBvcmRlciB0byBwcm9kdWNlIHRoZSBjb3JyZWN0IGBvZmZzZXRgIHZhbHVlXG4gICAgICAgIHJldHVybiBtYXRjaDtcbiAgICAgIH0pO1xuXG4gICAgICBzb3VyY2UgKz0gXCInO1xcblwiO1xuXG4gICAgICAvLyBpZiBgdmFyaWFibGVgIGlzIG5vdCBzcGVjaWZpZWQsIHdyYXAgYSB3aXRoLXN0YXRlbWVudCBhcm91bmQgdGhlIGdlbmVyYXRlZFxuICAgICAgLy8gY29kZSB0byBhZGQgdGhlIGRhdGEgb2JqZWN0IHRvIHRoZSB0b3Agb2YgdGhlIHNjb3BlIGNoYWluXG4gICAgICB2YXIgdmFyaWFibGUgPSBvcHRpb25zLnZhcmlhYmxlLFxuICAgICAgICAgIGhhc1ZhcmlhYmxlID0gdmFyaWFibGU7XG5cbiAgICAgIGlmICghaGFzVmFyaWFibGUpIHtcbiAgICAgICAgdmFyaWFibGUgPSAnb2JqJztcbiAgICAgICAgc291cmNlID0gJ3dpdGggKCcgKyB2YXJpYWJsZSArICcpIHtcXG4nICsgc291cmNlICsgJ1xcbn1cXG4nO1xuICAgICAgfVxuICAgICAgLy8gY2xlYW51cCBjb2RlIGJ5IHN0cmlwcGluZyBlbXB0eSBzdHJpbmdzXG4gICAgICBzb3VyY2UgPSAoaXNFdmFsdWF0aW5nID8gc291cmNlLnJlcGxhY2UocmVFbXB0eVN0cmluZ0xlYWRpbmcsICcnKSA6IHNvdXJjZSlcbiAgICAgICAgLnJlcGxhY2UocmVFbXB0eVN0cmluZ01pZGRsZSwgJyQxJylcbiAgICAgICAgLnJlcGxhY2UocmVFbXB0eVN0cmluZ1RyYWlsaW5nLCAnJDE7Jyk7XG5cbiAgICAgIC8vIGZyYW1lIGNvZGUgYXMgdGhlIGZ1bmN0aW9uIGJvZHlcbiAgICAgIHNvdXJjZSA9ICdmdW5jdGlvbignICsgdmFyaWFibGUgKyAnKSB7XFxuJyArXG4gICAgICAgIChoYXNWYXJpYWJsZSA/ICcnIDogdmFyaWFibGUgKyAnIHx8ICgnICsgdmFyaWFibGUgKyAnID0ge30pO1xcbicpICtcbiAgICAgICAgXCJ2YXIgX190LCBfX3AgPSAnJywgX19lID0gXy5lc2NhcGVcIiArXG4gICAgICAgIChpc0V2YWx1YXRpbmdcbiAgICAgICAgICA/ICcsIF9faiA9IEFycmF5LnByb3RvdHlwZS5qb2luO1xcbicgK1xuICAgICAgICAgICAgXCJmdW5jdGlvbiBwcmludCgpIHsgX19wICs9IF9fai5jYWxsKGFyZ3VtZW50cywgJycpIH1cXG5cIlxuICAgICAgICAgIDogJztcXG4nXG4gICAgICAgICkgK1xuICAgICAgICBzb3VyY2UgK1xuICAgICAgICAncmV0dXJuIF9fcFxcbn0nO1xuXG4gICAgICAvLyBVc2UgYSBzb3VyY2VVUkwgZm9yIGVhc2llciBkZWJ1Z2dpbmcuXG4gICAgICAvLyBodHRwOi8vd3d3Lmh0bWw1cm9ja3MuY29tL2VuL3R1dG9yaWFscy9kZXZlbG9wZXJ0b29scy9zb3VyY2VtYXBzLyN0b2Mtc291cmNldXJsXG4gICAgICB2YXIgc291cmNlVVJMID0gJ1xcbi8qXFxuLy8jIHNvdXJjZVVSTD0nICsgKG9wdGlvbnMuc291cmNlVVJMIHx8ICcvbG9kYXNoL3RlbXBsYXRlL3NvdXJjZVsnICsgKHRlbXBsYXRlQ291bnRlcisrKSArICddJykgKyAnXFxuKi8nO1xuXG4gICAgICB0cnkge1xuICAgICAgICB2YXIgcmVzdWx0ID0gRnVuY3Rpb24oaW1wb3J0c0tleXMsICdyZXR1cm4gJyArIHNvdXJjZSArIHNvdXJjZVVSTCkuYXBwbHkodW5kZWZpbmVkLCBpbXBvcnRzVmFsdWVzKTtcbiAgICAgIH0gY2F0Y2goZSkge1xuICAgICAgICBlLnNvdXJjZSA9IHNvdXJjZTtcbiAgICAgICAgdGhyb3cgZTtcbiAgICAgIH1cbiAgICAgIGlmIChkYXRhKSB7XG4gICAgICAgIHJldHVybiByZXN1bHQoZGF0YSk7XG4gICAgICB9XG4gICAgICAvLyBwcm92aWRlIHRoZSBjb21waWxlZCBmdW5jdGlvbidzIHNvdXJjZSBieSBpdHMgYHRvU3RyaW5nYCBtZXRob2QsIGluXG4gICAgICAvLyBzdXBwb3J0ZWQgZW52aXJvbm1lbnRzLCBvciB0aGUgYHNvdXJjZWAgcHJvcGVydHkgYXMgYSBjb252ZW5pZW5jZSBmb3JcbiAgICAgIC8vIGlubGluaW5nIGNvbXBpbGVkIHRlbXBsYXRlcyBkdXJpbmcgdGhlIGJ1aWxkIHByb2Nlc3NcbiAgICAgIHJlc3VsdC5zb3VyY2UgPSBzb3VyY2U7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEV4ZWN1dGVzIHRoZSBjYWxsYmFjayBgbmAgdGltZXMsIHJldHVybmluZyBhbiBhcnJheSBvZiB0aGUgcmVzdWx0c1xuICAgICAqIG9mIGVhY2ggY2FsbGJhY2sgZXhlY3V0aW9uLiBUaGUgY2FsbGJhY2sgaXMgYm91bmQgdG8gYHRoaXNBcmdgIGFuZCBpbnZva2VkXG4gICAgICogd2l0aCBvbmUgYXJndW1lbnQ7IChpbmRleCkuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgVXRpbGl0aWVzXG4gICAgICogQHBhcmFtIHtudW1iZXJ9IG4gVGhlIG51bWJlciBvZiB0aW1lcyB0byBleGVjdXRlIHRoZSBjYWxsYmFjay5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBjYWxsYmFjayBUaGUgZnVuY3Rpb24gY2FsbGVkIHBlciBpdGVyYXRpb24uXG4gICAgICogQHBhcmFtIHsqfSBbdGhpc0FyZ10gVGhlIGB0aGlzYCBiaW5kaW5nIG9mIGBjYWxsYmFja2AuXG4gICAgICogQHJldHVybnMge0FycmF5fSBSZXR1cm5zIGFuIGFycmF5IG9mIHRoZSByZXN1bHRzIG9mIGVhY2ggYGNhbGxiYWNrYCBleGVjdXRpb24uXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIHZhciBkaWNlUm9sbHMgPSBfLnRpbWVzKDMsIF8ucGFydGlhbChfLnJhbmRvbSwgMSwgNikpO1xuICAgICAqIC8vID0+IFszLCA2LCA0XVxuICAgICAqXG4gICAgICogXy50aW1lcygzLCBmdW5jdGlvbihuKSB7IG1hZ2UuY2FzdFNwZWxsKG4pOyB9KTtcbiAgICAgKiAvLyA9PiBjYWxscyBgbWFnZS5jYXN0U3BlbGwobilgIHRocmVlIHRpbWVzLCBwYXNzaW5nIGBuYCBvZiBgMGAsIGAxYCwgYW5kIGAyYCByZXNwZWN0aXZlbHlcbiAgICAgKlxuICAgICAqIF8udGltZXMoMywgZnVuY3Rpb24obikgeyB0aGlzLmNhc3Qobik7IH0sIG1hZ2UpO1xuICAgICAqIC8vID0+IGFsc28gY2FsbHMgYG1hZ2UuY2FzdFNwZWxsKG4pYCB0aHJlZSB0aW1lc1xuICAgICAqL1xuICAgIGZ1bmN0aW9uIHRpbWVzKG4sIGNhbGxiYWNrLCB0aGlzQXJnKSB7XG4gICAgICBuID0gKG4gPSArbikgPiAtMSA/IG4gOiAwO1xuICAgICAgdmFyIGluZGV4ID0gLTEsXG4gICAgICAgICAgcmVzdWx0ID0gQXJyYXkobik7XG5cbiAgICAgIGNhbGxiYWNrID0gYmFzZUNyZWF0ZUNhbGxiYWNrKGNhbGxiYWNrLCB0aGlzQXJnLCAxKTtcbiAgICAgIHdoaWxlICgrK2luZGV4IDwgbikge1xuICAgICAgICByZXN1bHRbaW5kZXhdID0gY2FsbGJhY2soaW5kZXgpO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUaGUgaW52ZXJzZSBvZiBgXy5lc2NhcGVgIHRoaXMgbWV0aG9kIGNvbnZlcnRzIHRoZSBIVE1MIGVudGl0aWVzXG4gICAgICogYCZhbXA7YCwgYCZsdDtgLCBgJmd0O2AsIGAmcXVvdDtgLCBhbmQgYCYjMzk7YCBpbiBgc3RyaW5nYCB0byB0aGVpclxuICAgICAqIGNvcnJlc3BvbmRpbmcgY2hhcmFjdGVycy5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBVdGlsaXRpZXNcbiAgICAgKiBAcGFyYW0ge3N0cmluZ30gc3RyaW5nIFRoZSBzdHJpbmcgdG8gdW5lc2NhcGUuXG4gICAgICogQHJldHVybnMge3N0cmluZ30gUmV0dXJucyB0aGUgdW5lc2NhcGVkIHN0cmluZy5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy51bmVzY2FwZSgnRnJlZCwgQmFybmV5ICZhbXA7IFBlYmJsZXMnKTtcbiAgICAgKiAvLyA9PiAnRnJlZCwgQmFybmV5ICYgUGViYmxlcydcbiAgICAgKi9cbiAgICBmdW5jdGlvbiB1bmVzY2FwZShzdHJpbmcpIHtcbiAgICAgIHJldHVybiBzdHJpbmcgPT0gbnVsbCA/ICcnIDogU3RyaW5nKHN0cmluZykucmVwbGFjZShyZUVzY2FwZWRIdG1sLCB1bmVzY2FwZUh0bWxDaGFyKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBHZW5lcmF0ZXMgYSB1bmlxdWUgSUQuIElmIGBwcmVmaXhgIGlzIHByb3ZpZGVkIHRoZSBJRCB3aWxsIGJlIGFwcGVuZGVkIHRvIGl0LlxuICAgICAqXG4gICAgICogQHN0YXRpY1xuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IFV0aWxpdGllc1xuICAgICAqIEBwYXJhbSB7c3RyaW5nfSBbcHJlZml4XSBUaGUgdmFsdWUgdG8gcHJlZml4IHRoZSBJRCB3aXRoLlxuICAgICAqIEByZXR1cm5zIHtzdHJpbmd9IFJldHVybnMgdGhlIHVuaXF1ZSBJRC5cbiAgICAgKiBAZXhhbXBsZVxuICAgICAqXG4gICAgICogXy51bmlxdWVJZCgnY29udGFjdF8nKTtcbiAgICAgKiAvLyA9PiAnY29udGFjdF8xMDQnXG4gICAgICpcbiAgICAgKiBfLnVuaXF1ZUlkKCk7XG4gICAgICogLy8gPT4gJzEwNSdcbiAgICAgKi9cbiAgICBmdW5jdGlvbiB1bmlxdWVJZChwcmVmaXgpIHtcbiAgICAgIHZhciBpZCA9ICsraWRDb3VudGVyO1xuICAgICAgcmV0dXJuIFN0cmluZyhwcmVmaXggPT0gbnVsbCA/ICcnIDogcHJlZml4KSArIGlkO1xuICAgIH1cblxuICAgIC8qLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qL1xuXG4gICAgLyoqXG4gICAgICogQ3JlYXRlcyBhIGBsb2Rhc2hgIG9iamVjdCB0aGF0IHdyYXBzIHRoZSBnaXZlbiB2YWx1ZSB3aXRoIGV4cGxpY2l0XG4gICAgICogbWV0aG9kIGNoYWluaW5nIGVuYWJsZWQuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQ2hhaW5pbmdcbiAgICAgKiBAcGFyYW0geyp9IHZhbHVlIFRoZSB2YWx1ZSB0byB3cmFwLlxuICAgICAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgdGhlIHdyYXBwZXIgb2JqZWN0LlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgICdhZ2UnOiAzNiB9LFxuICAgICAqICAgeyAnbmFtZSc6ICdmcmVkJywgICAgJ2FnZSc6IDQwIH0sXG4gICAgICogICB7ICduYW1lJzogJ3BlYmJsZXMnLCAnYWdlJzogMSB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIHZhciB5b3VuZ2VzdCA9IF8uY2hhaW4oY2hhcmFjdGVycylcbiAgICAgKiAgICAgLnNvcnRCeSgnYWdlJylcbiAgICAgKiAgICAgLm1hcChmdW5jdGlvbihjaHIpIHsgcmV0dXJuIGNoci5uYW1lICsgJyBpcyAnICsgY2hyLmFnZTsgfSlcbiAgICAgKiAgICAgLmZpcnN0KClcbiAgICAgKiAgICAgLnZhbHVlKCk7XG4gICAgICogLy8gPT4gJ3BlYmJsZXMgaXMgMSdcbiAgICAgKi9cbiAgICBmdW5jdGlvbiBjaGFpbih2YWx1ZSkge1xuICAgICAgdmFsdWUgPSBuZXcgbG9kYXNoV3JhcHBlcih2YWx1ZSk7XG4gICAgICB2YWx1ZS5fX2NoYWluX18gPSB0cnVlO1xuICAgICAgcmV0dXJuIHZhbHVlO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEludm9rZXMgYGludGVyY2VwdG9yYCB3aXRoIHRoZSBgdmFsdWVgIGFzIHRoZSBmaXJzdCBhcmd1bWVudCBhbmQgdGhlblxuICAgICAqIHJldHVybnMgYHZhbHVlYC4gVGhlIHB1cnBvc2Ugb2YgdGhpcyBtZXRob2QgaXMgdG8gXCJ0YXAgaW50b1wiIGEgbWV0aG9kXG4gICAgICogY2hhaW4gaW4gb3JkZXIgdG8gcGVyZm9ybSBvcGVyYXRpb25zIG9uIGludGVybWVkaWF0ZSByZXN1bHRzIHdpdGhpblxuICAgICAqIHRoZSBjaGFpbi5cbiAgICAgKlxuICAgICAqIEBzdGF0aWNcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBjYXRlZ29yeSBDaGFpbmluZ1xuICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUgVGhlIHZhbHVlIHRvIHByb3ZpZGUgdG8gYGludGVyY2VwdG9yYC5cbiAgICAgKiBAcGFyYW0ge0Z1bmN0aW9ufSBpbnRlcmNlcHRvciBUaGUgZnVuY3Rpb24gdG8gaW52b2tlLlxuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIGB2YWx1ZWAuXG4gICAgICogQGV4YW1wbGVcbiAgICAgKlxuICAgICAqIF8oWzEsIDIsIDMsIDRdKVxuICAgICAqICAudGFwKGZ1bmN0aW9uKGFycmF5KSB7IGFycmF5LnBvcCgpOyB9KVxuICAgICAqICAucmV2ZXJzZSgpXG4gICAgICogIC52YWx1ZSgpO1xuICAgICAqIC8vID0+IFszLCAyLCAxXVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHRhcCh2YWx1ZSwgaW50ZXJjZXB0b3IpIHtcbiAgICAgIGludGVyY2VwdG9yKHZhbHVlKTtcbiAgICAgIHJldHVybiB2YWx1ZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBFbmFibGVzIGV4cGxpY2l0IG1ldGhvZCBjaGFpbmluZyBvbiB0aGUgd3JhcHBlciBvYmplY3QuXG4gICAgICpcbiAgICAgKiBAbmFtZSBjaGFpblxuICAgICAqIEBtZW1iZXJPZiBfXG4gICAgICogQGNhdGVnb3J5IENoYWluaW5nXG4gICAgICogQHJldHVybnMgeyp9IFJldHVybnMgdGhlIHdyYXBwZXIgb2JqZWN0LlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiB2YXIgY2hhcmFjdGVycyA9IFtcbiAgICAgKiAgIHsgJ25hbWUnOiAnYmFybmV5JywgJ2FnZSc6IDM2IH0sXG4gICAgICogICB7ICduYW1lJzogJ2ZyZWQnLCAgICdhZ2UnOiA0MCB9XG4gICAgICogXTtcbiAgICAgKlxuICAgICAqIC8vIHdpdGhvdXQgZXhwbGljaXQgY2hhaW5pbmdcbiAgICAgKiBfKGNoYXJhY3RlcnMpLmZpcnN0KCk7XG4gICAgICogLy8gPT4geyAnbmFtZSc6ICdiYXJuZXknLCAnYWdlJzogMzYgfVxuICAgICAqXG4gICAgICogLy8gd2l0aCBleHBsaWNpdCBjaGFpbmluZ1xuICAgICAqIF8oY2hhcmFjdGVycykuY2hhaW4oKVxuICAgICAqICAgLmZpcnN0KClcbiAgICAgKiAgIC5waWNrKCdhZ2UnKVxuICAgICAqICAgLnZhbHVlKCk7XG4gICAgICogLy8gPT4geyAnYWdlJzogMzYgfVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHdyYXBwZXJDaGFpbigpIHtcbiAgICAgIHRoaXMuX19jaGFpbl9fID0gdHJ1ZTtcbiAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFByb2R1Y2VzIHRoZSBgdG9TdHJpbmdgIHJlc3VsdCBvZiB0aGUgd3JhcHBlZCB2YWx1ZS5cbiAgICAgKlxuICAgICAqIEBuYW1lIHRvU3RyaW5nXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAY2F0ZWdvcnkgQ2hhaW5pbmdcbiAgICAgKiBAcmV0dXJucyB7c3RyaW5nfSBSZXR1cm5zIHRoZSBzdHJpbmcgcmVzdWx0LlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfKFsxLCAyLCAzXSkudG9TdHJpbmcoKTtcbiAgICAgKiAvLyA9PiAnMSwyLDMnXG4gICAgICovXG4gICAgZnVuY3Rpb24gd3JhcHBlclRvU3RyaW5nKCkge1xuICAgICAgcmV0dXJuIFN0cmluZyh0aGlzLl9fd3JhcHBlZF9fKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBFeHRyYWN0cyB0aGUgd3JhcHBlZCB2YWx1ZS5cbiAgICAgKlxuICAgICAqIEBuYW1lIHZhbHVlT2ZcbiAgICAgKiBAbWVtYmVyT2YgX1xuICAgICAqIEBhbGlhcyB2YWx1ZVxuICAgICAqIEBjYXRlZ29yeSBDaGFpbmluZ1xuICAgICAqIEByZXR1cm5zIHsqfSBSZXR1cm5zIHRoZSB3cmFwcGVkIHZhbHVlLlxuICAgICAqIEBleGFtcGxlXG4gICAgICpcbiAgICAgKiBfKFsxLCAyLCAzXSkudmFsdWVPZigpO1xuICAgICAqIC8vID0+IFsxLCAyLCAzXVxuICAgICAqL1xuICAgIGZ1bmN0aW9uIHdyYXBwZXJWYWx1ZU9mKCkge1xuICAgICAgcmV0dXJuIHRoaXMuX193cmFwcGVkX187XG4gICAgfVxuXG4gICAgLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSovXG5cbiAgICAvLyBhZGQgZnVuY3Rpb25zIHRoYXQgcmV0dXJuIHdyYXBwZWQgdmFsdWVzIHdoZW4gY2hhaW5pbmdcbiAgICBsb2Rhc2guYWZ0ZXIgPSBhZnRlcjtcbiAgICBsb2Rhc2guYXNzaWduID0gYXNzaWduO1xuICAgIGxvZGFzaC5hdCA9IGF0O1xuICAgIGxvZGFzaC5iaW5kID0gYmluZDtcbiAgICBsb2Rhc2guYmluZEFsbCA9IGJpbmRBbGw7XG4gICAgbG9kYXNoLmJpbmRLZXkgPSBiaW5kS2V5O1xuICAgIGxvZGFzaC5jaGFpbiA9IGNoYWluO1xuICAgIGxvZGFzaC5jb21wYWN0ID0gY29tcGFjdDtcbiAgICBsb2Rhc2guY29tcG9zZSA9IGNvbXBvc2U7XG4gICAgbG9kYXNoLmNvbnN0YW50ID0gY29uc3RhbnQ7XG4gICAgbG9kYXNoLmNvdW50QnkgPSBjb3VudEJ5O1xuICAgIGxvZGFzaC5jcmVhdGUgPSBjcmVhdGU7XG4gICAgbG9kYXNoLmNyZWF0ZUNhbGxiYWNrID0gY3JlYXRlQ2FsbGJhY2s7XG4gICAgbG9kYXNoLmN1cnJ5ID0gY3Vycnk7XG4gICAgbG9kYXNoLmRlYm91bmNlID0gZGVib3VuY2U7XG4gICAgbG9kYXNoLmRlZmF1bHRzID0gZGVmYXVsdHM7XG4gICAgbG9kYXNoLmRlZmVyID0gZGVmZXI7XG4gICAgbG9kYXNoLmRlbGF5ID0gZGVsYXk7XG4gICAgbG9kYXNoLmRpZmZlcmVuY2UgPSBkaWZmZXJlbmNlO1xuICAgIGxvZGFzaC5maWx0ZXIgPSBmaWx0ZXI7XG4gICAgbG9kYXNoLmZsYXR0ZW4gPSBmbGF0dGVuO1xuICAgIGxvZGFzaC5mb3JFYWNoID0gZm9yRWFjaDtcbiAgICBsb2Rhc2guZm9yRWFjaFJpZ2h0ID0gZm9yRWFjaFJpZ2h0O1xuICAgIGxvZGFzaC5mb3JJbiA9IGZvckluO1xuICAgIGxvZGFzaC5mb3JJblJpZ2h0ID0gZm9ySW5SaWdodDtcbiAgICBsb2Rhc2guZm9yT3duID0gZm9yT3duO1xuICAgIGxvZGFzaC5mb3JPd25SaWdodCA9IGZvck93blJpZ2h0O1xuICAgIGxvZGFzaC5mdW5jdGlvbnMgPSBmdW5jdGlvbnM7XG4gICAgbG9kYXNoLmdyb3VwQnkgPSBncm91cEJ5O1xuICAgIGxvZGFzaC5pbmRleEJ5ID0gaW5kZXhCeTtcbiAgICBsb2Rhc2guaW5pdGlhbCA9IGluaXRpYWw7XG4gICAgbG9kYXNoLmludGVyc2VjdGlvbiA9IGludGVyc2VjdGlvbjtcbiAgICBsb2Rhc2guaW52ZXJ0ID0gaW52ZXJ0O1xuICAgIGxvZGFzaC5pbnZva2UgPSBpbnZva2U7XG4gICAgbG9kYXNoLmtleXMgPSBrZXlzO1xuICAgIGxvZGFzaC5tYXAgPSBtYXA7XG4gICAgbG9kYXNoLm1hcFZhbHVlcyA9IG1hcFZhbHVlcztcbiAgICBsb2Rhc2gubWF4ID0gbWF4O1xuICAgIGxvZGFzaC5tZW1vaXplID0gbWVtb2l6ZTtcbiAgICBsb2Rhc2gubWVyZ2UgPSBtZXJnZTtcbiAgICBsb2Rhc2gubWluID0gbWluO1xuICAgIGxvZGFzaC5vbWl0ID0gb21pdDtcbiAgICBsb2Rhc2gub25jZSA9IG9uY2U7XG4gICAgbG9kYXNoLnBhaXJzID0gcGFpcnM7XG4gICAgbG9kYXNoLnBhcnRpYWwgPSBwYXJ0aWFsO1xuICAgIGxvZGFzaC5wYXJ0aWFsUmlnaHQgPSBwYXJ0aWFsUmlnaHQ7XG4gICAgbG9kYXNoLnBpY2sgPSBwaWNrO1xuICAgIGxvZGFzaC5wbHVjayA9IHBsdWNrO1xuICAgIGxvZGFzaC5wcm9wZXJ0eSA9IHByb3BlcnR5O1xuICAgIGxvZGFzaC5wdWxsID0gcHVsbDtcbiAgICBsb2Rhc2gucmFuZ2UgPSByYW5nZTtcbiAgICBsb2Rhc2gucmVqZWN0ID0gcmVqZWN0O1xuICAgIGxvZGFzaC5yZW1vdmUgPSByZW1vdmU7XG4gICAgbG9kYXNoLnJlc3QgPSByZXN0O1xuICAgIGxvZGFzaC5zaHVmZmxlID0gc2h1ZmZsZTtcbiAgICBsb2Rhc2guc29ydEJ5ID0gc29ydEJ5O1xuICAgIGxvZGFzaC50YXAgPSB0YXA7XG4gICAgbG9kYXNoLnRocm90dGxlID0gdGhyb3R0bGU7XG4gICAgbG9kYXNoLnRpbWVzID0gdGltZXM7XG4gICAgbG9kYXNoLnRvQXJyYXkgPSB0b0FycmF5O1xuICAgIGxvZGFzaC50cmFuc2Zvcm0gPSB0cmFuc2Zvcm07XG4gICAgbG9kYXNoLnVuaW9uID0gdW5pb247XG4gICAgbG9kYXNoLnVuaXEgPSB1bmlxO1xuICAgIGxvZGFzaC52YWx1ZXMgPSB2YWx1ZXM7XG4gICAgbG9kYXNoLndoZXJlID0gd2hlcmU7XG4gICAgbG9kYXNoLndpdGhvdXQgPSB3aXRob3V0O1xuICAgIGxvZGFzaC53cmFwID0gd3JhcDtcbiAgICBsb2Rhc2gueG9yID0geG9yO1xuICAgIGxvZGFzaC56aXAgPSB6aXA7XG4gICAgbG9kYXNoLnppcE9iamVjdCA9IHppcE9iamVjdDtcblxuICAgIC8vIGFkZCBhbGlhc2VzXG4gICAgbG9kYXNoLmNvbGxlY3QgPSBtYXA7XG4gICAgbG9kYXNoLmRyb3AgPSByZXN0O1xuICAgIGxvZGFzaC5lYWNoID0gZm9yRWFjaDtcbiAgICBsb2Rhc2guZWFjaFJpZ2h0ID0gZm9yRWFjaFJpZ2h0O1xuICAgIGxvZGFzaC5leHRlbmQgPSBhc3NpZ247XG4gICAgbG9kYXNoLm1ldGhvZHMgPSBmdW5jdGlvbnM7XG4gICAgbG9kYXNoLm9iamVjdCA9IHppcE9iamVjdDtcbiAgICBsb2Rhc2guc2VsZWN0ID0gZmlsdGVyO1xuICAgIGxvZGFzaC50YWlsID0gcmVzdDtcbiAgICBsb2Rhc2gudW5pcXVlID0gdW5pcTtcbiAgICBsb2Rhc2gudW56aXAgPSB6aXA7XG5cbiAgICAvLyBhZGQgZnVuY3Rpb25zIHRvIGBsb2Rhc2gucHJvdG90eXBlYFxuICAgIG1peGluKGxvZGFzaCk7XG5cbiAgICAvKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cblxuICAgIC8vIGFkZCBmdW5jdGlvbnMgdGhhdCByZXR1cm4gdW53cmFwcGVkIHZhbHVlcyB3aGVuIGNoYWluaW5nXG4gICAgbG9kYXNoLmNsb25lID0gY2xvbmU7XG4gICAgbG9kYXNoLmNsb25lRGVlcCA9IGNsb25lRGVlcDtcbiAgICBsb2Rhc2guY29udGFpbnMgPSBjb250YWlucztcbiAgICBsb2Rhc2guZXNjYXBlID0gZXNjYXBlO1xuICAgIGxvZGFzaC5ldmVyeSA9IGV2ZXJ5O1xuICAgIGxvZGFzaC5maW5kID0gZmluZDtcbiAgICBsb2Rhc2guZmluZEluZGV4ID0gZmluZEluZGV4O1xuICAgIGxvZGFzaC5maW5kS2V5ID0gZmluZEtleTtcbiAgICBsb2Rhc2guZmluZExhc3QgPSBmaW5kTGFzdDtcbiAgICBsb2Rhc2guZmluZExhc3RJbmRleCA9IGZpbmRMYXN0SW5kZXg7XG4gICAgbG9kYXNoLmZpbmRMYXN0S2V5ID0gZmluZExhc3RLZXk7XG4gICAgbG9kYXNoLmhhcyA9IGhhcztcbiAgICBsb2Rhc2guaWRlbnRpdHkgPSBpZGVudGl0eTtcbiAgICBsb2Rhc2guaW5kZXhPZiA9IGluZGV4T2Y7XG4gICAgbG9kYXNoLmlzQXJndW1lbnRzID0gaXNBcmd1bWVudHM7XG4gICAgbG9kYXNoLmlzQXJyYXkgPSBpc0FycmF5O1xuICAgIGxvZGFzaC5pc0Jvb2xlYW4gPSBpc0Jvb2xlYW47XG4gICAgbG9kYXNoLmlzRGF0ZSA9IGlzRGF0ZTtcbiAgICBsb2Rhc2guaXNFbGVtZW50ID0gaXNFbGVtZW50O1xuICAgIGxvZGFzaC5pc0VtcHR5ID0gaXNFbXB0eTtcbiAgICBsb2Rhc2guaXNFcXVhbCA9IGlzRXF1YWw7XG4gICAgbG9kYXNoLmlzRmluaXRlID0gaXNGaW5pdGU7XG4gICAgbG9kYXNoLmlzRnVuY3Rpb24gPSBpc0Z1bmN0aW9uO1xuICAgIGxvZGFzaC5pc05hTiA9IGlzTmFOO1xuICAgIGxvZGFzaC5pc051bGwgPSBpc051bGw7XG4gICAgbG9kYXNoLmlzTnVtYmVyID0gaXNOdW1iZXI7XG4gICAgbG9kYXNoLmlzT2JqZWN0ID0gaXNPYmplY3Q7XG4gICAgbG9kYXNoLmlzUGxhaW5PYmplY3QgPSBpc1BsYWluT2JqZWN0O1xuICAgIGxvZGFzaC5pc1JlZ0V4cCA9IGlzUmVnRXhwO1xuICAgIGxvZGFzaC5pc1N0cmluZyA9IGlzU3RyaW5nO1xuICAgIGxvZGFzaC5pc1VuZGVmaW5lZCA9IGlzVW5kZWZpbmVkO1xuICAgIGxvZGFzaC5sYXN0SW5kZXhPZiA9IGxhc3RJbmRleE9mO1xuICAgIGxvZGFzaC5taXhpbiA9IG1peGluO1xuICAgIGxvZGFzaC5ub0NvbmZsaWN0ID0gbm9Db25mbGljdDtcbiAgICBsb2Rhc2gubm9vcCA9IG5vb3A7XG4gICAgbG9kYXNoLm5vdyA9IG5vdztcbiAgICBsb2Rhc2gucGFyc2VJbnQgPSBwYXJzZUludDtcbiAgICBsb2Rhc2gucmFuZG9tID0gcmFuZG9tO1xuICAgIGxvZGFzaC5yZWR1Y2UgPSByZWR1Y2U7XG4gICAgbG9kYXNoLnJlZHVjZVJpZ2h0ID0gcmVkdWNlUmlnaHQ7XG4gICAgbG9kYXNoLnJlc3VsdCA9IHJlc3VsdDtcbiAgICBsb2Rhc2gucnVuSW5Db250ZXh0ID0gcnVuSW5Db250ZXh0O1xuICAgIGxvZGFzaC5zaXplID0gc2l6ZTtcbiAgICBsb2Rhc2guc29tZSA9IHNvbWU7XG4gICAgbG9kYXNoLnNvcnRlZEluZGV4ID0gc29ydGVkSW5kZXg7XG4gICAgbG9kYXNoLnRlbXBsYXRlID0gdGVtcGxhdGU7XG4gICAgbG9kYXNoLnVuZXNjYXBlID0gdW5lc2NhcGU7XG4gICAgbG9kYXNoLnVuaXF1ZUlkID0gdW5pcXVlSWQ7XG5cbiAgICAvLyBhZGQgYWxpYXNlc1xuICAgIGxvZGFzaC5hbGwgPSBldmVyeTtcbiAgICBsb2Rhc2guYW55ID0gc29tZTtcbiAgICBsb2Rhc2guZGV0ZWN0ID0gZmluZDtcbiAgICBsb2Rhc2guZmluZFdoZXJlID0gZmluZDtcbiAgICBsb2Rhc2guZm9sZGwgPSByZWR1Y2U7XG4gICAgbG9kYXNoLmZvbGRyID0gcmVkdWNlUmlnaHQ7XG4gICAgbG9kYXNoLmluY2x1ZGUgPSBjb250YWlucztcbiAgICBsb2Rhc2guaW5qZWN0ID0gcmVkdWNlO1xuXG4gICAgbWl4aW4oZnVuY3Rpb24oKSB7XG4gICAgICB2YXIgc291cmNlID0ge31cbiAgICAgIGZvck93bihsb2Rhc2gsIGZ1bmN0aW9uKGZ1bmMsIG1ldGhvZE5hbWUpIHtcbiAgICAgICAgaWYgKCFsb2Rhc2gucHJvdG90eXBlW21ldGhvZE5hbWVdKSB7XG4gICAgICAgICAgc291cmNlW21ldGhvZE5hbWVdID0gZnVuYztcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgICByZXR1cm4gc291cmNlO1xuICAgIH0oKSwgZmFsc2UpO1xuXG4gICAgLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSovXG5cbiAgICAvLyBhZGQgZnVuY3Rpb25zIGNhcGFibGUgb2YgcmV0dXJuaW5nIHdyYXBwZWQgYW5kIHVud3JhcHBlZCB2YWx1ZXMgd2hlbiBjaGFpbmluZ1xuICAgIGxvZGFzaC5maXJzdCA9IGZpcnN0O1xuICAgIGxvZGFzaC5sYXN0ID0gbGFzdDtcbiAgICBsb2Rhc2guc2FtcGxlID0gc2FtcGxlO1xuXG4gICAgLy8gYWRkIGFsaWFzZXNcbiAgICBsb2Rhc2gudGFrZSA9IGZpcnN0O1xuICAgIGxvZGFzaC5oZWFkID0gZmlyc3Q7XG5cbiAgICBmb3JPd24obG9kYXNoLCBmdW5jdGlvbihmdW5jLCBtZXRob2ROYW1lKSB7XG4gICAgICB2YXIgY2FsbGJhY2thYmxlID0gbWV0aG9kTmFtZSAhPT0gJ3NhbXBsZSc7XG4gICAgICBpZiAoIWxvZGFzaC5wcm90b3R5cGVbbWV0aG9kTmFtZV0pIHtcbiAgICAgICAgbG9kYXNoLnByb3RvdHlwZVttZXRob2ROYW1lXT0gZnVuY3Rpb24obiwgZ3VhcmQpIHtcbiAgICAgICAgICB2YXIgY2hhaW5BbGwgPSB0aGlzLl9fY2hhaW5fXyxcbiAgICAgICAgICAgICAgcmVzdWx0ID0gZnVuYyh0aGlzLl9fd3JhcHBlZF9fLCBuLCBndWFyZCk7XG5cbiAgICAgICAgICByZXR1cm4gIWNoYWluQWxsICYmIChuID09IG51bGwgfHwgKGd1YXJkICYmICEoY2FsbGJhY2thYmxlICYmIHR5cGVvZiBuID09ICdmdW5jdGlvbicpKSlcbiAgICAgICAgICAgID8gcmVzdWx0XG4gICAgICAgICAgICA6IG5ldyBsb2Rhc2hXcmFwcGVyKHJlc3VsdCwgY2hhaW5BbGwpO1xuICAgICAgICB9O1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSovXG5cbiAgICAvKipcbiAgICAgKiBUaGUgc2VtYW50aWMgdmVyc2lvbiBudW1iZXIuXG4gICAgICpcbiAgICAgKiBAc3RhdGljXG4gICAgICogQG1lbWJlck9mIF9cbiAgICAgKiBAdHlwZSBzdHJpbmdcbiAgICAgKi9cbiAgICBsb2Rhc2guVkVSU0lPTiA9ICcyLjQuMic7XG5cbiAgICAvLyBhZGQgXCJDaGFpbmluZ1wiIGZ1bmN0aW9ucyB0byB0aGUgd3JhcHBlclxuICAgIGxvZGFzaC5wcm90b3R5cGUuY2hhaW4gPSB3cmFwcGVyQ2hhaW47XG4gICAgbG9kYXNoLnByb3RvdHlwZS50b1N0cmluZyA9IHdyYXBwZXJUb1N0cmluZztcbiAgICBsb2Rhc2gucHJvdG90eXBlLnZhbHVlID0gd3JhcHBlclZhbHVlT2Y7XG4gICAgbG9kYXNoLnByb3RvdHlwZS52YWx1ZU9mID0gd3JhcHBlclZhbHVlT2Y7XG5cbiAgICAvLyBhZGQgYEFycmF5YCBmdW5jdGlvbnMgdGhhdCByZXR1cm4gdW53cmFwcGVkIHZhbHVlc1xuICAgIGZvckVhY2goWydqb2luJywgJ3BvcCcsICdzaGlmdCddLCBmdW5jdGlvbihtZXRob2ROYW1lKSB7XG4gICAgICB2YXIgZnVuYyA9IGFycmF5UmVmW21ldGhvZE5hbWVdO1xuICAgICAgbG9kYXNoLnByb3RvdHlwZVttZXRob2ROYW1lXSA9IGZ1bmN0aW9uKCkge1xuICAgICAgICB2YXIgY2hhaW5BbGwgPSB0aGlzLl9fY2hhaW5fXyxcbiAgICAgICAgICAgIHJlc3VsdCA9IGZ1bmMuYXBwbHkodGhpcy5fX3dyYXBwZWRfXywgYXJndW1lbnRzKTtcblxuICAgICAgICByZXR1cm4gY2hhaW5BbGxcbiAgICAgICAgICA/IG5ldyBsb2Rhc2hXcmFwcGVyKHJlc3VsdCwgY2hhaW5BbGwpXG4gICAgICAgICAgOiByZXN1bHQ7XG4gICAgICB9O1xuICAgIH0pO1xuXG4gICAgLy8gYWRkIGBBcnJheWAgZnVuY3Rpb25zIHRoYXQgcmV0dXJuIHRoZSBleGlzdGluZyB3cmFwcGVkIHZhbHVlXG4gICAgZm9yRWFjaChbJ3B1c2gnLCAncmV2ZXJzZScsICdzb3J0JywgJ3Vuc2hpZnQnXSwgZnVuY3Rpb24obWV0aG9kTmFtZSkge1xuICAgICAgdmFyIGZ1bmMgPSBhcnJheVJlZlttZXRob2ROYW1lXTtcbiAgICAgIGxvZGFzaC5wcm90b3R5cGVbbWV0aG9kTmFtZV0gPSBmdW5jdGlvbigpIHtcbiAgICAgICAgZnVuYy5hcHBseSh0aGlzLl9fd3JhcHBlZF9fLCBhcmd1bWVudHMpO1xuICAgICAgICByZXR1cm4gdGhpcztcbiAgICAgIH07XG4gICAgfSk7XG5cbiAgICAvLyBhZGQgYEFycmF5YCBmdW5jdGlvbnMgdGhhdCByZXR1cm4gbmV3IHdyYXBwZWQgdmFsdWVzXG4gICAgZm9yRWFjaChbJ2NvbmNhdCcsICdzbGljZScsICdzcGxpY2UnXSwgZnVuY3Rpb24obWV0aG9kTmFtZSkge1xuICAgICAgdmFyIGZ1bmMgPSBhcnJheVJlZlttZXRob2ROYW1lXTtcbiAgICAgIGxvZGFzaC5wcm90b3R5cGVbbWV0aG9kTmFtZV0gPSBmdW5jdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBsb2Rhc2hXcmFwcGVyKGZ1bmMuYXBwbHkodGhpcy5fX3dyYXBwZWRfXywgYXJndW1lbnRzKSwgdGhpcy5fX2NoYWluX18pO1xuICAgICAgfTtcbiAgICB9KTtcblxuICAgIHJldHVybiBsb2Rhc2g7XG4gIH1cblxuICAvKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cblxuICAvLyBleHBvc2UgTG8tRGFzaFxuICB2YXIgXyA9IHJ1bkluQ29udGV4dCgpO1xuXG4gIC8vIHNvbWUgQU1EIGJ1aWxkIG9wdGltaXplcnMgbGlrZSByLmpzIGNoZWNrIGZvciBjb25kaXRpb24gcGF0dGVybnMgbGlrZSB0aGUgZm9sbG93aW5nOlxuICBpZiAodHlwZW9mIGRlZmluZSA9PSAnZnVuY3Rpb24nICYmIHR5cGVvZiBkZWZpbmUuYW1kID09ICdvYmplY3QnICYmIGRlZmluZS5hbWQpIHtcbiAgICAvLyBFeHBvc2UgTG8tRGFzaCB0byB0aGUgZ2xvYmFsIG9iamVjdCBldmVuIHdoZW4gYW4gQU1EIGxvYWRlciBpcyBwcmVzZW50IGluXG4gICAgLy8gY2FzZSBMby1EYXNoIGlzIGxvYWRlZCB3aXRoIGEgUmVxdWlyZUpTIHNoaW0gY29uZmlnLlxuICAgIC8vIFNlZSBodHRwOi8vcmVxdWlyZWpzLm9yZy9kb2NzL2FwaS5odG1sI2NvbmZpZy1zaGltXG4gICAgcm9vdC5fID0gXztcblxuICAgIC8vIGRlZmluZSBhcyBhbiBhbm9ueW1vdXMgbW9kdWxlIHNvLCB0aHJvdWdoIHBhdGggbWFwcGluZywgaXQgY2FuIGJlXG4gICAgLy8gcmVmZXJlbmNlZCBhcyB0aGUgXCJ1bmRlcnNjb3JlXCIgbW9kdWxlXG4gICAgZGVmaW5lKGZ1bmN0aW9uKCkge1xuICAgICAgcmV0dXJuIF87XG4gICAgfSk7XG4gIH1cbiAgLy8gY2hlY2sgZm9yIGBleHBvcnRzYCBhZnRlciBgZGVmaW5lYCBpbiBjYXNlIGEgYnVpbGQgb3B0aW1pemVyIGFkZHMgYW4gYGV4cG9ydHNgIG9iamVjdFxuICBlbHNlIGlmIChmcmVlRXhwb3J0cyAmJiBmcmVlTW9kdWxlKSB7XG4gICAgLy8gaW4gTm9kZS5qcyBvciBSaW5nb0pTXG4gICAgaWYgKG1vZHVsZUV4cG9ydHMpIHtcbiAgICAgIChmcmVlTW9kdWxlLmV4cG9ydHMgPSBfKS5fID0gXztcbiAgICB9XG4gICAgLy8gaW4gTmFyd2hhbCBvciBSaGlubyAtcmVxdWlyZVxuICAgIGVsc2Uge1xuICAgICAgZnJlZUV4cG9ydHMuXyA9IF87XG4gICAgfVxuICB9XG4gIGVsc2Uge1xuICAgIC8vIGluIGEgYnJvd3NlciBvciBSaGlub1xuICAgIHJvb3QuXyA9IF87XG4gIH1cbn0uY2FsbCh0aGlzKSk7XG4iLCIoZnVuY3Rpb24gKHJvb3QsIGZhY3RvcnkpIHtcclxuXHRcdFwidXNlIHN0cmljdFwiO1xyXG5cclxuXHRcdGlmICh0eXBlb2YgZXhwb3J0cyA9PT0gJ29iamVjdCcpIHtcclxuXHRcdFx0bW9kdWxlLmV4cG9ydHMgPSBmYWN0b3J5KCk7XHJcblx0XHR9IGVsc2UgaWYgKHR5cGVvZiBkZWZpbmUgPT09ICdmdW5jdGlvbicgJiYgZGVmaW5lLmFtZCkge1xyXG5cdFx0XHRkZWZpbmUoZmFjdG9yeSk7XHJcblx0XHR9IGVsc2Uge1xyXG5cdFx0XHRyb290LlVsdHJhRGVlcENsb25lID0gZmFjdG9yeSgpO1xyXG5cdFx0fVxyXG5cdH0odGhpcywgZnVuY3Rpb24gKCkge1xyXG5cclxuXHRcdHZhciBmdW5jdGlvblByb3BlcnR5RmlsdGVyID0gW1xyXG5cdFx0XHRcImNhbGxlclwiLFxyXG5cdFx0XHRcImFyZ3VtZW50c1wiXHJcblx0XHRdO1xyXG5cclxuXHRcdC8vIE5vZGUuanMgaGFzIGEgbG90IG9mIHNpbGx5IGVudW1lcmFsIHByb3BlcnRpZXMgb24gaXRzIFwiVHlwZWRBcnJheVwiIGltcGxlbWVudGF0aW9uXHJcblx0XHR2YXIgdHlwZWRBcnJheVByb3BlcnR5RmlsdGVyID0gW1xyXG5cdFx0XHQnQllURVNfUEVSX0VMRU1FTlQnLFxyXG5cdFx0XHQnZ2V0JyxcclxuXHRcdFx0J3NldCcsXHJcblx0XHRcdCdzbGljZScsXHJcblx0XHRcdCdzdWJhcnJheScsXHJcblx0XHRcdCdidWZmZXInLFxyXG5cdFx0XHQnbGVuZ3RoJyxcclxuXHRcdFx0J2J5dGVPZmZzZXQnLFxyXG5cdFx0XHQnYnl0ZUxlbmd0aCdcclxuXHRcdF07XHJcblxyXG5cdFx0dmFyIHByaW1pdGl2ZUNsb25lciAgPSBtYWtlQ2xvbmVyKGNsb25lUHJpbWl0aXZlKTtcclxuXHRcdHZhciB0eXBlZEFycmF5Q2xvbmVyID0gbWFrZVJlY3Vyc2l2ZUNsb25lcihtYWtlQ2xvbmVyKGNsb25lVHlwZWRBcnJheSksIHR5cGVkQXJyYXlQcm9wZXJ0eUZpbHRlcik7XHJcblxyXG5cdFx0ZnVuY3Rpb24gdHlwZVN0cmluZyAodHlwZSkge1xyXG5cdFx0XHRyZXR1cm4gJ1tvYmplY3QgJyArIHR5cGUgKyAnXSc7XHJcblx0XHR9XHJcblxyXG5cdFx0dmFyIGNsb25lRnVuY3Rpb25zID0ge307XHJcblxyXG5cdFx0Y2xvbmVGdW5jdGlvbnNbdHlwZVN0cmluZygnUmVnRXhwJyldID0gbWFrZUNsb25lcihjbG9uZVJlZ0V4cCk7XHJcblx0XHRjbG9uZUZ1bmN0aW9uc1t0eXBlU3RyaW5nKCdEYXRlJyldID0gbWFrZUNsb25lcihjbG9uZURhdGUpO1xyXG5cdFx0Y2xvbmVGdW5jdGlvbnNbdHlwZVN0cmluZygnRnVuY3Rpb24nKV0gPSBtYWtlUmVjdXJzaXZlQ2xvbmVyKG1ha2VDbG9uZXIoY2xvbmVGdW5jdGlvbiksIGZ1bmN0aW9uUHJvcGVydHlGaWx0ZXIpO1xyXG5cdFx0Y2xvbmVGdW5jdGlvbnNbdHlwZVN0cmluZygnT2JqZWN0JyldID0gbWFrZVJlY3Vyc2l2ZUNsb25lcihtYWtlQ2xvbmVyKGNsb25lT2JqZWN0KSk7XHJcblx0XHRjbG9uZUZ1bmN0aW9uc1t0eXBlU3RyaW5nKCdBcnJheScpXSA9IG1ha2VSZWN1cnNpdmVDbG9uZXIobWFrZUNsb25lcihjbG9uZUFycmF5KSk7XHJcblxyXG5cdFx0WydOdWxsJywgJ1VuZGVmaW5lZCcsICdOdW1iZXInLCAnU3RyaW5nJywgJ0Jvb2xlYW4nXVxyXG5cdFx0XHQubWFwKHR5cGVTdHJpbmcpXHJcblx0XHRcdC5mb3JFYWNoKGZ1bmN0aW9uICh0eXBlKSB7XHJcblx0XHRcdFx0Y2xvbmVGdW5jdGlvbnNbdHlwZV0gPSBwcmltaXRpdmVDbG9uZXI7XHJcblx0XHRcdH0pO1xyXG5cclxuXHRcdFsnSW50OEFycmF5JywgJ1VpbnQ4QXJyYXknLCAnVWludDhDbGFtcGVkQXJyYXknLCAnSW50MTZBcnJheScsICdVaW50MTZBcnJheScsXHJcblx0XHQgJ0ludDMyQXJyYXknLCAnVWludDMyQXJyYXknLCAnRmxvYXQzMkFycmF5JywgJ0Zsb2F0NjRBcnJheSddXHJcblx0XHRcdC5tYXAodHlwZVN0cmluZylcclxuXHRcdFx0LmZvckVhY2goZnVuY3Rpb24gKHR5cGUpIHtcclxuXHRcdFx0XHRjbG9uZUZ1bmN0aW9uc1t0eXBlXSA9IHR5cGVkQXJyYXlDbG9uZXI7XHJcblx0XHRcdH0pO1xyXG5cclxuXHRcdGZ1bmN0aW9uIG1ha2VBcmd1bWVudHMgKG51bWJlck9mQXJncykge1xyXG5cdFx0XHR2YXIgbGV0dGVycyA9IFtdO1xyXG5cdFx0XHRmb3IgKCB2YXIgaSA9IDE7IGkgPD0gbnVtYmVyT2ZBcmdzOyBpKysgKSBsZXR0ZXJzLnB1c2goXCJhcmdcIiArIGkpO1xyXG5cdFx0XHRyZXR1cm4gbGV0dGVycztcclxuXHRcdH1cclxuXHJcblx0XHRmdW5jdGlvbiB3cmFwRnVuY3Rpb25XaXRoQXJpdHkgKGNhbGxiYWNrKSB7XHJcblx0XHRcdHZhciBhcmdMaXN0ID0gbWFrZUFyZ3VtZW50cyhjYWxsYmFjay5sZW5ndGgpO1xyXG5cdFx0XHR2YXIgZnVuY3Rpb25Db2RlID0gJ3JldHVybiBmYWxzZSB8fCBmdW5jdGlvbiAnO1xyXG5cdFx0XHRmdW5jdGlvbkNvZGUgKz0gY2FsbGJhY2submFtZSArICcoJztcclxuXHRcdFx0ZnVuY3Rpb25Db2RlICs9IGFyZ0xpc3Quam9pbignLCAnKSArICcpIHtcXG4nO1xyXG5cdFx0XHRmdW5jdGlvbkNvZGUgKz0gJ3JldHVybiBmbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xcbic7XHJcblx0XHRcdGZ1bmN0aW9uQ29kZSArPSAnfTsnXHJcblxyXG5cdFx0XHRyZXR1cm4gRnVuY3Rpb24oXCJmblwiLCBmdW5jdGlvbkNvZGUpKGNhbGxiYWNrKTtcclxuXHRcdH1cclxuXHJcblx0XHRmdW5jdGlvbiBtYWtlQ2xvbmVyIChjbG9uZVRoaW5nKSB7XHJcblx0XHRcdHJldHVybiBmdW5jdGlvbih0aGluZywgdGhpbmdTdGFjaywgY29weVN0YWNrKSB7XHJcblx0XHRcdFx0dGhpbmdTdGFjay5wdXNoKHRoaW5nKTtcclxuXHRcdFx0XHR2YXIgY29weSA9IGNsb25lVGhpbmcodGhpbmcpO1xyXG5cdFx0XHRcdGNvcHlTdGFjay5wdXNoKGNvcHkpO1xyXG5cdFx0XHRcdHJldHVybiBjb3B5O1xyXG5cdFx0XHR9O1xyXG5cdFx0fVxyXG5cclxuXHRcdGZ1bmN0aW9uIGNsb25lUHJpbWl0aXZlIChwcmltaXRpdmUpIHtcclxuXHRcdFx0cmV0dXJuIHByaW1pdGl2ZTtcclxuXHRcdH1cclxuXHJcblx0XHRmdW5jdGlvbiBjbG9uZVJlZ0V4cCAocmVnZXhwKSB7XHJcblx0XHRcdHJldHVybiBuZXcgUmVnRXhwKHJlZ2V4cCk7XHJcblx0XHR9XHJcblxyXG5cdFx0ZnVuY3Rpb24gY2xvbmVEYXRlIChkYXRlKSB7XHJcblx0XHRcdHJldHVybiBuZXcgRGF0ZShkYXRlLmdldFRpbWUoKSk7XHJcblx0XHR9XHJcblxyXG5cdFx0Ly8gV2UgY2FuJ3QgcmVhbGx5IGNsb25lIGZ1bmN0aW9ucyBidXQgd2UgY2FuIHdyYXAgdGhlbSBpbiBhIG5ldyBmdW5jdGlvbiB0aGF0IHdpbGxcclxuXHRcdC8vIHJlY2lldmUgY2xvbmVzIG9mIGFueSBwcm9wZXJ0aWVzIHRoZSBvcmlnaW5hbCBmdW5jdGlvbiBtYXkgaGF2ZSBoYWRcclxuXHRcdGZ1bmN0aW9uIGNsb25lRnVuY3Rpb24gKGZuKSB7XHJcblx0XHRcdHJldHVybiB3cmFwRnVuY3Rpb25XaXRoQXJpdHkoZm4pO1xyXG5cdFx0fVxyXG5cclxuXHRcdC8vIFRoaXMgd2lsbCBub3QgcHJvcGVybHkgY2xvbmUgYGNvbnN0cnVjdGVkYCBvYmplY3RzIGJlY2F1c2VcclxuXHRcdC8vIGl0IGlzIGltcG9zc2libGUgdG8ga25vdyB3aXRoIHdoYXQgYXJndW1lbnRzIHRoZSBjb25zdHJ1Y3RvclxyXG5cdFx0Ly8gd2FzIG9yaWdpbmFsbHkgaW52b2tlZC5cclxuXHRcdGZ1bmN0aW9uIGNsb25lT2JqZWN0IChvYmplY3QpIHtcclxuXHRcdFx0cmV0dXJuIE9iamVjdC5jcmVhdGUoT2JqZWN0LmdldFByb3RvdHlwZU9mKG9iamVjdCkpO1xyXG5cdFx0fVxyXG5cclxuXHRcdGZ1bmN0aW9uIGNsb25lQXJyYXkgKGFycmF5KSB7XHJcblx0XHRcdHJldHVybiBbXTtcclxuXHRcdH1cclxuXHJcblx0XHRmdW5jdGlvbiBjbG9uZVR5cGVkQXJyYXkgKHR5cGVkQXJyYXkpIHtcclxuXHRcdFx0dmFyIGxlbiA9IHR5cGVkQXJyYXkubGVuZ3RoO1xyXG5cdFx0XHRyZXR1cm4gbmV3IHR5cGVkQXJyYXkuY29uc3RydWN0b3IobGVuKTtcclxuXHRcdH1cclxuXHJcblx0XHRmdW5jdGlvbiBtYWtlUmVjdXJzaXZlQ2xvbmVyIChjbG9uZVRoaW5nLCBwcm9wZXJ0eUZpbHRlcikge1xyXG5cdFx0XHRyZXR1cm4gZnVuY3Rpb24odGhpbmcsIHRoaW5nU3RhY2ssIGNvcHlTdGFjaykge1xyXG5cdFx0XHRcdHZhciBjbG9uZSA9IHRoaXM7XHJcblxyXG5cdFx0XHRcdHJldHVybiBPYmplY3QuZ2V0T3duUHJvcGVydHlOYW1lcyh0aGluZylcclxuXHRcdFx0XHRcdC5maWx0ZXIoZnVuY3Rpb24ocHJvcCl7XHJcblx0XHRcdFx0XHRcdHJldHVybiAhcHJvcGVydHlGaWx0ZXIgfHwgcHJvcGVydHlGaWx0ZXIuaW5kZXhPZihwcm9wKSA9PT0gLTE7XHJcblx0XHRcdFx0XHR9KVxyXG5cdFx0XHRcdFx0LnJlZHVjZShmdW5jdGlvbihjb3B5LCBwcm9wKSB7XHJcblx0XHRcdFx0XHRcdHZhciB0aGluZ09mZnNldCA9IHRoaW5nU3RhY2suaW5kZXhPZih0aGluZ1twcm9wXSk7XHJcblxyXG5cdFx0XHRcdFx0XHRpZiAodGhpbmdPZmZzZXQgPT09IC0xKSB7XHJcblx0XHRcdFx0XHRcdFx0Y29weVtwcm9wXSA9IGNsb25lKHRoaW5nW3Byb3BdKTtcclxuXHRcdFx0XHRcdFx0fSBlbHNlIHtcclxuXHRcdFx0XHRcdFx0XHRjb3B5W3Byb3BdID0gY29weVN0YWNrW3RoaW5nT2Zmc2V0XTtcclxuXHRcdFx0XHRcdFx0fVxyXG5cclxuXHRcdFx0XHRcdFx0cmV0dXJuIGNvcHk7XHJcblx0XHRcdFx0XHR9LCBjbG9uZVRoaW5nKHRoaW5nLCB0aGluZ1N0YWNrLCBjb3B5U3RhY2spKTtcclxuXHRcdFx0fTtcclxuXHRcdH1cclxuXHJcblx0XHRyZXR1cm4gZnVuY3Rpb24gX3VsdHJhRGVlcENsb25lIChzb3VyY2UpIHtcclxuXHJcblx0XHRcdHZhciB0aGluZ1N0YWNrID0gW107XHJcblx0XHRcdHZhciBjb3B5U3RhY2sgPSBbXTtcclxuXHJcblx0XHRcdGZ1bmN0aW9uIGNsb25lICh0aGluZykge1xyXG5cdFx0XHRcdHZhciB0eXBlT2ZUaGluZyA9IE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0aGluZyk7XHJcblx0XHRcdFx0cmV0dXJuIGNsb25lRnVuY3Rpb25zW3R5cGVPZlRoaW5nXS5jYWxsKGNsb25lLCB0aGluZywgdGhpbmdTdGFjaywgY29weVN0YWNrKTtcclxuXHRcdFx0fTtcclxuXHJcblx0XHRcdHJldHVybiBjbG9uZShzb3VyY2UpO1xyXG5cdFx0fTtcclxufSkpO1xyXG4iLCJtb2R1bGUuZXhwb3J0cyA9IGV4dGVuZFxuXG5mdW5jdGlvbiBleHRlbmQoKSB7XG4gICAgdmFyIHRhcmdldCA9IHt9XG5cbiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGFyZ3VtZW50cy5sZW5ndGg7IGkrKykge1xuICAgICAgICB2YXIgc291cmNlID0gYXJndW1lbnRzW2ldXG5cbiAgICAgICAgZm9yICh2YXIga2V5IGluIHNvdXJjZSkge1xuICAgICAgICAgICAgaWYgKHNvdXJjZS5oYXNPd25Qcm9wZXJ0eShrZXkpKSB7XG4gICAgICAgICAgICAgICAgdGFyZ2V0W2tleV0gPSBzb3VyY2Vba2V5XVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHRhcmdldFxufVxuIiwiV1lNZWRpdG9yLkVYVEVSTkFMX01PRFVMRVMuT2JqZWN0SGlzdG9yeSA9IHJlcXVpcmUoXCJvYmplY3QtaGlzdG9yeVwiKTtcbiJdfQ==
-
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.foo = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-module.exports = function (element) {
-  var self = this
-  var Combokeys = self.constructor
-
-  /**
-   * a list of all the callbacks setup via Combokeys.bind()
-   *
-   * @type {Object}
-   */
-  self.callbacks = {}
-
-  /**
-   * direct map of string combinations to callbacks used for trigger()
-   *
-   * @type {Object}
-   */
-  self.directMap = {}
-
-  /**
-   * keeps track of what level each sequence is at since multiple
-   * sequences can start out with the same sequence
-   *
-   * @type {Object}
-   */
-  self.sequenceLevels = {}
-
-  /**
-   * variable to store the setTimeout call
-   *
-   * @type {null|number}
-   */
-  self.resetTimer
-
-  /**
-   * temporary state where we will ignore the next keyup
-   *
-   * @type {boolean|string}
-   */
-  self.ignoreNextKeyup = false
-
-  /**
-   * temporary state where we will ignore the next keypress
-   *
-   * @type {boolean}
-   */
-  self.ignoreNextKeypress = false
-
-  /**
-   * are we currently inside of a sequence?
-   * type of action ("keyup" or "keydown" or "keypress") or false
-   *
-   * @type {boolean|string}
-   */
-  self.nextExpectedAction = false
-
-  self.element = element
-
-  self.addEvents()
-
-  Combokeys.instances.push(self)
-  return self
-}
-
-module.exports.prototype.bind = require('./prototype/bind')
-module.exports.prototype.bindMultiple = require('./prototype/bindMultiple')
-module.exports.prototype.unbind = require('./prototype/unbind')
-module.exports.prototype.trigger = require('./prototype/trigger')
-module.exports.prototype.reset = require('./prototype/reset.js')
-module.exports.prototype.stopCallback = require('./prototype/stopCallback')
-module.exports.prototype.handleKey = require('./prototype/handleKey')
-module.exports.prototype.addEvents = require('./prototype/addEvents')
-module.exports.prototype.bindSingle = require('./prototype/bindSingle')
-module.exports.prototype.getKeyInfo = require('./prototype/getKeyInfo')
-module.exports.prototype.pickBestAction = require('./prototype/pickBestAction')
-module.exports.prototype.getReverseMap = require('./prototype/getReverseMap')
-module.exports.prototype.getMatches = require('./prototype/getMatches')
-module.exports.prototype.resetSequences = require('./prototype/resetSequences')
-module.exports.prototype.fireCallback = require('./prototype/fireCallback')
-module.exports.prototype.bindSequence = require('./prototype/bindSequence')
-module.exports.prototype.resetSequenceTimer = require('./prototype/resetSequenceTimer')
-module.exports.prototype.detach = require('./prototype/detach')
-
-module.exports.instances = []
-module.exports.reset = require('./reset')
-
-/**
- * variable to store the flipped version of MAP from above
- * needed to check if we should use keypress or not when no action
- * is specified
- *
- * @type {Object|undefined}
- */
-module.exports.REVERSE_MAP = null
-
-},{"./prototype/addEvents":2,"./prototype/bind":3,"./prototype/bindMultiple":4,"./prototype/bindSequence":5,"./prototype/bindSingle":6,"./prototype/detach":7,"./prototype/fireCallback":8,"./prototype/getKeyInfo":9,"./prototype/getMatches":10,"./prototype/getReverseMap":11,"./prototype/handleKey":12,"./prototype/pickBestAction":15,"./prototype/reset.js":16,"./prototype/resetSequenceTimer":17,"./prototype/resetSequences":18,"./prototype/stopCallback":19,"./prototype/trigger":20,"./prototype/unbind":21,"./reset":22}],2:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-module.exports = function () {
-  var self = this
-  var on = require('dom-event')
-  var element = self.element
-
-  self.eventHandler = require('./handleKeyEvent').bind(self)
-
-  on(element, 'keypress', self.eventHandler)
-  on(element, 'keydown', self.eventHandler)
-  on(element, 'keyup', self.eventHandler)
-}
-
-},{"./handleKeyEvent":13,"dom-event":33}],3:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * binds an event to Combokeys
- *
- * can be a single key, a combination of keys separated with +,
- * an array of keys, or a sequence of keys separated by spaces
- *
- * be sure to list the modifier keys first to make sure that the
- * correct key ends up getting bound (the last key in the pattern)
- *
- * @param {string|Array} keys
- * @param {Function} callback
- * @param {string=} action - "keypress", "keydown", or "keyup"
- * @returns void
- */
-module.exports = function (keys, callback, action) {
-  var self = this
-
-  keys = keys instanceof Array ? keys : [keys]
-  self.bindMultiple(keys, callback, action)
-  return self
-}
-
-},{}],4:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * binds multiple combinations to the same callback
- *
- * @param {Array} combinations
- * @param {Function} callback
- * @param {string|undefined} action
- * @returns void
- */
-module.exports = function (combinations, callback, action) {
-  var self = this
-
-  for (var j = 0; j < combinations.length; ++j) {
-    self.bindSingle(combinations[j], callback, action)
-  }
-}
-
-},{}],5:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * binds a key sequence to an event
- *
- * @param {string} combo - combo specified in bind call
- * @param {Array} keys
- * @param {Function} callback
- * @param {string=} action
- * @returns void
- */
-module.exports = function (combo, keys, callback, action) {
-  var self = this
-
-  // start off by adding a sequence level record for this combination
-  // and setting the level to 0
-  self.sequenceLevels[combo] = 0
-
-  /**
-   * callback to increase the sequence level for this sequence and reset
-   * all other sequences that were active
-   *
-   * @param {string} nextAction
-   * @returns {Function}
-   */
-  function increaseSequence (nextAction) {
-    return function () {
-      self.nextExpectedAction = nextAction
-      ++self.sequenceLevels[combo]
-      self.resetSequenceTimer()
-    }
-  }
-
-  /**
-   * wraps the specified callback inside of another function in order
-   * to reset all sequence counters as soon as this sequence is done
-   *
-   * @param {Event} e
-   * @returns void
-   */
-  function callbackAndReset (e) {
-    var characterFromEvent
-    self.fireCallback(callback, e, combo)
-
-    // we should ignore the next key up if the action is key down
-    // or keypress.  this is so if you finish a sequence and
-    // release the key the final key will not trigger a keyup
-    if (action !== 'keyup') {
-      characterFromEvent = require('../../helpers/characterFromEvent')
-      self.ignoreNextKeyup = characterFromEvent(e)
-    }
-
-    // weird race condition if a sequence ends with the key
-    // another sequence begins with
-    setTimeout(
-      function () {
-        self.resetSequences()
-      },
-      10
-    )
-  }
-
-  // loop through keys one at a time and bind the appropriate callback
-  // function.  for any key leading up to the final one it should
-  // increase the sequence. after the final, it should reset all sequences
-  //
-  // if an action is specified in the original bind call then that will
-  // be used throughout.  otherwise we will pass the action that the
-  // next key in the sequence should match.  this allows a sequence
-  // to mix and match keypress and keydown events depending on which
-  // ones are better suited to the key provided
-  for (var j = 0; j < keys.length; ++j) {
-    var isFinal = j + 1 === keys.length
-    var wrappedCallback = isFinal ? callbackAndReset : increaseSequence(action || self.getKeyInfo(keys[j + 1]).action)
-    self.bindSingle(keys[j], wrappedCallback, action, combo, j)
-  }
-}
-
-},{"../../helpers/characterFromEvent":23}],6:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * binds a single keyboard combination
- *
- * @param {string} combination
- * @param {Function} callback
- * @param {string=} action
- * @param {string=} sequenceName - name of sequence if part of sequence
- * @param {number=} level - what part of the sequence the command is
- * @returns void
- */
-module.exports = function (combination, callback, action, sequenceName, level) {
-  var self = this
-
-  // store a direct mapped reference for use with Combokeys.trigger
-  self.directMap[combination + ':' + action] = callback
-
-  // make sure multiple spaces in a row become a single space
-  combination = combination.replace(/\s+/g, ' ')
-
-  var sequence = combination.split(' ')
-  var info
-
-  // if this pattern is a sequence of keys then run through this method
-  // to reprocess each pattern one key at a time
-  if (sequence.length > 1) {
-    self.bindSequence(combination, sequence, callback, action)
-    return
-  }
-
-  info = self.getKeyInfo(combination, action)
-
-  // make sure to initialize array if this is the first time
-  // a callback is added for this key
-  self.callbacks[info.key] = self.callbacks[info.key] || []
-
-  // remove an existing match if there is one
-  self.getMatches(info.key, info.modifiers, {type: info.action}, sequenceName, combination, level)
-
-  // add this call back to the array
-  // if it is a sequence put it at the beginning
-  // if not put it at the end
-  //
-  // this is important because the way these are processed expects
-  // the sequence ones to come first
-  self.callbacks[info.key][sequenceName ? 'unshift' : 'push']({
-    callback: callback,
-    modifiers: info.modifiers,
-    action: info.action,
-    seq: sequenceName,
-    level: level,
-    combo: combination
-  })
-}
-
-},{}],7:[function(require,module,exports){
-var off = require('dom-event').off
-module.exports = function () {
-  var self = this
-  var element = self.element
-
-  off(element, 'keypress', self.eventHandler)
-  off(element, 'keydown', self.eventHandler)
-  off(element, 'keyup', self.eventHandler)
-}
-
-},{"dom-event":33}],8:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * actually calls the callback function
- *
- * if your callback function returns false this will use the jquery
- * convention - prevent default and stop propogation on the event
- *
- * @param {Function} callback
- * @param {Event} e
- * @returns void
- */
-module.exports = function (callback, e, combo, sequence) {
-  var self = this
-  var preventDefault
-  var stopPropagation
-
-  // if this event should not happen stop here
-  if (self.stopCallback(e, e.target || e.srcElement, combo, sequence)) {
-    return
-  }
-
-  if (callback(e, combo) === false) {
-    preventDefault = require('../../helpers/preventDefault')
-    preventDefault(e)
-    stopPropagation = require('../../helpers/stopPropagation')
-    stopPropagation(e)
-  }
-}
-
-},{"../../helpers/preventDefault":27,"../../helpers/stopPropagation":32}],9:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * Gets info for a specific key combination
- *
- * @param  {string} combination key combination ("command+s" or "a" or "*")
- * @param  {string=} action
- * @returns {Object}
- */
-module.exports = function (combination, action) {
-  var self = this
-  var keysFromString
-  var keys
-  var key
-  var j
-  var modifiers = []
-  var SPECIAL_ALIASES
-  var SHIFT_MAP
-  var isModifier
-
-  keysFromString = require('../../helpers/keysFromString')
-  // take the keys from this pattern and figure out what the actual
-  // pattern is all about
-  keys = keysFromString(combination)
-
-  SPECIAL_ALIASES = require('../../helpers/special-aliases')
-  SHIFT_MAP = require('../../helpers/shift-map')
-  isModifier = require('../../helpers/isModifier')
-  for (j = 0; j < keys.length; ++j) {
-    key = keys[j]
-
-    // normalize key names
-    if (SPECIAL_ALIASES[key]) {
-      key = SPECIAL_ALIASES[key]
-    }
-
-    // if this is not a keypress event then we should
-    // be smart about using shift keys
-    // this will only work for US keyboards however
-    if (action && action !== 'keypress' && SHIFT_MAP[key]) {
-      key = SHIFT_MAP[key]
-      modifiers.push('shift')
-    }
-
-    // if this key is a modifier then add it to the list of modifiers
-    if (isModifier(key)) {
-      modifiers.push(key)
-    }
-  }
-
-  // depending on what the key combination is
-  // we will try to pick the best event for it
-  action = self.pickBestAction(key, modifiers, action)
-
-  return {
-    key: key,
-    modifiers: modifiers,
-    action: action
-  }
-}
-
-},{"../../helpers/isModifier":25,"../../helpers/keysFromString":26,"../../helpers/shift-map":28,"../../helpers/special-aliases":29}],10:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * finds all callbacks that match based on the keycode, modifiers,
- * and action
- *
- * @param {string} character
- * @param {Array} modifiers
- * @param {Event|Object} e
- * @param {string=} sequenceName - name of the sequence we are looking for
- * @param {string=} combination
- * @param {number=} level
- * @returns {Array}
- */
-module.exports = function (character, modifiers, e, sequenceName, combination, level) {
-  var self = this
-  var j
-  var callback
-  var matches = []
-  var action = e.type
-  var isModifier
-  var modifiersMatch
-
-  if (action === 'keypress') {
-    // 'any-character' callbacks are only on `keypress`
-    var anyCharCallbacks = self.callbacks['any-character'] || []
-    anyCharCallbacks.forEach(function (callback) {
-      matches.push(callback)
-    })
-  }
-
-  if (!self.callbacks[character]) {return matches}
-
-  isModifier = require('../../helpers/isModifier')
-  // if a modifier key is coming up on its own we should allow it
-  if (action === 'keyup' && isModifier(character)) {
-    modifiers = [character]
-  }
-
-  // loop through all callbacks for the key that was pressed
-  // and see if any of them match
-  for (j = 0; j < self.callbacks[character].length; ++j) {
-    callback = self.callbacks[character][j]
-
-    // if a sequence name is not specified, but this is a sequence at
-    // the wrong level then move onto the next match
-    if (!sequenceName && callback.seq && self.sequenceLevels[callback.seq] !== callback.level) {
-      continue
-    }
-
-    // if the action we are looking for doesn't match the action we got
-    // then we should keep going
-    if (action !== callback.action) {
-      continue
-    }
-
-    // if this is a keypress event and the meta key and control key
-    // are not pressed that means that we need to only look at the
-    // character, otherwise check the modifiers as well
-    //
-    // chrome will not fire a keypress if meta or control is down
-    // safari will fire a keypress if meta or meta+shift is down
-    // firefox will fire a keypress if meta or control is down
-    modifiersMatch = require('./modifiersMatch')
-    if ((action === 'keypress' && !e.metaKey && !e.ctrlKey) || modifiersMatch(modifiers, callback.modifiers)) {
-      // when you bind a combination or sequence a second time it
-      // should overwrite the first one.  if a sequenceName or
-      // combination is specified in this call it does just that
-      //
-      // @todo make deleting its own method?
-      var deleteCombo = !sequenceName && callback.combo === combination
-      var deleteSequence = sequenceName && callback.seq === sequenceName && callback.level === level
-      if (deleteCombo || deleteSequence) {
-        self.callbacks[character].splice(j, 1)
-      }
-
-      matches.push(callback)
-    }
-  }
-
-  return matches
-}
-
-},{"../../helpers/isModifier":25,"./modifiersMatch":14}],11:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * reverses the map lookup so that we can look for specific keys
- * to see what can and can't use keypress
- *
- * @return {Object}
- */
-module.exports = function () {
-  var self = this
-  var constructor = self.constructor
-  var SPECIAL_KEYS_MAP
-
-  if (!constructor.REVERSE_MAP) {
-    constructor.REVERSE_MAP = {}
-    SPECIAL_KEYS_MAP = require('../../helpers/special-keys-map')
-    for (var key in SPECIAL_KEYS_MAP) {
-      // pull out the numeric keypad from here cause keypress should
-      // be able to detect the keys from the character
-      if (key > 95 && key < 112) {
-        continue
-      }
-
-      if (SPECIAL_KEYS_MAP.hasOwnProperty(key)) {
-        constructor.REVERSE_MAP[SPECIAL_KEYS_MAP[key]] = key
-      }
-    }
-  }
-  return constructor.REVERSE_MAP
-}
-
-},{"../../helpers/special-keys-map":31}],12:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * handles a character key event
- *
- * @param {string} character
- * @param {Array} modifiers
- * @param {Event} e
- * @returns void
- */
-module.exports = function (character, modifiers, e) {
-  var self = this
-  var callbacks
-  var j
-  var doNotReset = {}
-  var maxLevel = 0
-  var processedSequenceCallback = false
-  var isModifier
-  var ignoreThisKeypress
-
-  callbacks = self.getMatches(character, modifiers, e)
-  // Calculate the maxLevel for sequences so we can only execute the longest callback sequence
-  for (j = 0; j < callbacks.length; ++j) {
-    if (callbacks[j].seq) {
-      maxLevel = Math.max(maxLevel, callbacks[j].level)
-    }
-  }
-
-  // loop through matching callbacks for this key event
-  for (j = 0; j < callbacks.length; ++j) {
-    // fire for all sequence callbacks
-    // this is because if for example you have multiple sequences
-    // bound such as "g i" and "g t" they both need to fire the
-    // callback for matching g cause otherwise you can only ever
-    // match the first one
-    if (callbacks[j].seq) {
-      // only fire callbacks for the maxLevel to prevent
-      // subsequences from also firing
-      //
-      // for example 'a option b' should not cause 'option b' to fire
-      // even though 'option b' is part of the other sequence
-      //
-      // any sequences that do not match here will be discarded
-      // below by the resetSequences call
-      if (callbacks[j].level !== maxLevel) {
-        continue
-      }
-
-      processedSequenceCallback = true
-
-      // keep a list of which sequences were matches for later
-      doNotReset[callbacks[j].seq] = 1
-      self.fireCallback(callbacks[j].callback, e, callbacks[j].combo, callbacks[j].seq)
-      continue
-    }
-
-    // if there were no sequence matches but we are still here
-    // that means this is a regular match so we should fire that
-    if (!processedSequenceCallback) {
-      self.fireCallback(callbacks[j].callback, e, callbacks[j].combo)
-    }
-  }
-
-  // if the key you pressed matches the type of sequence without
-  // being a modifier (ie "keyup" or "keypress") then we should
-  // reset all sequences that were not matched by this event
-  //
-  // this is so, for example, if you have the sequence "h a t" and you
-  // type "h e a r t" it does not match.  in this case the "e" will
-  // cause the sequence to reset
-  //
-  // modifier keys are ignored because you can have a sequence
-  // that contains modifiers such as "enter ctrl+space" and in most
-  // cases the modifier key will be pressed before the next key
-  //
-  // also if you have a sequence such as "ctrl+b a" then pressing the
-  // "b" key will trigger a "keypress" and a "keydown"
-  //
-  // the "keydown" is expected when there is a modifier, but the
-  // "keypress" ends up matching the nextExpectedAction since it occurs
-  // after and that causes the sequence to reset
-  //
-  // we ignore keypresses in a sequence that directly follow a keydown
-  // for the same character
-  ignoreThisKeypress = e.type === 'keypress' && self.ignoreNextKeypress
-  isModifier = require('../../helpers/isModifier')
-  if (e.type === self.nextExpectedAction && !isModifier(character) && !ignoreThisKeypress) {
-    self.resetSequences(doNotReset)
-  }
-
-  self.ignoreNextKeypress = processedSequenceCallback && e.type === 'keydown'
-}
-
-},{"../../helpers/isModifier":25}],13:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * handles a keydown event
- *
- * @param {Event} e
- * @returns void
- */
-module.exports = function (e) {
-  var self = this
-  var characterFromEvent
-  var eventModifiers
-
-  // normalize e.which for key events
-  // @see http://stackoverflow.com/questions/4285627/javascript-keycode-vs-charcode-utter-confusion
-  if (typeof e.which !== 'number') {
-    e.which = e.keyCode
-  }
-  characterFromEvent = require('../../helpers/characterFromEvent')
-  var character = characterFromEvent(e)
-
-  // no character found then stop
-  if (!character) {
-    return
-  }
-
-  // need to use === for the character check because the character can be 0
-  if (e.type === 'keyup' && self.ignoreNextKeyup === character) {
-    self.ignoreNextKeyup = false
-    return
-  }
-
-  eventModifiers = require('../../helpers/eventModifiers')
-  self.handleKey(character, eventModifiers(e), e)
-}
-
-},{"../../helpers/characterFromEvent":23,"../../helpers/eventModifiers":24}],14:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * checks if two arrays are equal
- *
- * @param {Array} modifiers1
- * @param {Array} modifiers2
- * @returns {boolean}
- */
-module.exports = function (modifiers1, modifiers2) {
-  return modifiers1.sort().join(',') === modifiers2.sort().join(',')
-}
-
-},{}],15:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * picks the best action based on the key combination
- *
- * @param {string} key - character for key
- * @param {Array} modifiers
- * @param {string=} action passed in
- */
-module.exports = function (key, modifiers, action) {
-  var self = this
-
-  // if no action was picked in we should try to pick the one
-  // that we think would work best for this key
-  if (!action) {
-    action = self.getReverseMap()[key] ? 'keydown' : 'keypress'
-  }
-
-  // modifier keys don't work as expected with keypress,
-  // switch to keydown
-  if (action === 'keypress' && modifiers.length) {
-    action = 'keydown'
-  }
-
-  return action
-}
-
-},{}],16:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * resets the library back to its initial state. This is useful
- * if you want to clear out the current keyboard shortcuts and bind
- * new ones - for example if you switch to another page
- *
- * @returns void
- */
-module.exports = function () {
-  var self = this
-  self.callbacks = {}
-  self.directMap = {}
-  return this
-}
-
-},{}],17:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * called to set a 1 second timeout on the specified sequence
- *
- * this is so after each key press in the sequence you have 1 second
- * to press the next key before you have to start over
- *
- * @returns void
- */
-module.exports = function () {
-  var self = this
-
-  clearTimeout(self.resetTimer)
-  self.resetTimer = setTimeout(
-    function () {
-      self.resetSequences()
-    },
-    1000
-  )
-}
-
-},{}],18:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * resets all sequence counters except for the ones passed in
- *
- * @param {Object} doNotReset
- * @returns void
- */
-module.exports = function (doNotReset) {
-  var self = this
-
-  doNotReset = doNotReset || {}
-
-  var activeSequences = false
-  var key
-
-  for (key in self.sequenceLevels) {
-    if (doNotReset[key]) {
-      activeSequences = true
-      continue
-    }
-    self.sequenceLevels[key] = 0
-  }
-
-  if (!activeSequences) {
-    self.nextExpectedAction = false
-  }
-}
-
-},{}],19:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
-* should we stop this event before firing off callbacks
-*
-* @param {Event} e
-* @param {Element} element
-* @return {boolean}
-*/
-module.exports = function (e, element) {
-  // if the element has the class "combokeys" then no need to stop
-  if ((' ' + element.className + ' ').indexOf(' combokeys ') > -1) {
-    return false
-  }
-
-  var tagName = element.tagName.toLowerCase()
-
-  // stop for input, select, and textarea
-  return tagName === 'input' || tagName === 'select' || tagName === 'textarea' || element.isContentEditable
-}
-
-},{}],20:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * triggers an event that has already been bound
- *
- * @param {string} keys
- * @param {string=} action
- * @returns void
- */
-module.exports = function (keys, action) {
-  var self = this
-  if (self.directMap[keys + ':' + action]) {
-    self.directMap[keys + ':' + action]({}, keys)
-  }
-  return this
-}
-
-},{}],21:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * unbinds an event to Combokeys
- *
- * the unbinding sets the callback function of the specified key combo
- * to an empty function and deletes the corresponding key in the
- * directMap dict.
- *
- * TODO: actually remove this from the callbacks dictionary instead
- * of binding an empty function
- *
- * the keycombo+action has to be exactly the same as
- * it was defined in the bind method
- *
- * @param {string|Array} keys
- * @param {string} action
- * @returns void
- */
-module.exports = function (keys, action) {
-  var self = this
-
-  return self.bind(keys, function () {}, action)
-}
-
-},{}],22:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-module.exports = function () {
-  var self = this
-
-  self.instances.forEach(function (combokeys) {
-    combokeys.reset()
-  })
-}
-
-},{}],23:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * takes the event and returns the key character
- *
- * @param {Event} e
- * @return {string}
- */
-module.exports = function (e) {
-  var SPECIAL_KEYS_MAP,
-  SPECIAL_CHARACTERS_MAP
-  SPECIAL_KEYS_MAP = require('./special-keys-map')
-  SPECIAL_CHARACTERS_MAP = require('./special-characters-map')
-
-  // for keypress events we should return the character as is
-  if (e.type === 'keypress') {
-    var character = String.fromCharCode(e.which)
-
-    // if the shift key is not pressed then it is safe to assume
-    // that we want the character to be lowercase.  this means if
-    // you accidentally have caps lock on then your key bindings
-    // will continue to work
-    //
-    // the only side effect that might not be desired is if you
-    // bind something like 'A' cause you want to trigger an
-    // event when capital A is pressed caps lock will no longer
-    // trigger the event.  shift+a will though.
-    if (!e.shiftKey) {
-      character = character.toLowerCase()
-    }
-
-    return character
-  }
-
-  // for non keypress events the special maps are needed
-  if (SPECIAL_KEYS_MAP[e.which]) {
-    return SPECIAL_KEYS_MAP[e.which]
-  }
-
-  if (SPECIAL_CHARACTERS_MAP[e.which]) {
-    return SPECIAL_CHARACTERS_MAP[e.which]
-  }
-
-  // if it is not in the special map
-
-  // with keydown and keyup events the character seems to always
-  // come in as an uppercase character whether you are pressing shift
-  // or not.  we should make sure it is always lowercase for comparisons
-  return String.fromCharCode(e.which).toLowerCase()
-}
-
-},{"./special-characters-map":30,"./special-keys-map":31}],24:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * takes a key event and figures out what the modifiers are
- *
- * @param {Event} e
- * @returns {Array}
- */
-module.exports = function (e) {
-  var modifiers = []
-
-  if (e.shiftKey) {
-    modifiers.push('shift')
-  }
-
-  if (e.altKey) {
-    modifiers.push('alt')
-  }
-
-  if (e.ctrlKey) {
-    modifiers.push('ctrl')
-  }
-
-  if (e.metaKey) {
-    modifiers.push('meta')
-  }
-
-  return modifiers
-}
-
-},{}],25:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * determines if the keycode specified is a modifier key or not
- *
- * @param {string} key
- * @returns {boolean}
- */
-module.exports = function (key) {
-  return key === 'shift' || key === 'ctrl' || key === 'alt' || key === 'meta'
-}
-
-},{}],26:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * Converts from a string key combination to an array
- *
- * @param  {string} combination like "command+shift+l"
- * @return {Array}
- */
-module.exports = function (combination) {
-  if (combination === '+') {
-    return ['+']
-  }
-
-  return combination.split('+')
-}
-
-},{}],27:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * prevents default for this event
- *
- * @param {Event} e
- * @returns void
- */
-module.exports = function (e) {
-  if (e.preventDefault) {
-    e.preventDefault()
-    return
-  }
-
-  e.returnValue = false
-}
-
-},{}],28:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * this is a mapping of keys that require shift on a US keypad
- * back to the non shift equivelents
- *
- * this is so you can use keyup events with these keys
- *
- * note that this will only work reliably on US keyboards
- *
- * @type {Object}
- */
-module.exports = {
-  '~': '`',
-  '!': '1',
-  '@': '2',
-  '#': '3',
-  '$': '4',
-  '%': '5',
-  '^': '6',
-  '&': '7',
-  '*': '8',
-  '(': '9',
-  ')': '0',
-  '_': '-',
-  '+': '=',
-  ':': ';',
-  '"': "'",
-  '<': ',',
-  '>': '.',
-  '?': '/',
-  '|': '\\'
-}
-
-},{}],29:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * this is a list of special strings you can use to map
- * to modifier keys when you specify your keyboard shortcuts
- *
- * @type {Object}
- */
-module.exports = {
-  'option': 'alt',
-  'command': 'meta',
-  'return': 'enter',
-  'escape': 'esc',
-  'mod': /Mac|iPod|iPhone|iPad/.test(navigator.platform) ? 'meta' : 'ctrl'
-}
-
-},{}],30:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * mapping for special characters so they can support
- *
- * this dictionary is only used incase you want to bind a
- * keyup or keydown event to one of these keys
- *
- * @type {Object}
- */
-module.exports = {
-  106: '*',
-  107: '+',
-  109: '-',
-  110: '.',
-  111: '/',
-  186: ';',
-  187: '=',
-  188: ',',
-  189: '-',
-  190: '.',
-  191: '/',
-  192: '`',
-  219: '[',
-  220: '\\',
-  221: ']',
-  222: "'"
-}
-
-},{}],31:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-/**
- * mapping of special keycodes to their corresponding keys
- *
- * everything in this dictionary cannot use keypress events
- * so it has to be here to map to the correct keycodes for
- * keyup/keydown events
- *
- * @type {Object}
- */
-module.exports = {
-  8: 'backspace',
-  9: 'tab',
-  13: 'enter',
-  16: 'shift',
-  17: 'ctrl',
-  18: 'alt',
-  20: 'capslock',
-  27: 'esc',
-  32: 'space',
-  33: 'pageup',
-  34: 'pagedown',
-  35: 'end',
-  36: 'home',
-  37: 'left',
-  38: 'up',
-  39: 'right',
-  40: 'down',
-  45: 'ins',
-  46: 'del',
-  91: 'meta',
-  93: 'meta',
-  187: 'plus',
-  189: 'minus',
-  224: 'meta'
-}
-
-/**
- * loop through the f keys, f1 to f19 and add them to the map
- * programatically
- */
-for (var i = 1; i < 20; ++i) {
-  module.exports[111 + i] = 'f' + i
-}
-
-/**
- * loop through to map numbers on the numeric keypad
- */
-for (i = 0; i <= 9; ++i) {
-  module.exports[i + 96] = i
-}
-
-},{}],32:[function(require,module,exports){
-/* eslint-env node, browser */
-'use strict'
-
-/**
- * stops propogation for this event
- *
- * @param {Event} e
- * @returns void
- */
-module.exports = function (e) {
-  if (e.stopPropagation) {
-    e.stopPropagation()
-    return
-  }
-
-  e.cancelBubble = true
-}
-
-},{}],33:[function(require,module,exports){
-module.exports = on;
-module.exports.on = on;
-module.exports.off = off;
-
-function on (element, event, callback, capture) {
-  !element.addEventListener && (event = 'on' + event);
-  (element.addEventListener || element.attachEvent).call(element, event, callback, capture);
-  return callback;
-}
-
-function off (element, event, callback, capture) {
-  !element.removeEventListener && (event = 'on' + event);
-  (element.removeEventListener || element.detachEvent).call(element, event, callback, capture);
-  return callback;
-}
-
-},{}],34:[function(require,module,exports){
-WYMeditor.EXTERNAL_MODULES.Combokeys = require("combokeys");
-
-},{"combokeys":1}]},{},[34])(34)
-});
-//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlcy9ncnVudC1icm93c2VyaWZ5L25vZGVfbW9kdWxlcy9icm93c2VyaWZ5L25vZGVfbW9kdWxlcy9icm93c2VyLXBhY2svX3ByZWx1ZGUuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9pbmRleC5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvQ29tYm9rZXlzL3Byb3RvdHlwZS9hZGRFdmVudHMuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvYmluZC5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvQ29tYm9rZXlzL3Byb3RvdHlwZS9iaW5kTXVsdGlwbGUuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvYmluZFNlcXVlbmNlLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9Db21ib2tleXMvcHJvdG90eXBlL2JpbmRTaW5nbGUuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvZGV0YWNoLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9Db21ib2tleXMvcHJvdG90eXBlL2ZpcmVDYWxsYmFjay5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvQ29tYm9rZXlzL3Byb3RvdHlwZS9nZXRLZXlJbmZvLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9Db21ib2tleXMvcHJvdG90eXBlL2dldE1hdGNoZXMuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvZ2V0UmV2ZXJzZU1hcC5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvQ29tYm9rZXlzL3Byb3RvdHlwZS9oYW5kbGVLZXkuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvaGFuZGxlS2V5RXZlbnQuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvbW9kaWZpZXJzTWF0Y2guanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvcGlja0Jlc3RBY3Rpb24uanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvcmVzZXQuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL0NvbWJva2V5cy9wcm90b3R5cGUvcmVzZXRTZXF1ZW5jZVRpbWVyLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9Db21ib2tleXMvcHJvdG90eXBlL3Jlc2V0U2VxdWVuY2VzLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9Db21ib2tleXMvcHJvdG90eXBlL3N0b3BDYWxsYmFjay5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvQ29tYm9rZXlzL3Byb3RvdHlwZS90cmlnZ2VyLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9Db21ib2tleXMvcHJvdG90eXBlL3VuYmluZC5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvQ29tYm9rZXlzL3Jlc2V0LmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9oZWxwZXJzL2NoYXJhY3RlckZyb21FdmVudC5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvaGVscGVycy9ldmVudE1vZGlmaWVycy5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvaGVscGVycy9pc01vZGlmaWVyLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9oZWxwZXJzL2tleXNGcm9tU3RyaW5nLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9oZWxwZXJzL3ByZXZlbnREZWZhdWx0LmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9oZWxwZXJzL3NoaWZ0LW1hcC5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvaGVscGVycy9zcGVjaWFsLWFsaWFzZXMuanMiLCJub2RlX21vZHVsZXMvY29tYm9rZXlzL2hlbHBlcnMvc3BlY2lhbC1jaGFyYWN0ZXJzLW1hcC5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvaGVscGVycy9zcGVjaWFsLWtleXMtbWFwLmpzIiwibm9kZV9tb2R1bGVzL2NvbWJva2V5cy9oZWxwZXJzL3N0b3BQcm9wYWdhdGlvbi5qcyIsIm5vZGVfbW9kdWxlcy9jb21ib2tleXMvbm9kZV9tb2R1bGVzL2RvbS1ldmVudC9pbmRleC5qcyIsInNyYy93eW1lZGl0b3IvZXh0ZXJuYWwtbW9kdWxlcy9jb21ib2tleXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUNBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNoR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNiQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDdkJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2xCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUM5RUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ3hEQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNUQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUM5QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUM3REE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ25GQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQy9CQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUM3RkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDcENBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDYkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDM0JBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDaEJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ3JCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDN0JBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ3JCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2hCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUN4QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNWQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNuREE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDOUJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ1pBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDaEJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNqQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDakNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2ZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDNUJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDcERBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNqQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDZkE7QUFDQSIsImZpbGUiOiJnZW5lcmF0ZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlc0NvbnRlbnQiOlsiKGZ1bmN0aW9uIGUodCxuLHIpe2Z1bmN0aW9uIHMobyx1KXtpZighbltvXSl7aWYoIXRbb10pe3ZhciBhPXR5cGVvZiByZXF1aXJlPT1cImZ1bmN0aW9uXCImJnJlcXVpcmU7aWYoIXUmJmEpcmV0dXJuIGEobywhMCk7aWYoaSlyZXR1cm4gaShvLCEwKTt2YXIgZj1uZXcgRXJyb3IoXCJDYW5ub3QgZmluZCBtb2R1bGUgJ1wiK28rXCInXCIpO3Rocm93IGYuY29kZT1cIk1PRFVMRV9OT1RfRk9VTkRcIixmfXZhciBsPW5bb109e2V4cG9ydHM6e319O3Rbb11bMF0uY2FsbChsLmV4cG9ydHMsZnVuY3Rpb24oZSl7dmFyIG49dFtvXVsxXVtlXTtyZXR1cm4gcyhuP246ZSl9LGwsbC5leHBvcnRzLGUsdCxuLHIpfXJldHVybiBuW29dLmV4cG9ydHN9dmFyIGk9dHlwZW9mIHJlcXVpcmU9PVwiZnVuY3Rpb25cIiYmcmVxdWlyZTtmb3IodmFyIG89MDtvPHIubGVuZ3RoO28rKylzKHJbb10pO3JldHVybiBzfSkiLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChlbGVtZW50KSB7XG4gIHZhciBzZWxmID0gdGhpc1xuICB2YXIgQ29tYm9rZXlzID0gc2VsZi5jb25zdHJ1Y3RvclxuXG4gIC8qKlxuICAgKiBhIGxpc3Qgb2YgYWxsIHRoZSBjYWxsYmFja3Mgc2V0dXAgdmlhIENvbWJva2V5cy5iaW5kKClcbiAgICpcbiAgICogQHR5cGUge09iamVjdH1cbiAgICovXG4gIHNlbGYuY2FsbGJhY2tzID0ge31cblxuICAvKipcbiAgICogZGlyZWN0IG1hcCBvZiBzdHJpbmcgY29tYmluYXRpb25zIHRvIGNhbGxiYWNrcyB1c2VkIGZvciB0cmlnZ2VyKClcbiAgICpcbiAgICogQHR5cGUge09iamVjdH1cbiAgICovXG4gIHNlbGYuZGlyZWN0TWFwID0ge31cblxuICAvKipcbiAgICoga2VlcHMgdHJhY2sgb2Ygd2hhdCBsZXZlbCBlYWNoIHNlcXVlbmNlIGlzIGF0IHNpbmNlIG11bHRpcGxlXG4gICAqIHNlcXVlbmNlcyBjYW4gc3RhcnQgb3V0IHdpdGggdGhlIHNhbWUgc2VxdWVuY2VcbiAgICpcbiAgICogQHR5cGUge09iamVjdH1cbiAgICovXG4gIHNlbGYuc2VxdWVuY2VMZXZlbHMgPSB7fVxuXG4gIC8qKlxuICAgKiB2YXJpYWJsZSB0byBzdG9yZSB0aGUgc2V0VGltZW91dCBjYWxsXG4gICAqXG4gICAqIEB0eXBlIHtudWxsfG51bWJlcn1cbiAgICovXG4gIHNlbGYucmVzZXRUaW1lclxuXG4gIC8qKlxuICAgKiB0ZW1wb3Jhcnkgc3RhdGUgd2hlcmUgd2Ugd2lsbCBpZ25vcmUgdGhlIG5leHQga2V5dXBcbiAgICpcbiAgICogQHR5cGUge2Jvb2xlYW58c3RyaW5nfVxuICAgKi9cbiAgc2VsZi5pZ25vcmVOZXh0S2V5dXAgPSBmYWxzZVxuXG4gIC8qKlxuICAgKiB0ZW1wb3Jhcnkgc3RhdGUgd2hlcmUgd2Ugd2lsbCBpZ25vcmUgdGhlIG5leHQga2V5cHJlc3NcbiAgICpcbiAgICogQHR5cGUge2Jvb2xlYW59XG4gICAqL1xuICBzZWxmLmlnbm9yZU5leHRLZXlwcmVzcyA9IGZhbHNlXG5cbiAgLyoqXG4gICAqIGFyZSB3ZSBjdXJyZW50bHkgaW5zaWRlIG9mIGEgc2VxdWVuY2U/XG4gICAqIHR5cGUgb2YgYWN0aW9uIChcImtleXVwXCIgb3IgXCJrZXlkb3duXCIgb3IgXCJrZXlwcmVzc1wiKSBvciBmYWxzZVxuICAgKlxuICAgKiBAdHlwZSB7Ym9vbGVhbnxzdHJpbmd9XG4gICAqL1xuICBzZWxmLm5leHRFeHBlY3RlZEFjdGlvbiA9IGZhbHNlXG5cbiAgc2VsZi5lbGVtZW50ID0gZWxlbWVudFxuXG4gIHNlbGYuYWRkRXZlbnRzKClcblxuICBDb21ib2tleXMuaW5zdGFuY2VzLnB1c2goc2VsZilcbiAgcmV0dXJuIHNlbGZcbn1cblxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLmJpbmQgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9iaW5kJylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5iaW5kTXVsdGlwbGUgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9iaW5kTXVsdGlwbGUnKVxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLnVuYmluZCA9IHJlcXVpcmUoJy4vcHJvdG90eXBlL3VuYmluZCcpXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUudHJpZ2dlciA9IHJlcXVpcmUoJy4vcHJvdG90eXBlL3RyaWdnZXInKVxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLnJlc2V0ID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvcmVzZXQuanMnKVxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLnN0b3BDYWxsYmFjayA9IHJlcXVpcmUoJy4vcHJvdG90eXBlL3N0b3BDYWxsYmFjaycpXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUuaGFuZGxlS2V5ID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvaGFuZGxlS2V5Jylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5hZGRFdmVudHMgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9hZGRFdmVudHMnKVxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLmJpbmRTaW5nbGUgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9iaW5kU2luZ2xlJylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5nZXRLZXlJbmZvID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvZ2V0S2V5SW5mbycpXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUucGlja0Jlc3RBY3Rpb24gPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9waWNrQmVzdEFjdGlvbicpXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUuZ2V0UmV2ZXJzZU1hcCA9IHJlcXVpcmUoJy4vcHJvdG90eXBlL2dldFJldmVyc2VNYXAnKVxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLmdldE1hdGNoZXMgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9nZXRNYXRjaGVzJylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5yZXNldFNlcXVlbmNlcyA9IHJlcXVpcmUoJy4vcHJvdG90eXBlL3Jlc2V0U2VxdWVuY2VzJylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5maXJlQ2FsbGJhY2sgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9maXJlQ2FsbGJhY2snKVxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLmJpbmRTZXF1ZW5jZSA9IHJlcXVpcmUoJy4vcHJvdG90eXBlL2JpbmRTZXF1ZW5jZScpXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUucmVzZXRTZXF1ZW5jZVRpbWVyID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvcmVzZXRTZXF1ZW5jZVRpbWVyJylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5kZXRhY2ggPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9kZXRhY2gnKVxuXG5tb2R1bGUuZXhwb3J0cy5pbnN0YW5jZXMgPSBbXVxubW9kdWxlLmV4cG9ydHMucmVzZXQgPSByZXF1aXJlKCcuL3Jlc2V0JylcblxuLyoqXG4gKiB2YXJpYWJsZSB0byBzdG9yZSB0aGUgZmxpcHBlZCB2ZXJzaW9uIG9mIE1BUCBmcm9tIGFib3ZlXG4gKiBuZWVkZWQgdG8gY2hlY2sgaWYgd2Ugc2hvdWxkIHVzZSBrZXlwcmVzcyBvciBub3Qgd2hlbiBubyBhY3Rpb25cbiAqIGlzIHNwZWNpZmllZFxuICpcbiAqIEB0eXBlIHtPYmplY3R8dW5kZWZpbmVkfVxuICovXG5tb2R1bGUuZXhwb3J0cy5SRVZFUlNFX01BUCA9IG51bGxcbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uICgpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG4gIHZhciBvbiA9IHJlcXVpcmUoJ2RvbS1ldmVudCcpXG4gIHZhciBlbGVtZW50ID0gc2VsZi5lbGVtZW50XG5cbiAgc2VsZi5ldmVudEhhbmRsZXIgPSByZXF1aXJlKCcuL2hhbmRsZUtleUV2ZW50JykuYmluZChzZWxmKVxuXG4gIG9uKGVsZW1lbnQsICdrZXlwcmVzcycsIHNlbGYuZXZlbnRIYW5kbGVyKVxuICBvbihlbGVtZW50LCAna2V5ZG93bicsIHNlbGYuZXZlbnRIYW5kbGVyKVxuICBvbihlbGVtZW50LCAna2V5dXAnLCBzZWxmLmV2ZW50SGFuZGxlcilcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG4vKipcbiAqIGJpbmRzIGFuIGV2ZW50IHRvIENvbWJva2V5c1xuICpcbiAqIGNhbiBiZSBhIHNpbmdsZSBrZXksIGEgY29tYmluYXRpb24gb2Yga2V5cyBzZXBhcmF0ZWQgd2l0aCArLFxuICogYW4gYXJyYXkgb2Yga2V5cywgb3IgYSBzZXF1ZW5jZSBvZiBrZXlzIHNlcGFyYXRlZCBieSBzcGFjZXNcbiAqXG4gKiBiZSBzdXJlIHRvIGxpc3QgdGhlIG1vZGlmaWVyIGtleXMgZmlyc3QgdG8gbWFrZSBzdXJlIHRoYXQgdGhlXG4gKiBjb3JyZWN0IGtleSBlbmRzIHVwIGdldHRpbmcgYm91bmQgKHRoZSBsYXN0IGtleSBpbiB0aGUgcGF0dGVybilcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ3xBcnJheX0ga2V5c1xuICogQHBhcmFtIHtGdW5jdGlvbn0gY2FsbGJhY2tcbiAqIEBwYXJhbSB7c3RyaW5nPX0gYWN0aW9uIC0gXCJrZXlwcmVzc1wiLCBcImtleWRvd25cIiwgb3IgXCJrZXl1cFwiXG4gKiBAcmV0dXJucyB2b2lkXG4gKi9cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGtleXMsIGNhbGxiYWNrLCBhY3Rpb24pIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG5cbiAga2V5cyA9IGtleXMgaW5zdGFuY2VvZiBBcnJheSA/IGtleXMgOiBba2V5c11cbiAgc2VsZi5iaW5kTXVsdGlwbGUoa2V5cywgY2FsbGJhY2ssIGFjdGlvbilcbiAgcmV0dXJuIHNlbGZcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG5cbi8qKlxuICogYmluZHMgbXVsdGlwbGUgY29tYmluYXRpb25zIHRvIHRoZSBzYW1lIGNhbGxiYWNrXG4gKlxuICogQHBhcmFtIHtBcnJheX0gY29tYmluYXRpb25zXG4gKiBAcGFyYW0ge0Z1bmN0aW9ufSBjYWxsYmFja1xuICogQHBhcmFtIHtzdHJpbmd8dW5kZWZpbmVkfSBhY3Rpb25cbiAqIEByZXR1cm5zIHZvaWRcbiAqL1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoY29tYmluYXRpb25zLCBjYWxsYmFjaywgYWN0aW9uKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuXG4gIGZvciAodmFyIGogPSAwOyBqIDwgY29tYmluYXRpb25zLmxlbmd0aDsgKytqKSB7XG4gICAgc2VsZi5iaW5kU2luZ2xlKGNvbWJpbmF0aW9uc1tqXSwgY2FsbGJhY2ssIGFjdGlvbilcbiAgfVxufVxuIiwiLyogZXNsaW50LWVudiBub2RlLCBicm93c2VyICovXG4ndXNlIHN0cmljdCdcblxuLyoqXG4gKiBiaW5kcyBhIGtleSBzZXF1ZW5jZSB0byBhbiBldmVudFxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBjb21ibyAtIGNvbWJvIHNwZWNpZmllZCBpbiBiaW5kIGNhbGxcbiAqIEBwYXJhbSB7QXJyYXl9IGtleXNcbiAqIEBwYXJhbSB7RnVuY3Rpb259IGNhbGxiYWNrXG4gKiBAcGFyYW0ge3N0cmluZz19IGFjdGlvblxuICogQHJldHVybnMgdm9pZFxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChjb21ibywga2V5cywgY2FsbGJhY2ssIGFjdGlvbikge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICAvLyBzdGFydCBvZmYgYnkgYWRkaW5nIGEgc2VxdWVuY2UgbGV2ZWwgcmVjb3JkIGZvciB0aGlzIGNvbWJpbmF0aW9uXG4gIC8vIGFuZCBzZXR0aW5nIHRoZSBsZXZlbCB0byAwXG4gIHNlbGYuc2VxdWVuY2VMZXZlbHNbY29tYm9dID0gMFxuXG4gIC8qKlxuICAgKiBjYWxsYmFjayB0byBpbmNyZWFzZSB0aGUgc2VxdWVuY2UgbGV2ZWwgZm9yIHRoaXMgc2VxdWVuY2UgYW5kIHJlc2V0XG4gICAqIGFsbCBvdGhlciBzZXF1ZW5jZXMgdGhhdCB3ZXJlIGFjdGl2ZVxuICAgKlxuICAgKiBAcGFyYW0ge3N0cmluZ30gbmV4dEFjdGlvblxuICAgKiBAcmV0dXJucyB7RnVuY3Rpb259XG4gICAqL1xuICBmdW5jdGlvbiBpbmNyZWFzZVNlcXVlbmNlIChuZXh0QWN0aW9uKSB7XG4gICAgcmV0dXJuIGZ1bmN0aW9uICgpIHtcbiAgICAgIHNlbGYubmV4dEV4cGVjdGVkQWN0aW9uID0gbmV4dEFjdGlvblxuICAgICAgKytzZWxmLnNlcXVlbmNlTGV2ZWxzW2NvbWJvXVxuICAgICAgc2VsZi5yZXNldFNlcXVlbmNlVGltZXIoKVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiB3cmFwcyB0aGUgc3BlY2lmaWVkIGNhbGxiYWNrIGluc2lkZSBvZiBhbm90aGVyIGZ1bmN0aW9uIGluIG9yZGVyXG4gICAqIHRvIHJlc2V0IGFsbCBzZXF1ZW5jZSBjb3VudGVycyBhcyBzb29uIGFzIHRoaXMgc2VxdWVuY2UgaXMgZG9uZVxuICAgKlxuICAgKiBAcGFyYW0ge0V2ZW50fSBlXG4gICAqIEByZXR1cm5zIHZvaWRcbiAgICovXG4gIGZ1bmN0aW9uIGNhbGxiYWNrQW5kUmVzZXQgKGUpIHtcbiAgICB2YXIgY2hhcmFjdGVyRnJvbUV2ZW50XG4gICAgc2VsZi5maXJlQ2FsbGJhY2soY2FsbGJhY2ssIGUsIGNvbWJvKVxuXG4gICAgLy8gd2Ugc2hvdWxkIGlnbm9yZSB0aGUgbmV4dCBrZXkgdXAgaWYgdGhlIGFjdGlvbiBpcyBrZXkgZG93blxuICAgIC8vIG9yIGtleXByZXNzLiAgdGhpcyBpcyBzbyBpZiB5b3UgZmluaXNoIGEgc2VxdWVuY2UgYW5kXG4gICAgLy8gcmVsZWFzZSB0aGUga2V5IHRoZSBmaW5hbCBrZXkgd2lsbCBub3QgdHJpZ2dlciBhIGtleXVwXG4gICAgaWYgKGFjdGlvbiAhPT0gJ2tleXVwJykge1xuICAgICAgY2hhcmFjdGVyRnJvbUV2ZW50ID0gcmVxdWlyZSgnLi4vLi4vaGVscGVycy9jaGFyYWN0ZXJGcm9tRXZlbnQnKVxuICAgICAgc2VsZi5pZ25vcmVOZXh0S2V5dXAgPSBjaGFyYWN0ZXJGcm9tRXZlbnQoZSlcbiAgICB9XG5cbiAgICAvLyB3ZWlyZCByYWNlIGNvbmRpdGlvbiBpZiBhIHNlcXVlbmNlIGVuZHMgd2l0aCB0aGUga2V5XG4gICAgLy8gYW5vdGhlciBzZXF1ZW5jZSBiZWdpbnMgd2l0aFxuICAgIHNldFRpbWVvdXQoXG4gICAgICBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNlbGYucmVzZXRTZXF1ZW5jZXMoKVxuICAgICAgfSxcbiAgICAgIDEwXG4gICAgKVxuICB9XG5cbiAgLy8gbG9vcCB0aHJvdWdoIGtleXMgb25lIGF0IGEgdGltZSBhbmQgYmluZCB0aGUgYXBwcm9wcmlhdGUgY2FsbGJhY2tcbiAgLy8gZnVuY3Rpb24uICBmb3IgYW55IGtleSBsZWFkaW5nIHVwIHRvIHRoZSBmaW5hbCBvbmUgaXQgc2hvdWxkXG4gIC8vIGluY3JlYXNlIHRoZSBzZXF1ZW5jZS4gYWZ0ZXIgdGhlIGZpbmFsLCBpdCBzaG91bGQgcmVzZXQgYWxsIHNlcXVlbmNlc1xuICAvL1xuICAvLyBpZiBhbiBhY3Rpb24gaXMgc3BlY2lmaWVkIGluIHRoZSBvcmlnaW5hbCBiaW5kIGNhbGwgdGhlbiB0aGF0IHdpbGxcbiAgLy8gYmUgdXNlZCB0aHJvdWdob3V0LiAgb3RoZXJ3aXNlIHdlIHdpbGwgcGFzcyB0aGUgYWN0aW9uIHRoYXQgdGhlXG4gIC8vIG5leHQga2V5IGluIHRoZSBzZXF1ZW5jZSBzaG91bGQgbWF0Y2guICB0aGlzIGFsbG93cyBhIHNlcXVlbmNlXG4gIC8vIHRvIG1peCBhbmQgbWF0Y2gga2V5cHJlc3MgYW5kIGtleWRvd24gZXZlbnRzIGRlcGVuZGluZyBvbiB3aGljaFxuICAvLyBvbmVzIGFyZSBiZXR0ZXIgc3VpdGVkIHRvIHRoZSBrZXkgcHJvdmlkZWRcbiAgZm9yICh2YXIgaiA9IDA7IGogPCBrZXlzLmxlbmd0aDsgKytqKSB7XG4gICAgdmFyIGlzRmluYWwgPSBqICsgMSA9PT0ga2V5cy5sZW5ndGhcbiAgICB2YXIgd3JhcHBlZENhbGxiYWNrID0gaXNGaW5hbCA/IGNhbGxiYWNrQW5kUmVzZXQgOiBpbmNyZWFzZVNlcXVlbmNlKGFjdGlvbiB8fCBzZWxmLmdldEtleUluZm8oa2V5c1tqICsgMV0pLmFjdGlvbilcbiAgICBzZWxmLmJpbmRTaW5nbGUoa2V5c1tqXSwgd3JhcHBlZENhbGxiYWNrLCBhY3Rpb24sIGNvbWJvLCBqKVxuICB9XG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIGJpbmRzIGEgc2luZ2xlIGtleWJvYXJkIGNvbWJpbmF0aW9uXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IGNvbWJpbmF0aW9uXG4gKiBAcGFyYW0ge0Z1bmN0aW9ufSBjYWxsYmFja1xuICogQHBhcmFtIHtzdHJpbmc9fSBhY3Rpb25cbiAqIEBwYXJhbSB7c3RyaW5nPX0gc2VxdWVuY2VOYW1lIC0gbmFtZSBvZiBzZXF1ZW5jZSBpZiBwYXJ0IG9mIHNlcXVlbmNlXG4gKiBAcGFyYW0ge251bWJlcj19IGxldmVsIC0gd2hhdCBwYXJ0IG9mIHRoZSBzZXF1ZW5jZSB0aGUgY29tbWFuZCBpc1xuICogQHJldHVybnMgdm9pZFxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChjb21iaW5hdGlvbiwgY2FsbGJhY2ssIGFjdGlvbiwgc2VxdWVuY2VOYW1lLCBsZXZlbCkge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICAvLyBzdG9yZSBhIGRpcmVjdCBtYXBwZWQgcmVmZXJlbmNlIGZvciB1c2Ugd2l0aCBDb21ib2tleXMudHJpZ2dlclxuICBzZWxmLmRpcmVjdE1hcFtjb21iaW5hdGlvbiArICc6JyArIGFjdGlvbl0gPSBjYWxsYmFja1xuXG4gIC8vIG1ha2Ugc3VyZSBtdWx0aXBsZSBzcGFjZXMgaW4gYSByb3cgYmVjb21lIGEgc2luZ2xlIHNwYWNlXG4gIGNvbWJpbmF0aW9uID0gY29tYmluYXRpb24ucmVwbGFjZSgvXFxzKy9nLCAnICcpXG5cbiAgdmFyIHNlcXVlbmNlID0gY29tYmluYXRpb24uc3BsaXQoJyAnKVxuICB2YXIgaW5mb1xuXG4gIC8vIGlmIHRoaXMgcGF0dGVybiBpcyBhIHNlcXVlbmNlIG9mIGtleXMgdGhlbiBydW4gdGhyb3VnaCB0aGlzIG1ldGhvZFxuICAvLyB0byByZXByb2Nlc3MgZWFjaCBwYXR0ZXJuIG9uZSBrZXkgYXQgYSB0aW1lXG4gIGlmIChzZXF1ZW5jZS5sZW5ndGggPiAxKSB7XG4gICAgc2VsZi5iaW5kU2VxdWVuY2UoY29tYmluYXRpb24sIHNlcXVlbmNlLCBjYWxsYmFjaywgYWN0aW9uKVxuICAgIHJldHVyblxuICB9XG5cbiAgaW5mbyA9IHNlbGYuZ2V0S2V5SW5mbyhjb21iaW5hdGlvbiwgYWN0aW9uKVxuXG4gIC8vIG1ha2Ugc3VyZSB0byBpbml0aWFsaXplIGFycmF5IGlmIHRoaXMgaXMgdGhlIGZpcnN0IHRpbWVcbiAgLy8gYSBjYWxsYmFjayBpcyBhZGRlZCBmb3IgdGhpcyBrZXlcbiAgc2VsZi5jYWxsYmFja3NbaW5mby5rZXldID0gc2VsZi5jYWxsYmFja3NbaW5mby5rZXldIHx8IFtdXG5cbiAgLy8gcmVtb3ZlIGFuIGV4aXN0aW5nIG1hdGNoIGlmIHRoZXJlIGlzIG9uZVxuICBzZWxmLmdldE1hdGNoZXMoaW5mby5rZXksIGluZm8ubW9kaWZpZXJzLCB7dHlwZTogaW5mby5hY3Rpb259LCBzZXF1ZW5jZU5hbWUsIGNvbWJpbmF0aW9uLCBsZXZlbClcblxuICAvLyBhZGQgdGhpcyBjYWxsIGJhY2sgdG8gdGhlIGFycmF5XG4gIC8vIGlmIGl0IGlzIGEgc2VxdWVuY2UgcHV0IGl0IGF0IHRoZSBiZWdpbm5pbmdcbiAgLy8gaWYgbm90IHB1dCBpdCBhdCB0aGUgZW5kXG4gIC8vXG4gIC8vIHRoaXMgaXMgaW1wb3J0YW50IGJlY2F1c2UgdGhlIHdheSB0aGVzZSBhcmUgcHJvY2Vzc2VkIGV4cGVjdHNcbiAgLy8gdGhlIHNlcXVlbmNlIG9uZXMgdG8gY29tZSBmaXJzdFxuICBzZWxmLmNhbGxiYWNrc1tpbmZvLmtleV1bc2VxdWVuY2VOYW1lID8gJ3Vuc2hpZnQnIDogJ3B1c2gnXSh7XG4gICAgY2FsbGJhY2s6IGNhbGxiYWNrLFxuICAgIG1vZGlmaWVyczogaW5mby5tb2RpZmllcnMsXG4gICAgYWN0aW9uOiBpbmZvLmFjdGlvbixcbiAgICBzZXE6IHNlcXVlbmNlTmFtZSxcbiAgICBsZXZlbDogbGV2ZWwsXG4gICAgY29tYm86IGNvbWJpbmF0aW9uXG4gIH0pXG59XG4iLCJ2YXIgb2ZmID0gcmVxdWlyZSgnZG9tLWV2ZW50Jykub2ZmXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uICgpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG4gIHZhciBlbGVtZW50ID0gc2VsZi5lbGVtZW50XG5cbiAgb2ZmKGVsZW1lbnQsICdrZXlwcmVzcycsIHNlbGYuZXZlbnRIYW5kbGVyKVxuICBvZmYoZWxlbWVudCwgJ2tleWRvd24nLCBzZWxmLmV2ZW50SGFuZGxlcilcbiAgb2ZmKGVsZW1lbnQsICdrZXl1cCcsIHNlbGYuZXZlbnRIYW5kbGVyKVxufVxuIiwiLyogZXNsaW50LWVudiBub2RlLCBicm93c2VyICovXG4ndXNlIHN0cmljdCdcblxuLyoqXG4gKiBhY3R1YWxseSBjYWxscyB0aGUgY2FsbGJhY2sgZnVuY3Rpb25cbiAqXG4gKiBpZiB5b3VyIGNhbGxiYWNrIGZ1bmN0aW9uIHJldHVybnMgZmFsc2UgdGhpcyB3aWxsIHVzZSB0aGUganF1ZXJ5XG4gKiBjb252ZW50aW9uIC0gcHJldmVudCBkZWZhdWx0IGFuZCBzdG9wIHByb3BvZ2F0aW9uIG9uIHRoZSBldmVudFxuICpcbiAqIEBwYXJhbSB7RnVuY3Rpb259IGNhbGxiYWNrXG4gKiBAcGFyYW0ge0V2ZW50fSBlXG4gKiBAcmV0dXJucyB2b2lkXG4gKi9cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGNhbGxiYWNrLCBlLCBjb21ibywgc2VxdWVuY2UpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG4gIHZhciBwcmV2ZW50RGVmYXVsdFxuICB2YXIgc3RvcFByb3BhZ2F0aW9uXG5cbiAgLy8gaWYgdGhpcyBldmVudCBzaG91bGQgbm90IGhhcHBlbiBzdG9wIGhlcmVcbiAgaWYgKHNlbGYuc3RvcENhbGxiYWNrKGUsIGUudGFyZ2V0IHx8IGUuc3JjRWxlbWVudCwgY29tYm8sIHNlcXVlbmNlKSkge1xuICAgIHJldHVyblxuICB9XG5cbiAgaWYgKGNhbGxiYWNrKGUsIGNvbWJvKSA9PT0gZmFsc2UpIHtcbiAgICBwcmV2ZW50RGVmYXVsdCA9IHJlcXVpcmUoJy4uLy4uL2hlbHBlcnMvcHJldmVudERlZmF1bHQnKVxuICAgIHByZXZlbnREZWZhdWx0KGUpXG4gICAgc3RvcFByb3BhZ2F0aW9uID0gcmVxdWlyZSgnLi4vLi4vaGVscGVycy9zdG9wUHJvcGFnYXRpb24nKVxuICAgIHN0b3BQcm9wYWdhdGlvbihlKVxuICB9XG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIEdldHMgaW5mbyBmb3IgYSBzcGVjaWZpYyBrZXkgY29tYmluYXRpb25cbiAqXG4gKiBAcGFyYW0gIHtzdHJpbmd9IGNvbWJpbmF0aW9uIGtleSBjb21iaW5hdGlvbiAoXCJjb21tYW5kK3NcIiBvciBcImFcIiBvciBcIipcIilcbiAqIEBwYXJhbSAge3N0cmluZz19IGFjdGlvblxuICogQHJldHVybnMge09iamVjdH1cbiAqL1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoY29tYmluYXRpb24sIGFjdGlvbikge1xuICB2YXIgc2VsZiA9IHRoaXNcbiAgdmFyIGtleXNGcm9tU3RyaW5nXG4gIHZhciBrZXlzXG4gIHZhciBrZXlcbiAgdmFyIGpcbiAgdmFyIG1vZGlmaWVycyA9IFtdXG4gIHZhciBTUEVDSUFMX0FMSUFTRVNcbiAgdmFyIFNISUZUX01BUFxuICB2YXIgaXNNb2RpZmllclxuXG4gIGtleXNGcm9tU3RyaW5nID0gcmVxdWlyZSgnLi4vLi4vaGVscGVycy9rZXlzRnJvbVN0cmluZycpXG4gIC8vIHRha2UgdGhlIGtleXMgZnJvbSB0aGlzIHBhdHRlcm4gYW5kIGZpZ3VyZSBvdXQgd2hhdCB0aGUgYWN0dWFsXG4gIC8vIHBhdHRlcm4gaXMgYWxsIGFib3V0XG4gIGtleXMgPSBrZXlzRnJvbVN0cmluZyhjb21iaW5hdGlvbilcblxuICBTUEVDSUFMX0FMSUFTRVMgPSByZXF1aXJlKCcuLi8uLi9oZWxwZXJzL3NwZWNpYWwtYWxpYXNlcycpXG4gIFNISUZUX01BUCA9IHJlcXVpcmUoJy4uLy4uL2hlbHBlcnMvc2hpZnQtbWFwJylcbiAgaXNNb2RpZmllciA9IHJlcXVpcmUoJy4uLy4uL2hlbHBlcnMvaXNNb2RpZmllcicpXG4gIGZvciAoaiA9IDA7IGogPCBrZXlzLmxlbmd0aDsgKytqKSB7XG4gICAga2V5ID0ga2V5c1tqXVxuXG4gICAgLy8gbm9ybWFsaXplIGtleSBuYW1lc1xuICAgIGlmIChTUEVDSUFMX0FMSUFTRVNba2V5XSkge1xuICAgICAga2V5ID0gU1BFQ0lBTF9BTElBU0VTW2tleV1cbiAgICB9XG5cbiAgICAvLyBpZiB0aGlzIGlzIG5vdCBhIGtleXByZXNzIGV2ZW50IHRoZW4gd2Ugc2hvdWxkXG4gICAgLy8gYmUgc21hcnQgYWJvdXQgdXNpbmcgc2hpZnQga2V5c1xuICAgIC8vIHRoaXMgd2lsbCBvbmx5IHdvcmsgZm9yIFVTIGtleWJvYXJkcyBob3dldmVyXG4gICAgaWYgKGFjdGlvbiAmJiBhY3Rpb24gIT09ICdrZXlwcmVzcycgJiYgU0hJRlRfTUFQW2tleV0pIHtcbiAgICAgIGtleSA9IFNISUZUX01BUFtrZXldXG4gICAgICBtb2RpZmllcnMucHVzaCgnc2hpZnQnKVxuICAgIH1cblxuICAgIC8vIGlmIHRoaXMga2V5IGlzIGEgbW9kaWZpZXIgdGhlbiBhZGQgaXQgdG8gdGhlIGxpc3Qgb2YgbW9kaWZpZXJzXG4gICAgaWYgKGlzTW9kaWZpZXIoa2V5KSkge1xuICAgICAgbW9kaWZpZXJzLnB1c2goa2V5KVxuICAgIH1cbiAgfVxuXG4gIC8vIGRlcGVuZGluZyBvbiB3aGF0IHRoZSBrZXkgY29tYmluYXRpb24gaXNcbiAgLy8gd2Ugd2lsbCB0cnkgdG8gcGljayB0aGUgYmVzdCBldmVudCBmb3IgaXRcbiAgYWN0aW9uID0gc2VsZi5waWNrQmVzdEFjdGlvbihrZXksIG1vZGlmaWVycywgYWN0aW9uKVxuXG4gIHJldHVybiB7XG4gICAga2V5OiBrZXksXG4gICAgbW9kaWZpZXJzOiBtb2RpZmllcnMsXG4gICAgYWN0aW9uOiBhY3Rpb25cbiAgfVxufVxuIiwiLyogZXNsaW50LWVudiBub2RlLCBicm93c2VyICovXG4ndXNlIHN0cmljdCdcblxuLyoqXG4gKiBmaW5kcyBhbGwgY2FsbGJhY2tzIHRoYXQgbWF0Y2ggYmFzZWQgb24gdGhlIGtleWNvZGUsIG1vZGlmaWVycyxcbiAqIGFuZCBhY3Rpb25cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gY2hhcmFjdGVyXG4gKiBAcGFyYW0ge0FycmF5fSBtb2RpZmllcnNcbiAqIEBwYXJhbSB7RXZlbnR8T2JqZWN0fSBlXG4gKiBAcGFyYW0ge3N0cmluZz19IHNlcXVlbmNlTmFtZSAtIG5hbWUgb2YgdGhlIHNlcXVlbmNlIHdlIGFyZSBsb29raW5nIGZvclxuICogQHBhcmFtIHtzdHJpbmc9fSBjb21iaW5hdGlvblxuICogQHBhcmFtIHtudW1iZXI9fSBsZXZlbFxuICogQHJldHVybnMge0FycmF5fVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChjaGFyYWN0ZXIsIG1vZGlmaWVycywgZSwgc2VxdWVuY2VOYW1lLCBjb21iaW5hdGlvbiwgbGV2ZWwpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG4gIHZhciBqXG4gIHZhciBjYWxsYmFja1xuICB2YXIgbWF0Y2hlcyA9IFtdXG4gIHZhciBhY3Rpb24gPSBlLnR5cGVcbiAgdmFyIGlzTW9kaWZpZXJcbiAgdmFyIG1vZGlmaWVyc01hdGNoXG5cbiAgaWYgKGFjdGlvbiA9PT0gJ2tleXByZXNzJykge1xuICAgIC8vICdhbnktY2hhcmFjdGVyJyBjYWxsYmFja3MgYXJlIG9ubHkgb24gYGtleXByZXNzYFxuICAgIHZhciBhbnlDaGFyQ2FsbGJhY2tzID0gc2VsZi5jYWxsYmFja3NbJ2FueS1jaGFyYWN0ZXInXSB8fCBbXVxuICAgIGFueUNoYXJDYWxsYmFja3MuZm9yRWFjaChmdW5jdGlvbiAoY2FsbGJhY2spIHtcbiAgICAgIG1hdGNoZXMucHVzaChjYWxsYmFjaylcbiAgICB9KVxuICB9XG5cbiAgaWYgKCFzZWxmLmNhbGxiYWNrc1tjaGFyYWN0ZXJdKSB7cmV0dXJuIG1hdGNoZXN9XG5cbiAgaXNNb2RpZmllciA9IHJlcXVpcmUoJy4uLy4uL2hlbHBlcnMvaXNNb2RpZmllcicpXG4gIC8vIGlmIGEgbW9kaWZpZXIga2V5IGlzIGNvbWluZyB1cCBvbiBpdHMgb3duIHdlIHNob3VsZCBhbGxvdyBpdFxuICBpZiAoYWN0aW9uID09PSAna2V5dXAnICYmIGlzTW9kaWZpZXIoY2hhcmFjdGVyKSkge1xuICAgIG1vZGlmaWVycyA9IFtjaGFyYWN0ZXJdXG4gIH1cblxuICAvLyBsb29wIHRocm91Z2ggYWxsIGNhbGxiYWNrcyBmb3IgdGhlIGtleSB0aGF0IHdhcyBwcmVzc2VkXG4gIC8vIGFuZCBzZWUgaWYgYW55IG9mIHRoZW0gbWF0Y2hcbiAgZm9yIChqID0gMDsgaiA8IHNlbGYuY2FsbGJhY2tzW2NoYXJhY3Rlcl0ubGVuZ3RoOyArK2opIHtcbiAgICBjYWxsYmFjayA9IHNlbGYuY2FsbGJhY2tzW2NoYXJhY3Rlcl1bal1cblxuICAgIC8vIGlmIGEgc2VxdWVuY2UgbmFtZSBpcyBub3Qgc3BlY2lmaWVkLCBidXQgdGhpcyBpcyBhIHNlcXVlbmNlIGF0XG4gICAgLy8gdGhlIHdyb25nIGxldmVsIHRoZW4gbW92ZSBvbnRvIHRoZSBuZXh0IG1hdGNoXG4gICAgaWYgKCFzZXF1ZW5jZU5hbWUgJiYgY2FsbGJhY2suc2VxICYmIHNlbGYuc2VxdWVuY2VMZXZlbHNbY2FsbGJhY2suc2VxXSAhPT0gY2FsbGJhY2subGV2ZWwpIHtcbiAgICAgIGNvbnRpbnVlXG4gICAgfVxuXG4gICAgLy8gaWYgdGhlIGFjdGlvbiB3ZSBhcmUgbG9va2luZyBmb3IgZG9lc24ndCBtYXRjaCB0aGUgYWN0aW9uIHdlIGdvdFxuICAgIC8vIHRoZW4gd2Ugc2hvdWxkIGtlZXAgZ29pbmdcbiAgICBpZiAoYWN0aW9uICE9PSBjYWxsYmFjay5hY3Rpb24pIHtcbiAgICAgIGNvbnRpbnVlXG4gICAgfVxuXG4gICAgLy8gaWYgdGhpcyBpcyBhIGtleXByZXNzIGV2ZW50IGFuZCB0aGUgbWV0YSBrZXkgYW5kIGNvbnRyb2wga2V5XG4gICAgLy8gYXJlIG5vdCBwcmVzc2VkIHRoYXQgbWVhbnMgdGhhdCB3ZSBuZWVkIHRvIG9ubHkgbG9vayBhdCB0aGVcbiAgICAvLyBjaGFyYWN0ZXIsIG90aGVyd2lzZSBjaGVjayB0aGUgbW9kaWZpZXJzIGFzIHdlbGxcbiAgICAvL1xuICAgIC8vIGNocm9tZSB3aWxsIG5vdCBmaXJlIGEga2V5cHJlc3MgaWYgbWV0YSBvciBjb250cm9sIGlzIGRvd25cbiAgICAvLyBzYWZhcmkgd2lsbCBmaXJlIGEga2V5cHJlc3MgaWYgbWV0YSBvciBtZXRhK3NoaWZ0IGlzIGRvd25cbiAgICAvLyBmaXJlZm94IHdpbGwgZmlyZSBhIGtleXByZXNzIGlmIG1ldGEgb3IgY29udHJvbCBpcyBkb3duXG4gICAgbW9kaWZpZXJzTWF0Y2ggPSByZXF1aXJlKCcuL21vZGlmaWVyc01hdGNoJylcbiAgICBpZiAoKGFjdGlvbiA9PT0gJ2tleXByZXNzJyAmJiAhZS5tZXRhS2V5ICYmICFlLmN0cmxLZXkpIHx8IG1vZGlmaWVyc01hdGNoKG1vZGlmaWVycywgY2FsbGJhY2subW9kaWZpZXJzKSkge1xuICAgICAgLy8gd2hlbiB5b3UgYmluZCBhIGNvbWJpbmF0aW9uIG9yIHNlcXVlbmNlIGEgc2Vjb25kIHRpbWUgaXRcbiAgICAgIC8vIHNob3VsZCBvdmVyd3JpdGUgdGhlIGZpcnN0IG9uZS4gIGlmIGEgc2VxdWVuY2VOYW1lIG9yXG4gICAgICAvLyBjb21iaW5hdGlvbiBpcyBzcGVjaWZpZWQgaW4gdGhpcyBjYWxsIGl0IGRvZXMganVzdCB0aGF0XG4gICAgICAvL1xuICAgICAgLy8gQHRvZG8gbWFrZSBkZWxldGluZyBpdHMgb3duIG1ldGhvZD9cbiAgICAgIHZhciBkZWxldGVDb21ibyA9ICFzZXF1ZW5jZU5hbWUgJiYgY2FsbGJhY2suY29tYm8gPT09IGNvbWJpbmF0aW9uXG4gICAgICB2YXIgZGVsZXRlU2VxdWVuY2UgPSBzZXF1ZW5jZU5hbWUgJiYgY2FsbGJhY2suc2VxID09PSBzZXF1ZW5jZU5hbWUgJiYgY2FsbGJhY2subGV2ZWwgPT09IGxldmVsXG4gICAgICBpZiAoZGVsZXRlQ29tYm8gfHwgZGVsZXRlU2VxdWVuY2UpIHtcbiAgICAgICAgc2VsZi5jYWxsYmFja3NbY2hhcmFjdGVyXS5zcGxpY2UoaiwgMSlcbiAgICAgIH1cblxuICAgICAgbWF0Y2hlcy5wdXNoKGNhbGxiYWNrKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiBtYXRjaGVzXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIHJldmVyc2VzIHRoZSBtYXAgbG9va3VwIHNvIHRoYXQgd2UgY2FuIGxvb2sgZm9yIHNwZWNpZmljIGtleXNcbiAqIHRvIHNlZSB3aGF0IGNhbiBhbmQgY2FuJ3QgdXNlIGtleXByZXNzXG4gKlxuICogQHJldHVybiB7T2JqZWN0fVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uICgpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG4gIHZhciBjb25zdHJ1Y3RvciA9IHNlbGYuY29uc3RydWN0b3JcbiAgdmFyIFNQRUNJQUxfS0VZU19NQVBcblxuICBpZiAoIWNvbnN0cnVjdG9yLlJFVkVSU0VfTUFQKSB7XG4gICAgY29uc3RydWN0b3IuUkVWRVJTRV9NQVAgPSB7fVxuICAgIFNQRUNJQUxfS0VZU19NQVAgPSByZXF1aXJlKCcuLi8uLi9oZWxwZXJzL3NwZWNpYWwta2V5cy1tYXAnKVxuICAgIGZvciAodmFyIGtleSBpbiBTUEVDSUFMX0tFWVNfTUFQKSB7XG4gICAgICAvLyBwdWxsIG91dCB0aGUgbnVtZXJpYyBrZXlwYWQgZnJvbSBoZXJlIGNhdXNlIGtleXByZXNzIHNob3VsZFxuICAgICAgLy8gYmUgYWJsZSB0byBkZXRlY3QgdGhlIGtleXMgZnJvbSB0aGUgY2hhcmFjdGVyXG4gICAgICBpZiAoa2V5ID4gOTUgJiYga2V5IDwgMTEyKSB7XG4gICAgICAgIGNvbnRpbnVlXG4gICAgICB9XG5cbiAgICAgIGlmIChTUEVDSUFMX0tFWVNfTUFQLmhhc093blByb3BlcnR5KGtleSkpIHtcbiAgICAgICAgY29uc3RydWN0b3IuUkVWRVJTRV9NQVBbU1BFQ0lBTF9LRVlTX01BUFtrZXldXSA9IGtleVxuICAgICAgfVxuICAgIH1cbiAgfVxuICByZXR1cm4gY29uc3RydWN0b3IuUkVWRVJTRV9NQVBcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG5cbi8qKlxuICogaGFuZGxlcyBhIGNoYXJhY3RlciBrZXkgZXZlbnRcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gY2hhcmFjdGVyXG4gKiBAcGFyYW0ge0FycmF5fSBtb2RpZmllcnNcbiAqIEBwYXJhbSB7RXZlbnR9IGVcbiAqIEByZXR1cm5zIHZvaWRcbiAqL1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoY2hhcmFjdGVyLCBtb2RpZmllcnMsIGUpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG4gIHZhciBjYWxsYmFja3NcbiAgdmFyIGpcbiAgdmFyIGRvTm90UmVzZXQgPSB7fVxuICB2YXIgbWF4TGV2ZWwgPSAwXG4gIHZhciBwcm9jZXNzZWRTZXF1ZW5jZUNhbGxiYWNrID0gZmFsc2VcbiAgdmFyIGlzTW9kaWZpZXJcbiAgdmFyIGlnbm9yZVRoaXNLZXlwcmVzc1xuXG4gIGNhbGxiYWNrcyA9IHNlbGYuZ2V0TWF0Y2hlcyhjaGFyYWN0ZXIsIG1vZGlmaWVycywgZSlcbiAgLy8gQ2FsY3VsYXRlIHRoZSBtYXhMZXZlbCBmb3Igc2VxdWVuY2VzIHNvIHdlIGNhbiBvbmx5IGV4ZWN1dGUgdGhlIGxvbmdlc3QgY2FsbGJhY2sgc2VxdWVuY2VcbiAgZm9yIChqID0gMDsgaiA8IGNhbGxiYWNrcy5sZW5ndGg7ICsraikge1xuICAgIGlmIChjYWxsYmFja3Nbal0uc2VxKSB7XG4gICAgICBtYXhMZXZlbCA9IE1hdGgubWF4KG1heExldmVsLCBjYWxsYmFja3Nbal0ubGV2ZWwpXG4gICAgfVxuICB9XG5cbiAgLy8gbG9vcCB0aHJvdWdoIG1hdGNoaW5nIGNhbGxiYWNrcyBmb3IgdGhpcyBrZXkgZXZlbnRcbiAgZm9yIChqID0gMDsgaiA8IGNhbGxiYWNrcy5sZW5ndGg7ICsraikge1xuICAgIC8vIGZpcmUgZm9yIGFsbCBzZXF1ZW5jZSBjYWxsYmFja3NcbiAgICAvLyB0aGlzIGlzIGJlY2F1c2UgaWYgZm9yIGV4YW1wbGUgeW91IGhhdmUgbXVsdGlwbGUgc2VxdWVuY2VzXG4gICAgLy8gYm91bmQgc3VjaCBhcyBcImcgaVwiIGFuZCBcImcgdFwiIHRoZXkgYm90aCBuZWVkIHRvIGZpcmUgdGhlXG4gICAgLy8gY2FsbGJhY2sgZm9yIG1hdGNoaW5nIGcgY2F1c2Ugb3RoZXJ3aXNlIHlvdSBjYW4gb25seSBldmVyXG4gICAgLy8gbWF0Y2ggdGhlIGZpcnN0IG9uZVxuICAgIGlmIChjYWxsYmFja3Nbal0uc2VxKSB7XG4gICAgICAvLyBvbmx5IGZpcmUgY2FsbGJhY2tzIGZvciB0aGUgbWF4TGV2ZWwgdG8gcHJldmVudFxuICAgICAgLy8gc3Vic2VxdWVuY2VzIGZyb20gYWxzbyBmaXJpbmdcbiAgICAgIC8vXG4gICAgICAvLyBmb3IgZXhhbXBsZSAnYSBvcHRpb24gYicgc2hvdWxkIG5vdCBjYXVzZSAnb3B0aW9uIGInIHRvIGZpcmVcbiAgICAgIC8vIGV2ZW4gdGhvdWdoICdvcHRpb24gYicgaXMgcGFydCBvZiB0aGUgb3RoZXIgc2VxdWVuY2VcbiAgICAgIC8vXG4gICAgICAvLyBhbnkgc2VxdWVuY2VzIHRoYXQgZG8gbm90IG1hdGNoIGhlcmUgd2lsbCBiZSBkaXNjYXJkZWRcbiAgICAgIC8vIGJlbG93IGJ5IHRoZSByZXNldFNlcXVlbmNlcyBjYWxsXG4gICAgICBpZiAoY2FsbGJhY2tzW2pdLmxldmVsICE9PSBtYXhMZXZlbCkge1xuICAgICAgICBjb250aW51ZVxuICAgICAgfVxuXG4gICAgICBwcm9jZXNzZWRTZXF1ZW5jZUNhbGxiYWNrID0gdHJ1ZVxuXG4gICAgICAvLyBrZWVwIGEgbGlzdCBvZiB3aGljaCBzZXF1ZW5jZXMgd2VyZSBtYXRjaGVzIGZvciBsYXRlclxuICAgICAgZG9Ob3RSZXNldFtjYWxsYmFja3Nbal0uc2VxXSA9IDFcbiAgICAgIHNlbGYuZmlyZUNhbGxiYWNrKGNhbGxiYWNrc1tqXS5jYWxsYmFjaywgZSwgY2FsbGJhY2tzW2pdLmNvbWJvLCBjYWxsYmFja3Nbal0uc2VxKVxuICAgICAgY29udGludWVcbiAgICB9XG5cbiAgICAvLyBpZiB0aGVyZSB3ZXJlIG5vIHNlcXVlbmNlIG1hdGNoZXMgYnV0IHdlIGFyZSBzdGlsbCBoZXJlXG4gICAgLy8gdGhhdCBtZWFucyB0aGlzIGlzIGEgcmVndWxhciBtYXRjaCBzbyB3ZSBzaG91bGQgZmlyZSB0aGF0XG4gICAgaWYgKCFwcm9jZXNzZWRTZXF1ZW5jZUNhbGxiYWNrKSB7XG4gICAgICBzZWxmLmZpcmVDYWxsYmFjayhjYWxsYmFja3Nbal0uY2FsbGJhY2ssIGUsIGNhbGxiYWNrc1tqXS5jb21ibylcbiAgICB9XG4gIH1cblxuICAvLyBpZiB0aGUga2V5IHlvdSBwcmVzc2VkIG1hdGNoZXMgdGhlIHR5cGUgb2Ygc2VxdWVuY2Ugd2l0aG91dFxuICAvLyBiZWluZyBhIG1vZGlmaWVyIChpZSBcImtleXVwXCIgb3IgXCJrZXlwcmVzc1wiKSB0aGVuIHdlIHNob3VsZFxuICAvLyByZXNldCBhbGwgc2VxdWVuY2VzIHRoYXQgd2VyZSBub3QgbWF0Y2hlZCBieSB0aGlzIGV2ZW50XG4gIC8vXG4gIC8vIHRoaXMgaXMgc28sIGZvciBleGFtcGxlLCBpZiB5b3UgaGF2ZSB0aGUgc2VxdWVuY2UgXCJoIGEgdFwiIGFuZCB5b3VcbiAgLy8gdHlwZSBcImggZSBhIHIgdFwiIGl0IGRvZXMgbm90IG1hdGNoLiAgaW4gdGhpcyBjYXNlIHRoZSBcImVcIiB3aWxsXG4gIC8vIGNhdXNlIHRoZSBzZXF1ZW5jZSB0byByZXNldFxuICAvL1xuICAvLyBtb2RpZmllciBrZXlzIGFyZSBpZ25vcmVkIGJlY2F1c2UgeW91IGNhbiBoYXZlIGEgc2VxdWVuY2VcbiAgLy8gdGhhdCBjb250YWlucyBtb2RpZmllcnMgc3VjaCBhcyBcImVudGVyIGN0cmwrc3BhY2VcIiBhbmQgaW4gbW9zdFxuICAvLyBjYXNlcyB0aGUgbW9kaWZpZXIga2V5IHdpbGwgYmUgcHJlc3NlZCBiZWZvcmUgdGhlIG5leHQga2V5XG4gIC8vXG4gIC8vIGFsc28gaWYgeW91IGhhdmUgYSBzZXF1ZW5jZSBzdWNoIGFzIFwiY3RybCtiIGFcIiB0aGVuIHByZXNzaW5nIHRoZVxuICAvLyBcImJcIiBrZXkgd2lsbCB0cmlnZ2VyIGEgXCJrZXlwcmVzc1wiIGFuZCBhIFwia2V5ZG93blwiXG4gIC8vXG4gIC8vIHRoZSBcImtleWRvd25cIiBpcyBleHBlY3RlZCB3aGVuIHRoZXJlIGlzIGEgbW9kaWZpZXIsIGJ1dCB0aGVcbiAgLy8gXCJrZXlwcmVzc1wiIGVuZHMgdXAgbWF0Y2hpbmcgdGhlIG5leHRFeHBlY3RlZEFjdGlvbiBzaW5jZSBpdCBvY2N1cnNcbiAgLy8gYWZ0ZXIgYW5kIHRoYXQgY2F1c2VzIHRoZSBzZXF1ZW5jZSB0byByZXNldFxuICAvL1xuICAvLyB3ZSBpZ25vcmUga2V5cHJlc3NlcyBpbiBhIHNlcXVlbmNlIHRoYXQgZGlyZWN0bHkgZm9sbG93IGEga2V5ZG93blxuICAvLyBmb3IgdGhlIHNhbWUgY2hhcmFjdGVyXG4gIGlnbm9yZVRoaXNLZXlwcmVzcyA9IGUudHlwZSA9PT0gJ2tleXByZXNzJyAmJiBzZWxmLmlnbm9yZU5leHRLZXlwcmVzc1xuICBpc01vZGlmaWVyID0gcmVxdWlyZSgnLi4vLi4vaGVscGVycy9pc01vZGlmaWVyJylcbiAgaWYgKGUudHlwZSA9PT0gc2VsZi5uZXh0RXhwZWN0ZWRBY3Rpb24gJiYgIWlzTW9kaWZpZXIoY2hhcmFjdGVyKSAmJiAhaWdub3JlVGhpc0tleXByZXNzKSB7XG4gICAgc2VsZi5yZXNldFNlcXVlbmNlcyhkb05vdFJlc2V0KVxuICB9XG5cbiAgc2VsZi5pZ25vcmVOZXh0S2V5cHJlc3MgPSBwcm9jZXNzZWRTZXF1ZW5jZUNhbGxiYWNrICYmIGUudHlwZSA9PT0gJ2tleWRvd24nXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIGhhbmRsZXMgYSBrZXlkb3duIGV2ZW50XG4gKlxuICogQHBhcmFtIHtFdmVudH0gZVxuICogQHJldHVybnMgdm9pZFxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChlKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuICB2YXIgY2hhcmFjdGVyRnJvbUV2ZW50XG4gIHZhciBldmVudE1vZGlmaWVyc1xuXG4gIC8vIG5vcm1hbGl6ZSBlLndoaWNoIGZvciBrZXkgZXZlbnRzXG4gIC8vIEBzZWUgaHR0cDovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy80Mjg1NjI3L2phdmFzY3JpcHQta2V5Y29kZS12cy1jaGFyY29kZS11dHRlci1jb25mdXNpb25cbiAgaWYgKHR5cGVvZiBlLndoaWNoICE9PSAnbnVtYmVyJykge1xuICAgIGUud2hpY2ggPSBlLmtleUNvZGVcbiAgfVxuICBjaGFyYWN0ZXJGcm9tRXZlbnQgPSByZXF1aXJlKCcuLi8uLi9oZWxwZXJzL2NoYXJhY3RlckZyb21FdmVudCcpXG4gIHZhciBjaGFyYWN0ZXIgPSBjaGFyYWN0ZXJGcm9tRXZlbnQoZSlcblxuICAvLyBubyBjaGFyYWN0ZXIgZm91bmQgdGhlbiBzdG9wXG4gIGlmICghY2hhcmFjdGVyKSB7XG4gICAgcmV0dXJuXG4gIH1cblxuICAvLyBuZWVkIHRvIHVzZSA9PT0gZm9yIHRoZSBjaGFyYWN0ZXIgY2hlY2sgYmVjYXVzZSB0aGUgY2hhcmFjdGVyIGNhbiBiZSAwXG4gIGlmIChlLnR5cGUgPT09ICdrZXl1cCcgJiYgc2VsZi5pZ25vcmVOZXh0S2V5dXAgPT09IGNoYXJhY3Rlcikge1xuICAgIHNlbGYuaWdub3JlTmV4dEtleXVwID0gZmFsc2VcbiAgICByZXR1cm5cbiAgfVxuXG4gIGV2ZW50TW9kaWZpZXJzID0gcmVxdWlyZSgnLi4vLi4vaGVscGVycy9ldmVudE1vZGlmaWVycycpXG4gIHNlbGYuaGFuZGxlS2V5KGNoYXJhY3RlciwgZXZlbnRNb2RpZmllcnMoZSksIGUpXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIGNoZWNrcyBpZiB0d28gYXJyYXlzIGFyZSBlcXVhbFxuICpcbiAqIEBwYXJhbSB7QXJyYXl9IG1vZGlmaWVyczFcbiAqIEBwYXJhbSB7QXJyYXl9IG1vZGlmaWVyczJcbiAqIEByZXR1cm5zIHtib29sZWFufVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChtb2RpZmllcnMxLCBtb2RpZmllcnMyKSB7XG4gIHJldHVybiBtb2RpZmllcnMxLnNvcnQoKS5qb2luKCcsJykgPT09IG1vZGlmaWVyczIuc29ydCgpLmpvaW4oJywnKVxufVxuIiwiLyogZXNsaW50LWVudiBub2RlLCBicm93c2VyICovXG4ndXNlIHN0cmljdCdcblxuLyoqXG4gKiBwaWNrcyB0aGUgYmVzdCBhY3Rpb24gYmFzZWQgb24gdGhlIGtleSBjb21iaW5hdGlvblxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBrZXkgLSBjaGFyYWN0ZXIgZm9yIGtleVxuICogQHBhcmFtIHtBcnJheX0gbW9kaWZpZXJzXG4gKiBAcGFyYW0ge3N0cmluZz19IGFjdGlvbiBwYXNzZWQgaW5cbiAqL1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoa2V5LCBtb2RpZmllcnMsIGFjdGlvbikge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICAvLyBpZiBubyBhY3Rpb24gd2FzIHBpY2tlZCBpbiB3ZSBzaG91bGQgdHJ5IHRvIHBpY2sgdGhlIG9uZVxuICAvLyB0aGF0IHdlIHRoaW5rIHdvdWxkIHdvcmsgYmVzdCBmb3IgdGhpcyBrZXlcbiAgaWYgKCFhY3Rpb24pIHtcbiAgICBhY3Rpb24gPSBzZWxmLmdldFJldmVyc2VNYXAoKVtrZXldID8gJ2tleWRvd24nIDogJ2tleXByZXNzJ1xuICB9XG5cbiAgLy8gbW9kaWZpZXIga2V5cyBkb24ndCB3b3JrIGFzIGV4cGVjdGVkIHdpdGgga2V5cHJlc3MsXG4gIC8vIHN3aXRjaCB0byBrZXlkb3duXG4gIGlmIChhY3Rpb24gPT09ICdrZXlwcmVzcycgJiYgbW9kaWZpZXJzLmxlbmd0aCkge1xuICAgIGFjdGlvbiA9ICdrZXlkb3duJ1xuICB9XG5cbiAgcmV0dXJuIGFjdGlvblxufVxuIiwiLyogZXNsaW50LWVudiBub2RlLCBicm93c2VyICovXG4ndXNlIHN0cmljdCdcblxuLyoqXG4gKiByZXNldHMgdGhlIGxpYnJhcnkgYmFjayB0byBpdHMgaW5pdGlhbCBzdGF0ZS4gVGhpcyBpcyB1c2VmdWxcbiAqIGlmIHlvdSB3YW50IHRvIGNsZWFyIG91dCB0aGUgY3VycmVudCBrZXlib2FyZCBzaG9ydGN1dHMgYW5kIGJpbmRcbiAqIG5ldyBvbmVzIC0gZm9yIGV4YW1wbGUgaWYgeW91IHN3aXRjaCB0byBhbm90aGVyIHBhZ2VcbiAqXG4gKiBAcmV0dXJucyB2b2lkXG4gKi9cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKCkge1xuICB2YXIgc2VsZiA9IHRoaXNcbiAgc2VsZi5jYWxsYmFja3MgPSB7fVxuICBzZWxmLmRpcmVjdE1hcCA9IHt9XG4gIHJldHVybiB0aGlzXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuLyoqXG4gKiBjYWxsZWQgdG8gc2V0IGEgMSBzZWNvbmQgdGltZW91dCBvbiB0aGUgc3BlY2lmaWVkIHNlcXVlbmNlXG4gKlxuICogdGhpcyBpcyBzbyBhZnRlciBlYWNoIGtleSBwcmVzcyBpbiB0aGUgc2VxdWVuY2UgeW91IGhhdmUgMSBzZWNvbmRcbiAqIHRvIHByZXNzIHRoZSBuZXh0IGtleSBiZWZvcmUgeW91IGhhdmUgdG8gc3RhcnQgb3ZlclxuICpcbiAqIEByZXR1cm5zIHZvaWRcbiAqL1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuXG4gIGNsZWFyVGltZW91dChzZWxmLnJlc2V0VGltZXIpXG4gIHNlbGYucmVzZXRUaW1lciA9IHNldFRpbWVvdXQoXG4gICAgZnVuY3Rpb24gKCkge1xuICAgICAgc2VsZi5yZXNldFNlcXVlbmNlcygpXG4gICAgfSxcbiAgICAxMDAwXG4gIClcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG5cbi8qKlxuICogcmVzZXRzIGFsbCBzZXF1ZW5jZSBjb3VudGVycyBleGNlcHQgZm9yIHRoZSBvbmVzIHBhc3NlZCBpblxuICpcbiAqIEBwYXJhbSB7T2JqZWN0fSBkb05vdFJlc2V0XG4gKiBAcmV0dXJucyB2b2lkXG4gKi9cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGRvTm90UmVzZXQpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG5cbiAgZG9Ob3RSZXNldCA9IGRvTm90UmVzZXQgfHwge31cblxuICB2YXIgYWN0aXZlU2VxdWVuY2VzID0gZmFsc2VcbiAgdmFyIGtleVxuXG4gIGZvciAoa2V5IGluIHNlbGYuc2VxdWVuY2VMZXZlbHMpIHtcbiAgICBpZiAoZG9Ob3RSZXNldFtrZXldKSB7XG4gICAgICBhY3RpdmVTZXF1ZW5jZXMgPSB0cnVlXG4gICAgICBjb250aW51ZVxuICAgIH1cbiAgICBzZWxmLnNlcXVlbmNlTGV2ZWxzW2tleV0gPSAwXG4gIH1cblxuICBpZiAoIWFjdGl2ZVNlcXVlbmNlcykge1xuICAgIHNlbGYubmV4dEV4cGVjdGVkQWN0aW9uID0gZmFsc2VcbiAgfVxufVxuIiwiLyogZXNsaW50LWVudiBub2RlLCBicm93c2VyICovXG4ndXNlIHN0cmljdCdcblxuLyoqXG4qIHNob3VsZCB3ZSBzdG9wIHRoaXMgZXZlbnQgYmVmb3JlIGZpcmluZyBvZmYgY2FsbGJhY2tzXG4qXG4qIEBwYXJhbSB7RXZlbnR9IGVcbiogQHBhcmFtIHtFbGVtZW50fSBlbGVtZW50XG4qIEByZXR1cm4ge2Jvb2xlYW59XG4qL1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoZSwgZWxlbWVudCkge1xuICAvLyBpZiB0aGUgZWxlbWVudCBoYXMgdGhlIGNsYXNzIFwiY29tYm9rZXlzXCIgdGhlbiBubyBuZWVkIHRvIHN0b3BcbiAgaWYgKCgnICcgKyBlbGVtZW50LmNsYXNzTmFtZSArICcgJykuaW5kZXhPZignIGNvbWJva2V5cyAnKSA+IC0xKSB7XG4gICAgcmV0dXJuIGZhbHNlXG4gIH1cblxuICB2YXIgdGFnTmFtZSA9IGVsZW1lbnQudGFnTmFtZS50b0xvd2VyQ2FzZSgpXG5cbiAgLy8gc3RvcCBmb3IgaW5wdXQsIHNlbGVjdCwgYW5kIHRleHRhcmVhXG4gIHJldHVybiB0YWdOYW1lID09PSAnaW5wdXQnIHx8IHRhZ05hbWUgPT09ICdzZWxlY3QnIHx8IHRhZ05hbWUgPT09ICd0ZXh0YXJlYScgfHwgZWxlbWVudC5pc0NvbnRlbnRFZGl0YWJsZVxufVxuIiwiLyogZXNsaW50LWVudiBub2RlLCBicm93c2VyICovXG4ndXNlIHN0cmljdCdcbi8qKlxuICogdHJpZ2dlcnMgYW4gZXZlbnQgdGhhdCBoYXMgYWxyZWFkeSBiZWVuIGJvdW5kXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IGtleXNcbiAqIEBwYXJhbSB7c3RyaW5nPX0gYWN0aW9uXG4gKiBAcmV0dXJucyB2b2lkXG4gKi9cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGtleXMsIGFjdGlvbikge1xuICB2YXIgc2VsZiA9IHRoaXNcbiAgaWYgKHNlbGYuZGlyZWN0TWFwW2tleXMgKyAnOicgKyBhY3Rpb25dKSB7XG4gICAgc2VsZi5kaXJlY3RNYXBba2V5cyArICc6JyArIGFjdGlvbl0oe30sIGtleXMpXG4gIH1cbiAgcmV0dXJuIHRoaXNcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG4vKipcbiAqIHVuYmluZHMgYW4gZXZlbnQgdG8gQ29tYm9rZXlzXG4gKlxuICogdGhlIHVuYmluZGluZyBzZXRzIHRoZSBjYWxsYmFjayBmdW5jdGlvbiBvZiB0aGUgc3BlY2lmaWVkIGtleSBjb21ib1xuICogdG8gYW4gZW1wdHkgZnVuY3Rpb24gYW5kIGRlbGV0ZXMgdGhlIGNvcnJlc3BvbmRpbmcga2V5IGluIHRoZVxuICogZGlyZWN0TWFwIGRpY3QuXG4gKlxuICogVE9ETzogYWN0dWFsbHkgcmVtb3ZlIHRoaXMgZnJvbSB0aGUgY2FsbGJhY2tzIGRpY3Rpb25hcnkgaW5zdGVhZFxuICogb2YgYmluZGluZyBhbiBlbXB0eSBmdW5jdGlvblxuICpcbiAqIHRoZSBrZXljb21ibythY3Rpb24gaGFzIHRvIGJlIGV4YWN0bHkgdGhlIHNhbWUgYXNcbiAqIGl0IHdhcyBkZWZpbmVkIGluIHRoZSBiaW5kIG1ldGhvZFxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfEFycmF5fSBrZXlzXG4gKiBAcGFyYW0ge3N0cmluZ30gYWN0aW9uXG4gKiBAcmV0dXJucyB2b2lkXG4gKi9cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGtleXMsIGFjdGlvbikge1xuICB2YXIgc2VsZiA9IHRoaXNcblxuICByZXR1cm4gc2VsZi5iaW5kKGtleXMsIGZ1bmN0aW9uICgpIHt9LCBhY3Rpb24pXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uICgpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG5cbiAgc2VsZi5pbnN0YW5jZXMuZm9yRWFjaChmdW5jdGlvbiAoY29tYm9rZXlzKSB7XG4gICAgY29tYm9rZXlzLnJlc2V0KClcbiAgfSlcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG5cbi8qKlxuICogdGFrZXMgdGhlIGV2ZW50IGFuZCByZXR1cm5zIHRoZSBrZXkgY2hhcmFjdGVyXG4gKlxuICogQHBhcmFtIHtFdmVudH0gZVxuICogQHJldHVybiB7c3RyaW5nfVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChlKSB7XG4gIHZhciBTUEVDSUFMX0tFWVNfTUFQLFxuICBTUEVDSUFMX0NIQVJBQ1RFUlNfTUFQXG4gIFNQRUNJQUxfS0VZU19NQVAgPSByZXF1aXJlKCcuL3NwZWNpYWwta2V5cy1tYXAnKVxuICBTUEVDSUFMX0NIQVJBQ1RFUlNfTUFQID0gcmVxdWlyZSgnLi9zcGVjaWFsLWNoYXJhY3RlcnMtbWFwJylcblxuICAvLyBmb3Iga2V5cHJlc3MgZXZlbnRzIHdlIHNob3VsZCByZXR1cm4gdGhlIGNoYXJhY3RlciBhcyBpc1xuICBpZiAoZS50eXBlID09PSAna2V5cHJlc3MnKSB7XG4gICAgdmFyIGNoYXJhY3RlciA9IFN0cmluZy5mcm9tQ2hhckNvZGUoZS53aGljaClcblxuICAgIC8vIGlmIHRoZSBzaGlmdCBrZXkgaXMgbm90IHByZXNzZWQgdGhlbiBpdCBpcyBzYWZlIHRvIGFzc3VtZVxuICAgIC8vIHRoYXQgd2Ugd2FudCB0aGUgY2hhcmFjdGVyIHRvIGJlIGxvd2VyY2FzZS4gIHRoaXMgbWVhbnMgaWZcbiAgICAvLyB5b3UgYWNjaWRlbnRhbGx5IGhhdmUgY2FwcyBsb2NrIG9uIHRoZW4geW91ciBrZXkgYmluZGluZ3NcbiAgICAvLyB3aWxsIGNvbnRpbnVlIHRvIHdvcmtcbiAgICAvL1xuICAgIC8vIHRoZSBvbmx5IHNpZGUgZWZmZWN0IHRoYXQgbWlnaHQgbm90IGJlIGRlc2lyZWQgaXMgaWYgeW91XG4gICAgLy8gYmluZCBzb21ldGhpbmcgbGlrZSAnQScgY2F1c2UgeW91IHdhbnQgdG8gdHJpZ2dlciBhblxuICAgIC8vIGV2ZW50IHdoZW4gY2FwaXRhbCBBIGlzIHByZXNzZWQgY2FwcyBsb2NrIHdpbGwgbm8gbG9uZ2VyXG4gICAgLy8gdHJpZ2dlciB0aGUgZXZlbnQuICBzaGlmdCthIHdpbGwgdGhvdWdoLlxuICAgIGlmICghZS5zaGlmdEtleSkge1xuICAgICAgY2hhcmFjdGVyID0gY2hhcmFjdGVyLnRvTG93ZXJDYXNlKClcbiAgICB9XG5cbiAgICByZXR1cm4gY2hhcmFjdGVyXG4gIH1cblxuICAvLyBmb3Igbm9uIGtleXByZXNzIGV2ZW50cyB0aGUgc3BlY2lhbCBtYXBzIGFyZSBuZWVkZWRcbiAgaWYgKFNQRUNJQUxfS0VZU19NQVBbZS53aGljaF0pIHtcbiAgICByZXR1cm4gU1BFQ0lBTF9LRVlTX01BUFtlLndoaWNoXVxuICB9XG5cbiAgaWYgKFNQRUNJQUxfQ0hBUkFDVEVSU19NQVBbZS53aGljaF0pIHtcbiAgICByZXR1cm4gU1BFQ0lBTF9DSEFSQUNURVJTX01BUFtlLndoaWNoXVxuICB9XG5cbiAgLy8gaWYgaXQgaXMgbm90IGluIHRoZSBzcGVjaWFsIG1hcFxuXG4gIC8vIHdpdGgga2V5ZG93biBhbmQga2V5dXAgZXZlbnRzIHRoZSBjaGFyYWN0ZXIgc2VlbXMgdG8gYWx3YXlzXG4gIC8vIGNvbWUgaW4gYXMgYW4gdXBwZXJjYXNlIGNoYXJhY3RlciB3aGV0aGVyIHlvdSBhcmUgcHJlc3Npbmcgc2hpZnRcbiAgLy8gb3Igbm90LiAgd2Ugc2hvdWxkIG1ha2Ugc3VyZSBpdCBpcyBhbHdheXMgbG93ZXJjYXNlIGZvciBjb21wYXJpc29uc1xuICByZXR1cm4gU3RyaW5nLmZyb21DaGFyQ29kZShlLndoaWNoKS50b0xvd2VyQ2FzZSgpXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIHRha2VzIGEga2V5IGV2ZW50IGFuZCBmaWd1cmVzIG91dCB3aGF0IHRoZSBtb2RpZmllcnMgYXJlXG4gKlxuICogQHBhcmFtIHtFdmVudH0gZVxuICogQHJldHVybnMge0FycmF5fVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChlKSB7XG4gIHZhciBtb2RpZmllcnMgPSBbXVxuXG4gIGlmIChlLnNoaWZ0S2V5KSB7XG4gICAgbW9kaWZpZXJzLnB1c2goJ3NoaWZ0JylcbiAgfVxuXG4gIGlmIChlLmFsdEtleSkge1xuICAgIG1vZGlmaWVycy5wdXNoKCdhbHQnKVxuICB9XG5cbiAgaWYgKGUuY3RybEtleSkge1xuICAgIG1vZGlmaWVycy5wdXNoKCdjdHJsJylcbiAgfVxuXG4gIGlmIChlLm1ldGFLZXkpIHtcbiAgICBtb2RpZmllcnMucHVzaCgnbWV0YScpXG4gIH1cblxuICByZXR1cm4gbW9kaWZpZXJzXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIGRldGVybWluZXMgaWYgdGhlIGtleWNvZGUgc3BlY2lmaWVkIGlzIGEgbW9kaWZpZXIga2V5IG9yIG5vdFxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBrZXlcbiAqIEByZXR1cm5zIHtib29sZWFufVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChrZXkpIHtcbiAgcmV0dXJuIGtleSA9PT0gJ3NoaWZ0JyB8fCBrZXkgPT09ICdjdHJsJyB8fCBrZXkgPT09ICdhbHQnIHx8IGtleSA9PT0gJ21ldGEnXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIENvbnZlcnRzIGZyb20gYSBzdHJpbmcga2V5IGNvbWJpbmF0aW9uIHRvIGFuIGFycmF5XG4gKlxuICogQHBhcmFtICB7c3RyaW5nfSBjb21iaW5hdGlvbiBsaWtlIFwiY29tbWFuZCtzaGlmdCtsXCJcbiAqIEByZXR1cm4ge0FycmF5fVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChjb21iaW5hdGlvbikge1xuICBpZiAoY29tYmluYXRpb24gPT09ICcrJykge1xuICAgIHJldHVybiBbJysnXVxuICB9XG5cbiAgcmV0dXJuIGNvbWJpbmF0aW9uLnNwbGl0KCcrJylcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuJ3VzZSBzdHJpY3QnXG5cbi8qKlxuICogcHJldmVudHMgZGVmYXVsdCBmb3IgdGhpcyBldmVudFxuICpcbiAqIEBwYXJhbSB7RXZlbnR9IGVcbiAqIEByZXR1cm5zIHZvaWRcbiAqL1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoZSkge1xuICBpZiAoZS5wcmV2ZW50RGVmYXVsdCkge1xuICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgIHJldHVyblxuICB9XG5cbiAgZS5yZXR1cm5WYWx1ZSA9IGZhbHNlXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuLyoqXG4gKiB0aGlzIGlzIGEgbWFwcGluZyBvZiBrZXlzIHRoYXQgcmVxdWlyZSBzaGlmdCBvbiBhIFVTIGtleXBhZFxuICogYmFjayB0byB0aGUgbm9uIHNoaWZ0IGVxdWl2ZWxlbnRzXG4gKlxuICogdGhpcyBpcyBzbyB5b3UgY2FuIHVzZSBrZXl1cCBldmVudHMgd2l0aCB0aGVzZSBrZXlzXG4gKlxuICogbm90ZSB0aGF0IHRoaXMgd2lsbCBvbmx5IHdvcmsgcmVsaWFibHkgb24gVVMga2V5Ym9hcmRzXG4gKlxuICogQHR5cGUge09iamVjdH1cbiAqL1xubW9kdWxlLmV4cG9ydHMgPSB7XG4gICd+JzogJ2AnLFxuICAnISc6ICcxJyxcbiAgJ0AnOiAnMicsXG4gICcjJzogJzMnLFxuICAnJCc6ICc0JyxcbiAgJyUnOiAnNScsXG4gICdeJzogJzYnLFxuICAnJic6ICc3JyxcbiAgJyonOiAnOCcsXG4gICcoJzogJzknLFxuICAnKSc6ICcwJyxcbiAgJ18nOiAnLScsXG4gICcrJzogJz0nLFxuICAnOic6ICc7JyxcbiAgJ1wiJzogXCInXCIsXG4gICc8JzogJywnLFxuICAnPic6ICcuJyxcbiAgJz8nOiAnLycsXG4gICd8JzogJ1xcXFwnXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuLyoqXG4gKiB0aGlzIGlzIGEgbGlzdCBvZiBzcGVjaWFsIHN0cmluZ3MgeW91IGNhbiB1c2UgdG8gbWFwXG4gKiB0byBtb2RpZmllciBrZXlzIHdoZW4geW91IHNwZWNpZnkgeW91ciBrZXlib2FyZCBzaG9ydGN1dHNcbiAqXG4gKiBAdHlwZSB7T2JqZWN0fVxuICovXG5tb2R1bGUuZXhwb3J0cyA9IHtcbiAgJ29wdGlvbic6ICdhbHQnLFxuICAnY29tbWFuZCc6ICdtZXRhJyxcbiAgJ3JldHVybic6ICdlbnRlcicsXG4gICdlc2NhcGUnOiAnZXNjJyxcbiAgJ21vZCc6IC9NYWN8aVBvZHxpUGhvbmV8aVBhZC8udGVzdChuYXZpZ2F0b3IucGxhdGZvcm0pID8gJ21ldGEnIDogJ2N0cmwnXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuLyoqXG4gKiBtYXBwaW5nIGZvciBzcGVjaWFsIGNoYXJhY3RlcnMgc28gdGhleSBjYW4gc3VwcG9ydFxuICpcbiAqIHRoaXMgZGljdGlvbmFyeSBpcyBvbmx5IHVzZWQgaW5jYXNlIHlvdSB3YW50IHRvIGJpbmQgYVxuICoga2V5dXAgb3Iga2V5ZG93biBldmVudCB0byBvbmUgb2YgdGhlc2Uga2V5c1xuICpcbiAqIEB0eXBlIHtPYmplY3R9XG4gKi9cbm1vZHVsZS5leHBvcnRzID0ge1xuICAxMDY6ICcqJyxcbiAgMTA3OiAnKycsXG4gIDEwOTogJy0nLFxuICAxMTA6ICcuJyxcbiAgMTExOiAnLycsXG4gIDE4NjogJzsnLFxuICAxODc6ICc9JyxcbiAgMTg4OiAnLCcsXG4gIDE4OTogJy0nLFxuICAxOTA6ICcuJyxcbiAgMTkxOiAnLycsXG4gIDE5MjogJ2AnLFxuICAyMTk6ICdbJyxcbiAgMjIwOiAnXFxcXCcsXG4gIDIyMTogJ10nLFxuICAyMjI6IFwiJ1wiXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuLyoqXG4gKiBtYXBwaW5nIG9mIHNwZWNpYWwga2V5Y29kZXMgdG8gdGhlaXIgY29ycmVzcG9uZGluZyBrZXlzXG4gKlxuICogZXZlcnl0aGluZyBpbiB0aGlzIGRpY3Rpb25hcnkgY2Fubm90IHVzZSBrZXlwcmVzcyBldmVudHNcbiAqIHNvIGl0IGhhcyB0byBiZSBoZXJlIHRvIG1hcCB0byB0aGUgY29ycmVjdCBrZXljb2RlcyBmb3JcbiAqIGtleXVwL2tleWRvd24gZXZlbnRzXG4gKlxuICogQHR5cGUge09iamVjdH1cbiAqL1xubW9kdWxlLmV4cG9ydHMgPSB7XG4gIDg6ICdiYWNrc3BhY2UnLFxuICA5OiAndGFiJyxcbiAgMTM6ICdlbnRlcicsXG4gIDE2OiAnc2hpZnQnLFxuICAxNzogJ2N0cmwnLFxuICAxODogJ2FsdCcsXG4gIDIwOiAnY2Fwc2xvY2snLFxuICAyNzogJ2VzYycsXG4gIDMyOiAnc3BhY2UnLFxuICAzMzogJ3BhZ2V1cCcsXG4gIDM0OiAncGFnZWRvd24nLFxuICAzNTogJ2VuZCcsXG4gIDM2OiAnaG9tZScsXG4gIDM3OiAnbGVmdCcsXG4gIDM4OiAndXAnLFxuICAzOTogJ3JpZ2h0JyxcbiAgNDA6ICdkb3duJyxcbiAgNDU6ICdpbnMnLFxuICA0NjogJ2RlbCcsXG4gIDkxOiAnbWV0YScsXG4gIDkzOiAnbWV0YScsXG4gIDE4NzogJ3BsdXMnLFxuICAxODk6ICdtaW51cycsXG4gIDIyNDogJ21ldGEnXG59XG5cbi8qKlxuICogbG9vcCB0aHJvdWdoIHRoZSBmIGtleXMsIGYxIHRvIGYxOSBhbmQgYWRkIHRoZW0gdG8gdGhlIG1hcFxuICogcHJvZ3JhbWF0aWNhbGx5XG4gKi9cbmZvciAodmFyIGkgPSAxOyBpIDwgMjA7ICsraSkge1xuICBtb2R1bGUuZXhwb3J0c1sxMTEgKyBpXSA9ICdmJyArIGlcbn1cblxuLyoqXG4gKiBsb29wIHRocm91Z2ggdG8gbWFwIG51bWJlcnMgb24gdGhlIG51bWVyaWMga2V5cGFkXG4gKi9cbmZvciAoaSA9IDA7IGkgPD0gOTsgKytpKSB7XG4gIG1vZHVsZS5leHBvcnRzW2kgKyA5Nl0gPSBpXG59XG4iLCIvKiBlc2xpbnQtZW52IG5vZGUsIGJyb3dzZXIgKi9cbid1c2Ugc3RyaWN0J1xuXG4vKipcbiAqIHN0b3BzIHByb3BvZ2F0aW9uIGZvciB0aGlzIGV2ZW50XG4gKlxuICogQHBhcmFtIHtFdmVudH0gZVxuICogQHJldHVybnMgdm9pZFxuICovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChlKSB7XG4gIGlmIChlLnN0b3BQcm9wYWdhdGlvbikge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKClcbiAgICByZXR1cm5cbiAgfVxuXG4gIGUuY2FuY2VsQnViYmxlID0gdHJ1ZVxufVxuIiwibW9kdWxlLmV4cG9ydHMgPSBvbjtcbm1vZHVsZS5leHBvcnRzLm9uID0gb247XG5tb2R1bGUuZXhwb3J0cy5vZmYgPSBvZmY7XG5cbmZ1bmN0aW9uIG9uIChlbGVtZW50LCBldmVudCwgY2FsbGJhY2ssIGNhcHR1cmUpIHtcbiAgIWVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lciAmJiAoZXZlbnQgPSAnb24nICsgZXZlbnQpO1xuICAoZWxlbWVudC5hZGRFdmVudExpc3RlbmVyIHx8IGVsZW1lbnQuYXR0YWNoRXZlbnQpLmNhbGwoZWxlbWVudCwgZXZlbnQsIGNhbGxiYWNrLCBjYXB0dXJlKTtcbiAgcmV0dXJuIGNhbGxiYWNrO1xufVxuXG5mdW5jdGlvbiBvZmYgKGVsZW1lbnQsIGV2ZW50LCBjYWxsYmFjaywgY2FwdHVyZSkge1xuICAhZWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyICYmIChldmVudCA9ICdvbicgKyBldmVudCk7XG4gIChlbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIgfHwgZWxlbWVudC5kZXRhY2hFdmVudCkuY2FsbChlbGVtZW50LCBldmVudCwgY2FsbGJhY2ssIGNhcHR1cmUpO1xuICByZXR1cm4gY2FsbGJhY2s7XG59XG4iLCJXWU1lZGl0b3IuRVhURVJOQUxfTU9EVUxFUy5Db21ib2tleXMgPSByZXF1aXJlKFwiY29tYm9rZXlzXCIpO1xuIl19
-
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.foo = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-'use strict'
-
-module.exports = function (element, onSensible, onAny) {
-  var self = this
-
-  if (typeof onSensible !== 'function') {
-    throw new Error('Expected a function')
-  }
-  self.element = element
-  self.onSensible = onSensible
-  self.onAny = onAny
-  self.listen()
-
-  return self
-}
-
-module.exports.prototype.listen = require('./prototype/listen')
-module.exports.prototype.discern = require('./prototype/discern')
-module.exports.prototype.reset = require('./prototype/reset')
-module.exports.prototype.detach = require('./prototype/detach')
-module.exports.prototype.callbackSensible = require('./prototype/callback-sensible')
-module.exports.prototype.callbackAny = require('./prototype/callback-any')
-
-},{"./prototype/callback-any":2,"./prototype/callback-sensible":3,"./prototype/detach":4,"./prototype/discern":5,"./prototype/listen":6,"./prototype/reset":7}],2:[function(require,module,exports){
-'use strict'
-
-module.exports = function () {
-  var self = this
-  ;(self.onAny || function () {}).call(self)
-}
-
-},{}],3:[function(require,module,exports){
-'use strict'
-
-module.exports = function () {
-  var self = this
-  self.onSensible()
-}
-
-},{}],4:[function(require,module,exports){
-'use strict'
-
-var off = require('dom-events').off
-var TEXT_ALTERING_EVENT_TYPES = require('../../text-altering-event-types')
-
-module.exports = function () {
-  var self = this
-
-  TEXT_ALTERING_EVENT_TYPES.forEach(function (type) {
-    off(self.element, type, self.listener)
-  })
-}
-
-},{"../../text-altering-event-types":8,"dom-events":11}],5:[function(require,module,exports){
-'use strict'
-var getType = require('../../textEditType')
-
-module.exports = function (e) {
-  var self = this
-  var type = getType(e)
-  if (!type) {
-    // will not cause native edit
-    return
-  }
-  self.callbackAny()
-  self.previousEditType = self.lastEditType
-  self.lastEditType = type
-  if (!self.previousEditType) return
-  if (
-    self.lastEditType !== self.previousEditType ||
-    self.lastEditType === 'paste' ||
-    self.lastEditType === 'drop'
-  ) {
-    self.callbackSensible()
-  }
-}
-
-},{"../../textEditType":9}],6:[function(require,module,exports){
-'use strict'
-var on
-var TEXT_ALTERING_EVENT_TYPES
-
-on = require('add-event-handler')
-TEXT_ALTERING_EVENT_TYPES = require('../../text-altering-event-types')
-
-module.exports = function () {
-  var self = this
-
-  self.listener = function (e) {
-    self.discern(e)
-  }
-
-  TEXT_ALTERING_EVENT_TYPES.forEach(function (type) {
-    on(self.element, type, self.listener)
-  })
-}
-
-},{"../../text-altering-event-types":8,"add-event-handler":10}],7:[function(require,module,exports){
-'use strict'
-
-module.exports = function () {
-  var self = this
-  delete self.lastEditType
-}
-
-},{}],8:[function(require,module,exports){
-'use strict'
-module.exports = [
-  'keydown',
-  'paste',
-  'drop'
-]
-
-},{}],9:[function(require,module,exports){
-'use strict'
-var BACKWARDS_REMOVAL_KEYS = [
-  'backspace'
-]
-var FORWARD_REMOVAL_KEYS = [
-  'del',
-  'delete'
-]
-var EDIT_PREVENTING_PROPS = [
-  'altKey',
-  'ctrlKey',
-  'metaKey'
-]
-var keycode = require('keycode')
-
-module.exports = function (e) {
-  if (e.type === 'keydown') {
-    var noEdit
-    EDIT_PREVENTING_PROPS.forEach(function (prop) {
-      if (e[prop]) {
-        // will not cause native edit
-        noEdit = true
-      }
-    })
-    if (noEdit) {
-      return false
-    }
-    var key = keycode(e)
-    if (BACKWARDS_REMOVAL_KEYS.indexOf(key) > -1) {
-      return 'backwardsRemoval'
-    }
-    if (FORWARD_REMOVAL_KEYS.indexOf(key) > -1) {
-      return 'forwardRemoval'
-    }
-    if (key === 'space') {
-      return key
-    }
-    if (key === 'enter') {
-      return key
-    }
-    return 'characterAddition'
-  }
-  if (e.type === 'paste') {
-    return e.type
-  }
-  if (e.type === 'drop') {
-    return e.type
-  }
-  throw new Error('Shouldn\'t get this far')
-}
-
-},{"keycode":15}],10:[function(require,module,exports){
-/* eslint-env node, browser */
-"use strict";
-
-module.exports = function(element, type, handler) {
-    if (element.addEventListener) {
-        return element.addEventListener(type, handler, false);
-    } else if (element.attachEvent) {
-        return element.attachEvent("on" + type, handler);
-    } else {
-        throw "No event handler adding interface found";
-    }
-};
-
-},{}],11:[function(require,module,exports){
-
-var synth = require('synthetic-dom-events');
-
-var on = function(element, name, fn, capture) {
-    return element.addEventListener(name, fn, capture || false);
-};
-
-var off = function(element, name, fn, capture) {
-    return element.removeEventListener(name, fn, capture || false);
-};
-
-var once = function (element, name, fn, capture) {
-    function tmp (ev) {
-        off(element, name, tmp, capture);
-        fn(ev);
-    }
-    on(element, name, tmp, capture);
-};
-
-var emit = function(element, name, opt) {
-    var ev = synth(name, opt);
-    element.dispatchEvent(ev);
-};
-
-if (!document.addEventListener) {
-    on = function(element, name, fn) {
-        return element.attachEvent('on' + name, fn);
-    };
-}
-
-if (!document.removeEventListener) {
-    off = function(element, name, fn) {
-        return element.detachEvent('on' + name, fn);
-    };
-}
-
-if (!document.dispatchEvent) {
-    emit = function(element, name, opt) {
-        var ev = synth(name, opt);
-        return element.fireEvent('on' + ev.type, ev);
-    };
-}
-
-module.exports = {
-    on: on,
-    off: off,
-    once: once,
-    emit: emit
-};
-
-},{"synthetic-dom-events":12}],12:[function(require,module,exports){
-
-// for compression
-var win = window;
-var doc = document || {};
-var root = doc.documentElement || {};
-
-// detect if we need to use firefox KeyEvents vs KeyboardEvents
-var use_key_event = true;
-try {
-    doc.createEvent('KeyEvents');
-}
-catch (err) {
-    use_key_event = false;
-}
-
-// Workaround for https://bugs.webkit.org/show_bug.cgi?id=16735
-function check_kb(ev, opts) {
-    if (ev.ctrlKey != (opts.ctrlKey || false) ||
-        ev.altKey != (opts.altKey || false) ||
-        ev.shiftKey != (opts.shiftKey || false) ||
-        ev.metaKey != (opts.metaKey || false) ||
-        ev.keyCode != (opts.keyCode || 0) ||
-        ev.charCode != (opts.charCode || 0)) {
-
-        ev = document.createEvent('Event');
-        ev.initEvent(opts.type, opts.bubbles, opts.cancelable);
-        ev.ctrlKey  = opts.ctrlKey || false;
-        ev.altKey   = opts.altKey || false;
-        ev.shiftKey = opts.shiftKey || false;
-        ev.metaKey  = opts.metaKey || false;
-        ev.keyCode  = opts.keyCode || 0;
-        ev.charCode = opts.charCode || 0;
-    }
-
-    return ev;
-}
-
-// modern browsers, do a proper dispatchEvent()
-var modern = function(type, opts) {
-    opts = opts || {};
-
-    // which init fn do we use
-    var family = typeOf(type);
-    var init_fam = family;
-    if (family === 'KeyboardEvent' && use_key_event) {
-        family = 'KeyEvents';
-        init_fam = 'KeyEvent';
-    }
-
-    var ev = doc.createEvent(family);
-    var init_fn = 'init' + init_fam;
-    var init = typeof ev[init_fn] === 'function' ? init_fn : 'initEvent';
-
-    var sig = initSignatures[init];
-    var args = [];
-    var used = {};
-
-    opts.type = type;
-    for (var i = 0; i < sig.length; ++i) {
-        var key = sig[i];
-        var val = opts[key];
-        // if no user specified value, then use event default
-        if (val === undefined) {
-            val = ev[key];
-        }
-        used[key] = true;
-        args.push(val);
-    }
-    ev[init].apply(ev, args);
-
-    // webkit key event issue workaround
-    if (family === 'KeyboardEvent') {
-        ev = check_kb(ev, opts);
-    }
-
-    // attach remaining unused options to the object
-    for (var key in opts) {
-        if (!used[key]) {
-            ev[key] = opts[key];
-        }
-    }
-
-    return ev;
-};
-
-var legacy = function (type, opts) {
-    opts = opts || {};
-    var ev = doc.createEventObject();
-
-    ev.type = type;
-    for (var key in opts) {
-        if (opts[key] !== undefined) {
-            ev[key] = opts[key];
-        }
-    }
-
-    return ev;
-};
-
-// expose either the modern version of event generation or legacy
-// depending on what we support
-// avoids if statements in the code later
-module.exports = doc.createEvent ? modern : legacy;
-
-var initSignatures = require('./init.json');
-var types = require('./types.json');
-var typeOf = (function () {
-    var typs = {};
-    for (var key in types) {
-        var ts = types[key];
-        for (var i = 0; i < ts.length; i++) {
-            typs[ts[i]] = key;
-        }
-    }
-
-    return function (name) {
-        return typs[name] || 'Event';
-    };
-})();
-
-},{"./init.json":13,"./types.json":14}],13:[function(require,module,exports){
-module.exports={
-  "initEvent" : [
-    "type",
-    "bubbles",
-    "cancelable"
-  ],
-  "initUIEvent" : [
-    "type",
-    "bubbles",
-    "cancelable",
-    "view",
-    "detail"
-  ],
-  "initMouseEvent" : [
-    "type",
-    "bubbles",
-    "cancelable",
-    "view",
-    "detail",
-    "screenX",
-    "screenY",
-    "clientX",
-    "clientY",
-    "ctrlKey",
-    "altKey",
-    "shiftKey",
-    "metaKey",
-    "button",
-    "relatedTarget"
-  ],
-  "initMutationEvent" : [
-    "type",
-    "bubbles",
-    "cancelable",
-    "relatedNode",
-    "prevValue",
-    "newValue",
-    "attrName",
-    "attrChange"
-  ],
-  "initKeyboardEvent" : [
-    "type",
-    "bubbles",
-    "cancelable",
-    "view",
-    "ctrlKey",
-    "altKey",
-    "shiftKey",
-    "metaKey",
-    "keyCode",
-    "charCode"
-  ],
-  "initKeyEvent" : [
-    "type",
-    "bubbles",
-    "cancelable",
-    "view",
-    "ctrlKey",
-    "altKey",
-    "shiftKey",
-    "metaKey",
-    "keyCode",
-    "charCode"
-  ]
-}
-
-},{}],14:[function(require,module,exports){
-module.exports={
-  "MouseEvent" : [
-    "click",
-    "mousedown",
-    "mouseup",
-    "mouseover",
-    "mousemove",
-    "mouseout"
-  ],
-  "KeyboardEvent" : [
-    "keydown",
-    "keyup",
-    "keypress"
-  ],
-  "MutationEvent" : [
-    "DOMSubtreeModified",
-    "DOMNodeInserted",
-    "DOMNodeRemoved",
-    "DOMNodeRemovedFromDocument",
-    "DOMNodeInsertedIntoDocument",
-    "DOMAttrModified",
-    "DOMCharacterDataModified"
-  ],
-  "HTMLEvents" : [
-    "load",
-    "unload",
-    "abort",
-    "error",
-    "select",
-    "change",
-    "submit",
-    "reset",
-    "focus",
-    "blur",
-    "resize",
-    "scroll"
-  ],
-  "UIEvent" : [
-    "DOMFocusIn",
-    "DOMFocusOut",
-    "DOMActivate"
-  ]
-}
-
-},{}],15:[function(require,module,exports){
-// Source: http://jsfiddle.net/vWx8V/
-// http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
-
-
-
-/**
- * Conenience method returns corresponding value for given keyName or keyCode.
- *
- * @param {Mixed} keyCode {Number} or keyName {String}
- * @return {Mixed}
- * @api public
- */
-
-exports = module.exports = function(searchInput) {
-  // Keyboard Events
-  if (searchInput && 'object' === typeof searchInput) {
-    var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode
-    if (hasKeyCode) searchInput = hasKeyCode
-  }
-
-  // Numbers
-  if ('number' === typeof searchInput) return names[searchInput]
-
-  // Everything else (cast to string)
-  var search = String(searchInput)
-
-  // check codes
-  var foundNamedKey = codes[search.toLowerCase()]
-  if (foundNamedKey) return foundNamedKey
-
-  // check aliases
-  var foundNamedKey = aliases[search.toLowerCase()]
-  if (foundNamedKey) return foundNamedKey
-
-  // weird character?
-  if (search.length === 1) return search.charCodeAt(0)
-
-  return undefined
-}
-
-/**
- * Get by name
- *
- *   exports.code['enter'] // => 13
- */
-
-var codes = exports.code = exports.codes = {
-  'backspace': 8,
-  'tab': 9,
-  'enter': 13,
-  'shift': 16,
-  'ctrl': 17,
-  'alt': 18,
-  'pause/break': 19,
-  'caps lock': 20,
-  'esc': 27,
-  'space': 32,
-  'page up': 33,
-  'page down': 34,
-  'end': 35,
-  'home': 36,
-  'left': 37,
-  'up': 38,
-  'right': 39,
-  'down': 40,
-  'insert': 45,
-  'delete': 46,
-  'command': 91,
-  'right click': 93,
-  'numpad *': 106,
-  'numpad +': 107,
-  'numpad -': 109,
-  'numpad .': 110,
-  'numpad /': 111,
-  'num lock': 144,
-  'scroll lock': 145,
-  'my computer': 182,
-  'my calculator': 183,
-  ';': 186,
-  '=': 187,
-  ',': 188,
-  '-': 189,
-  '.': 190,
-  '/': 191,
-  '`': 192,
-  '[': 219,
-  '\\': 220,
-  ']': 221,
-  "'": 222,
-}
-
-// Helper aliases
-
-var aliases = exports.aliases = {
-  'windows': 91,
-  '⇧': 16,
-  '⌥': 18,
-  '⌃': 17,
-  '⌘': 91,
-  'ctl': 17,
-  'control': 17,
-  'option': 18,
-  'pause': 19,
-  'break': 19,
-  'caps': 20,
-  'return': 13,
-  'escape': 27,
-  'spc': 32,
-  'pgup': 33,
-  'pgdn': 33,
-  'ins': 45,
-  'del': 46,
-  'cmd': 91
-}
-
-
-/*!
- * Programatically add the following
- */
-
-// lower case chars
-for (i = 97; i < 123; i++) codes[String.fromCharCode(i)] = i - 32
-
-// numbers
-for (var i = 48; i < 58; i++) codes[i - 48] = i
-
-// function keys
-for (i = 1; i < 13; i++) codes['f'+i] = i + 111
-
-// numpad keys
-for (i = 0; i < 10; i++) codes['numpad '+i] = i + 96
-
-/**
- * Get by code
- *
- *   exports.name[13] // => 'Enter'
- */
-
-var names = exports.names = exports.title = {} // title for backward compat
-
-// Create reverse mapping
-for (i in codes) names[codes[i]] = i
-
-// Add aliases
-for (var alias in aliases) {
-  codes[alias] = aliases[alias]
-}
-
-},{}],16:[function(require,module,exports){
-WYMeditor.EXTERNAL_MODULES.Edited = require("edited");
-
-},{"edited":1}]},{},[16])(16)
-});
-//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlcy9ncnVudC1icm93c2VyaWZ5L25vZGVfbW9kdWxlcy9icm93c2VyaWZ5L25vZGVfbW9kdWxlcy9icm93c2VyLXBhY2svX3ByZWx1ZGUuanMiLCJub2RlX21vZHVsZXMvZWRpdGVkL2xpYi9FZGl0ZWQvaW5kZXguanMiLCJub2RlX21vZHVsZXMvZWRpdGVkL2xpYi9FZGl0ZWQvcHJvdG90eXBlL2NhbGxiYWNrLWFueS5qcyIsIm5vZGVfbW9kdWxlcy9lZGl0ZWQvbGliL0VkaXRlZC9wcm90b3R5cGUvY2FsbGJhY2stc2Vuc2libGUuanMiLCJub2RlX21vZHVsZXMvZWRpdGVkL2xpYi9FZGl0ZWQvcHJvdG90eXBlL2RldGFjaC5qcyIsIm5vZGVfbW9kdWxlcy9lZGl0ZWQvbGliL0VkaXRlZC9wcm90b3R5cGUvZGlzY2Vybi5qcyIsIm5vZGVfbW9kdWxlcy9lZGl0ZWQvbGliL0VkaXRlZC9wcm90b3R5cGUvbGlzdGVuLmpzIiwibm9kZV9tb2R1bGVzL2VkaXRlZC9saWIvRWRpdGVkL3Byb3RvdHlwZS9yZXNldC5qcyIsIm5vZGVfbW9kdWxlcy9lZGl0ZWQvbGliL3RleHQtYWx0ZXJpbmctZXZlbnQtdHlwZXMuanMiLCJub2RlX21vZHVsZXMvZWRpdGVkL2xpYi90ZXh0RWRpdFR5cGUuanMiLCJub2RlX21vZHVsZXMvZWRpdGVkL25vZGVfbW9kdWxlcy9hZGQtZXZlbnQtaGFuZGxlci9pbmRleC5qcyIsIm5vZGVfbW9kdWxlcy9lZGl0ZWQvbm9kZV9tb2R1bGVzL2RvbS1ldmVudHMvaW5kZXguanMiLCJub2RlX21vZHVsZXMvZWRpdGVkL25vZGVfbW9kdWxlcy9kb20tZXZlbnRzL25vZGVfbW9kdWxlcy9zeW50aGV0aWMtZG9tLWV2ZW50cy9pbmRleC5qcyIsIm5vZGVfbW9kdWxlcy9lZGl0ZWQvbm9kZV9tb2R1bGVzL2RvbS1ldmVudHMvbm9kZV9tb2R1bGVzL3N5bnRoZXRpYy1kb20tZXZlbnRzL2luaXQuanNvbiIsIm5vZGVfbW9kdWxlcy9lZGl0ZWQvbm9kZV9tb2R1bGVzL2RvbS1ldmVudHMvbm9kZV9tb2R1bGVzL3N5bnRoZXRpYy1kb20tZXZlbnRzL3R5cGVzLmpzb24iLCJub2RlX21vZHVsZXMvZWRpdGVkL25vZGVfbW9kdWxlcy9rZXljb2RlL2luZGV4LmpzIiwic3JjL3d5bWVkaXRvci9leHRlcm5hbC1tb2R1bGVzL2VkaXRlZC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQ0FBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDdEJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ05BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ05BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ1pBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDdEJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2xCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNOQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNOQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDbERBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ1pBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FDakRBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUN2SEE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQ2pFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQzNDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUNuSkE7QUFDQSIsImZpbGUiOiJnZW5lcmF0ZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlc0NvbnRlbnQiOlsiKGZ1bmN0aW9uIGUodCxuLHIpe2Z1bmN0aW9uIHMobyx1KXtpZighbltvXSl7aWYoIXRbb10pe3ZhciBhPXR5cGVvZiByZXF1aXJlPT1cImZ1bmN0aW9uXCImJnJlcXVpcmU7aWYoIXUmJmEpcmV0dXJuIGEobywhMCk7aWYoaSlyZXR1cm4gaShvLCEwKTt2YXIgZj1uZXcgRXJyb3IoXCJDYW5ub3QgZmluZCBtb2R1bGUgJ1wiK28rXCInXCIpO3Rocm93IGYuY29kZT1cIk1PRFVMRV9OT1RfRk9VTkRcIixmfXZhciBsPW5bb109e2V4cG9ydHM6e319O3Rbb11bMF0uY2FsbChsLmV4cG9ydHMsZnVuY3Rpb24oZSl7dmFyIG49dFtvXVsxXVtlXTtyZXR1cm4gcyhuP246ZSl9LGwsbC5leHBvcnRzLGUsdCxuLHIpfXJldHVybiBuW29dLmV4cG9ydHN9dmFyIGk9dHlwZW9mIHJlcXVpcmU9PVwiZnVuY3Rpb25cIiYmcmVxdWlyZTtmb3IodmFyIG89MDtvPHIubGVuZ3RoO28rKylzKHJbb10pO3JldHVybiBzfSkiLCIndXNlIHN0cmljdCdcblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoZWxlbWVudCwgb25TZW5zaWJsZSwgb25BbnkpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG5cbiAgaWYgKHR5cGVvZiBvblNlbnNpYmxlICE9PSAnZnVuY3Rpb24nKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCdFeHBlY3RlZCBhIGZ1bmN0aW9uJylcbiAgfVxuICBzZWxmLmVsZW1lbnQgPSBlbGVtZW50XG4gIHNlbGYub25TZW5zaWJsZSA9IG9uU2Vuc2libGVcbiAgc2VsZi5vbkFueSA9IG9uQW55XG4gIHNlbGYubGlzdGVuKClcblxuICByZXR1cm4gc2VsZlxufVxuXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUubGlzdGVuID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvbGlzdGVuJylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5kaXNjZXJuID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvZGlzY2VybicpXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUucmVzZXQgPSByZXF1aXJlKCcuL3Byb3RvdHlwZS9yZXNldCcpXG5tb2R1bGUuZXhwb3J0cy5wcm90b3R5cGUuZGV0YWNoID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvZGV0YWNoJylcbm1vZHVsZS5leHBvcnRzLnByb3RvdHlwZS5jYWxsYmFja1NlbnNpYmxlID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvY2FsbGJhY2stc2Vuc2libGUnKVxubW9kdWxlLmV4cG9ydHMucHJvdG90eXBlLmNhbGxiYWNrQW55ID0gcmVxdWlyZSgnLi9wcm90b3R5cGUvY2FsbGJhY2stYW55JylcbiIsIid1c2Ugc3RyaWN0J1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uICgpIHtcbiAgdmFyIHNlbGYgPSB0aGlzXG4gIDsoc2VsZi5vbkFueSB8fCBmdW5jdGlvbiAoKSB7fSkuY2FsbChzZWxmKVxufVxuIiwiJ3VzZSBzdHJpY3QnXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKCkge1xuICB2YXIgc2VsZiA9IHRoaXNcbiAgc2VsZi5vblNlbnNpYmxlKClcbn1cbiIsIid1c2Ugc3RyaWN0J1xuXG52YXIgb2ZmID0gcmVxdWlyZSgnZG9tLWV2ZW50cycpLm9mZlxudmFyIFRFWFRfQUxURVJJTkdfRVZFTlRfVFlQRVMgPSByZXF1aXJlKCcuLi8uLi90ZXh0LWFsdGVyaW5nLWV2ZW50LXR5cGVzJylcblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuXG4gIFRFWFRfQUxURVJJTkdfRVZFTlRfVFlQRVMuZm9yRWFjaChmdW5jdGlvbiAodHlwZSkge1xuICAgIG9mZihzZWxmLmVsZW1lbnQsIHR5cGUsIHNlbGYubGlzdGVuZXIpXG4gIH0pXG59XG4iLCIndXNlIHN0cmljdCdcbnZhciBnZXRUeXBlID0gcmVxdWlyZSgnLi4vLi4vdGV4dEVkaXRUeXBlJylcblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoZSkge1xuICB2YXIgc2VsZiA9IHRoaXNcbiAgdmFyIHR5cGUgPSBnZXRUeXBlKGUpXG4gIGlmICghdHlwZSkge1xuICAgIC8vIHdpbGwgbm90IGNhdXNlIG5hdGl2ZSBlZGl0XG4gICAgcmV0dXJuXG4gIH1cbiAgc2VsZi5jYWxsYmFja0FueSgpXG4gIHNlbGYucHJldmlvdXNFZGl0VHlwZSA9IHNlbGYubGFzdEVkaXRUeXBlXG4gIHNlbGYubGFzdEVkaXRUeXBlID0gdHlwZVxuICBpZiAoIXNlbGYucHJldmlvdXNFZGl0VHlwZSkgcmV0dXJuXG4gIGlmIChcbiAgICBzZWxmLmxhc3RFZGl0VHlwZSAhPT0gc2VsZi5wcmV2aW91c0VkaXRUeXBlIHx8XG4gICAgc2VsZi5sYXN0RWRpdFR5cGUgPT09ICdwYXN0ZScgfHxcbiAgICBzZWxmLmxhc3RFZGl0VHlwZSA9PT0gJ2Ryb3AnXG4gICkge1xuICAgIHNlbGYuY2FsbGJhY2tTZW5zaWJsZSgpXG4gIH1cbn1cbiIsIid1c2Ugc3RyaWN0J1xudmFyIG9uXG52YXIgVEVYVF9BTFRFUklOR19FVkVOVF9UWVBFU1xuXG5vbiA9IHJlcXVpcmUoJ2FkZC1ldmVudC1oYW5kbGVyJylcblRFWFRfQUxURVJJTkdfRVZFTlRfVFlQRVMgPSByZXF1aXJlKCcuLi8uLi90ZXh0LWFsdGVyaW5nLWV2ZW50LXR5cGVzJylcblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBzZWxmID0gdGhpc1xuXG4gIHNlbGYubGlzdGVuZXIgPSBmdW5jdGlvbiAoZSkge1xuICAgIHNlbGYuZGlzY2VybihlKVxuICB9XG5cbiAgVEVYVF9BTFRFUklOR19FVkVOVF9UWVBFUy5mb3JFYWNoKGZ1bmN0aW9uICh0eXBlKSB7XG4gICAgb24oc2VsZi5lbGVtZW50LCB0eXBlLCBzZWxmLmxpc3RlbmVyKVxuICB9KVxufVxuIiwiJ3VzZSBzdHJpY3QnXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKCkge1xuICB2YXIgc2VsZiA9IHRoaXNcbiAgZGVsZXRlIHNlbGYubGFzdEVkaXRUeXBlXG59XG4iLCIndXNlIHN0cmljdCdcbm1vZHVsZS5leHBvcnRzID0gW1xuICAna2V5ZG93bicsXG4gICdwYXN0ZScsXG4gICdkcm9wJ1xuXVxuIiwiJ3VzZSBzdHJpY3QnXG52YXIgQkFDS1dBUkRTX1JFTU9WQUxfS0VZUyA9IFtcbiAgJ2JhY2tzcGFjZSdcbl1cbnZhciBGT1JXQVJEX1JFTU9WQUxfS0VZUyA9IFtcbiAgJ2RlbCcsXG4gICdkZWxldGUnXG5dXG52YXIgRURJVF9QUkVWRU5USU5HX1BST1BTID0gW1xuICAnYWx0S2V5JyxcbiAgJ2N0cmxLZXknLFxuICAnbWV0YUtleSdcbl1cbnZhciBrZXljb2RlID0gcmVxdWlyZSgna2V5Y29kZScpXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGUpIHtcbiAgaWYgKGUudHlwZSA9PT0gJ2tleWRvd24nKSB7XG4gICAgdmFyIG5vRWRpdFxuICAgIEVESVRfUFJFVkVOVElOR19QUk9QUy5mb3JFYWNoKGZ1bmN0aW9uIChwcm9wKSB7XG4gICAgICBpZiAoZVtwcm9wXSkge1xuICAgICAgICAvLyB3aWxsIG5vdCBjYXVzZSBuYXRpdmUgZWRpdFxuICAgICAgICBub0VkaXQgPSB0cnVlXG4gICAgICB9XG4gICAgfSlcbiAgICBpZiAobm9FZGl0KSB7XG4gICAgICByZXR1cm4gZmFsc2VcbiAgICB9XG4gICAgdmFyIGtleSA9IGtleWNvZGUoZSlcbiAgICBpZiAoQkFDS1dBUkRTX1JFTU9WQUxfS0VZUy5pbmRleE9mKGtleSkgPiAtMSkge1xuICAgICAgcmV0dXJuICdiYWNrd2FyZHNSZW1vdmFsJ1xuICAgIH1cbiAgICBpZiAoRk9SV0FSRF9SRU1PVkFMX0tFWVMuaW5kZXhPZihrZXkpID4gLTEpIHtcbiAgICAgIHJldHVybiAnZm9yd2FyZFJlbW92YWwnXG4gICAgfVxuICAgIGlmIChrZXkgPT09ICdzcGFjZScpIHtcbiAgICAgIHJldHVybiBrZXlcbiAgICB9XG4gICAgaWYgKGtleSA9PT0gJ2VudGVyJykge1xuICAgICAgcmV0dXJuIGtleVxuICAgIH1cbiAgICByZXR1cm4gJ2NoYXJhY3RlckFkZGl0aW9uJ1xuICB9XG4gIGlmIChlLnR5cGUgPT09ICdwYXN0ZScpIHtcbiAgICByZXR1cm4gZS50eXBlXG4gIH1cbiAgaWYgKGUudHlwZSA9PT0gJ2Ryb3AnKSB7XG4gICAgcmV0dXJuIGUudHlwZVxuICB9XG4gIHRocm93IG5ldyBFcnJvcignU2hvdWxkblxcJ3QgZ2V0IHRoaXMgZmFyJylcbn1cbiIsIi8qIGVzbGludC1lbnYgbm9kZSwgYnJvd3NlciAqL1xuXCJ1c2Ugc3RyaWN0XCI7XG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24oZWxlbWVudCwgdHlwZSwgaGFuZGxlcikge1xuICAgIGlmIChlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIpIHtcbiAgICAgICAgcmV0dXJuIGVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcih0eXBlLCBoYW5kbGVyLCBmYWxzZSk7XG4gICAgfSBlbHNlIGlmIChlbGVtZW50LmF0dGFjaEV2ZW50KSB7XG4gICAgICAgIHJldHVybiBlbGVtZW50LmF0dGFjaEV2ZW50KFwib25cIiArIHR5cGUsIGhhbmRsZXIpO1xuICAgIH0gZWxzZSB7XG4gICAgICAgIHRocm93IFwiTm8gZXZlbnQgaGFuZGxlciBhZGRpbmcgaW50ZXJmYWNlIGZvdW5kXCI7XG4gICAgfVxufTtcbiIsIlxudmFyIHN5bnRoID0gcmVxdWlyZSgnc3ludGhldGljLWRvbS1ldmVudHMnKTtcblxudmFyIG9uID0gZnVuY3Rpb24oZWxlbWVudCwgbmFtZSwgZm4sIGNhcHR1cmUpIHtcbiAgICByZXR1cm4gZWxlbWVudC5hZGRFdmVudExpc3RlbmVyKG5hbWUsIGZuLCBjYXB0dXJlIHx8IGZhbHNlKTtcbn07XG5cbnZhciBvZmYgPSBmdW5jdGlvbihlbGVtZW50LCBuYW1lLCBmbiwgY2FwdHVyZSkge1xuICAgIHJldHVybiBlbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIobmFtZSwgZm4sIGNhcHR1cmUgfHwgZmFsc2UpO1xufTtcblxudmFyIG9uY2UgPSBmdW5jdGlvbiAoZWxlbWVudCwgbmFtZSwgZm4sIGNhcHR1cmUpIHtcbiAgICBmdW5jdGlvbiB0bXAgKGV2KSB7XG4gICAgICAgIG9mZihlbGVtZW50LCBuYW1lLCB0bXAsIGNhcHR1cmUpO1xuICAgICAgICBmbihldik7XG4gICAgfVxuICAgIG9uKGVsZW1lbnQsIG5hbWUsIHRtcCwgY2FwdHVyZSk7XG59O1xuXG52YXIgZW1pdCA9IGZ1bmN0aW9uKGVsZW1lbnQsIG5hbWUsIG9wdCkge1xuICAgIHZhciBldiA9IHN5bnRoKG5hbWUsIG9wdCk7XG4gICAgZWxlbWVudC5kaXNwYXRjaEV2ZW50KGV2KTtcbn07XG5cbmlmICghZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcikge1xuICAgIG9uID0gZnVuY3Rpb24oZWxlbWVudCwgbmFtZSwgZm4pIHtcbiAgICAgICAgcmV0dXJuIGVsZW1lbnQuYXR0YWNoRXZlbnQoJ29uJyArIG5hbWUsIGZuKTtcbiAgICB9O1xufVxuXG5pZiAoIWRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIpIHtcbiAgICBvZmYgPSBmdW5jdGlvbihlbGVtZW50LCBuYW1lLCBmbikge1xuICAgICAgICByZXR1cm4gZWxlbWVudC5kZXRhY2hFdmVudCgnb24nICsgbmFtZSwgZm4pO1xuICAgIH07XG59XG5cbmlmICghZG9jdW1lbnQuZGlzcGF0Y2hFdmVudCkge1xuICAgIGVtaXQgPSBmdW5jdGlvbihlbGVtZW50LCBuYW1lLCBvcHQpIHtcbiAgICAgICAgdmFyIGV2ID0gc3ludGgobmFtZSwgb3B0KTtcbiAgICAgICAgcmV0dXJuIGVsZW1lbnQuZmlyZUV2ZW50KCdvbicgKyBldi50eXBlLCBldik7XG4gICAgfTtcbn1cblxubW9kdWxlLmV4cG9ydHMgPSB7XG4gICAgb246IG9uLFxuICAgIG9mZjogb2ZmLFxuICAgIG9uY2U6IG9uY2UsXG4gICAgZW1pdDogZW1pdFxufTtcbiIsIlxuLy8gZm9yIGNvbXByZXNzaW9uXG52YXIgd2luID0gd2luZG93O1xudmFyIGRvYyA9IGRvY3VtZW50IHx8IHt9O1xudmFyIHJvb3QgPSBkb2MuZG9jdW1lbnRFbGVtZW50IHx8IHt9O1xuXG4vLyBkZXRlY3QgaWYgd2UgbmVlZCB0byB1c2UgZmlyZWZveCBLZXlFdmVudHMgdnMgS2V5Ym9hcmRFdmVudHNcbnZhciB1c2Vfa2V5X2V2ZW50ID0gdHJ1ZTtcbnRyeSB7XG4gICAgZG9jLmNyZWF0ZUV2ZW50KCdLZXlFdmVudHMnKTtcbn1cbmNhdGNoIChlcnIpIHtcbiAgICB1c2Vfa2V5X2V2ZW50ID0gZmFsc2U7XG59XG5cbi8vIFdvcmthcm91bmQgZm9yIGh0dHBzOi8vYnVncy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD0xNjczNVxuZnVuY3Rpb24gY2hlY2tfa2IoZXYsIG9wdHMpIHtcbiAgICBpZiAoZXYuY3RybEtleSAhPSAob3B0cy5jdHJsS2V5IHx8IGZhbHNlKSB8fFxuICAgICAgICBldi5hbHRLZXkgIT0gKG9wdHMuYWx0S2V5IHx8IGZhbHNlKSB8fFxuICAgICAgICBldi5zaGlmdEtleSAhPSAob3B0cy5zaGlmdEtleSB8fCBmYWxzZSkgfHxcbiAgICAgICAgZXYubWV0YUtleSAhPSAob3B0cy5tZXRhS2V5IHx8IGZhbHNlKSB8fFxuICAgICAgICBldi5rZXlDb2RlICE9IChvcHRzLmtleUNvZGUgfHwgMCkgfHxcbiAgICAgICAgZXYuY2hhckNvZGUgIT0gKG9wdHMuY2hhckNvZGUgfHwgMCkpIHtcblxuICAgICAgICBldiA9IGRvY3VtZW50LmNyZWF0ZUV2ZW50KCdFdmVudCcpO1xuICAgICAgICBldi5pbml0RXZlbnQob3B0cy50eXBlLCBvcHRzLmJ1YmJsZXMsIG9wdHMuY2FuY2VsYWJsZSk7XG4gICAgICAgIGV2LmN0cmxLZXkgID0gb3B0cy5jdHJsS2V5IHx8IGZhbHNlO1xuICAgICAgICBldi5hbHRLZXkgICA9IG9wdHMuYWx0S2V5IHx8IGZhbHNlO1xuICAgICAgICBldi5zaGlmdEtleSA9IG9wdHMuc2hpZnRLZXkgfHwgZmFsc2U7XG4gICAgICAgIGV2Lm1ldGFLZXkgID0gb3B0cy5tZXRhS2V5IHx8IGZhbHNlO1xuICAgICAgICBldi5rZXlDb2RlICA9IG9wdHMua2V5Q29kZSB8fCAwO1xuICAgICAgICBldi5jaGFyQ29kZSA9IG9wdHMuY2hhckNvZGUgfHwgMDtcbiAgICB9XG5cbiAgICByZXR1cm4gZXY7XG59XG5cbi8vIG1vZGVybiBicm93c2VycywgZG8gYSBwcm9wZXIgZGlzcGF0Y2hFdmVudCgpXG52YXIgbW9kZXJuID0gZnVuY3Rpb24odHlwZSwgb3B0cykge1xuICAgIG9wdHMgPSBvcHRzIHx8IHt9O1xuXG4gICAgLy8gd2hpY2ggaW5pdCBmbiBkbyB3ZSB1c2VcbiAgICB2YXIgZmFtaWx5ID0gdHlwZU9mKHR5cGUpO1xuICAgIHZhciBpbml0X2ZhbSA9IGZhbWlseTtcbiAgICBpZiAoZmFtaWx5ID09PSAnS2V5Ym9hcmRFdmVudCcgJiYgdXNlX2tleV9ldmVudCkge1xuICAgICAgICBmYW1pbHkgPSAnS2V5RXZlbnRzJztcbiAgICAgICAgaW5pdF9mYW0gPSAnS2V5RXZlbnQnO1xuICAgIH1cblxuICAgIHZhciBldiA9IGRvYy5jcmVhdGVFdmVudChmYW1pbHkpO1xuICAgIHZhciBpbml0X2ZuID0gJ2luaXQnICsgaW5pdF9mYW07XG4gICAgdmFyIGluaXQgPSB0eXBlb2YgZXZbaW5pdF9mbl0gPT09ICdmdW5jdGlvbicgPyBpbml0X2ZuIDogJ2luaXRFdmVudCc7XG5cbiAgICB2YXIgc2lnID0gaW5pdFNpZ25hdHVyZXNbaW5pdF07XG4gICAgdmFyIGFyZ3MgPSBbXTtcbiAgICB2YXIgdXNlZCA9IHt9O1xuXG4gICAgb3B0cy50eXBlID0gdHlwZTtcbiAgICBmb3IgKHZhciBpID0gMDsgaSA8IHNpZy5sZW5ndGg7ICsraSkge1xuICAgICAgICB2YXIga2V5ID0gc2lnW2ldO1xuICAgICAgICB2YXIgdmFsID0gb3B0c1trZXldO1xuICAgICAgICAvLyBpZiBubyB1c2VyIHNwZWNpZmllZCB2YWx1ZSwgdGhlbiB1c2UgZXZlbnQgZGVmYXVsdFxuICAgICAgICBpZiAodmFsID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHZhbCA9IGV2W2tleV07XG4gICAgICAgIH1cbiAgICAgICAgdXNlZFtrZXldID0gdHJ1ZTtcbiAgICAgICAgYXJncy5wdXNoKHZhbCk7XG4gICAgfVxuICAgIGV2W2luaXRdLmFwcGx5KGV2LCBhcmdzKTtcblxuICAgIC8vIHdlYmtpdCBrZXkgZXZlbnQgaXNzdWUgd29ya2Fyb3VuZFxuICAgIGlmIChmYW1pbHkgPT09ICdLZXlib2FyZEV2ZW50Jykge1xuICAgICAgICBldiA9IGNoZWNrX2tiKGV2LCBvcHRzKTtcbiAgICB9XG5cbiAgICAvLyBhdHRhY2ggcmVtYWluaW5nIHVudXNlZCBvcHRpb25zIHRvIHRoZSBvYmplY3RcbiAgICBmb3IgKHZhciBrZXkgaW4gb3B0cykge1xuICAgICAgICBpZiAoIXVzZWRba2V5XSkge1xuICAgICAgICAgICAgZXZba2V5XSA9IG9wdHNba2V5XTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBldjtcbn07XG5cbnZhciBsZWdhY3kgPSBmdW5jdGlvbiAodHlwZSwgb3B0cykge1xuICAgIG9wdHMgPSBvcHRzIHx8IHt9O1xuICAgIHZhciBldiA9IGRvYy5jcmVhdGVFdmVudE9iamVjdCgpO1xuXG4gICAgZXYudHlwZSA9IHR5cGU7XG4gICAgZm9yICh2YXIga2V5IGluIG9wdHMpIHtcbiAgICAgICAgaWYgKG9wdHNba2V5XSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBldltrZXldID0gb3B0c1trZXldO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIGV2O1xufTtcblxuLy8gZXhwb3NlIGVpdGhlciB0aGUgbW9kZXJuIHZlcnNpb24gb2YgZXZlbnQgZ2VuZXJhdGlvbiBvciBsZWdhY3lcbi8vIGRlcGVuZGluZyBvbiB3aGF0IHdlIHN1cHBvcnRcbi8vIGF2b2lkcyBpZiBzdGF0ZW1lbnRzIGluIHRoZSBjb2RlIGxhdGVyXG5tb2R1bGUuZXhwb3J0cyA9IGRvYy5jcmVhdGVFdmVudCA/IG1vZGVybiA6IGxlZ2FjeTtcblxudmFyIGluaXRTaWduYXR1cmVzID0gcmVxdWlyZSgnLi9pbml0Lmpzb24nKTtcbnZhciB0eXBlcyA9IHJlcXVpcmUoJy4vdHlwZXMuanNvbicpO1xudmFyIHR5cGVPZiA9IChmdW5jdGlvbiAoKSB7XG4gICAgdmFyIHR5cHMgPSB7fTtcbiAgICBmb3IgKHZhciBrZXkgaW4gdHlwZXMpIHtcbiAgICAgICAgdmFyIHRzID0gdHlwZXNba2V5XTtcbiAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCB0cy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgdHlwc1t0c1tpXV0gPSBrZXk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gZnVuY3Rpb24gKG5hbWUpIHtcbiAgICAgICAgcmV0dXJuIHR5cHNbbmFtZV0gfHwgJ0V2ZW50JztcbiAgICB9O1xufSkoKTtcbiIsIm1vZHVsZS5leHBvcnRzPXtcbiAgXCJpbml0RXZlbnRcIiA6IFtcbiAgICBcInR5cGVcIixcbiAgICBcImJ1YmJsZXNcIixcbiAgICBcImNhbmNlbGFibGVcIlxuICBdLFxuICBcImluaXRVSUV2ZW50XCIgOiBbXG4gICAgXCJ0eXBlXCIsXG4gICAgXCJidWJibGVzXCIsXG4gICAgXCJjYW5jZWxhYmxlXCIsXG4gICAgXCJ2aWV3XCIsXG4gICAgXCJkZXRhaWxcIlxuICBdLFxuICBcImluaXRNb3VzZUV2ZW50XCIgOiBbXG4gICAgXCJ0eXBlXCIsXG4gICAgXCJidWJibGVzXCIsXG4gICAgXCJjYW5jZWxhYmxlXCIsXG4gICAgXCJ2aWV3XCIsXG4gICAgXCJkZXRhaWxcIixcbiAgICBcInNjcmVlblhcIixcbiAgICBcInNjcmVlbllcIixcbiAgICBcImNsaWVudFhcIixcbiAgICBcImNsaWVudFlcIixcbiAgICBcImN0cmxLZXlcIixcbiAgICBcImFsdEtleVwiLFxuICAgIFwic2hpZnRLZXlcIixcbiAgICBcIm1ldGFLZXlcIixcbiAgICBcImJ1dHRvblwiLFxuICAgIFwicmVsYXRlZFRhcmdldFwiXG4gIF0sXG4gIFwiaW5pdE11dGF0aW9uRXZlbnRcIiA6IFtcbiAgICBcInR5cGVcIixcbiAgICBcImJ1YmJsZXNcIixcbiAgICBcImNhbmNlbGFibGVcIixcbiAgICBcInJlbGF0ZWROb2RlXCIsXG4gICAgXCJwcmV2VmFsdWVcIixcbiAgICBcIm5ld1ZhbHVlXCIsXG4gICAgXCJhdHRyTmFtZVwiLFxuICAgIFwiYXR0ckNoYW5nZVwiXG4gIF0sXG4gIFwiaW5pdEtleWJvYXJkRXZlbnRcIiA6IFtcbiAgICBcInR5cGVcIixcbiAgICBcImJ1YmJsZXNcIixcbiAgICBcImNhbmNlbGFibGVcIixcbiAgICBcInZpZXdcIixcbiAgICBcImN0cmxLZXlcIixcbiAgICBcImFsdEtleVwiLFxuICAgIFwic2hpZnRLZXlcIixcbiAgICBcIm1ldGFLZXlcIixcbiAgICBcImtleUNvZGVcIixcbiAgICBcImNoYXJDb2RlXCJcbiAgXSxcbiAgXCJpbml0S2V5RXZlbnRcIiA6IFtcbiAgICBcInR5cGVcIixcbiAgICBcImJ1YmJsZXNcIixcbiAgICBcImNhbmNlbGFibGVcIixcbiAgICBcInZpZXdcIixcbiAgICBcImN0cmxLZXlcIixcbiAgICBcImFsdEtleVwiLFxuICAgIFwic2hpZnRLZXlcIixcbiAgICBcIm1ldGFLZXlcIixcbiAgICBcImtleUNvZGVcIixcbiAgICBcImNoYXJDb2RlXCJcbiAgXVxufVxuIiwibW9kdWxlLmV4cG9ydHM9e1xuICBcIk1vdXNlRXZlbnRcIiA6IFtcbiAgICBcImNsaWNrXCIsXG4gICAgXCJtb3VzZWRvd25cIixcbiAgICBcIm1vdXNldXBcIixcbiAgICBcIm1vdXNlb3ZlclwiLFxuICAgIFwibW91c2Vtb3ZlXCIsXG4gICAgXCJtb3VzZW91dFwiXG4gIF0sXG4gIFwiS2V5Ym9hcmRFdmVudFwiIDogW1xuICAgIFwia2V5ZG93blwiLFxuICAgIFwia2V5dXBcIixcbiAgICBcImtleXByZXNzXCJcbiAgXSxcbiAgXCJNdXRhdGlvbkV2ZW50XCIgOiBbXG4gICAgXCJET01TdWJ0cmVlTW9kaWZpZWRcIixcbiAgICBcIkRPTU5vZGVJbnNlcnRlZFwiLFxuICAgIFwiRE9NTm9kZVJlbW92ZWRcIixcbiAgICBcIkRPTU5vZGVSZW1vdmVkRnJvbURvY3VtZW50XCIsXG4gICAgXCJET01Ob2RlSW5zZXJ0ZWRJbnRvRG9jdW1lbnRcIixcbiAgICBcIkRPTUF0dHJNb2RpZmllZFwiLFxuICAgIFwiRE9NQ2hhcmFjdGVyRGF0YU1vZGlmaWVkXCJcbiAgXSxcbiAgXCJIVE1MRXZlbnRzXCIgOiBbXG4gICAgXCJsb2FkXCIsXG4gICAgXCJ1bmxvYWRcIixcbiAgICBcImFib3J0XCIsXG4gICAgXCJlcnJvclwiLFxuICAgIFwic2VsZWN0XCIsXG4gICAgXCJjaGFuZ2VcIixcbiAgICBcInN1Ym1pdFwiLFxuICAgIFwicmVzZXRcIixcbiAgICBcImZvY3VzXCIsXG4gICAgXCJibHVyXCIsXG4gICAgXCJyZXNpemVcIixcbiAgICBcInNjcm9sbFwiXG4gIF0sXG4gIFwiVUlFdmVudFwiIDogW1xuICAgIFwiRE9NRm9jdXNJblwiLFxuICAgIFwiRE9NRm9jdXNPdXRcIixcbiAgICBcIkRPTUFjdGl2YXRlXCJcbiAgXVxufVxuIiwiLy8gU291cmNlOiBodHRwOi8vanNmaWRkbGUubmV0L3ZXeDhWL1xuLy8gaHR0cDovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy81NjAzMTk1L2Z1bGwtbGlzdC1vZi1qYXZhc2NyaXB0LWtleWNvZGVzXG5cblxuXG4vKipcbiAqIENvbmVuaWVuY2UgbWV0aG9kIHJldHVybnMgY29ycmVzcG9uZGluZyB2YWx1ZSBmb3IgZ2l2ZW4ga2V5TmFtZSBvciBrZXlDb2RlLlxuICpcbiAqIEBwYXJhbSB7TWl4ZWR9IGtleUNvZGUge051bWJlcn0gb3Iga2V5TmFtZSB7U3RyaW5nfVxuICogQHJldHVybiB7TWl4ZWR9XG4gKiBAYXBpIHB1YmxpY1xuICovXG5cbmV4cG9ydHMgPSBtb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uKHNlYXJjaElucHV0KSB7XG4gIC8vIEtleWJvYXJkIEV2ZW50c1xuICBpZiAoc2VhcmNoSW5wdXQgJiYgJ29iamVjdCcgPT09IHR5cGVvZiBzZWFyY2hJbnB1dCkge1xuICAgIHZhciBoYXNLZXlDb2RlID0gc2VhcmNoSW5wdXQud2hpY2ggfHwgc2VhcmNoSW5wdXQua2V5Q29kZSB8fCBzZWFyY2hJbnB1dC5jaGFyQ29kZVxuICAgIGlmIChoYXNLZXlDb2RlKSBzZWFyY2hJbnB1dCA9IGhhc0tleUNvZGVcbiAgfVxuXG4gIC8vIE51bWJlcnNcbiAgaWYgKCdudW1iZXInID09PSB0eXBlb2Ygc2VhcmNoSW5wdXQpIHJldHVybiBuYW1lc1tzZWFyY2hJbnB1dF1cblxuICAvLyBFdmVyeXRoaW5nIGVsc2UgKGNhc3QgdG8gc3RyaW5nKVxuICB2YXIgc2VhcmNoID0gU3RyaW5nKHNlYXJjaElucHV0KVxuXG4gIC8vIGNoZWNrIGNvZGVzXG4gIHZhciBmb3VuZE5hbWVkS2V5ID0gY29kZXNbc2VhcmNoLnRvTG93ZXJDYXNlKCldXG4gIGlmIChmb3VuZE5hbWVkS2V5KSByZXR1cm4gZm91bmROYW1lZEtleVxuXG4gIC8vIGNoZWNrIGFsaWFzZXNcbiAgdmFyIGZvdW5kTmFtZWRLZXkgPSBhbGlhc2VzW3NlYXJjaC50b0xvd2VyQ2FzZSgpXVxuICBpZiAoZm91bmROYW1lZEtleSkgcmV0dXJuIGZvdW5kTmFtZWRLZXlcblxuICAvLyB3ZWlyZCBjaGFyYWN0ZXI/XG4gIGlmIChzZWFyY2gubGVuZ3RoID09PSAxKSByZXR1cm4gc2VhcmNoLmNoYXJDb2RlQXQoMClcblxuICByZXR1cm4gdW5kZWZpbmVkXG59XG5cbi8qKlxuICogR2V0IGJ5IG5hbWVcbiAqXG4gKiAgIGV4cG9ydHMuY29kZVsnZW50ZXInXSAvLyA9PiAxM1xuICovXG5cbnZhciBjb2RlcyA9IGV4cG9ydHMuY29kZSA9IGV4cG9ydHMuY29kZXMgPSB7XG4gICdiYWNrc3BhY2UnOiA4LFxuICAndGFiJzogOSxcbiAgJ2VudGVyJzogMTMsXG4gICdzaGlmdCc6IDE2LFxuICAnY3RybCc6IDE3LFxuICAnYWx0JzogMTgsXG4gICdwYXVzZS9icmVhayc6IDE5LFxuICAnY2FwcyBsb2NrJzogMjAsXG4gICdlc2MnOiAyNyxcbiAgJ3NwYWNlJzogMzIsXG4gICdwYWdlIHVwJzogMzMsXG4gICdwYWdlIGRvd24nOiAzNCxcbiAgJ2VuZCc6IDM1LFxuICAnaG9tZSc6IDM2LFxuICAnbGVmdCc6IDM3LFxuICAndXAnOiAzOCxcbiAgJ3JpZ2h0JzogMzksXG4gICdkb3duJzogNDAsXG4gICdpbnNlcnQnOiA0NSxcbiAgJ2RlbGV0ZSc6IDQ2LFxuICAnY29tbWFuZCc6IDkxLFxuICAncmlnaHQgY2xpY2snOiA5MyxcbiAgJ251bXBhZCAqJzogMTA2LFxuICAnbnVtcGFkICsnOiAxMDcsXG4gICdudW1wYWQgLSc6IDEwOSxcbiAgJ251bXBhZCAuJzogMTEwLFxuICAnbnVtcGFkIC8nOiAxMTEsXG4gICdudW0gbG9jayc6IDE0NCxcbiAgJ3Njcm9sbCBsb2NrJzogMTQ1LFxuICAnbXkgY29tcHV0ZXInOiAxODIsXG4gICdteSBjYWxjdWxhdG9yJzogMTgzLFxuICAnOyc6IDE4NixcbiAgJz0nOiAxODcsXG4gICcsJzogMTg4LFxuICAnLSc6IDE4OSxcbiAgJy4nOiAxOTAsXG4gICcvJzogMTkxLFxuICAnYCc6IDE5MixcbiAgJ1snOiAyMTksXG4gICdcXFxcJzogMjIwLFxuICAnXSc6IDIyMSxcbiAgXCInXCI6IDIyMixcbn1cblxuLy8gSGVscGVyIGFsaWFzZXNcblxudmFyIGFsaWFzZXMgPSBleHBvcnRzLmFsaWFzZXMgPSB7XG4gICd3aW5kb3dzJzogOTEsXG4gICfih6cnOiAxNixcbiAgJ+KMpSc6IDE4LFxuICAn4oyDJzogMTcsXG4gICfijJgnOiA5MSxcbiAgJ2N0bCc6IDE3LFxuICAnY29udHJvbCc6IDE3LFxuICAnb3B0aW9uJzogMTgsXG4gICdwYXVzZSc6IDE5LFxuICAnYnJlYWsnOiAxOSxcbiAgJ2NhcHMnOiAyMCxcbiAgJ3JldHVybic6IDEzLFxuICAnZXNjYXBlJzogMjcsXG4gICdzcGMnOiAzMixcbiAgJ3BndXAnOiAzMyxcbiAgJ3BnZG4nOiAzMyxcbiAgJ2lucyc6IDQ1LFxuICAnZGVsJzogNDYsXG4gICdjbWQnOiA5MVxufVxuXG5cbi8qIVxuICogUHJvZ3JhbWF0aWNhbGx5IGFkZCB0aGUgZm9sbG93aW5nXG4gKi9cblxuLy8gbG93ZXIgY2FzZSBjaGFyc1xuZm9yIChpID0gOTc7IGkgPCAxMjM7IGkrKykgY29kZXNbU3RyaW5nLmZyb21DaGFyQ29kZShpKV0gPSBpIC0gMzJcblxuLy8gbnVtYmVyc1xuZm9yICh2YXIgaSA9IDQ4OyBpIDwgNTg7IGkrKykgY29kZXNbaSAtIDQ4XSA9IGlcblxuLy8gZnVuY3Rpb24ga2V5c1xuZm9yIChpID0gMTsgaSA8IDEzOyBpKyspIGNvZGVzWydmJytpXSA9IGkgKyAxMTFcblxuLy8gbnVtcGFkIGtleXNcbmZvciAoaSA9IDA7IGkgPCAxMDsgaSsrKSBjb2Rlc1snbnVtcGFkICcraV0gPSBpICsgOTZcblxuLyoqXG4gKiBHZXQgYnkgY29kZVxuICpcbiAqICAgZXhwb3J0cy5uYW1lWzEzXSAvLyA9PiAnRW50ZXInXG4gKi9cblxudmFyIG5hbWVzID0gZXhwb3J0cy5uYW1lcyA9IGV4cG9ydHMudGl0bGUgPSB7fSAvLyB0aXRsZSBmb3IgYmFja3dhcmQgY29tcGF0XG5cbi8vIENyZWF0ZSByZXZlcnNlIG1hcHBpbmdcbmZvciAoaSBpbiBjb2RlcykgbmFtZXNbY29kZXNbaV1dID0gaVxuXG4vLyBBZGQgYWxpYXNlc1xuZm9yICh2YXIgYWxpYXMgaW4gYWxpYXNlcykge1xuICBjb2Rlc1thbGlhc10gPSBhbGlhc2VzW2FsaWFzXVxufVxuIiwiV1lNZWRpdG9yLkVYVEVSTkFMX01PRFVMRVMuRWRpdGVkID0gcmVxdWlyZShcImVkaXRlZFwiKTtcbiJdfQ==
-
-/* global
-    rangy
-*/
-"use strict";
-
-/*
- * Undo/Redo
- */
-
-/**
-    WYMeditor.UndoRedo
-    ==================
-
-    Constructs an undoRedo mechanism for a provided editor.
-
-    Also sets keyboard shortcuts for undo and redo.
-
-    @param wym An editor instance.
-*/
-WYMeditor.UndoRedo = function (wym) {
-    var undoRedo = this;
-
-    undoRedo.wym = wym;
-
-    wym.keyboard.combokeys.bind(
-        "mod+z",
-        function () {
-            wym.undoRedo.undo();
-            // Prevents native action. Caution: not covered by tests.
-            return false;
-        }
-    );
-    wym.keyboard.combokeys.bind(
-        ["shift+meta+z", "mod+y"],
-        function () {
-            wym.undoRedo.redo();
-            // Prevents native action. Caution: not covered by tests.
-            return false;
-        }
-    );
-};
-
-/**
-    WYMeditor.UndoRedo._onBodyFocus
-    ===============================
-
-    This method should be called on focus of the document's body.
-
-    It makes sure that the first undo point contains a selection.
-
-    After the editor's instantiation there is no selection. The first
-    selection is made along with the first focus.
-
-    This method will run before the native action (in which the selection
-    is made). Therefore the instantiation of object-history is called using
-    `setTimeout`, which is after the selection happens.
-*/
-WYMeditor.UndoRedo.prototype._onBodyFocus = function () {
-    var undoRedo = this,
-        wym = undoRedo.wym;
-
-    if (undoRedo.history) {
-        return;
-    }
-
-    setTimeout(function () {
-        undoRedo._instantiateHistory(wym.getCurrentState());
-    }, 0);
-};
-
-/**
-    WYMeditor.UndoRedo._add
-    =======================
-
-    Adds a history point.
-*/
-
-WYMeditor.UndoRedo.prototype._add = function () {
-    var undoRedo = this,
-        wym = undoRedo.wym;
-
-    if (!undoRedo.history) {
-        // history was not instantiated yet
-        return;
-    }
-
-    undoRedo.history.add(wym.getCurrentState());
-    undoRedo.hasUnregisteredModification = false;
-};
-
-/**
-    WYMeditor.UndoRedo._do
-    ======================
-
-    Performs either undo or redo.
-
-    @param what One of two possible constants:
-        * `WYMeditor.UndoRedo.UN`
-        * `WYMeditor.UndoRedo.RE`
-*/
-WYMeditor.UndoRedo.prototype._do = function (what) {
-    var undoRedo = this,
-        wym = undoRedo.wym,
-        history = undoRedo.history,
-        state,
-        postEventName;
-
-    if (!undoRedo.history) {
-        // history was not instantiated yet
-        return;
-    }
-
-    if (what === WYMeditor.UndoRedo.UN) {
-        if (history.lengthBackward() === 0) {
-            return;
-        }
-        if (undoRedo.hasUnregisteredModification) {
-            // in order to be able to 'redo' to this yet unregistered state
-            undoRedo._add();
-        }
-        history.backward();
-        postEventName = 'postUndo';
-    } else if (what === WYMeditor.UndoRedo.RE) {
-        if (history.lengthForward() === 0) {
-            return;
-        }
-        history.forward();
-        postEventName = 'postRedo';
-    } else {
-        throw "Single parameter must be either `'un'` or `'re'` " +
-            "(there are constants for those).";
-    }
-
-    state = history.get();
-    wym.rawHtml(state.html);
-
-    if (state.savedSelection) {
-        // The `contentWindow` and `document` (`win` and `doc` properties) were
-        // deleted before the state was saved. See `editor.getCurrentState`
-        // code comments to understand why.
-        //
-        // Restore them now.
-        state.savedSelection.win = wym._iframe.contentWindow;
-        state.savedSelection.doc = wym._doc;
-        rangy.restoreSelection(state.savedSelection);
-    }
-
-    jQuery(wym.element).trigger(WYMeditor.EVENTS[postEventName]);
-};
-WYMeditor.UndoRedo.UN = 'un';
-WYMeditor.UndoRedo.RE = 're';
-
-/**
-    WYMeditor.UndoRedo.redo
-    =======================
-*/
-WYMeditor.UndoRedo.prototype.redo = function () {
-    var undoRedo = this;
-
-    undoRedo._do(WYMeditor.UndoRedo.RE);
-};
-
-/**
-    WYMeditor.UndoRedo.undo
-    =======================
-*/
-WYMeditor.UndoRedo.prototype.undo = function () {
-    var undoRedo = this;
-
-    undoRedo._do(WYMeditor.UndoRedo.UN);
-};
-
-/**
-    WYMeditor.UndoRedo.reset
-    ========================
-
-    Forgets all changes.
-*/
-WYMeditor.UndoRedo.prototype.reset = function () {
-    var undoRedo = this,
-        wym = undoRedo.wym;
-
-    undoRedo._instantiateHistory(wym.getCurrentState());
-
-    undoRedo.hasUnregisteredModification = null;
-};
-
-/**
-    WYMeditor.UndoRedo._instantiateHistory
-    ======================================
-
-    Instantiates object-history[1] to keep track of undo/redo
-    history.
-
-    @param WymState initialState Initial editor state.
-        Obtained with `wym.getCurrentState()`.
-
-    1. https://github.com/PolicyStat/object-history
-*/
-WYMeditor.UndoRedo.prototype._instantiateHistory = function (initialState) {
-    var undoRedo = this;
-
-    undoRedo.history = new WYMeditor.EXTERNAL_MODULES
-        .ObjectHistory(
-            initialState,
-            {limit: 100} // hard coded undo limit
-        );
-};
-
-"use strict";
-WYMeditor.Keyboard = function (wym) {
-    var keyboard = this;
-
-    keyboard._wym = wym;
-
-    keyboard.combokeys = new WYMeditor.EXTERNAL_MODULES.Combokeys(wym._doc);
-
-    return keyboard;
-};
-
-WYMeditor.Keyboard.DEFAULT_KEYBOARD_SHORTCUTS = [
-    {
-        combo: "mod+b",
-        cb: function () {
-            var wym = this;
-            wym.exec(WYMeditor.EXEC_COMMANDS.BOLD);
-            // Prevents native action. Caution: not covered by tests.
-            return false;
-        }
-    },
-    {
-        combo: "mod+i",
-        cb: function () {
-            var wym = this;
-            wym.exec(WYMeditor.EXEC_COMMANDS.ITALIC);
-            // Prevents native action. Caution: not covered by tests.
-            return false;
-        }
-    },
-    {
-        combo: "mod+k",
-        cb: function () {
-            var wym = this;
-            wym.dialog(WYMeditor.DIALOGS.CreateLink);
-            // Prevents native action. Caution: not covered by tests.
-            return false;
-        }
-    },
-    {
-        combo: "tab",
-        cb: function () {
-            // Default action of WebKit and Blink is to create a span.
-            // See https://stackoverflow.com/q/22404724
-            // For consistency across browsers, prevent the default action in
-            // them all
-            return false;
-        }
-    }
-];
-
-/**
-    WYMeditor.keyboard._attachDefaultKeyboardShortcuts
-    ================================================
-
-    Binds the default keyboard shortcuts.
-*/
-WYMeditor.Keyboard.prototype._attachDefaultKeyboardShortcuts = function () {
-    var keyboard = this,
-        wym = keyboard._wym,
-        SHORTCUTS = keyboard.constructor.DEFAULT_KEYBOARD_SHORTCUTS,
-        shortcut,
-        i;
-
-    for (i = 0; i < SHORTCUTS.length; i++) {
-        shortcut = SHORTCUTS[i];
-        keyboard.combokeys.bind(
-            shortcut.combo,
-            // With `Function.prototype.bind` available, the expression below
-            // can be simply `shortcut.cb.bind(wym)`.
-            /* jshint loopfunc:true */
-            (function (cb) {
-                return function () {
-                    // This return statement is for Combokeys to receive the
-                    // `false` value of callbacks, for preventing default
-                    // actions.
-                    return cb.call(wym);
-                };
-            }(shortcut.cb))
-            /* jshint loopfunc:false */
-        );
-    }
-};
-
-"use strict";
-
-/*
- * Native edits
- */
-
-/**
-    WYMeditor.NativeEditRegistration
-    ================================
-
-    Constructs a native edits registration mechanism for a provided editor.
-*/
-WYMeditor.NativeEditRegistration = function (wym) {
-    var nativeEditRegistration = this;
-
-    nativeEditRegistration.wym = wym;
-
-
-    // https:/github.com/mightyiam/edited
-    nativeEditRegistration.edited = new WYMeditor.EXTERNAL_MODULES.Edited(
-        wym._doc.body,
-        nativeEditRegistration._onSensibleNativeEdit
-            .bind(nativeEditRegistration),
-        nativeEditRegistration._onAnyNativeEdit
-            .bind(nativeEditRegistration)
-    );
-};
-
-/**
-    WYMeditor.NativeEditRegistration._onSensibleNativeEdit
-    ======================================================
-
-    Handles "sensible" native edits.
-    Sensible according to https://github.com/PolicyStat/edited
-*/
-WYMeditor.NativeEditRegistration.prototype
-    ._onSensibleNativeEdit = function () {
-
-    var nativeEditRegistration = this;
-    nativeEditRegistration.wym.registerModification(true);
-};
-
-/**
-    WYMeditor.NativeEditRegistration._onAnyNativeEdit
-    =================================================
-
-    Handles all native edits.
-*/
-WYMeditor.NativeEditRegistration.prototype._onAnyNativeEdit = function () {
-    var nativeEditRegistration = this,
-        undoRedo = nativeEditRegistration.wym.undoRedo;
-
-    // remove redo points
-    if (undoRedo.history) {
-        undoRedo.history.forgetAllForward();
-    }
-
-    // Non-native modifications are registered when they are performed.
-    // Contrary to those, native edits (e.g. typing) aren't registered 
-    // until word boundaries are reached (space, enter) or edit actions 
-    // (backspace, delete, cut, paste, etc). 
-    // This handles an undo after e.g. only part of word is typed.
-    //
-    // A state with unregistered modifications will be lost upon an undo
-    // and redo because it was never registered.
-    // The last registered state doesn't include it and that will be the result
-    // of the undo and redo operation.
-    // This flag lets the undo operation know that it should add the current
-    // state as a history point (register it) before undoing.
-    // Then the next redo will revert to this state.
-    undoRedo.hasUnregisteredModification = true;
-};
-
-// GLOBALS
-WYMeditor.LEXER_ENTER = 1;
-WYMeditor.LEXER_MATCHED = 2;
-WYMeditor.LEXER_UNMATCHED = 3;
-WYMeditor.LEXER_EXIT = 4;
-WYMeditor.LEXER_SPECIAL = 5;
-
-
-/**
-*    Accepts text and breaks it into tokens.
-*    Some optimisation to make the sure the
-*    content is only scanned by the PHP regex
-*    parser once. Lexer modes must not start
-*    with leading underscores.
-*
-*    Sets up the lexer in case insensitive matching
-*    by default.
-*    @param Parser parser  Handling strategy by reference.
-*    @param string start            Starting handler.
-*    @param boolean case            True for case sensitive.
-*    @access public
-*    @author Marcus Baker (http://lastcraft.com)
-*    @author Bermi Ferrer (http://bermi.org)
-*/
-WYMeditor.Lexer = function(parser, start, case_sensitive)
-{
-    start = start || 'accept';
-    this._case = case_sensitive || false;
-    this._regexes = {};
-    this._parser = parser;
-    this._mode = new WYMeditor.StateStack(start);
-    this._mode_handlers = {};
-    this._mode_handlers[start] = start;
-    return this;
-};
-
-/**
-*    Adds a token search pattern for a particular
-*    parsing mode. The pattern does not change the
-*    current mode.
-*    @param string pattern      Perl style regex, but ( and )
-*                                lose the usual meaning.
-*    @param string mode         Should only apply this
-*                                pattern when dealing with
-*                                this type of input.
-*    @access public
-*/
-WYMeditor.Lexer.prototype.addPattern = function(pattern, mode)
-{
-    mode = mode || "accept";
-    if (typeof this._regexes[mode] == 'undefined') {
-        this._regexes[mode] = new WYMeditor.ParallelRegex(this._case);
-    }
-    this._regexes[mode].addPattern(pattern);
-    if (typeof this._mode_handlers[mode] == 'undefined') {
-        this._mode_handlers[mode] = mode;
-    }
-};
-
-/**
-*    Adds a pattern that will enter a new parsing
-*    mode. Useful for entering parenthesis, strings,
-*    tags, etc.
-*    @param string pattern      Perl style regex, but ( and )
-*                                lose the usual meaning.
-*    @param string mode         Should only apply this
-*                                pattern when dealing with
-*                                this type of input.
-*    @param string new_mode     Change parsing to this new
-*                                nested mode.
-*    @access public
-*/
-WYMeditor.Lexer.prototype.addEntryPattern = function(pattern, mode, new_mode)
-{
-    if (typeof this._regexes[mode] == 'undefined') {
-        this._regexes[mode] = new WYMeditor.ParallelRegex(this._case);
-    }
-    this._regexes[mode].addPattern(pattern, new_mode);
-    if (typeof this._mode_handlers[new_mode] == 'undefined') {
-        this._mode_handlers[new_mode] = new_mode;
-    }
-};
-
-/**
-*    Adds a pattern that will exit the current mode
-*    and re-enter the previous one.
-*    @param string pattern      Perl style regex, but ( and )
-*                                lose the usual meaning.
-*    @param string mode         Mode to leave.
-*    @access public
-*/
-WYMeditor.Lexer.prototype.addExitPattern = function(pattern, mode)
-{
-    if (typeof this._regexes[mode] == 'undefined') {
-        this._regexes[mode] = new WYMeditor.ParallelRegex(this._case);
-    }
-    this._regexes[mode].addPattern(pattern, "__exit");
-    if (typeof this._mode_handlers[mode] == 'undefined') {
-        this._mode_handlers[mode] = mode;
-    }
-};
-
-/**
-*    Adds a pattern that has a special mode. Acts as an entry
-*    and exit pattern in one go, effectively calling a special
-*    parser handler for this token only.
-*    @param string pattern      Perl style regex, but ( and )
-*                                lose the usual meaning.
-*    @param string mode         Should only apply this
-*                                pattern when dealing with
-*                                this type of input.
-*    @param string special      Use this mode for this one token.
-*    @access public
-*/
-WYMeditor.Lexer.prototype.addSpecialPattern =  function(pattern, mode, special)
-{
-    if (typeof this._regexes[mode] == 'undefined') {
-        this._regexes[mode] = new WYMeditor.ParallelRegex(this._case);
-    }
-    this._regexes[mode].addPattern(pattern, '_'+special);
-    if (typeof this._mode_handlers[special] == 'undefined') {
-        this._mode_handlers[special] = special;
-    }
-};
-
-/**
-*    Adds a mapping from a mode to another handler.
-*    @param string mode        Mode to be remapped.
-*    @param string handler     New target handler.
-*    @access public
-*/
-WYMeditor.Lexer.prototype.mapHandler = function(mode, handler)
-{
-    this._mode_handlers[mode] = handler;
-};
-
-/**
-*    Splits the page text into tokens. Will fail
-*    if the handlers report an error or if no
-*    content is consumed. If successful then each
-*    unparsed and parsed token invokes a call to the
-*    held listener.
-*    @param string raw        Raw HTML text.
-*    @return boolean           True on success, else false.
-*    @access public
-*/
-WYMeditor.Lexer.prototype.parse = function(raw) {
-    if (typeof this._parser == 'undefined') {
-        return false;
-    }
-
-    var length = raw.length;
-    var parsed;
-    while (typeof (parsed = this._reduce(raw)) == 'object') {
-        raw = parsed[0];
-        var unmatched = parsed[1];
-        var matched = parsed[2];
-        var mode = parsed[3];
-
-        if (! this._dispatchTokens(unmatched, matched, mode)) {
-            return false;
-        }
-
-        if (raw === '') {
-            return true;
-        }
-        if (raw.length == length) {
-            return false;
-        }
-        length = raw.length;
-    }
-    if (! parsed ) {
-        return false;
-    }
-
-    return this._invokeParser(raw, WYMeditor.LEXER_UNMATCHED);
-};
-
-/**
-*    Sends the matched token and any leading unmatched
-*    text to the parser changing the lexer to a new
-*    mode if one is listed.
-*    @param string unmatched    Unmatched leading portion.
-*    @param string matched      Actual token match.
-*    @param string mode         Mode after match. A boolean
-*                                false mode causes no change.
-*    @return boolean             False if there was any error
-*                                from the parser.
-*    @access private
-*/
-WYMeditor.Lexer.prototype._dispatchTokens = function(unmatched, matched, mode) {
-    mode = mode || false;
-
-    if (! this._invokeParser(unmatched, WYMeditor.LEXER_UNMATCHED)) {
-        return false;
-    }
-
-    if (typeof mode == 'boolean') {
-        return this._invokeParser(matched, WYMeditor.LEXER_MATCHED);
-    }
-    if (this._isModeEnd(mode)) {
-        if (! this._invokeParser(matched, WYMeditor.LEXER_EXIT)) {
-            return false;
-        }
-        return this._mode.leave();
-    }
-    if (this._isSpecialMode(mode)) {
-        this._mode.enter(this._decodeSpecial(mode));
-        if (! this._invokeParser(matched, WYMeditor.LEXER_SPECIAL)) {
-            return false;
-        }
-        return this._mode.leave();
-    }
-    this._mode.enter(mode);
-
-    return this._invokeParser(matched, WYMeditor.LEXER_ENTER);
-};
-
-/**
-*    Tests to see if the new mode is actually to leave
-*    the current mode and pop an item from the matching
-*    mode stack.
-*    @param string mode    Mode to test.
-*    @return boolean        True if this is the exit mode.
-*    @access private
-*/
-WYMeditor.Lexer.prototype._isModeEnd = function(mode) {
-    return (mode === "__exit");
-};
-
-/**
-*    Test to see if the mode is one where this mode
-*    is entered for this token only and automatically
-*    leaves immediately afterwoods.
-*    @param string mode    Mode to test.
-*    @return boolean        True if this is the exit mode.
-*    @access private
-*/
-WYMeditor.Lexer.prototype._isSpecialMode = function(mode) {
-    return (mode.substring(0,1) == "_");
-};
-
-/**
-*    Strips the magic underscore marking single token
-*    modes.
-*    @param string mode    Mode to decode.
-*    @return string         Underlying mode name.
-*    @access private
-*/
-WYMeditor.Lexer.prototype._decodeSpecial = function(mode) {
-    return mode.substring(1);
-};
-
-/**
-*    Calls the parser method named after the current
-*    mode. Empty content will be ignored. The lexer
-*    has a parser handler for each mode in the lexer.
-*    @param string content        Text parsed.
-*    @param boolean is_match      Token is recognised rather
-*                                  than unparsed data.
-*    @access private
-*/
-WYMeditor.Lexer.prototype._invokeParser = function(content, is_match) {
-    if (content === '') {
-        return true;
-    }
-    var current = this._mode.getCurrent();
-    var handler = this._mode_handlers[current];
-    var result = this._parser[handler](content, is_match);
-    return result;
-};
-
-/**
-*    Tries to match a chunk of text and if successful
-*    removes the recognised chunk and any leading
-*    unparsed data. Empty strings will not be matched.
-*    @param string raw         The subject to parse. This is the
-*                               content that will be eaten.
-*    @return array/boolean      Three item list of unparsed
-*                               content followed by the
-*                               recognised token and finally the
-*                               action the parser is to take.
-*                               True if no match, false if there
-*                               is a parsing error.
-*    @access private
-*/
-WYMeditor.Lexer.prototype._reduce = function(raw) {
-    var matched = this._regexes[this._mode.getCurrent()].match(raw);
-    var match = matched[1];
-    var action = matched[0];
-    if (action) {
-        var unparsed_character_count = raw.indexOf(match);
-        var unparsed = raw.substr(0, unparsed_character_count);
-        raw = raw.substring(unparsed_character_count + match.length);
-        return [raw, unparsed, match, action];
-    }
-    return true;
-};
-
-
-/**
-*    Compounded regular expression. Any of
-*    the contained patterns could match and
-*    when one does, it's label is returned.
-*
-*    Constructor. Starts with no patterns.
-*    @param boolean case    True for case sensitive, false
-*                            for insensitive.
-*    @access public
-*    @author Marcus Baker (http://lastcraft.com)
-*    @author Bermi Ferrer (http://bermi.org)
-*/
-WYMeditor.ParallelRegex = function(case_sensitive)
-{
-    this._case = case_sensitive;
-    this._patterns = [];
-    this._labels = [];
-    this._regex = null;
-    return this;
-};
-
-
-/**
-*    Adds a pattern with an optional label.
-*    @param string pattern      Perl style regex, but ( and )
-*                                lose the usual meaning.
-*    @param string label        Label of regex to be returned
-*                                on a match.
-*    @access public
-*/
-WYMeditor.ParallelRegex.prototype.addPattern = function(pattern, label)
-{
-    label = label || true;
-    var count = this._patterns.length;
-    this._patterns[count] = pattern;
-    this._labels[count] = label;
-    this._regex = null;
-};
-
-/**
-*    Attempts to match all patterns at once against
-*    a string.
-*    @param string subject      String to match against.
-*
-*    @return boolean             True on success.
-*    @return string match         First matched portion of
-*                                subject.
-*    @access public
-*/
-WYMeditor.ParallelRegex.prototype.match = function(subject)
-{
-    if (this._patterns.length === 0) {
-        return [false, ''];
-    }
-    var matches = subject.match(this._getCompoundedRegex());
-
-    if(!matches){
-        return [false, ''];
-    }
-    var match = matches[0];
-    for (var i = 1; i < matches.length; i++) {
-        if (matches[i]) {
-            return [this._labels[i-1], match];
-        }
-    }
-    return [true, matches[0]];
-};
-
-/**
-*    Compounds the patterns into a single
-*    regular expression separated with the
-*    "or" operator. Caches the regex.
-*    Will automatically escape (, ) and / tokens.
-*    @param array patterns    List of patterns in order.
-*    @access private
-*/
-WYMeditor.ParallelRegex.prototype._getCompoundedRegex = function()
-{
-    if (this._regex === null) {
-        for (var i = 0, count = this._patterns.length; i < count; i++) {
-            this._patterns[i] = '(' + this._untokenizeRegex(this._tokenizeRegex(this._patterns[i]).replace(/([\/\(\)])/g,'\\$1')) + ')';
-        }
-        this._regex = new RegExp(this._patterns.join("|") ,this._getPerlMatchingFlags());
-    }
-    return this._regex;
-};
-
-/**
-* Escape lookahead/lookbehind blocks
-*/
-WYMeditor.ParallelRegex.prototype._tokenizeRegex = function(regex)
-{
-    return regex.
-    replace(/\(\?(i|m|s|x|U)\)/,     '~~~~~~Tk1\$1~~~~~~').
-    replace(/\(\?(\-[i|m|s|x|U])\)/, '~~~~~~Tk2\$1~~~~~~').
-    replace(/\(\?\=(.*)\)/,          '~~~~~~Tk3\$1~~~~~~').
-    replace(/\(\?\!(.*)\)/,          '~~~~~~Tk4\$1~~~~~~').
-    replace(/\(\?\<\=(.*)\)/,        '~~~~~~Tk5\$1~~~~~~').
-    replace(/\(\?\<\!(.*)\)/,        '~~~~~~Tk6\$1~~~~~~').
-    replace(/\(\?\:(.*)\)/,          '~~~~~~Tk7\$1~~~~~~');
-};
-
-/**
-* Unscape lookahead/lookbehind blocks
-*/
-WYMeditor.ParallelRegex.prototype._untokenizeRegex = function(regex)
-{
-    return regex.
-    replace(/~~~~~~Tk1(.{1})~~~~~~/,    "(?\$1)").
-    replace(/~~~~~~Tk2(.{2})~~~~~~/,    "(?\$1)").
-    replace(/~~~~~~Tk3(.*)~~~~~~/,      "(?=\$1)").
-    replace(/~~~~~~Tk4(.*)~~~~~~/,      "(?!\$1)").
-    replace(/~~~~~~Tk5(.*)~~~~~~/,      "(?<=\$1)").
-    replace(/~~~~~~Tk6(.*)~~~~~~/,      "(?<!\$1)").
-    replace(/~~~~~~Tk7(.*)~~~~~~/,      "(?:\$1)");
-};
-
-
-/**
-*    Accessor for perl regex mode flags to use.
-*    @return string       Perl regex flags.
-*    @access private
-*/
-WYMeditor.ParallelRegex.prototype._getPerlMatchingFlags = function()
-{
-    return (this._case ? "m" : "mi");
-};
-
-
-/**
-*    States for a stack machine.
-*
-*    Constructor. Starts in named state.
-*    @param string start        Starting state name.
-*    @access public
-*    @author Marcus Baker (http://lastcraft.com)
-*    @author Bermi Ferrer (http://bermi.org)
-*/
-WYMeditor.StateStack = function(start)
-{
-    this._stack = [start];
-    return this;
-};
-
-/**
-*    Accessor for current state.
-*    @return string       State.
-*    @access public
-*/
-WYMeditor.StateStack.prototype.getCurrent = function()
-{
-    return this._stack[this._stack.length - 1];
-};
-
-/**
-*    Adds a state to the stack and sets it
-*    to be the current state.
-*    @param string state        New state.
-*    @access public
-*/
-WYMeditor.StateStack.prototype.enter = function(state)
-{
-    this._stack.push(state);
-};
-
-/**
-*    Leaves the current state and reverts
-*    to the previous one.
-*    @return boolean    False if we drop off
-*                       the bottom of the list.
-*    @access public
-*/
-WYMeditor.StateStack.prototype.leave = function()
-{
-    if (this._stack.length == 1) {
-        return false;
-    }
-    this._stack.pop();
-    return true;
-};
-
-
-/**
-* This are the rules for breaking the XHTML code into events
-* handled by the provided parser.
-*
-*    @author Marcus Baker (http://lastcraft.com)
-*    @author Bermi Ferrer (http://bermi.org)
-*/
-WYMeditor.XhtmlLexer = function(parser) {
-    jQuery.extend(this, new WYMeditor.Lexer(parser, 'Text'));
-
-    this.mapHandler('Text', 'Text');
-
-    this.addTokens();
-
-    this.init();
-
-    return this;
-};
-
-
-WYMeditor.XhtmlLexer.prototype.init = function() {
-};
-
-WYMeditor.XhtmlLexer.prototype.addTokens = function() {
-    this.addCommentTokens('Text');
-    this.addScriptTokens('Text');
-    this.addCssTokens('Text');
-    this.addTagTokens('Text');
-};
-
-WYMeditor.XhtmlLexer.prototype.addCommentTokens = function(scope) {
-    this.addEntryPattern("<!--", scope, 'Comment');
-    this.addExitPattern("-->", 'Comment');
-};
-
-WYMeditor.XhtmlLexer.prototype.addScriptTokens = function(scope) {
-    this.addEntryPattern("<script", scope, 'Script');
-    this.addExitPattern("</script>", 'Script');
-};
-
-WYMeditor.XhtmlLexer.prototype.addCssTokens = function(scope) {
-    this.addEntryPattern("<style", scope, 'Css');
-    this.addExitPattern("</style>", 'Css');
-};
-
-WYMeditor.XhtmlLexer.prototype.addTagTokens = function(scope) {
-    this.addSpecialPattern("<\\s*[a-z0-9:\-]+\\s*/>", scope, 'SelfClosingTag');
-    this.addSpecialPattern("<\\s*[a-z0-9:\-]+\\s*>", scope, 'OpeningTag');
-    this.addEntryPattern("<[a-z0-9:\-]+"+'[\\\/ \\\>]+', scope, 'OpeningTag');
-    this.addInTagDeclarationTokens('OpeningTag');
-
-    this.addSpecialPattern("</\\s*[a-z0-9:\-]+\\s*>", scope, 'ClosingTag');
-
-};
-
-WYMeditor.XhtmlLexer.prototype.addInTagDeclarationTokens = function(scope) {
-    this.addSpecialPattern('\\s+', scope, 'Ignore');
-
-    this.addAttributeTokens(scope);
-
-    this.addExitPattern('/>', scope);
-    this.addExitPattern('>', scope);
-
-};
-
-WYMeditor.XhtmlLexer.prototype.addAttributeTokens = function(scope) {
-    this.addSpecialPattern("\\s*[a-z-_0-9]*:?[a-z-_0-9]+\\s*(?=\=)\\s*", scope, 'TagAttributes');
-
-    this.addEntryPattern('=\\s*"', scope, 'DoubleQuotedAttribute');
-    this.addPattern("\\\\\"", 'DoubleQuotedAttribute');
-    this.addExitPattern('"', 'DoubleQuotedAttribute');
-
-    this.addEntryPattern("=\\s*'", scope, 'SingleQuotedAttribute');
-    this.addPattern("\\\\'", 'SingleQuotedAttribute');
-    this.addExitPattern("'", 'SingleQuotedAttribute');
-
-    this.addSpecialPattern('=\\s*[^>\\s]*', scope, 'UnquotedAttribute');
-};
-
-
-/**
-* XHTML Parser.
-*
-* This XHTML parser will trigger the events available on on
-* current SaxListener
-*
-*    @author Bermi Ferrer (http://bermi.org)
-*/
-WYMeditor.XhtmlParser = function(Listener, mode) {
-    mode = mode || 'Text';
-    this._Lexer = new WYMeditor.XhtmlLexer(this);
-    this._Listener = Listener;
-    this._mode = mode;
-    this._matches = [];
-    this._last_match = '';
-    this._current_match = '';
-
-    return this;
-};
-
-WYMeditor.XhtmlParser.prototype.parse = function(raw) {
-    this._Lexer.parse(this.beforeParsing(raw));
-    return this.afterParsing(this._Listener.getResult());
-};
-
-WYMeditor.XhtmlParser.prototype.beforeParsing = function(raw) {
-    if (raw.match(/class="MsoNormal"/) || raw.match(/ns = "urn:schemas-microsoft-com/)) {
-        // Useful for cleaning up content pasted from other sources (MSWord)
-        this._Listener.avoidStylingTagsAndAttributes();
-    }
-
-    return this._Listener.beforeParsing(raw);
-};
-
-WYMeditor.XhtmlParser.prototype.afterParsing = function(parsed) {
-    if (this._Listener._avoiding_tags_implicitly) {
-        this._Listener.allowStylingTagsAndAttributes();
-    }
-    return this._Listener.afterParsing(parsed);
-};
-
-
-WYMeditor.XhtmlParser.prototype.Ignore = function(match, state) {
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype.Text = function(text) {
-    this._Listener.addContent(text);
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype.Comment = function(match, status) {
-    return this._addNonTagBlock(match, status, 'addComment');
-};
-
-WYMeditor.XhtmlParser.prototype.Script = function(match, status) {
-    return this._addNonTagBlock(match, status, 'addScript');
-};
-
-WYMeditor.XhtmlParser.prototype.Css = function(match, status) {
-    return this._addNonTagBlock(match, status, 'addCss');
-};
-
-WYMeditor.XhtmlParser.prototype._addNonTagBlock = function(match, state, type) {
-    switch (state) {
-        case WYMeditor.LEXER_ENTER:
-            this._non_tag = match;
-            break;
-        case WYMeditor.LEXER_UNMATCHED:
-            this._non_tag += match;
-            break;
-        case WYMeditor.LEXER_EXIT:
-            switch(type) {
-                case 'addComment':
-                    this._Listener.addComment(this._non_tag+match);
-                    break;
-                case 'addScript':
-                    this._Listener.addScript(this._non_tag+match);
-                    break;
-                case 'addCss':
-                    this._Listener.addCss(this._non_tag+match);
-                    break;
-                default:
-                    break;
-            }
-            break;
-        default:
-            break;
-    }
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype.SelfClosingTag = function(match, state) {
-    var result = this.OpeningTag(match, state);
-    var tag = this.normalizeTag(match);
-    return this.ClosingTag(match, state);
-};
-
-WYMeditor.XhtmlParser.prototype.OpeningTag = function(match, state) {
-    switch (state){
-        case WYMeditor.LEXER_ENTER:
-            this._tag = this.normalizeTag(match);
-            this._tag_attributes = {};
-            break;
-        case WYMeditor.LEXER_SPECIAL:
-            this._callOpenTagListener(this.normalizeTag(match));
-            break;
-        case WYMeditor.LEXER_EXIT:
-            this._callOpenTagListener(this._tag, this._tag_attributes);
-            break;
-        default:
-            break;
-    }
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype.ClosingTag = function(match, state) {
-    this._callCloseTagListener(this.normalizeTag(match));
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype._callOpenTagListener = function(tag, attributes) {
-    attributes = attributes || {};
-    this.autoCloseUnclosedBeforeNewOpening(tag);
-
-    if (this._Listener.isBlockTag(tag)) {
-        this._Listener._tag_stack.push(tag);
-        this._Listener.fixNestingBeforeOpeningBlockTag(tag, attributes);
-        this._Listener.openBlockTag(tag, attributes);
-        this._increaseOpenTagCounter(tag);
-    } else if (this._Listener.isInlineTag(tag)) {
-        this._Listener.inlineTag(tag, attributes);
-    } else {
-        this._Listener.openUnknownTag(tag, attributes);
-        this._increaseOpenTagCounter(tag);
-    }
-    this._Listener.last_tag = tag;
-    this._Listener.last_tag_opened = true;
-    this._Listener.last_tag_attributes = attributes;
-};
-
-WYMeditor.XhtmlParser.prototype._callCloseTagListener = function(tag) {
-    if (this._decreaseOpenTagCounter(tag)) {
-        this.autoCloseUnclosedBeforeTagClosing(tag);
-
-        if (this._Listener.isBlockTag(tag)) {
-            var expected_tag = this._Listener._tag_stack.pop();
-            if (expected_tag === false) {
-                return;
-            } else if (expected_tag !== tag) {
-                // If we are expecting extra block closing tags, put the
-                // expected tag back on the tag stack.
-                if (this._Listener._extraBlockClosingTags) {
-                    this._Listener._tag_stack.push(expected_tag);
-                    this._Listener.removedExtraBlockClosingTag();
-                    return;
-                }
-
-                tag = expected_tag;
-            }
-            this._Listener.closeBlockTag(tag);
-        }
-    } else {
-        if(!this._Listener.isInlineTag(tag)) {
-            this._Listener.closeUnopenedTag(tag);
-        }
-    }
-
-    this._Listener.last_tag = tag;
-    this._Listener.last_tag_opened = false;
-};
-
-WYMeditor.XhtmlParser.prototype._increaseOpenTagCounter = function(tag) {
-    this._Listener._open_tags[tag] = this._Listener._open_tags[tag] || 0;
-    this._Listener._open_tags[tag]++;
-};
-
-WYMeditor.XhtmlParser.prototype._decreaseOpenTagCounter = function(tag) {
-    if (this._Listener._open_tags[tag]) {
-        this._Listener._open_tags[tag]--;
-        if (this._Listener._open_tags[tag] === 0) {
-            this._Listener._open_tags[tag] = undefined;
-        }
-        return true;
-    }
-    return false;
-};
-
-WYMeditor.XhtmlParser.prototype.autoCloseUnclosedBeforeNewOpening = function(new_tag) {
-    this._autoCloseUnclosed(new_tag, false);
-};
-
-WYMeditor.XhtmlParser.prototype.autoCloseUnclosedBeforeTagClosing = function(tag) {
-    this._autoCloseUnclosed(tag, true);
-};
-
-WYMeditor.XhtmlParser.prototype._autoCloseUnclosed = function(new_tag, closing) {
-    closing = closing || false;
-    if (this._Listener._open_tags) {
-        for (var tag in this._Listener._open_tags) {
-            if (this._Listener.shouldCloseTagAutomatically(tag, new_tag, closing)) {
-                this._callCloseTagListener(tag, true);
-            }
-        }
-    }
-};
-
-WYMeditor.XhtmlParser.prototype.getTagReplacements = function() {
-    return this._Listener.getTagReplacements();
-};
-
-WYMeditor.XhtmlParser.prototype.normalizeTag = function(tag) {
-    tag = tag.replace(/^([\s<\/>]*)|([\s<\/>]*)$/gm,'').toLowerCase();
-    var tags = this._Listener.getTagReplacements();
-    if (tags[tag]) {
-        return tags[tag];
-    }
-    return tag;
-};
-
-WYMeditor.XhtmlParser.prototype.TagAttributes = function(match, state) {
-    if (WYMeditor.LEXER_SPECIAL == state) {
-        this._current_attribute = match;
-    }
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype.DoubleQuotedAttribute = function(match, state) {
-    if (WYMeditor.LEXER_UNMATCHED == state) {
-        this._tag_attributes[this._current_attribute] = match;
-    }
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype.SingleQuotedAttribute = function(match, state) {
-    if (WYMeditor.LEXER_UNMATCHED == state) {
-        this._tag_attributes[this._current_attribute] = match;
-    }
-    return true;
-};
-
-WYMeditor.XhtmlParser.prototype.UnquotedAttribute = function(match, state) {
-    this._tag_attributes[this._current_attribute] = match.replace(/^=/,'');
-    return true;
-};
-
-
-/**
-* XHTML Sax parser.
-*
-*    @author Bermi Ferrer (http://bermi.org)
-*/
-WYMeditor.XhtmlSaxListener = function() {
-    this.output = '';
-    this.helper = new WYMeditor.XmlHelper();
-    this._open_tags = {};
-    this.validator = WYMeditor.XhtmlValidator;
-    this._tag_stack = [];
-    this.avoided_tags = [];
-    this._insert_before_closing = [];
-    this._insert_after_closing = [];
-    this._last_node_was_text = false;
-    this._consecutive_brs = 0;
-
-    // A string of the tag name of the last open tag added to the output.
-    this._lastAddedOpenTag = '';
-
-    // A boolean that should be set to true when the parser is within a list
-    // item and that should be set to false when the parser is no longer
-    // withing a list item.
-    this._insideLI = false;
-
-    // An array of tags that should have their contents unwrapped if the tag is
-    // within a list item.
-    this.tagsToUnwrapInLists =
-        WYMeditor.DocumentStructureManager.VALID_DEFAULT_ROOT_CONTAINERS;
-
-    // If any of these inline tags is found in the root, just remove them.
-    this._rootInlineTagsToRemove = ['br'];
-
-    // A counter to keep track of the number of extra block closing tags that
-    // should be expected by the parser because of the removal of that
-    // element's opening tag.
-    this._extraBlockClosingTags = 0;
-
-    this._insideTagToRemove = false;
-    // A boolean that indicates if a spacer line break should be added before
-    // the next element in a list item to preserve spacing because of the
-    // unwrapping of a block tag before the element.
-    this._addSpacerBeforeElementInLI = false;
-
-    // This flag is set to true if the parser is currently inside a tag flagged
-    // for removal. Nothing will be added to the output while this flag is set
-    // to true.
-    this._insideTagToRemove = false;
-
-    // If the last tag was not added to the output, this flag is set to true.
-    // This is needed because if we are trying to fix an invalid tag by nesting
-    // it in the last outputted tag as in the case of some invalid lists, if
-    // the last tag was removed, the invalid tag should just be removed as well
-    // instead of trying to fix it by nesting it in a tag that was already
-    // removed from the output.
-    this._lastTagRemoved = false;
-
-    // When correcting invalid list nesting, situations can occur that will
-    // result in an extra closing LI tags coming up later in the parser. When
-    // one of these situations occurs, this counter is incremented so that it
-    // can be referenced to find how many extra LI closing tags to expect. This
-    // counter should be decremented everytime one of these extra LI closing
-    // tags is removed.
-    this._extraLIClosingTags = 0;
-
-    // This is for storage of a tag's index in the tag stack so that the
-    // Listener can use it to check for when the tag has been closed (i.e. when
-    // the top of the tag stack is at the stored index again).
-    this._removedTagStackIndex = 0;
-
-    this.entities = {
-        '&nbsp;':'&#160;','&iexcl;':'&#161;','&cent;':'&#162;',
-        '&pound;':'&#163;','&curren;':'&#164;','&yen;':'&#165;',
-        '&brvbar;':'&#166;','&sect;':'&#167;','&uml;':'&#168;',
-        '&copy;':'&#169;','&ordf;':'&#170;','&laquo;':'&#171;',
-        '&not;':'&#172;','&shy;':'&#173;','&reg;':'&#174;',
-        '&macr;':'&#175;','&deg;':'&#176;','&plusmn;':'&#177;',
-        '&sup2;':'&#178;','&sup3;':'&#179;','&acute;':'&#180;',
-        '&micro;':'&#181;','&para;':'&#182;','&middot;':'&#183;',
-        '&cedil;':'&#184;','&sup1;':'&#185;','&ordm;':'&#186;',
-        '&raquo;':'&#187;','&frac14;':'&#188;','&frac12;':'&#189;',
-        '&frac34;':'&#190;','&iquest;':'&#191;','&Agrave;':'&#192;',
-        '&Aacute;':'&#193;','&Acirc;':'&#194;','&Atilde;':'&#195;',
-        '&Auml;':'&#196;','&Aring;':'&#197;','&AElig;':'&#198;',
-        '&Ccedil;':'&#199;','&Egrave;':'&#200;','&Eacute;':'&#201;',
-        '&Ecirc;':'&#202;','&Euml;':'&#203;','&Igrave;':'&#204;',
-        '&Iacute;':'&#205;','&Icirc;':'&#206;','&Iuml;':'&#207;',
-        '&ETH;':'&#208;','&Ntilde;':'&#209;','&Ograve;':'&#210;',
-        '&Oacute;':'&#211;','&Ocirc;':'&#212;','&Otilde;':'&#213;',
-        '&Ouml;':'&#214;','&times;':'&#215;','&Oslash;':'&#216;',
-        '&Ugrave;':'&#217;','&Uacute;':'&#218;','&Ucirc;':'&#219;',
-        '&Uuml;':'&#220;','&Yacute;':'&#221;','&THORN;':'&#222;',
-        '&szlig;':'&#223;','&agrave;':'&#224;','&aacute;':'&#225;',
-        '&acirc;':'&#226;','&atilde;':'&#227;','&auml;':'&#228;',
-        '&aring;':'&#229;','&aelig;':'&#230;','&ccedil;':'&#231;',
-        '&egrave;':'&#232;','&eacute;':'&#233;','&ecirc;':'&#234;',
-        '&euml;':'&#235;','&igrave;':'&#236;','&iacute;':'&#237;',
-        '&icirc;':'&#238;','&iuml;':'&#239;','&eth;':'&#240;',
-        '&ntilde;':'&#241;','&ograve;':'&#242;','&oacute;':'&#243;',
-        '&ocirc;':'&#244;','&otilde;':'&#245;','&ouml;':'&#246;',
-        '&divide;':'&#247;','&oslash;':'&#248;','&ugrave;':'&#249;',
-        '&uacute;':'&#250;','&ucirc;':'&#251;','&uuml;':'&#252;',
-        '&yacute;':'&#253;','&thorn;':'&#254;','&yuml;':'&#255;',
-        '&OElig;':'&#338;','&oelig;':'&#339;','&Scaron;':'&#352;',
-        '&scaron;':'&#353;','&Yuml;':'&#376;','&fnof;':'&#402;',
-        '&circ;':'&#710;','&tilde;':'&#732;','&Alpha;':'&#913;',
-        '&Beta;':'&#914;','&Gamma;':'&#915;','&Delta;':'&#916;',
-        '&Epsilon;':'&#917;','&Zeta;':'&#918;','&Eta;':'&#919;',
-        '&Theta;':'&#920;','&Iota;':'&#921;','&Kappa;':'&#922;',
-        '&Lambda;':'&#923;','&Mu;':'&#924;','&Nu;':'&#925;',
-        '&Xi;':'&#926;','&Omicron;':'&#927;','&Pi;':'&#928;',
-        '&Rho;':'&#929;','&Sigma;':'&#931;','&Tau;':'&#932;',
-        '&Upsilon;':'&#933;','&Phi;':'&#934;','&Chi;':'&#935;',
-        '&Psi;':'&#936;','&Omega;':'&#937;','&alpha;':'&#945;',
-        '&beta;':'&#946;','&gamma;':'&#947;','&delta;':'&#948;',
-        '&epsilon;':'&#949;','&zeta;':'&#950;','&eta;':'&#951;',
-        '&theta;':'&#952;','&iota;':'&#953;','&kappa;':'&#954;',
-        '&lambda;':'&#955;','&mu;':'&#956;','&nu;':'&#957;',
-        '&xi;':'&#958;','&omicron;':'&#959;','&pi;':'&#960;',
-        '&rho;':'&#961;','&sigmaf;':'&#962;','&sigma;':'&#963;',
-        '&tau;':'&#964;','&upsilon;':'&#965;','&phi;':'&#966;',
-        '&chi;':'&#967;','&psi;':'&#968;','&omega;':'&#969;',
-        '&thetasym;':'&#977;','&upsih;':'&#978;','&piv;':'&#982;',
-        '&ensp;':'&#8194;','&emsp;':'&#8195;','&thinsp;':'&#8201;',
-        '&zwnj;':'&#8204;','&zwj;':'&#8205;','&lrm;':'&#8206;',
-        '&rlm;':'&#8207;','&ndash;':'&#8211;','&mdash;':'&#8212;',
-        '&lsquo;':'&#8216;','&rsquo;':'&#8217;','&sbquo;':'&#8218;',
-        '&ldquo;':'&#8220;','&rdquo;':'&#8221;','&bdquo;':'&#8222;',
-        '&dagger;':'&#8224;','&Dagger;':'&#8225;','&bull;':'&#8226;',
-        '&hellip;':'&#8230;','&permil;':'&#8240;','&prime;':'&#8242;',
-        '&Prime;':'&#8243;','&lsaquo;':'&#8249;','&rsaquo;':'&#8250;',
-        '&oline;':'&#8254;','&frasl;':'&#8260;','&euro;':'&#8364;',
-        '&image;':'&#8465;','&weierp;':'&#8472;','&real;':'&#8476;',
-        '&trade;':'&#8482;','&alefsym;':'&#8501;','&larr;':'&#8592;',
-        '&uarr;':'&#8593;','&rarr;':'&#8594;','&darr;':'&#8595;',
-        '&harr;':'&#8596;','&crarr;':'&#8629;','&lArr;':'&#8656;',
-        '&uArr;':'&#8657;','&rArr;':'&#8658;','&dArr;':'&#8659;',
-        '&hArr;':'&#8660;','&forall;':'&#8704;','&part;':'&#8706;',
-        '&exist;':'&#8707;','&empty;':'&#8709;','&nabla;':'&#8711;',
-        '&isin;':'&#8712;','&notin;':'&#8713;','&ni;':'&#8715;',
-        '&prod;':'&#8719;','&sum;':'&#8721;','&minus;':'&#8722;',
-        '&lowast;':'&#8727;','&radic;':'&#8730;','&prop;':'&#8733;',
-        '&infin;':'&#8734;','&ang;':'&#8736;','&and;':'&#8743;',
-        '&or;':'&#8744;','&cap;':'&#8745;','&cup;':'&#8746;',
-        '&int;':'&#8747;','&there4;':'&#8756;','&sim;':'&#8764;',
-        '&cong;':'&#8773;','&asymp;':'&#8776;','&ne;':'&#8800;',
-        '&equiv;':'&#8801;','&le;':'&#8804;','&ge;':'&#8805;',
-        '&sub;':'&#8834;','&sup;':'&#8835;','&nsub;':'&#8836;',
-        '&sube;':'&#8838;','&supe;':'&#8839;','&oplus;':'&#8853;',
-        '&otimes;':'&#8855;','&perp;':'&#8869;','&sdot;':'&#8901;',
-        '&lceil;':'&#8968;','&rceil;':'&#8969;','&lfloor;':'&#8970;',
-        '&rfloor;':'&#8971;','&lang;':'&#9001;','&rang;':'&#9002;',
-        '&loz;':'&#9674;','&spades;':'&#9824;','&clubs;':'&#9827;',
-        '&hearts;':'&#9829;','&diams;':'&#9830;'};
-
-    this.block_tags = [
-        "a", "abbr", "acronym", "address", "area", "b",
-        "base", "bdo", "big", "blockquote", "body", "button",
-        "caption", "cite", "code", "colgroup", "dd", "del", "div",
-        "dfn", "dl", "dt", "em", "fieldset", "form", "head", "h1", "h2",
-        "h3", "h4", "h5", "h6", "html", "i", "iframe", "ins",
-        "kbd", "label", "legend", "li", "map", "noscript",
-        "object", "ol", "optgroup", "option", "p", "param", "pre", "q",
-        "samp", "script", "select", "small", "span", "strong", "style",
-        "sub", "sup", "table", "tbody", "td", "textarea", "tfoot", "th",
-        "thead", "title", "tr", "tt", "ul", "var", "extends"];
-
-
-    this.inline_tags = ["br", "col", "hr", "img", "input"];
-
-    return this;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.shouldCloseTagAutomatically = function(tag, now_on_tag, closing) {
-    if (tag != 'td' && tag != 'option') {
-        // We only attempt auto-closing for these tags
-        return false;
-    }
-    var openCount = this._open_tags[tag];
-    if (!openCount) {
-        /// If there are no open tags, it would be pretty silly to try and close the tag
-        return false;
-    }
-
-    if (tag == 'td') {
-        var openTrCount = this._open_tags['tr'] || 0;
-        // We use count instead of existence to handle nested tables/rows
-        if (!closing && now_on_tag === 'td' && openCount >= openTrCount) {
-            return true;
-        }
-        if (closing && now_on_tag == 'tr' && openCount > openTrCount) {
-            return true;
-        }
-    } else if (tag == 'option') {
-        if ((closing && now_on_tag == 'select') || (!closing && now_on_tag == 'option')) {
-            return true;
-        }
-    }
-    return false;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.beforeParsing = function(raw) {
-    this.output = '';
-
-    // Reset attributes that might bleed over between parsing
-    this._insert_before_closing = [];
-    this._insert_after_closing = [];
-    this._open_tags = {};
-    this._tag_stack = [];
-    this._last_node_was_text = false;
-    this._lastTagRemoved = false;
-    this._insideTagToRemove = false;
-    this.last_tag = null;
-
-    return raw;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.afterParsing = function(xhtml) {
-    xhtml = this.replaceNamedEntities(xhtml);
-    xhtml = this.joinRepeatedEntities(xhtml);
-    xhtml = this.removeEmptyTags(xhtml);
-    xhtml = this.removeBrInPre(xhtml);
-
-    return xhtml;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.replaceNamedEntities = function(xhtml) {
-    for (var entity in this.entities) {
-        xhtml = xhtml.replace(new RegExp(entity, 'g'), this.entities[entity]);
-    }
-    return xhtml;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.joinRepeatedEntities = function(xhtml) {
-    var tags = 'em|strong|sub|sup|acronym|pre|del|address';
-    return xhtml.replace(new RegExp('<\/('+tags+')><\\1>' ,''), '').
-            replace(
-                new RegExp('(\s*<('+tags+')>\s*){2}(.*)(\s*<\/\\2>\s*){2}' ,''),
-                '<\$2>\$3<\$2>');
-};
-
-WYMeditor.XhtmlSaxListener.prototype.removeEmptyTags = function(xhtml) {
-    return xhtml.replace(
-            new RegExp(
-                '<('+this.block_tags.join("|").
-                    replace(/\|td/,'').
-                    replace(/\|th/, '') +
-                ')>(<br \/>|&#160;|&nbsp;|\\s)*<\/\\1>' ,'g'),
-            '');
-};
-
-WYMeditor.XhtmlSaxListener.prototype.removeBrInPre = function(xhtml) {
-    var matches = xhtml.match(new RegExp('<pre[^>]*>(.*?)<\/pre>','gmi'));
-    if (matches) {
-        for (var i=0; i<matches.length; i++) {
-            xhtml = xhtml.replace(
-                matches[i],
-                matches[i].replace(new RegExp('<br \/>', 'g'), String.fromCharCode(13,10)));
-        }
-    }
-    return xhtml;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.getResult = function() {
-    return this.output;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.getTagReplacements = function() {
-    return {'b':'strong', 'i':'em'};
-};
-
-WYMeditor.XhtmlSaxListener.prototype.getTagForStyle = function (style) {
-    if (/sub/.test(style)) {
-        return 'sub';
-    } else if (/super/.test(style)) {
-        return 'sup';
-    } else if (/bold/.test(style)) {
-        return 'strong';
-    } else if (/italic/.test(style)) {
-        return 'em';
-    }
-
-    return false;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.addContent = function(text) {
-    if (this.last_tag && this.last_tag == 'li') {
-        // We should strip trailing newlines from text inside li tags because
-        // IE adds random significant newlines inside nested lists
-        text = text.replace(/(\r|\n|\r\n)+$/g, '');
-
-        // Let's also normalize multiple newlines down to a single space
-        text = text.replace(/(\r|\n|\r\n)+/g, ' ');
-    }
-    if (text.replace(/^\s+|\s+$/g, '').length > 0) {
-        // Don't count it as text if it's empty
-        this._last_node_was_text = true;
-        if (this._addSpacerBeforeElementInLI) {
-            this.output += '<br />';
-            this._addSpacerBeforeElementInLI = false;
-        }
-    }
-    if (!this._insideTagToRemove) {
-        this.output += text;
-    }
-};
-
-WYMeditor.XhtmlSaxListener.prototype.addComment = function(text) {
-    if (this.remove_comments || this._insideTagToRemove) {
-        return;
-    }
-    this.output += text;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.addScript = function(text) {
-    if (this.remove_scripts || this._insideTagToRemove) {
-        return;
-    }
-    this.output += text;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.addCss = function(text) {
-    if (this.remove_embeded_styles || this._insideTagToRemove) {
-        return;
-    }
-    this.output += text;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.openBlockTag = function(tag, attributes) {
-    var lastNodeWasText = this._last_node_was_text;
-    this._last_node_was_text = false;
-
-    if (this._insideTagToRemove) {
-        // If we're currently in a block marked for removal, don't add it to
-        // the output.
-        return;
-    }
-    if (this._shouldRemoveTag(tag, attributes)) {
-        // If this tag is marked for removal, set a flag signifying that
-        // we're in a tag to remove and mark the position in the tag stack
-        // of this tag so that we know when we've reached the end of it.
-        this._insideTagToRemove = true;
-        this._removedTagStackIndex = this._tag_stack.length - 1;
-        return;
-    }
-
-    // If we're currently inside an LI and this tag is not allowed inside
-    // an LI, unwrap the tag by not adding it to the output.
-    if (this._insideLI && jQuery.inArray(tag, this.tagsToUnwrapInLists) > -1) {
-        if (this._lastAddedOpenTag !== 'li' || lastNodeWasText) {
-            // If there was content inside the LI before this unwrapped block,
-            // insert a line break so that the content retains its spacing.
-            this.output += '<br />';
-            this._addSpacerBeforeElementInLI = false;
-        }
-        this._tag_stack.pop();
-        this._extraBlockClosingTags++;
-        return;
-    }
-
-    // Add a line break spacer before adding the open block tag if necessary
-    // and if the tag is not a list element.
-    if (this._addSpacerBeforeElementInLI &&
-            tag !== 'li' &&
-            jQuery.inArray(tag, WYMeditor.LIST_TYPE_ELEMENTS) === -1) {
-        this.output += '<br />';
-        this._addSpacerBeforeElementInLI = false;
-    }
-
-    attributes = this.validator.getValidTagAttributes(tag, attributes);
-    attributes = this.removeUnwantedClasses(attributes);
-
-    // Handle Mozilla and Safari styled spans
-    if (tag === 'span' && attributes.style) {
-        var new_tag = this.getTagForStyle(attributes.style);
-        if (new_tag) {
-            tag = new_tag;
-            this._tag_stack.pop();
-            this._tag_stack.push(tag);
-            attributes.style = '';
-        }
-    }
-
-    if (tag === 'li') {
-        this._insideLI = true;
-        this._addSpacerBeforeElementInLI = false;
-    }
-
-    this.output += this.helper.tag(tag, attributes, true);
-    this._lastAddedOpenTag = tag;
-    this._lastTagRemoved = false;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.inlineTag = function(tag, attributes) {
-    if (this._insideTagToRemove || this._shouldRemoveTag(tag, attributes)) {
-        // If we're currently in a block marked for removal or if this tag is
-        // marked for removal, don't add it to the output.
-        return;
-    }
-    this._last_node_was_text = false;
-
-    attributes = this.validator.getValidTagAttributes(tag, attributes);
-    attributes = this.removeUnwantedClasses(attributes);
-    this.output += this.helper.tag(tag, attributes);
-    this._lastTagRemoved = false;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.openUnknownTag = function(tag, attributes) {
-    //this.output += this.helper.tag(tag, attributes, true);
-};
-
-WYMeditor.XhtmlSaxListener.prototype.closeBlockTag = function(tag) {
-    this._last_node_was_text = false;
-    if (this._insideTagToRemove) {
-        if (this._tag_stack.length === this._removedTagStackIndex) {
-            // If we've reached the index in the tag stack were the tag to be
-            // removed started, we're no longer inside that tag and can turn
-            // the insideTagToRemove flag off.
-            this._insideTagToRemove = false;
-        }
-        this._lastTagRemoved = true;
-        return;
-    }
-
-    if (tag === 'li') {
-        this._insideLI = false;
-        this._addSpacerBeforeElementInLI = false;
-    }
-    if (jQuery.inArray(tag, WYMeditor.LIST_TYPE_ELEMENTS) > -1) {
-        this._insideLI = false;
-    }
-
-    this.output = this.output +
-        this._getClosingTagContent('before', tag) +
-        "</"+tag+">" +
-        this._getClosingTagContent('after', tag);
-};
-
-WYMeditor.XhtmlSaxListener.prototype.removedExtraBlockClosingTag = function () {
-    this._extraBlockClosingTags--;
-    this._addSpacerBeforeElementInLI = true;
-    this._last_node_was_text = false;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.closeUnknownTag = function(tag) {
-    //this.output += "</"+tag+">";
-};
-
-WYMeditor.XhtmlSaxListener.prototype.closeUnopenedTag = function(tag) {
-    this._last_node_was_text = false;
-    if (this._insideTagToRemove) {
-        return;
-    }
-
-    if (tag === 'li' && this._extraLIClosingTags) {
-        this._extraLIClosingTags--;
-    } else {
-        this.output += "</" + tag + ">";
-    }
-};
-
-WYMeditor.XhtmlSaxListener.prototype.avoidStylingTagsAndAttributes = function() {
-    this.avoided_tags = ['div','span'];
-    this.validator.skiped_attributes = ['style'];
-    this.validator.skiped_attribute_values = ['MsoNormal','main1']; // MS Word attributes for class
-    this._avoiding_tags_implicitly = true;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.allowStylingTagsAndAttributes = function() {
-    this.avoided_tags = [];
-    this.validator.skiped_attributes = [];
-    this.validator.skiped_attribute_values = [];
-    this._avoiding_tags_implicitly = false;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.isBlockTag = function(tag) {
-    return !WYMeditor.Helper.arrayContains(this.avoided_tags, tag) &&
-            WYMeditor.Helper.arrayContains(this.block_tags, tag);
-};
-
-WYMeditor.XhtmlSaxListener.prototype.isInlineTag = function(tag) {
-    return !WYMeditor.Helper.arrayContains(this.avoided_tags, tag) &&
-            WYMeditor.Helper.arrayContains(this.inline_tags, tag);
-};
-
-WYMeditor.XhtmlSaxListener.prototype.insertContentAfterClosingTag = function(tag, content) {
-    this._insertContentWhenClosingTag('after', tag, content);
-};
-
-WYMeditor.XhtmlSaxListener.prototype.insertContentBeforeClosingTag = function(tag, content) {
-    this._insertContentWhenClosingTag('before', tag, content);
-};
-
-/*
-    removeUnwantedClasses
-    =====================
-
-    Removes the unwanted classes specified in the
-    WYMeditor.CLASSES_REMOVED_BY_PARSER constant from the passed attributes
-    object and returns the attributes object after the removals. The passed
-    attributes object should be in a format with attribute names as properties
-    and those attributes' values as those properties' values. The class
-    matching for removal is case insensitive.
-*/
-WYMeditor.XhtmlSaxListener.prototype.removeUnwantedClasses = function(attributes) {
-    var pattern,
-        i;
-
-    if (!attributes["class"]) {
-        return attributes;
-    }
-
-    for (i = 0; i < WYMeditor.CLASSES_REMOVED_BY_PARSER.length; ++i) {
-        pattern = new RegExp('(^|\\s)' + WYMeditor.CLASSES_REMOVED_BY_PARSER[i] +
-                             '($|\\s)', 'gi');
-        attributes["class"] = attributes["class"].replace(pattern, '$1');
-    }
-
-    // Remove possible trailing space that could have been left over if the
-    // last class was removed
-    attributes["class"] = attributes["class"].replace(/\s$/, '');
-    return attributes;
-};
-
-WYMeditor.XhtmlSaxListener.prototype.fixNestingBeforeOpeningBlockTag = function(tag, attributes) {
-    if (!this._last_node_was_text && (tag == 'ul' || tag == 'ol') && this.last_tag &&
-            !this.last_tag_opened && this.last_tag == 'li') {
-        // We have a <li></li><ol>... situation. The new list should be a
-        // child of the li tag. Not a sibling.
-
-        if (this._lastTagRemoved) {
-            // If the previous li tag was removed, the new list should be
-            // removed with it.
-            this._insideTagToRemove = true;
-            this._removedTagStackIndex = this._tag_stack.length - 1;
-        } else if (!this._shouldRemoveTag(tag, attributes)){
-            // If this tag is not going to be removed, remove the last closing
-            // li tag
-            this.output = this.output.replace(/<\/li>\s*$/, '');
-            this.insertContentAfterClosingTag(tag, '</li>');
-        }
-    } else if ((tag == 'ul' || tag == 'ol') && this.last_tag &&
-            this.last_tag_opened && (this.last_tag == 'ul' || this.last_tag == 'ol')) {
-        // We have a <ol|ul><ol|ul>... situation. The new list should be have
-        // a li tag parent and shouldn't be directly nested.
-
-        // If this tag is not going to be removed, add an opening li tag before
-        // and after this tag
-        if (!this._shouldRemoveTag(tag, attributes)) {
-            this.output += this.helper.tag('li', {}, true);
-            this.insertContentAfterClosingTag(tag, '</li>');
-        }
-        this._last_node_was_text = false;
-    } else if (tag == 'li') {
-        // Closest open tag that's not this tag
-        if (this._tag_stack.length >= 2) {
-            var closestOpenTag = this._tag_stack[this._tag_stack.length - 2];
-            if (closestOpenTag == 'li' && !this._shouldRemoveTag(tag, attributes)){
-                // Pop the tag off of the stack to indicate we closed it
-                this._open_tags.li -= 1;
-                if (this._open_tags.li === 0) {
-                    this._open_tags.li = undefined;
-                }
-                this._tag_stack.splice(this._tag_stack.length - 2, 1);
-                this._last_node_was_text = false;
-
-                if (!this._insideTagToRemove) {
-                    // If not inside a tag to remove, close the outer LI now
-                    // before adding the LI that was nested within it to the
-                    // output.
-                    this.output += '</li>';
-                } else if (this._tag_stack.length - 1 ===
-                           this._removedTagStackIndex) {
-                    // If the outer LI was the start of a block to be removed,
-                    // reset the flag for removing a tag.
-                    this._insideTagToRemove = false;
-                    this._lastTagRemoved = true;
-                    this._extraLIClosingTags++;
-                }
-            }
-        }
-        // Opening a new li tag while another li tag is still open.
-        // LI tags aren't allowed to be nested within eachother
-        // It probably means we forgot to close the last LI tag
-        //return true;
-    }
-};
-
-WYMeditor.XhtmlSaxListener.prototype._insertContentWhenClosingTag = function(position, tag, content) {
-    if (!this['_insert_'+position+'_closing']) {
-        this['_insert_'+position+'_closing'] = [];
-    }
-    if (!this['_insert_'+position+'_closing'][tag]) {
-        this['_insert_'+position+'_closing'][tag] = [];
-    }
-    this['_insert_'+position+'_closing'][tag].push(content);
-};
-
-WYMeditor.XhtmlSaxListener.prototype._getClosingTagContent = function(position, tag) {
-    if (this['_insert_'+position+'_closing'] &&
-            this['_insert_'+position+'_closing'][tag] &&
-            this['_insert_'+position+'_closing'][tag].length > 0) {
-        return this['_insert_'+position+'_closing'][tag].pop();
-    }
-    return '';
-};
-
-/*
-    _shouldRemoveTag
-    ================
-
-    Specifies if the passed tag with the passed attributes should be removed
-    from the output or not, based on the current state.
-*/
-WYMeditor.XhtmlSaxListener.prototype._shouldRemoveTag = function(tag, attributes) {
-    if (this._isEditorOnlyTag(tag, attributes)) {
-        return true;
-    }
-    if (this._isRootInlineTagToRemove(tag, attributes, this._tag_stack)) {
-        return true;
-    }
-    if (this._isThirdConsecutiveBrWithNoAttributes(tag, attributes)) {
-        return true;
-    }
-
-    return false;
-};
-
-/*
-    _isEditorOnlyTag
-    ================
-
-    Is the passed-in tag, as evaluated in the current state, a tag that should
-    only exist in the editor, but not in the final output. Editor-only tags
-    exist to aid with manipulation and browser-bug workarounds, but aren't
-    actual content that should be kept in the authoritative HTML.
-*/
-WYMeditor.XhtmlSaxListener.prototype._isEditorOnlyTag = function(tag, attributes) {
-    var classes;
-
-    if (!attributes["class"]) {
-        return false;
-    }
-
-    classes = attributes["class"].split(" ");
-    if (WYMeditor.Helper.arrayContains(classes, WYMeditor.EDITOR_ONLY_CLASS)) {
-        return true;
-    }
-    return false;
-};
-
-/*
-    Is this tag one of the tags that should be removed if found at the root.
-*/
-WYMeditor.XhtmlSaxListener.prototype._isRootInlineTagToRemove = function(
-    tag, attributes, currentTagStack
-) {
-    if (!this.isInlineTag(tag)) {
-        return false;
-    }
-    if (currentTagStack.length > 0) {
-        // We're not at the root
-        return false;
-    }
-
-    if (WYMeditor.Helper.arrayContains(this._rootInlineTagsToRemove, tag)) {
-        return true;
-    }
-    return false;
-};
-
-/*
-    Is this tag a third consecutive `br` element that has no attributes.
-*/
-WYMeditor.XhtmlSaxListener.prototype
-    ._isThirdConsecutiveBrWithNoAttributes = function (tag, attributes) {
-    var key;
-    if (tag !== 'br') {
-        this._consecutive_brs = 0;
-        return false;
-    }
-    if (
-        this._consecutive_brs !== 0 &&
-        this._last_node_was_text
-    ) {
-        this._consecutive_brs = 0;
-        return false;
-    }
-    for (key in attributes) {
-        if (attributes.hasOwnProperty(key)) {
-            this._consecutive_brs = 0;
-            return false;
-        }
-    }
-    this._consecutive_brs ++;
-    if (this._consecutive_brs > 2) {
-        return true;
-    }
-    return false;
-};
-
-/**
-* XhtmlValidator for validating tag attributes
-*
-* @author Bermi Ferrer - http://bermi.org
-*/
-WYMeditor.XhtmlValidator = {
-    "_attributes":
-    {
-        "core":
-        {
-            "except":[
-            "base",
-            "head",
-            "html",
-            "meta",
-            "param",
-            "script",
-            "style",
-            "title"
-            ],
-            "attributes":[
-            "class",
-            "id",
-            "title",
-            "accesskey",
-            "tabindex",
-            "/^data-.*/"
-            ]
-        },
-        "styleAttr":
-        {
-            "except":[
-            "img"
-            ],
-            "attributes":[
-            "style"
-            ]
-        },
-        "language":
-        {
-            "except":[
-            "base",
-            "br",
-            "hr",
-            "iframe",
-            "param",
-            "script"
-            ],
-            "attributes":
-            {
-                "dir":[
-                "ltr",
-                "rtl"
-                ],
-                "0":"lang",
-                "1":"xml:lang"
-            }
-        },
-        "keyboard":
-        {
-            "attributes":
-            {
-                "accesskey":/^(\w){1}$/,
-                "tabindex":/^(\d)+$/
-            }
-        }
-    },
-    "_events":
-    {
-        "window":
-        {
-            "only":[
-            "body"
-            ],
-            "attributes":[
-            "onload",
-            "onunload"
-            ]
-        },
-        "form":
-        {
-            "only":[
-            "form",
-            "input",
-            "textarea",
-            "select",
-            "a",
-            "label",
-            "button"
-            ],
-            "attributes":[
-            "onchange",
-            "onsubmit",
-            "onreset",
-            "onselect",
-            "onblur",
-            "onfocus"
-            ]
-        },
-        "keyboard":
-        {
-            "except":[
-            "base",
-            "bdo",
-            "br",
-            "frame",
-            "frameset",
-            "head",
-            "html",
-            "iframe",
-            "meta",
-            "param",
-            "script",
-            "style",
-            "title"
-            ],
-            "attributes":[
-            "onkeydown",
-            "onkeypress",
-            "onkeyup"
-            ]
-        },
-        "mouse":
-        {
-            "except":[
-            "base",
-            "bdo",
-            "br",
-            "head",
-            "html",
-            "meta",
-            "param",
-            "script",
-            "style",
-            "title"
-            ],
-            "attributes":[
-            "onclick",
-            "ondblclick",
-            "onmousedown",
-            "onmousemove",
-            "onmouseover",
-            "onmouseout",
-            "onmouseup"
-            ]
-        }
-    },
-    "_tags":
-    {
-        "a":
-        {
-            "attributes":
-            {
-                "0":"charset",
-                "1":"coords",
-                "2":"href",
-                "3":"hreflang",
-                "4":"name",
-                "5":"rel",
-                "6":"rev",
-                "shape":/^(rect|rectangle|circ|circle|poly|polygon)$/,
-                "7":"type"
-            }
-        },
-        "0":"abbr",
-        "1":"acronym",
-        "2":"address",
-        "area":
-        {
-            "attributes":
-            {
-                "0":"alt",
-                "1":"coords",
-                "2":"href",
-                "nohref":/^(true|false)$/,
-                "shape":/^(rect|rectangle|circ|circle|poly|polygon)$/
-            },
-            "required":[
-            "alt"
-            ]
-        },
-        "3":"b",
-        "base":
-        {
-            "attributes":[
-            "href"
-            ],
-            "required":[
-            "href"
-            ]
-        },
-        "bdo":
-        {
-            "attributes":
-            {
-                "dir":/^(ltr|rtl)$/
-            },
-            "required":[
-            "dir"
-            ]
-        },
-        "4":"big",
-        "blockquote":
-        {
-            "attributes":[
-            "cite"
-            ]
-        },
-        "5":"body",
-        "6":"br",
-        "button":
-        {
-            "attributes":
-            {
-                "disabled":/^(disabled)$/,
-                "type":/^(button|reset|submit)$/,
-                "0":"value"
-            },
-            "inside":"form"
-        },
-        "7":"caption",
-        "8":"cite",
-        "9":"code",
-        "col":
-        {
-            "attributes":
-            {
-                "align":/^(right|left|center|justify)$/,
-                "0":"char",
-                "1":"charoff",
-                "span":/^(\d)+$/,
-                "valign":/^(top|middle|bottom|baseline)$/,
-                "2":"width"
-            },
-            "inside":"colgroup"
-        },
-        "colgroup":
-        {
-            "attributes":
-            {
-                "align":/^(right|left|center|justify)$/,
-                "0":"char",
-                "1":"charoff",
-                "span":/^(\d)+$/,
-                "valign":/^(top|middle|bottom|baseline)$/,
-                "2":"width"
-            }
-        },
-        "10":"dd",
-        "del":
-        {
-            "attributes":
-            {
-                "0":"cite",
-                "datetime":/^([0-9]){8}/
-            }
-        },
-        "11":"div",
-        "12":"dfn",
-        "13":"dl",
-        "14":"dt",
-        "15":"em",
-        "fieldset":
-        {
-            "inside":"form"
-        },
-        "form":
-        {
-            "attributes":
-            {
-                "0":"action",
-                "1":"accept",
-                "2":"accept-charset",
-                "3":"enctype",
-                "method":/^(get|post)$/
-            },
-            "required":[
-            "action"
-            ]
-        },
-        "head":
-        {
-            "attributes":[
-            "profile"
-            ]
-        },
-        "16":"h1",
-        "17":"h2",
-        "18":"h3",
-        "19":"h4",
-        "20":"h5",
-        "21":"h6",
-        "22":"hr",
-        "html":
-        {
-            "attributes":[
-            "xmlns"
-            ]
-        },
-        "23":"i",
-        "img":
-        {
-            "attributes":[
-            "alt",
-            "src",
-            "height",
-            "ismap",
-            "longdesc",
-            "usemap",
-            "width"
-            ],
-            "required":[
-            "alt",
-            "src"
-            ]
-        },
-        "input":
-        {
-            "attributes":
-            {
-                "0":"accept",
-                "1":"alt",
-                "checked":/^(checked)$/,
-                "disabled":/^(disabled)$/,
-                "maxlength":/^(\d)+$/,
-                "2":"name",
-                "readonly":/^(readonly)$/,
-                "size":/^(\d)+$/,
-                "3":"src",
-                "type":/^(button|checkbox|file|hidden|image|password|radio|reset|submit|text)$/,
-                "4":"value"
-            },
-            "inside":"form"
-        },
-        "ins":
-        {
-            "attributes":
-            {
-                "0":"cite",
-                "datetime":/^([0-9]){8}/
-            }
-        },
-        "24":"kbd",
-        "label":
-        {
-            "attributes":[
-            "for"
-            ],
-            "inside":"form"
-        },
-        "25":"legend",
-        "26":"li",
-        "link":
-        {
-            "attributes":
-            {
-                "0":"charset",
-                "1":"href",
-                "2":"hreflang",
-                "media":/^(all|braille|print|projection|screen|speech|,|;| )+$/i,
-                //next comment line required by Opera!
-                /*"rel":/^(alternate|appendix|bookmark|chapter|contents|copyright|glossary|help|home|index|next|prev|section|start|stylesheet|subsection| |shortcut|icon)+$/i,*/
-                "rel":/^(alternate|appendix|bookmark|chapter|contents|copyright|glossary|help|home|index|next|prev|section|start|stylesheet|subsection| |shortcut|icon)+$/i,
-                "rev":/^(alternate|appendix|bookmark|chapter|contents|copyright|glossary|help|home|index|next|prev|section|start|stylesheet|subsection| |shortcut|icon)+$/i,
-                "3":"type"
-            },
-            "inside":"head"
-        },
-        "map":
-        {
-            "attributes":[
-            "id",
-            "name"
-            ],
-            "required":[
-            "id"
-            ]
-        },
-        "meta":
-        {
-            "attributes":
-            {
-                "0":"content",
-                "http-equiv":/^(content\-type|expires|refresh|set\-cookie)$/i,
-                "1":"name",
-                "2":"scheme"
-            },
-            "required":[
-            "content"
-            ]
-        },
-        "27":"noscript",
-        "object":
-        {
-            "attributes":[
-            "archive",
-            "classid",
-            "codebase",
-            "codetype",
-            "data",
-            "declare",
-            "height",
-            "name",
-            "standby",
-            "type",
-            "usemap",
-            "width"
-            ]
-        },
-        "28":"ol",
-        "optgroup":
-        {
-            "attributes":
-            {
-                "0":"label",
-                "disabled": /^(disabled)$/
-            },
-            "required":[
-            "label"
-            ]
-        },
-        "option":
-        {
-            "attributes":
-            {
-                "0":"label",
-                "disabled":/^(disabled)$/,
-                "selected":/^(selected)$/,
-                "1":"value"
-            },
-            "inside":"select"
-        },
-        "29":"p",
-        "param":
-        {
-            "attributes":
-            {
-                "0":"type",
-                "valuetype":/^(data|ref|object)$/,
-                "1":"valuetype",
-                "2":"value"
-            },
-            "required":[
-            "name"
-            ]
-        },
-        "30":"pre",
-        "q":
-        {
-            "attributes":[
-            "cite"
-            ]
-        },
-        "31":"samp",
-        "script":
-        {
-            "attributes":
-            {
-                "type":/^(text\/ecmascript|text\/javascript|text\/jscript|text\/vbscript|text\/vbs|text\/xml)$/,
-                "0":"charset",
-                "defer":/^(defer)$/,
-                "1":"src"
-            },
-            "required":[
-            "type"
-            ]
-        },
-        "select":
-        {
-            "attributes":
-            {
-                "disabled":/^(disabled)$/,
-                "multiple":/^(multiple)$/,
-                "0":"name",
-                "1":"size"
-            },
-            "inside":"form"
-        },
-        "32":"small",
-        "33":"span",
-        "34":"strong",
-        "style":
-        {
-            "attributes":
-            {
-                "0":"type",
-                "media":/^(screen|tty|tv|projection|handheld|print|braille|aural|all)$/
-            },
-            "required":[
-            "type"
-            ]
-        },
-        "35":"sub",
-        "36":"sup",
-        "table":
-        {
-            "attributes":
-            {
-                "0":"border",
-                "1":"cellpadding",
-                "2":"cellspacing",
-                "frame":/^(void|above|below|hsides|lhs|rhs|vsides|box|border)$/,
-                "rules":/^(none|groups|rows|cols|all)$/,
-                "3":"summary",
-                "4":"width"
-            }
-        },
-        "tbody":
-        {
-            "attributes":
-            {
-                "align":/^(right|left|center|justify)$/,
-                "0":"char",
-                "1":"charoff",
-                "valign":/^(top|middle|bottom|baseline)$/
-            }
-        },
-        "td":
-        {
-            "attributes":
-            {
-                "0":"abbr",
-                "align":/^(left|right|center|justify|char)$/,
-                "1":"axis",
-                "2":"char",
-                "3":"charoff",
-                "colspan":/^(\d)+$/,
-                "4":"headers",
-                "rowspan":/^(\d)+$/,
-                "scope":/^(col|colgroup|row|rowgroup)$/,
-                "valign":/^(top|middle|bottom|baseline)$/
-            }
-        },
-        "textarea":
-        {
-            "attributes":[
-            "cols",
-            "rows",
-            "disabled",
-            "name",
-            "readonly"
-            ],
-            "required":[
-            "cols",
-            "rows"
-            ],
-            "inside":"form"
-        },
-        "tfoot":
-        {
-            "attributes":
-            {
-                "align":/^(right|left|center|justify)$/,
-                "0":"char",
-                "1":"charoff",
-                "valign":/^(top|middle|bottom)$/,
-                "2":"baseline"
-            }
-        },
-        "th":
-        {
-            "attributes":
-            {
-                "0":"abbr",
-                "align":/^(left|right|center|justify|char)$/,
-                "1":"axis",
-                "2":"char",
-                "3":"charoff",
-                "colspan":/^(\d)+$/,
-                "4":"headers",
-                "rowspan":/^(\d)+$/,
-                "scope":/^(col|colgroup|row|rowgroup)$/,
-                "valign":/^(top|middle|bottom|baseline)$/
-            }
-        },
-        "thead":
-        {
-            "attributes":
-            {
-                "align":/^(right|left|center|justify)$/,
-                "0":"char",
-                "1":"charoff",
-                "valign":/^(top|middle|bottom|baseline)$/
-            }
-        },
-        "37":"title",
-        "tr":
-        {
-            "attributes":
-            {
-                "align":/^(right|left|center|justify|char)$/,
-                "0":"char",
-                "1":"charoff",
-                "valign":/^(top|middle|bottom|baseline)$/
-            }
-        },
-        "38":"tt",
-        "39":"ul",
-        "40":"var"
-    },
-
-    // Temporary skiped attributes
-    skiped_attributes : [],
-    skiped_attribute_values : [],
-
-    getValidTagAttributes: function(tag, attributes)
-    {
-        var valid_attributes = {};
-        var possible_attributes = this.getPossibleTagAttributes(tag);
-        for(var attribute in attributes) {
-            var value = attributes[attribute];
-            attribute = attribute.toLowerCase(); // ie8 uses colSpan
-            var h = WYMeditor.Helper;
-            if(!h.arrayContains(this.skiped_attributes, attribute) && !h.arrayContains(this.skiped_attribute_values, value)){
-                if (typeof value != 'function' && h.arrayContains(possible_attributes, attribute)) {
-                    if (this.doesAttributeNeedsValidation(tag, attribute)) {
-                        if(this.validateAttribute(tag, attribute, value)){
-                            valid_attributes[attribute] = value;
-                        }
-                    }else{
-                        valid_attributes[attribute] = value;
-                    }
-                } else {
-                    jQuery.each(possible_attributes, function() {
-                        if(this.match(/\/(.*)\//)) {
-                            regex = new RegExp(this.match(/\/(.*)\//)[1]);
-                            if(regex.test(attribute)) {
-                                valid_attributes[attribute] = value;
-                            }
-                        }
-                    });
-                }
-            }
-        }
-        return valid_attributes;
-    },
-    getUniqueAttributesAndEventsForTag : function(tag)
-    {
-        var result = [];
-
-        if (this._tags[tag] && this._tags[tag].attributes) {
-            for (var k in this._tags[tag].attributes) {
-                result.push(parseInt(k, 10) == k ? this._tags[tag].attributes[k] : k);
-            }
-        }
-        return result;
-    },
-getDefaultAttributesAndEventsForTags : function()
-{
-    var result = [];
-    for (var key in this._events){
-        result.push(this._events[key]);
-    }
-    for (key in this._attributes){
-        result.push(this._attributes[key]);
-    }
-    return result;
-},
-isValidTag : function(tag)
-{
-    if(this._tags[tag]){
-        return true;
-    }
-    for(var key in this._tags){
-        if(this._tags[key] == tag){
-            return true;
-        }
-    }
-    return false;
-},
-getDefaultAttributesAndEventsForTag : function(tag)
-{
-    var default_attributes = [];
-    if (this.isValidTag(tag)) {
-        var default_attributes_and_events = this.getDefaultAttributesAndEventsForTags();
-
-    for(var key in default_attributes_and_events) {
-        var defaults = default_attributes_and_events[key];
-        if(typeof defaults == 'object'){
-            var h = WYMeditor.Helper;
-            if ((defaults['except'] && h.arrayContains(defaults['except'], tag)) || (defaults['only'] && !h.arrayContains(defaults['only'], tag))) {
-                continue;
-            }
-
-    var tag_defaults = defaults['attributes'] ? defaults['attributes'] : defaults['events'];
-    for(var k in tag_defaults) {
-        default_attributes.push(typeof tag_defaults[k] != 'string' ? k : tag_defaults[k]);
-    }
-}
-}
-}
-return default_attributes;
-},
-doesAttributeNeedsValidation: function(tag, attribute)
-{
-    return this._tags[tag] && ((this._tags[tag]['attributes'] && this._tags[tag]['attributes'][attribute]) || (this._tags[tag]['required'] &&
-        WYMeditor.Helper.arrayContains(this._tags[tag]['required'], attribute)));
-},
-validateAttribute : function(tag, attribute, value)
-{
-    if ( this._tags[tag] &&
-        (this._tags[tag]['attributes'] && this._tags[tag]['attributes'][attribute] && value.length > 0 && !value.match(this._tags[tag]['attributes'][attribute])) || // invalid format
-        (this._tags[tag] && this._tags[tag]['required'] && WYMeditor.Helper.arrayContains(this._tags[tag]['required'], attribute) && value.length === 0)) // required attribute
-    {
-        return false;
-    }
-    return typeof this._tags[tag] != 'undefined';
-},
-getPossibleTagAttributes : function(tag)
-{
-    if (!this._possible_tag_attributes) {
-        this._possible_tag_attributes = {};
-    }
-    if (!this._possible_tag_attributes[tag]) {
-        this._possible_tag_attributes[tag] = this.getUniqueAttributesAndEventsForTag(tag).concat(this.getDefaultAttributesAndEventsForTag(tag));
-    }
-    return this._possible_tag_attributes[tag];
-}
-};
-
-
-/********** XHTML LEXER/PARSER **********/
-
-/*
-* @name xml
-* @description Use these methods to generate XML and XHTML compliant tags and
-* escape tag attributes correctly
-* @author Bermi Ferrer - http://bermi.org
-* @author David Heinemeier Hansson http://loudthinking.com
-*/
-WYMeditor.XmlHelper = function()
-{
-    this._entitiesDiv = document.createElement('div');
-    return this;
-};
-
-
-/*
-* @name tag
-* @description
-* Returns an empty HTML tag of type *name* which by default is XHTML
-* compliant. Setting *open* to true will create an open tag compatible
-* with HTML 4.0 and below. Add HTML attributes by passing an attributes
-* array to *options*. For attributes with no value like (disabled and
-* readonly), give it a value of true in the *options* array.
-*
-* Examples:
-*
-*   this.tag('br')
-*    # => <br />
-*   this.tag ('br', false, true)
-*    # => <br>
-*   this.tag ('input', jQuery({type:'text',disabled:true }) )
-*    # => <input type="text" disabled="disabled" />
-*/
-WYMeditor.XmlHelper.prototype.tag = function(name, options, open)
-{
-    options = options || false;
-    open = open || false;
-    return '<'+name+(options ? this.tagOptions(options) : '')+(open ? '>' : ' />');
-};
-
-/*
-* @name contentTag
-* @description
-* Returns a XML block tag of type *name* surrounding the *content*. Add
-* XML attributes by passing an attributes array to *options*. For attributes
-* with no value like (disabled and readonly), give it a value of true in
-* the *options* array. You can use symbols or strings for the attribute names.
-*
-*   this.contentTag ('p', 'Hello world!' )
-*    # => <p>Hello world!</p>
-*   this.contentTag('div', this.contentTag('p', "Hello world!"), jQuery({class : "strong"}))
-*    # => <div class="strong"><p>Hello world!</p></div>
-*   this.contentTag("select", options, jQuery({multiple : true}))
-*    # => <select multiple="multiple">...options...</select>
-*/
-WYMeditor.XmlHelper.prototype.contentTag = function(name, content, options)
-{
-    options = options || false;
-    return '<'+name+(options ? this.tagOptions(options) : '')+'>'+content+'</'+name+'>';
-};
-
-/*
-* @name cdataSection
-* @description
-* Returns a CDATA section for the given +content+.  CDATA sections
-* are used to escape blocks of text containing characters which would
-* otherwise be recognized as markup. CDATA sections begin with the string
-* <tt>&lt;![CDATA[</tt> and } with (and may not contain) the string
-* <tt>]]></tt>.
-*/
-WYMeditor.XmlHelper.prototype.cdataSection = function(content)
-{
-    return '<![CDATA['+content+']]>';
-};
-
-
-/*
-* @name escapeOnce
-* @description
-* Returns the escaped +xml+ without affecting existing escaped entities.
-*
-*  this.escapeOnce( "1 > 2 &amp; 3")
-*    # => "1 &gt; 2 &amp; 3"
-*/
-WYMeditor.XmlHelper.prototype.escapeOnce = function(xml)
-{
-    return this._fixDoubleEscape(this.escapeEntities(xml));
-};
-
-/*
-* @name _fixDoubleEscape
-* @description
-* Fix double-escaped entities, such as &amp;amp;, &amp;#123;, etc.
-*/
-WYMeditor.XmlHelper.prototype._fixDoubleEscape = function(escaped)
-{
-    return escaped.replace(/&amp;([a-z]+|(#\d+));/ig, "&$1;");
-};
-
-/*
-* @name tagOptions
-* @description
-* Takes an array like the one generated by Tag.parseAttributes
-*  [["src", "http://www.editam.com/?a=b&c=d&amp;f=g"], ["title", "Editam, <Simplified> CMS"]]
-* or an object like {src:"http://www.editam.com/?a=b&c=d&amp;f=g", title:"Editam, <Simplified> CMS"}
-* and returns a string properly escaped like
-* ' src = "http://www.editam.com/?a=b&amp;c=d&amp;f=g" title = "Editam, &lt;Simplified&gt; CMS"'
-* which is valid for strict XHTML
-*/
-WYMeditor.XmlHelper.prototype.tagOptions = function(options)
-{
-    var xml = this;
-    xml._formated_options = '';
-
-    for (var key in options) {
-        var formated_options = '';
-        var value = options[key];
-        if(typeof value != 'function' && value.length > 0) {
-
-    if(parseInt(key, 10) == key && typeof value == 'object'){
-        key = value.shift();
-        value = value.pop();
-    }
-    if(key !== '' && value !== ''){
-        xml._formated_options += ' '+key+'="'+xml.escapeOnce(value)+'"';
-    }
-}
-}
-return xml._formated_options;
-};
-
-/*
-* @name escapeEntities
-* @description
-* Escapes XML/HTML entities <, >, & and ". If seccond parameter is set to false it
-* will not escape ". If set to true it will also escape '
-*/
-WYMeditor.XmlHelper.prototype.escapeEntities = function(string, escape_quotes)
-{
-    this._entitiesDiv.innerHTML = string;
-    this._entitiesDiv.textContent = string;
-    var result = this._entitiesDiv.innerHTML;
-    if(typeof escape_quotes == 'undefined'){
-        if(escape_quotes !== false) result = result.replace('"', '&quot;');
-        if(escape_quotes === true)  result = result.replace('"', '&#039;');
-    }
-    return result;
-};
-
-/*
-* Parses a string conatining tag attributes and values an returns an array formated like
-*  [["src", "http://www.editam.com"], ["title", "Editam, Simplified CMS"]]
-*/
-WYMeditor.XmlHelper.prototype.parseAttributes = function(tag_attributes)
-{
-    // Use a compounded regex to match single quoted, double quoted and unquoted attribute pairs
-    var result = [];
-    var matches = tag_attributes.split(/((=\s*")(")("))|((=\s*\')(\')(\'))|((=\s*[^>\s]*))/g);
-    if(matches.toString() != tag_attributes){
-        for (var k in matches) {
-            var v = matches[k];
-            if(typeof v != 'function' && v.length !== 0){
-                var re = new RegExp('(\\w+)\\s*'+v);
-                var match = tag_attributes.match(re);
-                if(match) {
-                    var value = v.replace(/^[\s=]+/, "");
-                    var delimiter = value.charAt(0);
-                    delimiter = delimiter == '"' ? '"' : (delimiter=="'"?"'":'');
-                    if(delimiter !== ''){
-                        value = delimiter == '"' ? value.replace(/^"|"+$/g, '') :  value.replace(/^'|'+$/g, '');
-                    }
-                    tag_attributes = tag_attributes.replace(match[0],'');
-                    result.push([match[1] , value]);
-                }
-            }
-        }
-    }
-    return result;
-};
-
-WYMeditor.STRINGS.bg = {
-    Strong:           'Получер',
-    Emphasis:         'Курсив',
-    Superscript:      'Горен индекс',
-    Subscript:        'Долен индекс',
-    Ordered_List:     'Подреден списък',
-    Unordered_List:   'Неподреден списък',
-    Indent:           'Блок навътре',
-    Outdent:          'Блок навън',
-    Undo:             'Стъпка назад',
-    Redo:             'Стъпка напред',
-    Link:             'Създай хипервръзка',
-    Unlink:           'Премахни хипервръзката',
-    Image:            'Изображение',
-    Table:            'Таблица',
-    HTML:             'HTML',
-    Paragraph:        'Абзац',
-    Heading_1:        'Заглавие 1',
-    Heading_2:        'Заглавие 2',
-    Heading_3:        'Заглавие 3',
-    Heading_4:        'Заглавие 4',
-    Heading_5:        'Заглавие 5',
-    Heading_6:        'Заглавие 6',
-    Preformatted:     'Преформатиран',
-    Blockquote:       'Цитат',
-    Table_Header:     'Заглавие на таблицата',
-    URL:              'URL',
-    Title:            'Заглавие',
-    Alternative_Text: 'Алтернативен текст',
-    Caption:          'Етикет',
-    Summary:          'Общо',
-    Number_Of_Rows:   'Брой редове',
-    Number_Of_Cols:   'Брой колони',
-    Submit:           'Изпрати',
-    Cancel:           'Отмени',
-    Choose:           'Затвори',
-    Preview:          'Предварителен преглед',
-    Paste_From_Word:  'Вмъкни от MS WORD',
-    Tools:            'Инструменти',
-    Containers:       'Контейнери',
-    Classes:          'Класове',
-    Status:           'Статус',
-    Source_Code:      'Източник, код'
-};
-
-
-WYMeditor.STRINGS.ca = {
-    Strong:           'Ressaltar',
-    Emphasis:         'Emfatitzar',
-    Superscript:      'Superindex',
-    Subscript:        'Subindex',
-    Ordered_List:     'Llistat ordenat',
-    Unordered_List:   'Llistat sense ordenar',
-    Indent:           'Indentat',
-    Outdent:          'Sense indentar',
-    Undo:             'Desfer',
-    Redo:             'Refer',
-    Link:             'Enllaçar',
-    Unlink:           'Eliminar enllaç',
-    Image:            'Imatge',
-    Table:            'Taula',
-    HTML:             'HTML',
-    Paragraph:        'Paràgraf',
-    Heading_1:        'Capçalera 1',
-    Heading_2:        'Capçalera 2',
-    Heading_3:        'Capçalera 3',
-    Heading_4:        'Capçalera 4',
-    Heading_5:        'Capçalera 5',
-    Heading_6:        'Capçalera 6',
-    Preformatted:     'Pre-formatejat',
-    Blockquote:       'Cita',
-    Table_Header:     'Capçalera de la taula',
-    URL:              'URL',
-    Title:            'Títol',
-    Alternative_Text: 'Text alternatiu',
-    Caption:          'Llegenda',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Nombre de files',
-    Number_Of_Cols:   'Nombre de columnes',
-    Submit:           'Enviar',
-    Cancel:           'Cancel·lar',
-    Choose:           'Triar',
-    Preview:          'Vista prèvia',
-    Paste_From_Word:  'Pegar des de Word',
-    Tools:            'Eines',
-    Containers:       'Contenidors',
-    Classes:          'Classes',
-    Status:           'Estat',
-    Source_Code:      'Codi font'
-};
-
-
-WYMeditor.STRINGS.cs = {
-    Strong:           'Tučné',
-    Emphasis:         'Kurzíva',
-    Superscript:      'Horní index',
-    Subscript:        'Dolní index',
-    Ordered_List:     'Číslovaný seznam',
-    Unordered_List:   'Nečíslovaný seznam',
-    Indent:           'Zvětšit odsazení',
-    Outdent:          'Zmenšit odsazení',
-    Undo:             'Zpět',
-    Redo:             'Znovu',
-    Link:             'Vytvořit odkaz',
-    Unlink:           'Zrušit odkaz',
-    Image:            'Obrázek',
-    Table:            'Tabulka',
-    HTML:             'HTML',
-    Paragraph:        'Odstavec',
-    Heading_1:        'Nadpis 1. úrovně',
-    Heading_2:        'Nadpis 2. úrovně',
-    Heading_3:        'Nadpis 3. úrovně',
-    Heading_4:        'Nadpis 4. úrovně',
-    Heading_5:        'Nadpis 5. úrovně',
-    Heading_6:        'Nadpis 6. úrovně',
-    Preformatted:     'Předformátovaný text',
-    Blockquote:       'Citace',
-    Table_Header:     'Hlavičková buňka tabulky',
-    URL:              'Adresa',
-    Title:            'Text po najetí myší',
-    Alternative_Text: 'Text pro případ nezobrazení obrázku',
-    Caption:          'Titulek tabulky',
-    Summary:          'Shrnutí obsahu',
-    Number_Of_Rows:   'Počet řádek',
-    Number_Of_Cols:   'Počet sloupců',
-    Submit:           'Vytvořit',
-    Cancel:           'Zrušit',
-    Choose:           'Vybrat',
-    Preview:          'Náhled',
-    Paste_From_Word:  'Vložit z Wordu',
-    Tools:            'Nástroje',
-    Containers:       'Typy obsahu',
-    Classes:          'Třídy',
-    Status:           'Stav',
-    Source_Code:      'Zdrojový kód'
-};
-
-
-WYMeditor.STRINGS.cy = {
-    Strong:           'Bras',
-    Emphasis:         'Italig',
-    Superscript:      'Uwchsgript',
-    Subscript:        'Is-sgript',
-    Ordered_List:     'Rhestr mewn Trefn',
-    Unordered_List:   'Pwyntiau Bwled',
-    Indent:           'Mewnoli',
-    Outdent:          'Alloli',
-    Undo:             'Dadwneud',
-    Redo:             'Ailwneud',
-    Link:             'Cysylltu',
-    Unlink:           'Datgysylltu',
-    Image:            'Delwedd',
-    Table:            'Tabl',
-    HTML:             'HTML',
-    Paragraph:        'Paragraff',
-    Heading_1:        'Pennawd 1',
-    Heading_2:        'Pennawd 2',
-    Heading_3:        'Pennawd 3',
-    Heading_4:        'Pennawd 4',
-    Heading_5:        'Pennawd 5',
-    Heading_6:        'Pennawd 6',
-    Preformatted:     'Rhagfformat',
-    Blockquote:       'Bloc Dyfyniad',
-    Table_Header:     'Pennyn Tabl',
-    URL:              'URL',
-    Title:            'Teitl',
-    Alternative_Text: 'Testun Amgen',
-    Caption:          'Pennawd',
-    Summary:          'Crynodeb',
-    Number_Of_Rows:   'Nifer y rhesi',
-    Number_Of_Cols:   'Nifer y colofnau',
-    Submit:           'Anfon',
-    Cancel:           'Diddymu',
-    Choose:           'Dewis',
-    Preview:          'Rhagolwg',
-    Paste_From_Word:  'Gludo o Word',
-    Tools:            'Offer',
-    Containers:       'Cynhwysyddion',
-    Classes:          'Dosbarthiadau',
-    Status:           'Statws',
-    Source_Code:      'Cod ffynhonnell'
-};
-
-
-WYMeditor.STRINGS['da'] = {
-    Strong:           'Fed',
-    Emphasis:         'Skrå',
-    Superscript:      'Superscript',
-    Subscript:        'Subscript',
-    Ordered_List:     'Ordnet liste',
-    Unordered_List:   'Uordnet liste',
-    Indent:           'Indrykke',
-    Outdent:          'Udrykke',
-    Undo:             'Fortryd',
-    Redo:             'Fortryd',
-    Link:             'Link',
-    Unlink:           'Fjern link',
-    Image:            'Billede',
-    Table:            'Tabel',
-    HTML:             'HTML',
-    Paragraph:        'Paragraf',
-    Heading_1:        'Overskrift 1',
-    Heading_2:        'Overskrift 2',
-    Heading_3:        'Overskrift 3',
-    Heading_4:        'Overskrift 4',
-    Heading_5:        'Overskrift 5',
-    Heading_6:        'Overskrift 6',
-    Preformatted:     'Forudformateret',
-    Blockquote:       'Citat',
-    Table_Header:     'Tabel Overskrift',
-    URL:              'URL',
-    Title:            'Titel',
-    Alternative_Text: 'Alternativ tekst',
-    Caption:          'Billedtekst',
-    Summary:          'Resumé',
-    Number_Of_Rows:   'Antal rækker',
-    Number_Of_Cols:   'Antal kolonner',
-    Submit:           'Indsend',
-    Cancel:           'Afbryd',
-    Choose:           'Vælg',
-    Preview:          'Forhåndsvisning',
-    Paste_From_Word:  'Indsæt fra Word',
-    Tools:            'Værktøjer',
-    Containers:       'Containere',
-    Classes:          'Klasser',
-    Status:           'Status',
-    Source_Code:      'Kildekode'
-};
-
-
-WYMeditor.STRINGS.de = {
-    Strong:           'Fett',
-    Emphasis:         'Kursiv',
-    Superscript:      'Text hochstellen',
-    Subscript:        'Text tiefstellen',
-    Ordered_List:     'Geordnete Liste einfügen',
-    Unordered_List:   'Ungeordnete Liste einfügen',
-    Indent:           'Einzug erhöhen',
-    Outdent:          'Einzug vermindern',
-    Undo:             'Befehle rückgängig machen',
-    Redo:             'Befehle wiederherstellen',
-    Link:             'Hyperlink einfügen',
-    Unlink:           'Hyperlink entfernen',
-    Image:            'Bild einfügen',
-    Table:            'Tabelle einfügen',
-    HTML:             'HTML anzeigen/verstecken',
-    Paragraph:        'Absatz',
-    Heading_1:        'Überschrift 1',
-    Heading_2:        'Überschrift 2',
-    Heading_3:        'Überschrift 3',
-    Heading_4:        'Überschrift 4',
-    Heading_5:        'Überschrift 5',
-    Heading_6:        'Überschrift 6',
-    Preformatted:     'Vorformatiert',
-    Blockquote:       'Zitat',
-    Table_Header:     'Tabellenüberschrift',
-    URL:              'URL',
-    Title:            'Titel',
-    Alternative_Text: 'Alternativer Text',
-    Caption:          'Tabellenüberschrift',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Anzahl Zeilen',
-    Number_Of_Cols:   'Anzahl Spalten',
-    Submit:           'Absenden',
-    Cancel:           'Abbrechen',
-    Choose:           'Auswählen',
-    Preview:          'Vorschau',
-    Paste_From_Word:  'Aus Word einfügen',
-    Tools:            'Werkzeuge',
-    Containers:       'Inhaltstyp',
-    Classes:          'Klassen',
-    Status:           'Status',
-    Source_Code:      'Quellcode'
-};
-
-
-WYMeditor.STRINGS.en = {
-    Strong:           'Strong',
-    Emphasis:         'Emphasis',
-    Superscript:      'Superscript',
-    Subscript:        'Subscript',
-    Ordered_List:     'Ordered List',
-    Unordered_List:   'Unordered List',
-    Indent:           'Indent',
-    Outdent:          'Outdent',
-    Undo:             'Undo',
-    Redo:             'Redo',
-    Link:             'Link',
-    Unlink:           'Unlink',
-    Image:            'Image',
-    Table:            'Table',
-    HTML:             'HTML',
-    Paragraph:        'Paragraph',
-    Heading_1:        'Heading 1',
-    Heading_2:        'Heading 2',
-    Heading_3:        'Heading 3',
-    Heading_4:        'Heading 4',
-    Heading_5:        'Heading 5',
-    Heading_6:        'Heading 6',
-    Preformatted:     'Preformatted',
-    Blockquote:       'Blockquote',
-    Table_Header:     'Table Header',
-    URL:              'URL',
-    Title:            'Title',
-    Relationship:     'Relationship',
-    Alternative_Text: 'Alternative text',
-    Caption:          'Caption',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Number of rows',
-    Number_Of_Cols:   'Number of cols',
-    Submit:           'Submit',
-    Cancel:           'Cancel',
-    Choose:           'Choose',
-    Preview:          'Preview',
-    Paste_From_Word:  'Paste from Word',
-    Tools:            'Tools',
-    Containers:       'Formatting',
-    Classes:          'Style',
-    Status:           'Status',
-    Source_Code:      'Source code'
-};
-
-WYMeditor.STRINGS.es = {
-    Strong:           'Resaltar',
-    Emphasis:         'Enfatizar',
-    Superscript:      'Superindice',
-    Subscript:        'Subindice',
-    Ordered_List:     'Lista ordenada',
-    Unordered_List:   'Lista sin ordenar',
-    Indent:           'Indentado',
-    Outdent:          'Sin indentar',
-    Undo:             'Deshacer',
-    Redo:             'Rehacer',
-    Link:             'Enlazar',
-    Unlink:           'Eliminar enlace',
-    Image:            'Imagen',
-    Table:            'Tabla',
-    HTML:             'HTML',
-    Paragraph:        'Párrafo',
-    Heading_1:        'Cabecera 1',
-    Heading_2:        'Cabecera 2',
-    Heading_3:        'Cabecera 3',
-    Heading_4:        'Cabecera 4',
-    Heading_5:        'Cabecera 5',
-    Heading_6:        'Cabecera 6',
-    Preformatted:     'Preformateado',
-    Blockquote:       'Cita',
-    Table_Header:     'Cabecera de la tabla',
-    URL:              'URL',
-    Title:            'Título',
-    Alternative_Text: 'Texto alternativo',
-    Caption:          'Leyenda',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Número de filas',
-    Number_Of_Cols:   'Número de columnas',
-    Submit:           'Enviar',
-    Cancel:           'Cancelar',
-    Choose:           'Seleccionar',
-    Preview:          'Vista previa',
-    Paste_From_Word:  'Pegar desde Word',
-    Tools:            'Herramientas',
-    Containers:       'Contenedores',
-    Classes:          'Clases',
-    Status:           'Estado',
-    Source_Code:      'Código fuente'
-};
-
-
-//Translation To Persian: Ghassem Tofighi (http://ght.ir)
-WYMeditor.STRINGS.fa = {
-    Strong:           'پررنگ',//Strong
-    Emphasis:         'ایتالیک',//Emphasis
-    Superscript:      'بالانويس‌ ',//Superscript
-    Subscript:        'زيرنويس‌',//Subscript
-    Ordered_List:     'لیست مرتب',//Ordered List
-    Unordered_List:   'لیست نامرتب',//Unordered List
-    Indent:           'افزودن دندانه',//Indent
-    Outdent:          'کاهش دندانه',//Outdent
-    Undo:             'واگردانی',//Undo
-    Redo:             'تکرار',//Redo
-    Link:             'ساختن پیوند',//Link
-    Unlink:           'برداشتن پیوند',//Unlink
-    Image:            'تصویر',//Image
-    Table:            'جدول',//Table
-    HTML:             'HTML',//HTML
-    Paragraph:        'پاراگراف',//Paragraph
-    Heading_1:        'سرتیتر ۱',//Heading 1
-    Heading_2:        'سرتیتر ۲',//Heading 2
-    Heading_3:        'سرتیتر ۳',//Heading 3
-    Heading_4:        'سرتیتر ۴',//Heading 4
-    Heading_5:        'سرتیتر ۵',//Heading 5
-    Heading_6:        'سرتیتر ۶',//Heading 6
-    Preformatted:     'قالب آماده',//Preformatted
-    Blockquote:       'نقل قول',//Blockquote
-    Table_Header:     'سرجدول',//Table Header
-    URL:              'آدرس اینترنتی',//URL
-    Title:            'عنوان',//Title
-    Alternative_Text: 'متن جایگزین',//Alternative text
-    Caption:          'عنوان',//Caption
-    Summary:          'Summary',
-    Number_Of_Rows:   'تعداد سطرها',//Number of rows
-    Number_Of_Cols:   'تعداد ستون‌ها',//Number of cols
-    Submit:           'فرستادن',//Submit
-    Cancel:           'لغو',//Cancel
-    Choose:           'انتخاب',//Choose
-    Preview:          'پیش‌نمایش',//Preview
-    Paste_From_Word:  'انتقال از ورد',//Paste from Word
-    Tools:            'ابزار',//Tools
-    Containers:       '‌قالب‌ها',//Containers
-    Classes:          'کلاس‌ها',//Classes
-    Status:           'وضعیت',//Status
-    Source_Code:      'کد مبدأ'//Source code
-};
-
-
-WYMeditor.STRINGS.fi = {
-    Strong:           'Lihavoitu',
-    Emphasis:         'Korostus',
-    Superscript:      'Yläindeksi',
-    Subscript:        'Alaindeksi',
-    Ordered_List:     'Numeroitu lista',
-    Unordered_List:   'Luettelomerkit',
-    Indent:           'Suurenna sisennystä',
-    Outdent:          'Pienennä sisennystä',
-    Undo:             'Kumoa',
-    Redo:             'Toista',
-    Link:             'Linkitä',
-    Unlink:           'Poista linkitys',
-    Image:            'Kuva',
-    Table:            'Taulukko',
-    HTML:             'HTML',
-    Paragraph:        'Kappale',
-    Heading_1:        'Otsikko 1',
-    Heading_2:        'Otsikko 2',
-    Heading_3:        'Otsikko 3',
-    Heading_4:        'Otsikko 4',
-    Heading_5:        'Otsikko 5',
-    Heading_6:        'Otsikko 6',
-    Preformatted:     'Esimuotoilu',
-    Blockquote:       'Sitaatti',
-    Table_Header:     'Taulukon otsikko',
-    URL:              'URL',
-    Title:            'Otsikko',
-    Alternative_Text: 'Vaihtoehtoinen teksti',
-    Caption:          'Kuvateksti',
-    Summary:          'Yhteenveto',
-    Number_Of_Rows:   'Rivien määrä',
-    Number_Of_Cols:   'Palstojen määrä',
-    Submit:           'Lähetä',
-    Cancel:           'Peruuta',
-    Choose:           'Valitse',
-    Preview:          'Esikatsele',
-    Paste_From_Word:  'Tuo Wordista',
-    Tools:            'Työkalut',
-    Containers:       'Muotoilut',
-    Classes:          'Luokat',
-    Status:           'Tila',
-    Source_Code:      'Lähdekoodi'
-};
-
-WYMeditor.STRINGS.fr = {
-    Strong:           'Mise en évidence',
-    Emphasis:         'Emphase',
-    Superscript:      'Exposant',
-    Subscript:        'Indice',
-    Ordered_List:     'Liste Ordonnée',
-    Unordered_List:   'Liste Non-Ordonnée',
-    Indent:           'Imbriqué',
-    Outdent:          'Non-imbriqué',
-    Undo:             'Annuler',
-    Redo:             'Rétablir',
-    Link:             'Lien',
-    Unlink:           'Supprimer le Lien',
-    Image:            'Image',
-    Table:            'Tableau',
-    HTML:             'HTML',
-    Paragraph:        'Paragraphe',
-    Heading_1:        'Titre 1',
-    Heading_2:        'Titre 2',
-    Heading_3:        'Titre 3',
-    Heading_4:        'Titre 4',
-    Heading_5:        'Titre 5',
-    Heading_6:        'Titre 6',
-    Preformatted:     'Pré-formatté',
-    Blockquote:       'Citation',
-    Table_Header:     'Cellule de titre',
-    URL:              'URL',
-    Title:            'Titre',
-    Alternative_Text: 'Texte alternatif',
-    Caption:          'Légende',
-    Summary:          'Résumé',
-    Number_Of_Rows:   'Nombre de lignes',
-    Number_Of_Cols:   'Nombre de colonnes',
-    Submit:           'Envoyer',
-    Cancel:           'Annuler',
-    Choose:           'Choisir',
-    Preview:          'Prévisualisation',
-    Paste_From_Word:  'Copier depuis Word',
-    Tools:            'Outils',
-    Containers:       'Type de texte',
-    Classes:          'Type de contenu',
-    Status:           'Infos',
-    Source_Code:      'Code source'
-};
-
-
-WYMeditor.STRINGS.gl = {
-    Strong:           'Moita énfase',
-    Emphasis:         'Énfase',
-    Superscript:      'Superíndice',
-    Subscript:        'Subíndice',
-    Ordered_List:     'Lista ordenada',
-    Unordered_List:   'Lista sen ordenar',
-    Indent:           'Aniñar',
-    Outdent:          'Desaniñar',
-    Undo:             'Desfacer',
-    Redo:             'Refacer',
-    Link:             'Ligazón',
-    Unlink:           'Desligar',
-    Image:            'Imaxe',
-    Table:            'Táboa',
-    HTML:             'HTML',
-    Paragraph:        'Parágrafo',
-    Heading_1:        'Título 1',
-    Heading_2:        'Título 2',
-    Heading_3:        'Título 3',
-    Heading_4:        'Título 4',
-    Heading_5:        'Título 5',
-    Heading_6:        'Título 6',
-    Preformatted:     'Preformatado',
-    Blockquote:       'Cita en parágrafo',
-    Table_Header:     'Cabeceira da táboa',
-    URL:              'URL',
-    Title:            'Título',
-    Alternative_Text: 'Texto alternativo',
-    Caption:          'Título',
-    Summary:          'Resumo',
-    Number_Of_Rows:   'Número de filas',
-    Number_Of_Cols:   'Número de columnas',
-    Submit:           'Enviar',
-    Cancel:           'Cancelar',
-    Choose:           'Escoller',
-    Preview:          'Previsualizar',
-    Paste_From_Word:  'Colar dende Word',
-    Tools:            'Ferramentas',
-    Containers:       'Contenedores',
-    Classes:          'Clases',
-    Status:           'Estado',
-    Source_Code:      'Código fonte'
-};
-
-
-WYMeditor.STRINGS.he = {
-    Strong:           'חזק',
-    Emphasis:         'מובלט',
-    Superscript:      'כתב עילי',
-    Subscript:        'כתב תחתי',
-    Ordered_List:     'רשימה ממוספרת',
-    Unordered_List:   'רשימה לא ממוספרת',
-    Indent:           'הזחה פנימה',
-    Outdent:          'הזחה החוצה',
-    Undo:             'בטל פעולה',
-    Redo:             'בצע מחדש פעולה',
-    Link:             'קישור',
-    Unlink:           'בטל קישור',
-    Image:            'תמונה',
-    Table:            'טבלה',
-    HTML:             'קוד HTML',
-    Paragraph:        'פסקה',
-    Heading_1:        'כותרת 1 ; תג &lt;h1&gt;',
-    Heading_2:        'כותרת 2 ; תג &lt;h2&gt;',
-    Heading_3:        'כותרת 3 ; תג &lt;h3&gt;',
-    Heading_4:        'כותרת 4 ; תג &lt;h4&gt;',
-    Heading_5:        'כותרת 5 ; תג &lt;h5&gt;',
-    Heading_6:        'כותרת 6 ; תג &lt;h6&gt;',
-    Preformatted:     'משמר רווחים',
-    Blockquote:       'ציטוט',
-    Table_Header:     'כותרת טבלה',
-    URL:              'קישור (URL)',
-    Title:            'כותרת',
-    Alternative_Text: 'טקסט חלופי',
-    Caption:          'כותרת',
-    Summary:          'סיכום',
-    Number_Of_Rows:   'מספר שורות',
-    Number_Of_Cols:   'מספר טורים',
-    Submit:           'שלח',
-    Cancel:           'בטל',
-    Choose:           'בחר',
-    Preview:          'תצוגה מקדימה',
-    Paste_From_Word:  'העתק מ-Word',
-    Tools:            'כלים',
-    Containers:       'מיכלים',
-    Classes:          'מחלקות',
-    Status:           'מצב',
-    Source_Code:      'קוד מקור'
-};
-
-
-WYMeditor.STRINGS.hr = {
-    Strong:           'Podebljano',
-    Emphasis:         'Naglašeno',
-    Superscript:      'Iznad',
-    Subscript:        'Ispod',
-    Ordered_List:     'Pobrojana lista',
-    Unordered_List:   'Nepobrojana lista',
-    Indent:           'Uvuci',
-    Outdent:          'Izvuci',
-    Undo:             'Poništi promjenu',
-    Redo:             'Ponovno promjeni',
-    Link:             'Hiperveza',
-    Unlink:           'Ukloni hipervezu',
-    Image:            'Slika',
-    Table:            'Tablica',
-    HTML:             'HTML',
-    Paragraph:        'Paragraf',
-    Heading_1:        'Naslov 1',
-    Heading_2:        'Naslov 2',
-    Heading_3:        'Naslov 3',
-    Heading_4:        'Naslov 4',
-    Heading_5:        'Naslov 5',
-    Heading_6:        'Naslov 6',
-    Preformatted:     'Unaprijed formatirano',
-    Blockquote:       'Citat',
-    Table_Header:     'Zaglavlje tablice',
-    URL:              'URL',
-    Title:            'Naslov',
-    Alternative_Text: 'Alternativni tekst',
-    Caption:          'Zaglavlje',
-    Summary:          'Sažetak',
-    Number_Of_Rows:   'Broj redova',
-    Number_Of_Cols:   'Broj kolona',
-    Submit:           'Snimi',
-    Cancel:           'Odustani',
-    Choose:           'Izaberi',
-    Preview:          'Pregled',
-    Paste_From_Word:  'Zalijepi iz Word-a',
-    Tools:            'Alati',
-    Containers:       'Kontejneri',
-    Classes:          'Klase',
-    Status:           'Status',
-    Source_Code:      'Izvorni kod'
-};
-
-
-WYMeditor.STRINGS.hu = {
-    Strong:           'Félkövér',
-    Emphasis:         'Kiemelt',
-    Superscript:      'Felső index',
-    Subscript:        'Alsó index',
-    Ordered_List:     'Rendezett lista',
-    Unordered_List:   'Rendezetlen lista',
-    Indent:           'Bekezdés',
-    Outdent:          'Bekezdés törlése',
-    Undo:             'Visszavon',
-    Redo:             'Visszaállít',
-    Link:             'Link',
-    Unlink:           'Link törlése',
-    Image:            'Kép',
-    Table:            'Tábla',
-    HTML:             'HTML',
-    Paragraph:        'Bekezdés',
-    Heading_1:        'Címsor 1',
-    Heading_2:        'Címsor 2',
-    Heading_3:        'Címsor 3',
-    Heading_4:        'Címsor 4',
-    Heading_5:        'Címsor 5',
-    Heading_6:        'Címsor 6',
-    Preformatted:     'Előformázott',
-    Blockquote:       'Idézet',
-    Table_Header:     'Tábla Fejléc',
-    URL:              'Webcím',
-    Title:            'Megnevezés',
-    Alternative_Text: 'Alternatív szöveg',
-    Caption:          'Fejléc',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Sorok száma',
-    Number_Of_Cols:   'Oszlopok száma',
-    Submit:           'Elküld',
-    Cancel:           'Mégsem',
-    Choose:           'Választ',
-    Preview:          'Előnézet',
-    Paste_From_Word:  'Másolás Word-ból',
-    Tools:            'Eszközök',
-    Containers:       'Tartalmak',
-    Classes:          'Osztályok',
-    Status:           'Állapot',
-    Source_Code:      'Forráskód'
-};
-
-
-WYMeditor.STRINGS.it = {
-    Strong:           'Grassetto',
-    Emphasis:         'Corsetto',
-    Superscript:      'Apice',
-    Subscript:        'Pedice',
-    Ordered_List:     'Lista Ordinata',
-    Unordered_List:   'Lista Puntata',
-    Indent:           'Indenta',
-    Outdent:          'Caccia',
-    Undo:             'Indietro',
-    Redo:             'Avanti',
-    Link:             'Inserisci Link',
-    Unlink:           'Togli Link',
-    Image:            'Inserisci Immagine',
-    Table:            'Inserisci Tabella',
-    HTML:             'HTML',
-    Paragraph:        'Paragrafo',
-    Heading_1:        'Heading 1',
-    Heading_2:        'Heading 2',
-    Heading_3:        'Heading 3',
-    Heading_4:        'Heading 4',
-    Heading_5:        'Heading 5',
-    Heading_6:        'Heading 6',
-    Preformatted:     'Preformattato',
-    Blockquote:       'Blockquote',
-    Table_Header:     'Header Tabella',
-    URL:              'Indirizzo',
-    Title:            'Titolo',
-    Alternative_Text: 'Testo Alternativo',
-    Caption:          'Caption',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Numero di Righe',
-    Number_Of_Cols:   'Numero di Colonne',
-    Submit:           'Invia',
-    Cancel:           'Cancella',
-    Choose:           'Scegli',
-    Preview:          'Anteprima',
-    Paste_From_Word:  'Incolla',
-    Tools:            'Tools',
-    Containers:       'Contenitori',
-    Classes:          'Classi',
-    Status:           'Stato',
-    Source_Code:      'Codice Sorgente'
-};
-
-
-WYMeditor.STRINGS.ja = {
-    Strong: '強調<strong>',
-    Emphasis: '強調<em>',
-    Superscript: '上付き',
-    Subscript: '下付き',
-    Ordered_List: '番号付きリスト',
-    Unordered_List: '番号無リスト',
-    Indent: 'インデントを増やす',
-    Outdent: 'インデントを減らす',
-    Undo: '元に戻す',
-    Redo: 'やり直す',
-    Link: 'リンク',
-    Unlink: 'リンク取消',
-    Image: '画像',
-    Table: 'テーブル',
-    HTML: 'HTML',
-    Paragraph: '段落',
-    Heading_1: '見出し 1',
-    Heading_2: '見出し 2',
-    Heading_3: '見出し 3',
-    Heading_4: '見出し 4',
-    Heading_5: '見出し 5',
-    Heading_6: '見出し 6',
-    Preformatted: '整形済みテキスト',
-    Blockquote: '引用文',
-    Table_Header: '表見出し',
-    URL: 'URL',
-    Title: 'タイトル',
-    Alternative_Text: '代替テキスト',
-    Caption: 'キャプション',
-    Summary: 'サマリー',
-    Number_Of_Rows: '行数',
-    Number_Of_Cols: '列数',
-    Submit: '送信',
-    Cancel: 'キャンセル',
-    Choose: '選択',
-    Preview: 'プレビュー',
-    Paste_From_Word: '貼り付け',
-    Tools: 'ツール',
-    Containers: 'コンテナ',
-    Classes: 'クラス',
-    Status: 'ステータス',
-    Source_Code: 'ソースコード'
-};
-
-WYMeditor.STRINGS.lt = {
-    Strong:           'Pusjuodis',
-    Emphasis:         'Kursyvas',
-    Superscript:      'Viršutinis indeksas',
-    Subscript:        'Apatinis indeksas',
-    Ordered_List:     'Numeruotas sąrašas',
-    Unordered_List:   'Suženklintas sąrašas',
-    Indent:           'Padidinti įtrauką',
-    Outdent:          'Sumažinti įtrauką',
-    Undo:             'Atšaukti',
-    Redo:             'Atstatyti',
-    Link:             'Nuoroda',
-    Unlink:           'Panaikinti nuorodą',
-    Image:            'Vaizdas',
-    Table:            'Lentelė',
-    HTML:             'HTML',
-    Paragraph:        'Paragrafas',
-    Heading_1:        'Antraštinis 1',
-    Heading_2:        'Antraštinis 2',
-    Heading_3:        'Antraštinis 3',
-    Heading_4:        'Antraštinis 4',
-    Heading_5:        'Antraštinis 5',
-    Heading_6:        'Antraštinis 6',
-    Preformatted:     'Formuotas',
-    Blockquote:       'Citata',
-    Table_Header:     'Lentelės antraštė',
-    URL:              'URL',
-    Title:            'Antraštinis tekstas',
-    Relationship:     'Sąryšis',
-    Alternative_Text: 'Alternatyvus tekstas',
-    Caption:          'Antraštė',
-    Summary:          'Santrauka',
-    Number_Of_Rows:   'Eilučių skaičius',
-    Number_Of_Cols:   'Stulpelių skaičius',
-    Submit:           'Išsaugoti',
-    Cancel:           'Nutraukti',
-    Choose:           'Rinktis',
-    Preview:          'Peržiūra',
-    Paste_From_Word:  'Įkelti iš MS Word',
-    Tools:            'Įrankiai',
-    Containers:       'Stiliai',
-    Classes:          'Klasės',
-    Status:           'Statusas',
-    Source_Code:      'Išeities tekstas'
-};
-WYMeditor.STRINGS.nb = {
-    Strong:           'Fet',
-    Emphasis:         'Uthevet',
-    Superscript:      'Opphøyet',
-    Subscript:        'Nedsenket',
-    Ordered_List:     'Nummerert liste',
-    Unordered_List:   'Punktliste',
-    Indent:           'Rykk inn',
-    Outdent:          'Rykk ut',
-    Undo:             'Angre',
-    Redo:             'Gjenta',
-    Link:             'Lenke',
-    Unlink:           'Ta bort lenken',
-    Image:            'Bilde',
-    Table:            'Tabell',
-    HTML:             'HTML',
-    Paragraph:        'Avsnitt',
-    Heading_1:        'Overskrift 1',
-    Heading_2:        'Overskrift 2',
-    Heading_3:        'Overskrift 3',
-    Heading_4:        'Overskrift 4',
-    Heading_5:        'Overskrift 5',
-    Heading_6:        'Overskrift 6',
-    Preformatted:     'Preformatert',
-    Blockquote:       'Sitat',
-    Table_Header:     'Tabelloverskrift',
-    URL:              'URL',
-    Title:            'Tittel',
-    Alternative_Text: 'Alternativ tekst',
-    Caption:          'Overskrift',
-    Summary:          'Sammendrag',
-    Number_Of_Rows:   'Antall rader',
-    Number_Of_Cols:   'Antall kolonner',
-    Submit:           'Ok',
-    Cancel:           'Avbryt',
-    Choose:           'Velg',
-    Preview:          'Forhåndsvis',
-    Paste_From_Word:  'Lim inn fra Word',
-    Tools:            'Verktøy',
-    Containers:       'Formatering',
-    Classes:          'Klasser',
-    Status:           'Status',
-    Source_Code:      'Kildekode'
-};
-
-
-WYMeditor.STRINGS.nl = {
-    Strong:           'Sterk benadrukken',
-    Emphasis:         'Benadrukken',
-    Superscript:      'Bovenschrift',
-    Subscript:        'Onderschrift',
-    Ordered_List:     'Geordende lijst',
-    Unordered_List:   'Ongeordende lijst',
-    Indent:           'Inspringen',
-    Outdent:          'Terugspringen',
-    Undo:             'Ongedaan maken',
-    Redo:             'Opnieuw uitvoeren',
-    Link:             'Linken',
-    Unlink:           'Ontlinken',
-    Image:            'Afbeelding',
-    Table:            'Tabel',
-    HTML:             'HTML',
-    Paragraph:        'Paragraaf',
-    Heading_1:        'Kop 1',
-    Heading_2:        'Kop 2',
-    Heading_3:        'Kop 3',
-    Heading_4:        'Kop 4',
-    Heading_5:        'Kop 5',
-    Heading_6:        'Kop 6',
-    Preformatted:     'Voorgeformatteerd',
-    Blockquote:       'Citaat',
-    Table_Header:     'Tabel-kop',
-    URL:              'URL',
-    Title:            'Titel',
-    Relationship:     'Relatie',
-    Alternative_Text: 'Alternatieve tekst',
-    Caption:          'Bijschrift',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Aantal rijen',
-    Number_Of_Cols:   'Aantal kolommen',
-    Submit:           'Versturen',
-    Cancel:           'Annuleren',
-    Choose:           'Kiezen',
-    Preview:          'Voorbeeld bekijken',
-    Paste_From_Word:  'Plakken uit Word',
-    Tools:            'Hulpmiddelen',
-    Containers:       'Teksttypes',
-    Classes:          'Klassen',
-    Status:           'Status',
-    Source_Code:      'Broncode'
-};
-WYMeditor.STRINGS.nn = {
-    Strong:           'Feit',
-    Emphasis:         'Utheva',
-    Superscript:      'Opphøgd',
-    Subscript:        'Nedsenka',
-    Ordered_List:     'Nummerert liste',
-    Unordered_List:   'Punktliste',
-    Indent:           'Rykk inn',
-    Outdent:          'Rykk ut',
-    Undo:             'Angre',
-    Redo:             'Gjentaka',
-    Link:             'Lenkje',
-    Unlink:           'Ta bort lenkja',
-    Image:            'Bilete',
-    Table:            'Tabell',
-    HTML:             'HTML',
-    Paragraph:        'Avsnitt',
-    Heading_1:        'Overskrift 1',
-    Heading_2:        'Overskrift 2',
-    Heading_3:        'Overskrift 3',
-    Heading_4:        'Overskrift 4',
-    Heading_5:        'Overskrift 5',
-    Heading_6:        'Overskrift 6',
-    Preformatted:     'Preformatert',
-    Blockquote:       'Sitat',
-    Table_Header:     'Tabelloverskrift',
-    URL:              'URL',
-    Title:            'Tittel',
-    Alternative_Text: 'Alternativ tekst',
-    Caption:          'Overskrift',
-    Summary:          'Samandrag',
-    Number_Of_Rows:   'Tal på rader',
-    Number_Of_Cols:   'Tal på kolonnar',
-    Submit:           'Ok',
-    Cancel:           'Avbryt',
-    Choose:           'Vel',
-    Preview:          'Førehandsvis',
-    Paste_From_Word:  'Lim inn frå Word',
-    Tools:            'Verkty',
-    Containers:       'Formatering',
-    Classes:          'Klassar',
-    Status:           'Status',
-    Source_Code:      'Kjeldekode'
-};
-
-
-WYMeditor.STRINGS.pl = {
-    Strong:           'Nacisk',
-    Emphasis:         'Emfaza',
-    Superscript:      'Indeks górny',
-    Subscript:        'Indeks dolny',
-    Ordered_List:     'Lista numerowana',
-    Unordered_List:   'Lista wypunktowana',
-    Indent:           'Zwiększ wcięcie',
-    Outdent:          'Zmniejsz wcięcie',
-    Undo:             'Cofnij',
-    Redo:             'Ponów',
-    Link:             'Wstaw link',
-    Unlink:           'Usuń link',
-    Image:            'Obraz',
-    Table:            'Tabela',
-    HTML:             'Źródło HTML',
-    Paragraph:        'Akapit',
-    Heading_1:        'Nagłówek 1',
-    Heading_2:        'Nagłówek 2',
-    Heading_3:        'Nagłówek 3',
-    Heading_4:        'Nagłówek 4',
-    Heading_5:        'Nagłówek 5',
-    Heading_6:        'Nagłówek 6',
-    Preformatted:     'Preformatowany',
-    Blockquote:       'Cytat blokowy',
-    Table_Header:     'Nagłówek tabeli',
-    URL:              'URL',
-    Title:            'Tytuł',
-    Alternative_Text: 'Tekst alternatywny',
-    Caption:          'Tytuł tabeli',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Liczba wierszy',
-    Number_Of_Cols:   'Liczba kolumn',
-    Submit:           'Wyślij',
-    Cancel:           'Anuluj',
-    Choose:           'Wybierz',
-    Preview:          'Podgląd',
-    Paste_From_Word:  'Wklej z Worda',
-    Tools:            'Narzędzia',
-    Containers:       'Format',
-    Classes:          'Styl',
-    Status:           'Status',
-    Source_Code:      'Kod źródłowy'
-};
-
-
-WYMeditor.STRINGS['pt-br'] = {
-    Strong:           'Resaltar',
-    Emphasis:         'Enfatizar',
-    Superscript:      'Sobre escrito',
-    Subscript:        'Sub escrito ',
-    Ordered_List:     'Lista ordenada',
-    Unordered_List:   'Lista desordenada',
-    Indent:           'Indentado',
-    Outdent:          'Desidentar',
-    Undo:             'Desfazer',
-    Redo:             'Refazer',
-    Link:             'Link',
-    Unlink:           'Remover Link',
-    Image:            'Imagem',
-    Table:            'Tabela',
-    HTML:             'HTML',
-    Paragraph:        'Parágrafo',
-    Heading_1:        'Título 1',
-    Heading_2:        'Título 2',
-    Heading_3:        'Título 3',
-    Heading_4:        'Título 4',
-    Heading_5:        'Título 5',
-    Heading_6:        'Título 6',
-    Preformatted:     'Preformatado',
-    Blockquote:       'Citação',
-    Table_Header:     'Título de tabela',
-    URL:              'URL',
-    Title:            'Título',
-    Alternative_Text: 'Texto alternativo',
-    Caption:          'Legenda',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Número de linhas',
-    Number_Of_Cols:   'Número de colunas',
-    Submit:           'Enviar',
-    Cancel:           'Cancelar',
-    Choose:           'Selecionar',
-    Preview:          'Previsualizar',
-    Paste_From_Word:  'Copiar do Word',
-    Tools:            'Ferramentas',
-    Containers:       'Conteneiners',
-    Classes:          'Classes',
-    Status:           'Estado',
-    Source_Code:      'Código fonte'
-};
-
-
-WYMeditor.STRINGS.pt = {
-    Strong:           'Negrito',
-    Emphasis:         'Itálico',
-    Superscript:      'Sobrescrito',
-    Subscript:        'Subsescrito',
-    Ordered_List:     'Lista Numerada',
-    Unordered_List:   'Lista Marcada',
-    Indent:           'Aumentar Indentaçã',
-    Outdent:          'Diminuir Indentaçã',
-    Undo:             'Desfazer',
-    Redo:             'Restaurar',
-    Link:             'Link',
-    Unlink:           'Tirar link',
-    Image:            'Imagem',
-    Table:            'Tabela',
-    HTML:             'HTML',
-    Paragraph:        'Parágrafo',
-    Heading_1:        'Título 1',
-    Heading_2:        'Título 2',
-    Heading_3:        'Título 3',
-    Heading_4:        'Título 4',
-    Heading_5:        'Título 5',
-    Heading_6:        'Título 6',
-    Preformatted:     'Pré-formatado',
-    Blockquote:       'Citação',
-    Table_Header:     'Cabeçalho Tabela',
-    URL:              'URL',
-    Title:            'Título',
-    Alternative_Text: 'Texto Alterativo',
-    Caption:          'Título Tabela',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Número de Linhas',
-    Number_Of_Cols:   'Número de Colunas',
-    Submit:           'Enviar',
-    Cancel:           'Cancelar',
-    Choose:           'Escolha',
-    Preview:          'Prever',
-    Paste_From_Word:  'Colar do Word',
-    Tools:            'Ferramentas',
-    Containers:       'Containers',
-    Classes:          'Classes',
-    Status:           'Status',
-    Source_Code:      'Código Fonte'
-};
-
-
-WYMeditor.STRINGS.ru = {
-    Strong:           'Жирный',
-    Emphasis:         'Наклонный',
-    Superscript:      'Надстрочный',
-    Subscript:        'Подстрочный',
-    Ordered_List:     'Нумерованый список',
-    Unordered_List:   'Ненумерованый список',
-    Indent:           'Увеличить отступ',
-    Outdent:          'Уменьшить отступ',
-    Undo:             'Отменить',
-    Redo:             'Повторить',
-    Link:             'Ссылка',
-    Unlink:           'Удалить ссылку',
-    Image:            'Изображение',
-    Table:            'Таблица',
-    HTML:             'Править HTML',
-    Paragraph:        'Параграф',
-    Heading_1:        'Заголовок 1',
-    Heading_2:        'Заголовок 2',
-    Heading_3:        'Заголовок 3',
-    Heading_4:        'Заголовок 4',
-    Heading_5:        'Заголовок 5',
-    Heading_6:        'Заголовок 6',
-    Preformatted:     'Preformatted',
-    Blockquote:       'Цитата',
-    Table_Header:     'Заголовок таблицы',
-    URL:              'URL',
-    Title:            'Заголовок',
-    Alternative_Text: 'Альтернативный текст',
-    Caption:          'Надпись',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Кол-во строк',
-    Number_Of_Cols:   'Кол-во столбцов',
-    Submit:           'Отправить',
-    Cancel:           'Отмена',
-    Choose:           'Выбор',
-    Preview:          'Просмотр',
-    Paste_From_Word:  'Вставить из Word',
-    Tools:            'Инструменты',
-    Containers:       'Контейнеры',
-    Classes:          'Классы',
-    Status:           'Статус',
-    Source_Code:      'Исходный код'
-};
-
-
-WYMeditor.STRINGS.sk = {
-    Strong:           'Tučné',
-    Emphasis:         'Kurzíva',
-    Superscript:      'Horný index',
-    Subscript:        'Dolný index',
-    Ordered_List:     'Číslovaný zoznam',
-    Unordered_List:   'Nečíslovaný zoznam',
-    Indent:           'Zväčšiť odsadenie',
-    Outdent:          'Zmenšiť odsadenie',
-    Undo:             'Vrátiť',
-    Redo:             'Opakovať',
-    Link:             'Vytvoriť odkaz',
-    Unlink:           'Zrušiť odkaz',
-    Image:            'Obrázok',
-    Table:            'Tabuľka',
-    HTML:             'HTML',
-    Paragraph:        'Odstavec',
-    Heading_1:        'Nadpis 1. úrovne',
-    Heading_2:        'Nadpis 2. úrovne',
-    Heading_3:        'Nadpis 3. úrovne',
-    Heading_4:        'Nadpis 4. úrovne',
-    Heading_5:        'Nadpis 5. úrovne',
-    Heading_6:        'Nadpis 6. úrovne',
-    Preformatted:     'Predformátovaný text',
-    Blockquote:       'Citácia',
-    Table_Header:     'Hlavička tabuľky',
-    URL:              'URL adresa',
-    Title:            'Titulok',
-    Alternative_Text: 'Alternatívny text',
-    Caption:          'Titulok tabuľky',
-    Summary:          'Zhrnutie obsahu',
-    Number_Of_Rows:   'Počet riadkov',
-    Number_Of_Cols:   'Počet stĺpcov',
-    Submit:           'Odoslať',
-    Cancel:           'Zrušiť',
-    Choose:           'Vybrať',
-    Preview:          'Náhľad',
-    Paste_From_Word:  'Vložiť z Wordu',
-    Tools:            'Nástroje',
-    Containers:       'Typy obsahu',
-    Classes:          'Triedy',
-    Status:           'Stav',
-    Source_Code:      'Zdrojový kód'
-};
-
-
-WYMeditor.STRINGS.sv = {
-    Strong:           'Viktigt',
-    Emphasis:         'Betoning',
-    Superscript:      'Upphöjt',
-    Subscript:        'Nedsänkt',
-    Ordered_List:     'Nummerlista',
-    Unordered_List:   'Punktlista',
-    Indent:           'Indrag',
-    Outdent:          'Utdrag',
-    Undo:             'Ångra',
-    Redo:             'Gör om',
-    Link:             'Länk',
-    Unlink:           'Ta bort länk',
-    Image:            'Bild',
-    Table:            'Tabell',
-    HTML:             'HTML',
-    Paragraph:        'Paragraf',
-    Heading_1:        'Rubrik 1',
-    Heading_2:        'Rubrik 2',
-    Heading_3:        'Rubrik 3',
-    Heading_4:        'Rubrik 4',
-    Heading_5:        'Rubrik 5',
-    Heading_6:        'Rubrik 6',
-    Preformatted:     'Förformaterad',
-    Blockquote:       'Blockcitat',
-    Table_Header:     'Tabellrubrik',
-    URL:              'URL',
-    Title:            'Titel',
-    Relationship:     'Relation',
-    Alternative_Text: 'Alternativ text',
-    Caption:          'Överskrift',
-    Summary:          'Summary',
-    Number_Of_Rows:   'Antal rader',
-    Number_Of_Cols:   'Antal kolumner',
-    Submit:           'Skicka',
-    Cancel:           'Avbryt',
-    Choose:           'Välj',
-    Preview:          'Förhandsgranska',
-    Paste_From_Word:  'Klistra in från Word',
-    Tools:            'Verktyg',
-    Containers:       'Formatering',
-    Classes:          'Klasser',
-    Status:           'Status',
-    Source_Code:      'Källkod'
-};
-
-
-WYMeditor.STRINGS.tr = {
-    Strong: 'Kalın',
-    Emphasis: 'Vurgu',
-    Superscript: 'Üstsimge',
-    Subscript: 'Altsimge',
-    Ordered_List: 'Sıralı List',
-    Unordered_List: 'Sırasız List',
-    Indent: 'Girintile',
-    Outdent: 'Çıkıntıla',
-    Undo: 'Geri Al',
-    Redo: 'Yinele',
-    Link: 'Bağlantı',
-    Unlink: 'Bağlantıyı Kaldır',
-    Image: 'Resim',
-    Table: 'Tablo',
-    HTML: 'HTML',
-    Paragraph: 'Parağraf',
-    Heading_1: 'Başlık 1',
-    Heading_2: 'Başlık 2',
-    Heading_3: 'Başlık 3',
-    Heading_4: 'Başlık 4',
-    Heading_5: 'Başlık 5',
-    Heading_6: 'Başlık 6',
-    Preformatted: 'Önceden Formatlı',
-    Blockquote: 'Alıntı',
-    Table_Header: 'Tablo Başlığı',
-    URL: 'URL',
-    Title: 'Başlık',
-    Alternative_Text: 'Alternatif Metin',
-    Caption: 'Etiket',
-    Summary: 'Özet',
-    Number_Of_Rows: 'Satır sayısı',
-    Number_Of_Cols: 'Sütun sayısı',
-    Submit: 'Gönder',
-    Cancel: 'İptal',
-    Choose: 'Seç',
-    Preview: 'Önizleme',
-    Paste_From_Word: 'Word\'den yapıştır',
-    Tools: 'Araçlar',
-    Containers: 'Kapsayıcılar',
-    Classes: 'Sınıflar',
-    Status: 'Durum',
-    Source_Code: 'Kaynak Kodu'
-};
-
-
-WYMeditor.STRINGS.zh_cn = {
-    Strong: '加粗',
-    Emphasis: '斜体',
-    Superscript: '上标',
-    Subscript: '下标',
-    Ordered_List: '有序列表',
-    Unordered_List: '无序列表',
-    Indent: '增加缩进',
-    Outdent: '减少缩进',
-    Undo: '撤消',
-    Redo: '重做',
-    Link: '链接',
-    Unlink: '取消链接',
-    Image: '图片',
-    Table: '表格',
-    HTML: 'HTML源代码',
-    Paragraph: '段落',
-    Heading_1: '标题 1',
-    Heading_2: '标题 2',
-    Heading_3: '标题 3',
-    Heading_4: '标题 4',
-    Heading_5: '标题 5',
-    Heading_6: '标题 6',
-    Preformatted: '原始文本',
-    Blockquote: '引语',
-    Table_Header: '表头',
-    URL: '地址',
-    Title: '提示文字',
-    Alternative_Text: '失效文字',
-    Caption: '标题',
-    Summary: 'Summary',
-    Number_Of_Rows: '行数',
-    Number_Of_Cols: '列数',
-    Submit: '提交',
-    Cancel: '放弃',
-    Choose: '选择',
-    Preview: '预览',
-    Paste_From_Word: '从Word粘贴纯文本',
-    Tools: '工具',
-    Containers: '容器',
-    Classes: '预定义样式',
-    Status: '状态',
-    Source_Code: '源代码',
-    Attachment: '附件',
-    NewParagraph: '新段落'
-};
-
-
-WYMeditor.STRINGS.zh_tw = {
-    Strong: '加粗',
-    Emphasis: '斜體',
-    Superscript: '上標',
-    Subscript: '下標',
-    Ordered_List: '有序列表',
-    Unordered_List: '無序列表',
-    Indent: '增加縮排',
-    Outdent: '減少縮排',
-    Undo: '取消',
-    Redo: '重做',
-    Link: '鏈結',
-    Unlink: '取消鏈結',
-    Image: '圖片',
-    Table: '表格',
-    HTML: 'HTML 源代碼',
-    Paragraph: '段落',
-    Heading_1: '標題 1',
-    Heading_2: '標題 2',
-    Heading_3: '標題 3',
-    Heading_4: '標題 4',
-    Heading_5: '標題 5',
-    Heading_6: '標題 6',
-    Preformatted: '原始文本',
-    Blockquote: '引語',
-    Table_Header: '表格頂部',
-    URL: '地址',
-    Title: '提示文字',
-    Alternative_Text: '失效文字',
-    Caption: '主題',
-    Summary: '大綱',
-    Number_Of_Rows: '行數',
-    Number_Of_Cols: '列數',
-    Submit: '提交',
-    Cancel: '放棄',
-    Choose: '選擇',
-    Preview: '預覽',
-    Paste_From_Word: '從Word複制純文本',
-    Tools: '工具',
-    Containers: '容器',
-    Classes: '預定義樣式',
-    Status: '狀態',
-    Source_Code: '源代碼',
-    Attachment: '附件',
-    NewParagraph: '新段落'
-};
-
-/**
- * @license Rangy, a cross-browser JavaScript range and selection library
- * http://code.google.com/p/rangy/
- *
- * Copyright 2011, Tim Down
- * Licensed under the MIT license.
- * Version: 1.2.2
- * Build date: 13 November 2011
- */
-window['rangy'] = (function() {
-
-
-    var OBJECT = "object", FUNCTION = "function", UNDEFINED = "undefined";
-
-    var domRangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed",
-        "commonAncestorContainer", "START_TO_START", "START_TO_END", "END_TO_START", "END_TO_END"];
-
-    var domRangeMethods = ["setStart", "setStartBefore", "setStartAfter", "setEnd", "setEndBefore",
-        "setEndAfter", "collapse", "selectNode", "selectNodeContents", "compareBoundaryPoints", "deleteContents",
-        "extractContents", "cloneContents", "insertNode", "surroundContents", "cloneRange", "toString", "detach"];
-
-    var textRangeProperties = ["boundingHeight", "boundingLeft", "boundingTop", "boundingWidth", "htmlText", "text"];
-
-    // Subset of TextRange's full set of methods that we're interested in
-    var textRangeMethods = ["collapse", "compareEndPoints", "duplicate", "getBookmark", "moveToBookmark",
-        "moveToElementText", "parentElement", "pasteHTML", "select", "setEndPoint", "getBoundingClientRect"];
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Trio of functions taken from Peter Michaux's article:
-    // http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting
-    function isHostMethod(o, p) {
-        var t = typeof o[p];
-        return t == FUNCTION || (!!(t == OBJECT && o[p])) || t == "unknown";
-    }
-
-    function isHostObject(o, p) {
-        return !!(typeof o[p] == OBJECT && o[p]);
-    }
-
-    function isHostProperty(o, p) {
-        return typeof o[p] != UNDEFINED;
-    }
-
-    // Creates a convenience function to save verbose repeated calls to tests functions
-    function createMultiplePropertyTest(testFunc) {
-        return function(o, props) {
-            var i = props.length;
-            while (i--) {
-                if (!testFunc(o, props[i])) {
-                    return false;
-                }
-            }
-            return true;
-        };
-    }
-
-    // Next trio of functions are a convenience to save verbose repeated calls to previous two functions
-    var areHostMethods = createMultiplePropertyTest(isHostMethod);
-    var areHostObjects = createMultiplePropertyTest(isHostObject);
-    var areHostProperties = createMultiplePropertyTest(isHostProperty);
-
-    function isTextRange(range) {
-        return range && areHostMethods(range, textRangeMethods) && areHostProperties(range, textRangeProperties);
-    }
-
-    var api = {
-        version: "1.2.2",
-        initialized: false,
-        supported: true,
-
-        util: {
-            isHostMethod: isHostMethod,
-            isHostObject: isHostObject,
-            isHostProperty: isHostProperty,
-            areHostMethods: areHostMethods,
-            areHostObjects: areHostObjects,
-            areHostProperties: areHostProperties,
-            isTextRange: isTextRange
-        },
-
-        features: {},
-
-        modules: {},
-        config: {
-            alertOnWarn: false,
-            preferTextRange: false
-        }
-    };
-
-    function fail(reason) {
-        window.alert("Rangy not supported in your browser. Reason: " + reason);
-        api.initialized = true;
-        api.supported = false;
-    }
-
-    api.fail = fail;
-
-    function warn(msg) {
-        var warningMessage = "Rangy warning: " + msg;
-        if (api.config.alertOnWarn) {
-            window.alert(warningMessage);
-        } else if (typeof window.console != UNDEFINED && typeof window.console.log != UNDEFINED) {
-            window.console.log(warningMessage);
-        }
-    }
-
-    api.warn = warn;
-
-    if ({}.hasOwnProperty) {
-        api.util.extend = function(o, props) {
-            for (var i in props) {
-                if (props.hasOwnProperty(i)) {
-                    o[i] = props[i];
-                }
-            }
-        };
-    } else {
-        fail("hasOwnProperty not supported");
-    }
-
-    var initListeners = [];
-    var moduleInitializers = [];
-
-    // Initialization
-    function init() {
-        if (api.initialized) {
-            return;
-        }
-        var testRange;
-        var implementsDomRange = false, implementsTextRange = false;
-
-        // First, perform basic feature tests
-
-        if (isHostMethod(document, "createRange")) {
-            testRange = document.createRange();
-            if (areHostMethods(testRange, domRangeMethods) && areHostProperties(testRange, domRangeProperties)) {
-                implementsDomRange = true;
-            }
-            testRange.detach();
-        }
-
-        var body = isHostObject(document, "body") ? document.body : document.getElementsByTagName("body")[0];
-
-        if (body && isHostMethod(body, "createTextRange")) {
-            testRange = body.createTextRange();
-            if (isTextRange(testRange)) {
-                implementsTextRange = true;
-            }
-        }
-
-        if (!implementsDomRange && !implementsTextRange) {
-            fail("Neither Range nor TextRange are implemented");
-        }
-
-        api.initialized = true;
-        api.features = {
-            implementsDomRange: implementsDomRange,
-            implementsTextRange: implementsTextRange
-        };
-
-        // Initialize modules and call init listeners
-        var allListeners = moduleInitializers.concat(initListeners);
-        for (var i = 0, len = allListeners.length; i < len; ++i) {
-            try {
-                allListeners[i](api);
-            } catch (ex) {
-                if (isHostObject(window, "console") && isHostMethod(window.console, "log")) {
-                    window.console.log("Init listener threw an exception. Continuing.", ex);
-                }
-
-            }
-        }
-    }
-
-    // Allow external scripts to initialize this library in case it's loaded after the document has loaded
-    api.init = init;
-
-    // Execute listener immediately if already initialized
-    api.addInitListener = function(listener) {
-        if (api.initialized) {
-            listener(api);
-        } else {
-            initListeners.push(listener);
-        }
-    };
-
-    var createMissingNativeApiListeners = [];
-
-    api.addCreateMissingNativeApiListener = function(listener) {
-        createMissingNativeApiListeners.push(listener);
-    };
-
-    function createMissingNativeApi(win) {
-        win = win || window;
-        init();
-
-        // Notify listeners
-        for (var i = 0, len = createMissingNativeApiListeners.length; i < len; ++i) {
-            createMissingNativeApiListeners[i](win);
-        }
-    }
-
-    api.createMissingNativeApi = createMissingNativeApi;
-
-    /**
-     * @constructor
-     */
-    function Module(name) {
-        this.name = name;
-        this.initialized = false;
-        this.supported = false;
-    }
-
-    Module.prototype.fail = function(reason) {
-        this.initialized = true;
-        this.supported = false;
-
-        throw new Error("Module '" + this.name + "' failed to load: " + reason);
-    };
-
-    Module.prototype.warn = function(msg) {
-        api.warn("Module " + this.name + ": " + msg);
-    };
-
-    Module.prototype.createError = function(msg) {
-        return new Error("Error in Rangy " + this.name + " module: " + msg);
-    };
-
-    api.createModule = function(name, initFunc) {
-        var module = new Module(name);
-        api.modules[name] = module;
-
-        moduleInitializers.push(function(api) {
-            initFunc(api, module);
-            module.initialized = true;
-            module.supported = true;
-        });
-    };
-
-    api.requireModules = function(modules) {
-        for (var i = 0, len = modules.length, module, moduleName; i < len; ++i) {
-            moduleName = modules[i];
-            module = api.modules[moduleName];
-            if (!module || !(module instanceof Module)) {
-                throw new Error("Module '" + moduleName + "' not found");
-            }
-            if (!module.supported) {
-                throw new Error("Module '" + moduleName + "' not supported");
-            }
-        }
-    };
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Wait for document to load before running tests
-
-    var docReady = false;
-
-    var loadHandler = function(e) {
-
-        if (!docReady) {
-            docReady = true;
-            if (!api.initialized) {
-                init();
-            }
-        }
-    };
-
-    // Test whether we have window and document objects that we will need
-    if (typeof window == UNDEFINED) {
-        fail("No window found");
-        return;
-    }
-    if (typeof document == UNDEFINED) {
-        fail("No document found");
-        return;
-    }
-
-    if (isHostMethod(document, "addEventListener")) {
-        document.addEventListener("DOMContentLoaded", loadHandler, false);
-    }
-
-    // Add a fallback in case the DOMContentLoaded event isn't supported
-    if (isHostMethod(window, "addEventListener")) {
-        window.addEventListener("load", loadHandler, false);
-    } else if (isHostMethod(window, "attachEvent")) {
-        window.attachEvent("onload", loadHandler);
-    } else {
-        fail("Window does not have required addEventListener or attachEvent method");
-    }
-
-    return api;
-})();
-rangy.createModule("DomUtil", function(api, module) {
-
-    var UNDEF = "undefined";
-    var util = api.util;
-
-    // Perform feature tests
-    if (!util.areHostMethods(document, ["createDocumentFragment", "createElement", "createTextNode"])) {
-        module.fail("document missing a Node creation method");
-    }
-
-    if (!util.isHostMethod(document, "getElementsByTagName")) {
-        module.fail("document missing getElementsByTagName method");
-    }
-
-    var el = document.createElement("div");
-    if (!util.areHostMethods(el, ["insertBefore", "appendChild", "cloneNode"] ||
-            !util.areHostObjects(el, ["previousSibling", "nextSibling", "childNodes", "parentNode"]))) {
-        module.fail("Incomplete Element implementation");
-    }
-
-    // innerHTML is required for Range's createContextualFragment method
-    if (!util.isHostProperty(el, "innerHTML")) {
-        module.fail("Element is missing innerHTML property");
-    }
-
-    var textNode = document.createTextNode("test");
-    if (!util.areHostMethods(textNode, ["splitText", "deleteData", "insertData", "appendData", "cloneNode"] ||
-            !util.areHostObjects(el, ["previousSibling", "nextSibling", "childNodes", "parentNode"]) ||
-            !util.areHostProperties(textNode, ["data"]))) {
-        module.fail("Incomplete Text Node implementation");
-    }
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Removed use of indexOf because of a bizarre bug in Opera that is thrown in one of the Acid3 tests. I haven't been
-    // able to replicate it outside of the test. The bug is that indexOf returns -1 when called on an Array that
-    // contains just the document as a single element and the value searched for is the document.
-    var arrayContains = /*Array.prototype.indexOf ?
-        function(arr, val) {
-            return arr.indexOf(val) > -1;
-        }:*/
-
-        function(arr, val) {
-            var i = arr.length;
-            while (i--) {
-                if (arr[i] === val) {
-                    return true;
-                }
-            }
-            return false;
-        };
-
-    // Opera 11 puts HTML elements in the null namespace, it seems, and IE 7 has undefined namespaceURI
-    function isHtmlNamespace(node) {
-        var ns;
-        return typeof node.namespaceURI == UNDEF || ((ns = node.namespaceURI) === null || ns == "http://www.w3.org/1999/xhtml");
-    }
-
-    function parentElement(node) {
-        var parent = node.parentNode;
-        return (parent.nodeType == 1) ? parent : null;
-    }
-
-    function getNodeIndex(node) {
-        var i = 0;
-        while( (node = node.previousSibling) ) {
-            i++;
-        }
-        return i;
-    }
-
-    function getNodeLength(node) {
-        var childNodes;
-        return isCharacterDataNode(node) ? node.length : ((childNodes = node.childNodes) ? childNodes.length : 0);
-    }
-
-    function getCommonAncestor(node1, node2) {
-        var ancestors = [], n;
-        for (n = node1; n; n = n.parentNode) {
-            ancestors.push(n);
-        }
-
-        for (n = node2; n; n = n.parentNode) {
-            if (arrayContains(ancestors, n)) {
-                return n;
-            }
-        }
-
-        return null;
-    }
-
-    function isAncestorOf(ancestor, descendant, selfIsAncestor) {
-        var n = selfIsAncestor ? descendant : descendant.parentNode;
-        while (n) {
-            if (n === ancestor) {
-                return true;
-            } else {
-                n = n.parentNode;
-            }
-        }
-        return false;
-    }
-
-    function getClosestAncestorIn(node, ancestor, selfIsAncestor) {
-        var p, n = selfIsAncestor ? node : node.parentNode;
-        while (n) {
-            p = n.parentNode;
-            if (p === ancestor) {
-                return n;
-            }
-            n = p;
-        }
-        return null;
-    }
-
-    function isCharacterDataNode(node) {
-        var t = node.nodeType;
-        return t == 3 || t == 4 || t == 8 ; // Text, CDataSection or Comment
-    }
-
-    function insertAfter(node, precedingNode) {
-        var nextNode = precedingNode.nextSibling, parent = precedingNode.parentNode;
-        if (nextNode) {
-            parent.insertBefore(node, nextNode);
-        } else {
-            parent.appendChild(node);
-        }
-        return node;
-    }
-
-    // Note that we cannot use splitText() because it is bugridden in IE 9.
-    function splitDataNode(node, index) {
-        var newNode = node.cloneNode(false);
-        newNode.deleteData(0, index);
-        node.deleteData(index, node.length - index);
-        insertAfter(newNode, node);
-        return newNode;
-    }
-
-    function getDocument(node) {
-        if (node.nodeType == 9) {
-            return node;
-        } else if (typeof node.ownerDocument != UNDEF) {
-            return node.ownerDocument;
-        } else if (typeof node.document != UNDEF) {
-            return node.document;
-        } else if (node.parentNode) {
-            return getDocument(node.parentNode);
-        } else {
-            throw new Error("getDocument: no document found for node");
-        }
-    }
-
-    function getWindow(node) {
-        var doc = getDocument(node);
-        if (typeof doc.defaultView != UNDEF) {
-            return doc.defaultView;
-        } else if (typeof doc.parentWindow != UNDEF) {
-            return doc.parentWindow;
-        } else {
-            throw new Error("Cannot get a window object for node");
-        }
-    }
-
-    function getIframeDocument(iframeEl) {
-        if (typeof iframeEl.contentDocument != UNDEF) {
-            return iframeEl.contentDocument;
-        } else if (typeof iframeEl.contentWindow != UNDEF) {
-            return iframeEl.contentWindow.document;
-        } else {
-            throw new Error("getIframeWindow: No Document object found for iframe element");
-        }
-    }
-
-    function getIframeWindow(iframeEl) {
-        if (typeof iframeEl.contentWindow != UNDEF) {
-            return iframeEl.contentWindow;
-        } else if (typeof iframeEl.contentDocument != UNDEF) {
-            return iframeEl.contentDocument.defaultView;
-        } else {
-            throw new Error("getIframeWindow: No Window object found for iframe element");
-        }
-    }
-
-    function getBody(doc) {
-        return util.isHostObject(doc, "body") ? doc.body : doc.getElementsByTagName("body")[0];
-    }
-
-    function getRootContainer(node) {
-        var parent;
-        while ( (parent = node.parentNode) ) {
-            node = parent;
-        }
-        return node;
-    }
-
-    function comparePoints(nodeA, offsetA, nodeB, offsetB) {
-        // See http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-Comparing
-        var nodeC, root, childA, childB, n;
-        if (nodeA == nodeB) {
-
-            // Case 1: nodes are the same
-            return offsetA === offsetB ? 0 : (offsetA < offsetB) ? -1 : 1;
-        } else if ( (nodeC = getClosestAncestorIn(nodeB, nodeA, true)) ) {
-
-            // Case 2: node C (container B or an ancestor) is a child node of A
-            return offsetA <= getNodeIndex(nodeC) ? -1 : 1;
-        } else if ( (nodeC = getClosestAncestorIn(nodeA, nodeB, true)) ) {
-
-            // Case 3: node C (container A or an ancestor) is a child node of B
-            return getNodeIndex(nodeC) < offsetB  ? -1 : 1;
-        } else {
-
-            // Case 4: containers are siblings or descendants of siblings
-            root = getCommonAncestor(nodeA, nodeB);
-            childA = (nodeA === root) ? root : getClosestAncestorIn(nodeA, root, true);
-            childB = (nodeB === root) ? root : getClosestAncestorIn(nodeB, root, true);
-
-            if (childA === childB) {
-                // This shouldn't be possible
-
-                throw new Error("comparePoints got to case 4 and childA and childB are the same!");
-            } else {
-                n = root.firstChild;
-                while (n) {
-                    if (n === childA) {
-                        return -1;
-                    } else if (n === childB) {
-                        return 1;
-                    }
-                    n = n.nextSibling;
-                }
-                throw new Error("Should not be here!");
-            }
-        }
-    }
-
-    function fragmentFromNodeChildren(node) {
-        var fragment = getDocument(node).createDocumentFragment(), child;
-        while ( (child = node.firstChild) ) {
-            fragment.appendChild(child);
-        }
-        return fragment;
-    }
-
-    function inspectNode(node) {
-        if (!node) {
-            return "[No node]";
-        }
-        if (isCharacterDataNode(node)) {
-            return '"' + node.data + '"';
-        } else if (node.nodeType == 1) {
-            var idAttr = node.id ? ' id="' + node.id + '"' : "";
-            return "<" + node.nodeName + idAttr + ">[" + node.childNodes.length + "]";
-        } else {
-            return node.nodeName;
-        }
-    }
-
-    /**
-     * @constructor
-     */
-    function NodeIterator(root) {
-        this.root = root;
-        this._next = root;
-    }
-
-    NodeIterator.prototype = {
-        _current: null,
-
-        hasNext: function() {
-            return !!this._next;
-        },
-
-        next: function() {
-            var n = this._current = this._next;
-            var child, next;
-            if (this._current) {
-                child = n.firstChild;
-                if (child) {
-                    this._next = child;
-                } else {
-                    next = null;
-                    while ((n !== this.root) && !(next = n.nextSibling)) {
-                        n = n.parentNode;
-                    }
-                    this._next = next;
-                }
-            }
-            return this._current;
-        },
-
-        detach: function() {
-            this._current = this._next = this.root = null;
-        }
-    };
-
-    function createIterator(root) {
-        return new NodeIterator(root);
-    }
-
-    /**
-     * @constructor
-     */
-    function DomPosition(node, offset) {
-        this.node = node;
-        this.offset = offset;
-    }
-
-    DomPosition.prototype = {
-        equals: function(pos) {
-            return this.node === pos.node & this.offset == pos.offset;
-        },
-
-        inspect: function() {
-            return "[DomPosition(" + inspectNode(this.node) + ":" + this.offset + ")]";
-        }
-    };
-
-    /**
-     * @constructor
-     */
-    function DOMException(codeName) {
-        this.code = this[codeName];
-        this.codeName = codeName;
-        this.message = "DOMException: " + this.codeName;
-    }
-
-    DOMException.prototype = {
-        INDEX_SIZE_ERR: 1,
-        HIERARCHY_REQUEST_ERR: 3,
-        WRONG_DOCUMENT_ERR: 4,
-        NO_MODIFICATION_ALLOWED_ERR: 7,
-        NOT_FOUND_ERR: 8,
-        NOT_SUPPORTED_ERR: 9,
-        INVALID_STATE_ERR: 11
-    };
-
-    DOMException.prototype.toString = function() {
-        return this.message;
-    };
-
-    api.dom = {
-        arrayContains: arrayContains,
-        isHtmlNamespace: isHtmlNamespace,
-        parentElement: parentElement,
-        getNodeIndex: getNodeIndex,
-        getNodeLength: getNodeLength,
-        getCommonAncestor: getCommonAncestor,
-        isAncestorOf: isAncestorOf,
-        getClosestAncestorIn: getClosestAncestorIn,
-        isCharacterDataNode: isCharacterDataNode,
-        insertAfter: insertAfter,
-        splitDataNode: splitDataNode,
-        getDocument: getDocument,
-        getWindow: getWindow,
-        getIframeWindow: getIframeWindow,
-        getIframeDocument: getIframeDocument,
-        getBody: getBody,
-        getRootContainer: getRootContainer,
-        comparePoints: comparePoints,
-        inspectNode: inspectNode,
-        fragmentFromNodeChildren: fragmentFromNodeChildren,
-        createIterator: createIterator,
-        DomPosition: DomPosition
-    };
-
-    api.DOMException = DOMException;
-});rangy.createModule("DomRange", function(api, module) {
-    api.requireModules( ["DomUtil"] );
-
-
-    var dom = api.dom;
-    var DomPosition = dom.DomPosition;
-    var DOMException = api.DOMException;
-    
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Utility functions
-
-    function isNonTextPartiallySelected(node, range) {
-        return (node.nodeType != 3) &&
-               (dom.isAncestorOf(node, range.startContainer, true) || dom.isAncestorOf(node, range.endContainer, true));
-    }
-
-    function getRangeDocument(range) {
-        return dom.getDocument(range.startContainer);
-    }
-
-    function dispatchEvent(range, type, args) {
-        var listeners = range._listeners[type];
-        if (listeners) {
-            for (var i = 0, len = listeners.length; i < len; ++i) {
-                listeners[i].call(range, {target: range, args: args});
-            }
-        }
-    }
-
-    function getBoundaryBeforeNode(node) {
-        return new DomPosition(node.parentNode, dom.getNodeIndex(node));
-    }
-
-    function getBoundaryAfterNode(node) {
-        return new DomPosition(node.parentNode, dom.getNodeIndex(node) + 1);
-    }
-
-    function insertNodeAtPosition(node, n, o) {
-        var firstNodeInserted = node.nodeType == 11 ? node.firstChild : node;
-        if (dom.isCharacterDataNode(n)) {
-            if (o == n.length) {
-                dom.insertAfter(node, n);
-            } else {
-                n.parentNode.insertBefore(node, o == 0 ? n : dom.splitDataNode(n, o));
-            }
-        } else if (o >= n.childNodes.length) {
-            n.appendChild(node);
-        } else {
-            n.insertBefore(node, n.childNodes[o]);
-        }
-        return firstNodeInserted;
-    }
-
-    function cloneSubtree(iterator) {
-        var partiallySelected;
-        for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) {
-            partiallySelected = iterator.isPartiallySelectedSubtree();
-
-            node = node.cloneNode(!partiallySelected);
-            if (partiallySelected) {
-                subIterator = iterator.getSubtreeIterator();
-                node.appendChild(cloneSubtree(subIterator));
-                subIterator.detach(true);
-            }
-
-            if (node.nodeType == 10) { // DocumentType
-                throw new DOMException("HIERARCHY_REQUEST_ERR");
-            }
-            frag.appendChild(node);
-        }
-        return frag;
-    }
-
-    function iterateSubtree(rangeIterator, func, iteratorState) {
-        var it, n;
-        iteratorState = iteratorState || { stop: false };
-        for (var node, subRangeIterator; node = rangeIterator.next(); ) {
-            //log.debug("iterateSubtree, partially selected: " + rangeIterator.isPartiallySelectedSubtree(), nodeToString(node));
-            if (rangeIterator.isPartiallySelectedSubtree()) {
-                // The node is partially selected by the Range, so we can use a new RangeIterator on the portion of the
-                // node selected by the Range.
-                if (func(node) === false) {
-                    iteratorState.stop = true;
-                    return;
-                } else {
-                    subRangeIterator = rangeIterator.getSubtreeIterator();
-                    iterateSubtree(subRangeIterator, func, iteratorState);
-                    subRangeIterator.detach(true);
-                    if (iteratorState.stop) {
-                        return;
-                    }
-                }
-            } else {
-                // The whole node is selected, so we can use efficient DOM iteration to iterate over the node and its
-                // descendant
-                it = dom.createIterator(node);
-                while ( (n = it.next()) ) {
-                    if (func(n) === false) {
-                        iteratorState.stop = true;
-                        return;
-                    }
-                }
-            }
-        }
-    }
-
-    function deleteSubtree(iterator) {
-        var subIterator;
-        while (iterator.next()) {
-            if (iterator.isPartiallySelectedSubtree()) {
-                subIterator = iterator.getSubtreeIterator();
-                deleteSubtree(subIterator);
-                subIterator.detach(true);
-            } else {
-                iterator.remove();
-            }
-        }
-    }
-
-    function extractSubtree(iterator) {
-
-        for (var node, frag = getRangeDocument(iterator.range).createDocumentFragment(), subIterator; node = iterator.next(); ) {
-
-
-            if (iterator.isPartiallySelectedSubtree()) {
-                node = node.cloneNode(false);
-                subIterator = iterator.getSubtreeIterator();
-                node.appendChild(extractSubtree(subIterator));
-                subIterator.detach(true);
-            } else {
-                iterator.remove();
-            }
-            if (node.nodeType == 10) { // DocumentType
-                throw new DOMException("HIERARCHY_REQUEST_ERR");
-            }
-            frag.appendChild(node);
-        }
-        return frag;
-    }
-
-    function getNodesInRange(range, nodeTypes, filter) {
-        //log.info("getNodesInRange, " + nodeTypes.join(","));
-        var filterNodeTypes = !!(nodeTypes && nodeTypes.length), regex;
-        var filterExists = !!filter;
-        if (filterNodeTypes) {
-            regex = new RegExp("^(" + nodeTypes.join("|") + ")$");
-        }
-
-        var nodes = [];
-        iterateSubtree(new RangeIterator(range, false), function(node) {
-            if ((!filterNodeTypes || regex.test(node.nodeType)) && (!filterExists || filter(node))) {
-                nodes.push(node);
-            }
-        });
-        return nodes;
-    }
-
-    function inspect(range) {
-        var name = (typeof range.getName == "undefined") ? "Range" : range.getName();
-        return "[" + name + "(" + dom.inspectNode(range.startContainer) + ":" + range.startOffset + ", " +
-                dom.inspectNode(range.endContainer) + ":" + range.endOffset + ")]";
-    }
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // RangeIterator code partially borrows from IERange by Tim Ryan (http://github.com/timcameronryan/IERange)
-
-    /**
-     * @constructor
-     */
-    function RangeIterator(range, clonePartiallySelectedTextNodes) {
-        this.range = range;
-        this.clonePartiallySelectedTextNodes = clonePartiallySelectedTextNodes;
-
-
-
-        if (!range.collapsed) {
-            this.sc = range.startContainer;
-            this.so = range.startOffset;
-            this.ec = range.endContainer;
-            this.eo = range.endOffset;
-            var root = range.commonAncestorContainer;
-
-            if (this.sc === this.ec && dom.isCharacterDataNode(this.sc)) {
-                this.isSingleCharacterDataNode = true;
-                this._first = this._last = this._next = this.sc;
-            } else {
-                this._first = this._next = (this.sc === root && !dom.isCharacterDataNode(this.sc)) ?
-                    this.sc.childNodes[this.so] : dom.getClosestAncestorIn(this.sc, root, true);
-                this._last = (this.ec === root && !dom.isCharacterDataNode(this.ec)) ?
-                    this.ec.childNodes[this.eo - 1] : dom.getClosestAncestorIn(this.ec, root, true);
-            }
-
-        }
-    }
-
-    RangeIterator.prototype = {
-        _current: null,
-        _next: null,
-        _first: null,
-        _last: null,
-        isSingleCharacterDataNode: false,
-
-        reset: function() {
-            this._current = null;
-            this._next = this._first;
-        },
-
-        hasNext: function() {
-            return !!this._next;
-        },
-
-        next: function() {
-            // Move to next node
-            var current = this._current = this._next;
-            if (current) {
-                this._next = (current !== this._last) ? current.nextSibling : null;
-
-                // Check for partially selected text nodes
-                if (dom.isCharacterDataNode(current) && this.clonePartiallySelectedTextNodes) {
-                    if (current === this.ec) {
-
-                        (current = current.cloneNode(true)).deleteData(this.eo, current.length - this.eo);
-                    }
-                    if (this._current === this.sc) {
-
-                        (current = current.cloneNode(true)).deleteData(0, this.so);
-                    }
-                }
-            }
-
-            return current;
-        },
-
-        remove: function() {
-            var current = this._current, start, end;
-
-            if (dom.isCharacterDataNode(current) && (current === this.sc || current === this.ec)) {
-                start = (current === this.sc) ? this.so : 0;
-                end = (current === this.ec) ? this.eo : current.length;
-                if (start != end) {
-                    current.deleteData(start, end - start);
-                }
-            } else {
-                if (current.parentNode) {
-                    current.parentNode.removeChild(current);
-                } else {
-
-                }
-            }
-        },
-
-        // Checks if the current node is partially selected
-        isPartiallySelectedSubtree: function() {
-            var current = this._current;
-            return isNonTextPartiallySelected(current, this.range);
-        },
-
-        getSubtreeIterator: function() {
-            var subRange;
-            if (this.isSingleCharacterDataNode) {
-                subRange = this.range.cloneRange();
-                subRange.collapse();
-            } else {
-                subRange = new Range(getRangeDocument(this.range));
-                var current = this._current;
-                var startContainer = current, startOffset = 0, endContainer = current, endOffset = dom.getNodeLength(current);
-
-                if (dom.isAncestorOf(current, this.sc, true)) {
-                    startContainer = this.sc;
-                    startOffset = this.so;
-                }
-                if (dom.isAncestorOf(current, this.ec, true)) {
-                    endContainer = this.ec;
-                    endOffset = this.eo;
-                }
-
-                updateBoundaries(subRange, startContainer, startOffset, endContainer, endOffset);
-            }
-            return new RangeIterator(subRange, this.clonePartiallySelectedTextNodes);
-        },
-
-        detach: function(detachRange) {
-            if (detachRange) {
-                this.range.detach();
-            }
-            this.range = this._current = this._next = this._first = this._last = this.sc = this.so = this.ec = this.eo = null;
-        }
-    };
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Exceptions
-
-    /**
-     * @constructor
-     */
-    function RangeException(codeName) {
-        this.code = this[codeName];
-        this.codeName = codeName;
-        this.message = "RangeException: " + this.codeName;
-    }
-
-    RangeException.prototype = {
-        BAD_BOUNDARYPOINTS_ERR: 1,
-        INVALID_NODE_TYPE_ERR: 2
-    };
-
-    RangeException.prototype.toString = function() {
-        return this.message;
-    };
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    /**
-     * Currently iterates through all nodes in the range on creation until I think of a decent way to do it
-     * TODO: Look into making this a proper iterator, not requiring preloading everything first
-     * @constructor
-     */
-    function RangeNodeIterator(range, nodeTypes, filter) {
-        this.nodes = getNodesInRange(range, nodeTypes, filter);
-        this._next = this.nodes[0];
-        this._position = 0;
-    }
-
-    RangeNodeIterator.prototype = {
-        _current: null,
-
-        hasNext: function() {
-            return !!this._next;
-        },
-
-        next: function() {
-            this._current = this._next;
-            this._next = this.nodes[ ++this._position ];
-            return this._current;
-        },
-
-        detach: function() {
-            this._current = this._next = this.nodes = null;
-        }
-    };
-
-    var beforeAfterNodeTypes = [1, 3, 4, 5, 7, 8, 10];
-    var rootContainerNodeTypes = [2, 9, 11];
-    var readonlyNodeTypes = [5, 6, 10, 12];
-    var insertableNodeTypes = [1, 3, 4, 5, 7, 8, 10, 11];
-    var surroundNodeTypes = [1, 3, 4, 5, 7, 8];
-
-    function createAncestorFinder(nodeTypes) {
-        return function(node, selfIsAncestor) {
-            var t, n = selfIsAncestor ? node : node.parentNode;
-            while (n) {
-                t = n.nodeType;
-                if (dom.arrayContains(nodeTypes, t)) {
-                    return n;
-                }
-                n = n.parentNode;
-            }
-            return null;
-        };
-    }
-
-    var getRootContainer = dom.getRootContainer;
-    var getDocumentOrFragmentContainer = createAncestorFinder( [9, 11] );
-    var getReadonlyAncestor = createAncestorFinder(readonlyNodeTypes);
-    var getDocTypeNotationEntityAncestor = createAncestorFinder( [6, 10, 12] );
-
-    function assertNoDocTypeNotationEntityAncestor(node, allowSelf) {
-        if (getDocTypeNotationEntityAncestor(node, allowSelf)) {
-            throw new RangeException("INVALID_NODE_TYPE_ERR");
-        }
-    }
-
-    function assertNotDetached(range) {
-        if (!range.startContainer) {
-            throw new DOMException("INVALID_STATE_ERR");
-        }
-    }
-
-    function assertValidNodeType(node, invalidTypes) {
-        if (!dom.arrayContains(invalidTypes, node.nodeType)) {
-            throw new RangeException("INVALID_NODE_TYPE_ERR");
-        }
-    }
-
-    function assertValidOffset(node, offset) {
-        if (offset < 0 || offset > (dom.isCharacterDataNode(node) ? node.length : node.childNodes.length)) {
-            throw new DOMException("INDEX_SIZE_ERR");
-        }
-    }
-
-    function assertSameDocumentOrFragment(node1, node2) {
-        if (getDocumentOrFragmentContainer(node1, true) !== getDocumentOrFragmentContainer(node2, true)) {
-            throw new DOMException("WRONG_DOCUMENT_ERR");
-        }
-    }
-
-    function assertNodeNotReadOnly(node) {
-        if (getReadonlyAncestor(node, true)) {
-            throw new DOMException("NO_MODIFICATION_ALLOWED_ERR");
-        }
-    }
-
-    function assertNode(node, codeName) {
-        if (!node) {
-            throw new DOMException(codeName);
-        }
-    }
-
-    function isOrphan(node) {
-        return !dom.arrayContains(rootContainerNodeTypes, node.nodeType) && !getDocumentOrFragmentContainer(node, true);
-    }
-
-    function isValidOffset(node, offset) {
-        return offset <= (dom.isCharacterDataNode(node) ? node.length : node.childNodes.length);
-    }
-
-    function assertRangeValid(range) {
-        assertNotDetached(range);
-        if (isOrphan(range.startContainer) || isOrphan(range.endContainer) ||
-                !isValidOffset(range.startContainer, range.startOffset) ||
-                !isValidOffset(range.endContainer, range.endOffset)) {
-            throw new Error("Range error: Range is no longer valid after DOM mutation (" + range.inspect() + ")");
-        }
-    }
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Test the browser's innerHTML support to decide how to implement createContextualFragment
-    var styleEl = document.createElement("style");
-    var htmlParsingConforms = false;
-    try {
-        styleEl.innerHTML = "<b>x</b>";
-        htmlParsingConforms = (styleEl.firstChild.nodeType == 3); // Opera incorrectly creates an element node
-    } catch (e) {
-        // IE 6 and 7 throw
-    }
-
-    api.features.htmlParsingConforms = htmlParsingConforms;
-
-    var createContextualFragment = htmlParsingConforms ?
-
-        // Implementation as per HTML parsing spec, trusting in the browser's implementation of innerHTML. See
-        // discussion and base code for this implementation at issue 67.
-        // Spec: http://html5.org/specs/dom-parsing.html#extensions-to-the-range-interface
-        // Thanks to Aleks Williams.
-        function(fragmentStr) {
-            // "Let node the context object's start's node."
-            var node = this.startContainer;
-            var doc = dom.getDocument(node);
-
-            // "If the context object's start's node is null, raise an INVALID_STATE_ERR
-            // exception and abort these steps."
-            if (!node) {
-                throw new DOMException("INVALID_STATE_ERR");
-            }
-
-            // "Let element be as follows, depending on node's interface:"
-            // Document, Document Fragment: null
-            var el = null;
-
-            // "Element: node"
-            if (node.nodeType == 1) {
-                el = node;
-
-            // "Text, Comment: node's parentElement"
-            } else if (dom.isCharacterDataNode(node)) {
-                el = dom.parentElement(node);
-            }
-
-            // "If either element is null or element's ownerDocument is an HTML document
-            // and element's local name is "html" and element's namespace is the HTML
-            // namespace"
-            if (el === null || (
-                el.nodeName == "HTML"
-                && dom.isHtmlNamespace(dom.getDocument(el).documentElement)
-                && dom.isHtmlNamespace(el)
-            )) {
-
-            // "let element be a new Element with "body" as its local name and the HTML
-            // namespace as its namespace.""
-                el = doc.createElement("body");
-            } else {
-                el = el.cloneNode(false);
-            }
-
-            // "If the node's document is an HTML document: Invoke the HTML fragment parsing algorithm."
-            // "If the node's document is an XML document: Invoke the XML fragment parsing algorithm."
-            // "In either case, the algorithm must be invoked with fragment as the input
-            // and element as the context element."
-            el.innerHTML = fragmentStr;
-
-            // "If this raises an exception, then abort these steps. Otherwise, let new
-            // children be the nodes returned."
-
-            // "Let fragment be a new DocumentFragment."
-            // "Append all new children to fragment."
-            // "Return fragment."
-            return dom.fragmentFromNodeChildren(el);
-        } :
-
-        // In this case, innerHTML cannot be trusted, so fall back to a simpler, non-conformant implementation that
-        // previous versions of Rangy used (with the exception of using a body element rather than a div)
-        function(fragmentStr) {
-            assertNotDetached(this);
-            var doc = getRangeDocument(this);
-            var el = doc.createElement("body");
-            el.innerHTML = fragmentStr;
-
-            return dom.fragmentFromNodeChildren(el);
-        };
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    var rangeProperties = ["startContainer", "startOffset", "endContainer", "endOffset", "collapsed",
-        "commonAncestorContainer"];
-
-    var s2s = 0, s2e = 1, e2e = 2, e2s = 3;
-    var n_b = 0, n_a = 1, n_b_a = 2, n_i = 3;
-
-    function RangePrototype() {}
-
-    RangePrototype.prototype = {
-        attachListener: function(type, listener) {
-            this._listeners[type].push(listener);
-        },
-
-        compareBoundaryPoints: function(how, range) {
-            assertRangeValid(this);
-            assertSameDocumentOrFragment(this.startContainer, range.startContainer);
-
-            var nodeA, offsetA, nodeB, offsetB;
-            var prefixA = (how == e2s || how == s2s) ? "start" : "end";
-            var prefixB = (how == s2e || how == s2s) ? "start" : "end";
-            nodeA = this[prefixA + "Container"];
-            offsetA = this[prefixA + "Offset"];
-            nodeB = range[prefixB + "Container"];
-            offsetB = range[prefixB + "Offset"];
-            return dom.comparePoints(nodeA, offsetA, nodeB, offsetB);
-        },
-
-        insertNode: function(node) {
-            assertRangeValid(this);
-            assertValidNodeType(node, insertableNodeTypes);
-            assertNodeNotReadOnly(this.startContainer);
-
-            if (dom.isAncestorOf(node, this.startContainer, true)) {
-                throw new DOMException("HIERARCHY_REQUEST_ERR");
-            }
-
-            // No check for whether the container of the start of the Range is of a type that does not allow
-            // children of the type of node: the browser's DOM implementation should do this for us when we attempt
-            // to add the node
-
-            var firstNodeInserted = insertNodeAtPosition(node, this.startContainer, this.startOffset);
-            this.setStartBefore(firstNodeInserted);
-        },
-
-        cloneContents: function() {
-            assertRangeValid(this);
-
-            var clone, frag;
-            if (this.collapsed) {
-                return getRangeDocument(this).createDocumentFragment();
-            } else {
-                if (this.startContainer === this.endContainer && dom.isCharacterDataNode(this.startContainer)) {
-                    clone = this.startContainer.cloneNode(true);
-                    clone.data = clone.data.slice(this.startOffset, this.endOffset);
-                    frag = getRangeDocument(this).createDocumentFragment();
-                    frag.appendChild(clone);
-                    return frag;
-                } else {
-                    var iterator = new RangeIterator(this, true);
-                    clone = cloneSubtree(iterator);
-                    iterator.detach();
-                }
-                return clone;
-            }
-        },
-
-        canSurroundContents: function() {
-            assertRangeValid(this);
-            assertNodeNotReadOnly(this.startContainer);
-            assertNodeNotReadOnly(this.endContainer);
-
-            // Check if the contents can be surrounded. Specifically, this means whether the range partially selects
-            // no non-text nodes.
-            var iterator = new RangeIterator(this, true);
-            var boundariesInvalid = (iterator._first && (isNonTextPartiallySelected(iterator._first, this)) ||
-                    (iterator._last && isNonTextPartiallySelected(iterator._last, this)));
-            iterator.detach();
-            return !boundariesInvalid;
-        },
-
-        surroundContents: function(node) {
-            assertValidNodeType(node, surroundNodeTypes);
-
-            if (!this.canSurroundContents()) {
-                throw new RangeException("BAD_BOUNDARYPOINTS_ERR");
-            }
-
-            // Extract the contents
-            var content = this.extractContents();
-
-            // Clear the children of the node
-            if (node.hasChildNodes()) {
-                while (node.lastChild) {
-                    node.removeChild(node.lastChild);
-                }
-            }
-
-            // Insert the new node and add the extracted contents
-            insertNodeAtPosition(node, this.startContainer, this.startOffset);
-            node.appendChild(content);
-
-            this.selectNode(node);
-        },
-
-        cloneRange: function() {
-            assertRangeValid(this);
-            var range = new Range(getRangeDocument(this));
-            var i = rangeProperties.length, prop;
-            while (i--) {
-                prop = rangeProperties[i];
-                range[prop] = this[prop];
-            }
-            return range;
-        },
-
-        toString: function() {
-            assertRangeValid(this);
-            var sc = this.startContainer;
-            if (sc === this.endContainer && dom.isCharacterDataNode(sc)) {
-                return (sc.nodeType == 3 || sc.nodeType == 4) ? sc.data.slice(this.startOffset, this.endOffset) : "";
-            } else {
-                var textBits = [], iterator = new RangeIterator(this, true);
-
-                iterateSubtree(iterator, function(node) {
-                    // Accept only text or CDATA nodes, not comments
-
-                    if (node.nodeType == 3 || node.nodeType == 4) {
-                        textBits.push(node.data);
-                    }
-                });
-                iterator.detach();
-                return textBits.join("");
-            }
-        },
-
-        // The methods below are all non-standard. The following batch were introduced by Mozilla but have since
-        // been removed from Mozilla.
-
-        compareNode: function(node) {
-            assertRangeValid(this);
-
-            var parent = node.parentNode;
-            var nodeIndex = dom.getNodeIndex(node);
-
-            if (!parent) {
-                throw new DOMException("NOT_FOUND_ERR");
-            }
-
-            var startComparison = this.comparePoint(parent, nodeIndex),
-                endComparison = this.comparePoint(parent, nodeIndex + 1);
-
-            if (startComparison < 0) { // Node starts before
-                return (endComparison > 0) ? n_b_a : n_b;
-            } else {
-                return (endComparison > 0) ? n_a : n_i;
-            }
-        },
-
-        comparePoint: function(node, offset) {
-            assertRangeValid(this);
-            assertNode(node, "HIERARCHY_REQUEST_ERR");
-            assertSameDocumentOrFragment(node, this.startContainer);
-
-            if (dom.comparePoints(node, offset, this.startContainer, this.startOffset) < 0) {
-                return -1;
-            } else if (dom.comparePoints(node, offset, this.endContainer, this.endOffset) > 0) {
-                return 1;
-            }
-            return 0;
-        },
-
-        createContextualFragment: createContextualFragment,
-
-        toHtml: function() {
-            assertRangeValid(this);
-            var container = getRangeDocument(this).createElement("div");
-            container.appendChild(this.cloneContents());
-            return container.innerHTML;
-        },
-
-        // touchingIsIntersecting determines whether this method considers a node that borders a range intersects
-        // with it (as in WebKit) or not (as in Gecko pre-1.9, and the default)
-        intersectsNode: function(node, touchingIsIntersecting) {
-            assertRangeValid(this);
-            assertNode(node, "NOT_FOUND_ERR");
-            if (dom.getDocument(node) !== getRangeDocument(this)) {
-                return false;
-            }
-
-            var parent = node.parentNode, offset = dom.getNodeIndex(node);
-            assertNode(parent, "NOT_FOUND_ERR");
-
-            var startComparison = dom.comparePoints(parent, offset, this.endContainer, this.endOffset),
-                endComparison = dom.comparePoints(parent, offset + 1, this.startContainer, this.startOffset);
-
-            return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0;
-        },
-
-
-        isPointInRange: function(node, offset) {
-            assertRangeValid(this);
-            assertNode(node, "HIERARCHY_REQUEST_ERR");
-            assertSameDocumentOrFragment(node, this.startContainer);
-
-            return (dom.comparePoints(node, offset, this.startContainer, this.startOffset) >= 0) &&
-                   (dom.comparePoints(node, offset, this.endContainer, this.endOffset) <= 0);
-        },
-
-        // The methods below are non-standard and invented by me.
-
-        // Sharing a boundary start-to-end or end-to-start does not count as intersection.
-        intersectsRange: function(range, touchingIsIntersecting) {
-            assertRangeValid(this);
-
-            if (getRangeDocument(range) != getRangeDocument(this)) {
-                throw new DOMException("WRONG_DOCUMENT_ERR");
-            }
-
-            var startComparison = dom.comparePoints(this.startContainer, this.startOffset, range.endContainer, range.endOffset),
-                endComparison = dom.comparePoints(this.endContainer, this.endOffset, range.startContainer, range.startOffset);
-
-            return touchingIsIntersecting ? startComparison <= 0 && endComparison >= 0 : startComparison < 0 && endComparison > 0;
-        },
-
-        intersection: function(range) {
-            if (this.intersectsRange(range)) {
-                var startComparison = dom.comparePoints(this.startContainer, this.startOffset, range.startContainer, range.startOffset),
-                    endComparison = dom.comparePoints(this.endContainer, this.endOffset, range.endContainer, range.endOffset);
-
-                var intersectionRange = this.cloneRange();
-
-                if (startComparison == -1) {
-                    intersectionRange.setStart(range.startContainer, range.startOffset);
-                }
-                if (endComparison == 1) {
-                    intersectionRange.setEnd(range.endContainer, range.endOffset);
-                }
-                return intersectionRange;
-            }
-            return null;
-        },
-
-        union: function(range) {
-            if (this.intersectsRange(range, true)) {
-                var unionRange = this.cloneRange();
-                if (dom.comparePoints(range.startContainer, range.startOffset, this.startContainer, this.startOffset) == -1) {
-                    unionRange.setStart(range.startContainer, range.startOffset);
-                }
-                if (dom.comparePoints(range.endContainer, range.endOffset, this.endContainer, this.endOffset) == 1) {
-                    unionRange.setEnd(range.endContainer, range.endOffset);
-                }
-                return unionRange;
-            } else {
-                throw new RangeException("Ranges do not intersect");
-            }
-        },
-
-        containsNode: function(node, allowPartial) {
-            if (allowPartial) {
-                return this.intersectsNode(node, false);
-            } else {
-                return this.compareNode(node) == n_i;
-            }
-        },
-
-        containsNodeContents: function(node) {
-            return this.comparePoint(node, 0) >= 0 && this.comparePoint(node, dom.getNodeLength(node)) <= 0;
-        },
-
-        containsRange: function(range) {
-            return this.intersection(range).equals(range);
-        },
-
-        containsNodeText: function(node) {
-            var nodeRange = this.cloneRange();
-            nodeRange.selectNode(node);
-            var textNodes = nodeRange.getNodes([3]);
-            if (textNodes.length > 0) {
-                nodeRange.setStart(textNodes[0], 0);
-                var lastTextNode = textNodes.pop();
-                nodeRange.setEnd(lastTextNode, lastTextNode.length);
-                var contains = this.containsRange(nodeRange);
-                nodeRange.detach();
-                return contains;
-            } else {
-                return this.containsNodeContents(node);
-            }
-        },
-
-        createNodeIterator: function(nodeTypes, filter) {
-            assertRangeValid(this);
-            return new RangeNodeIterator(this, nodeTypes, filter);
-        },
-
-        getNodes: function(nodeTypes, filter) {
-            assertRangeValid(this);
-            return getNodesInRange(this, nodeTypes, filter);
-        },
-
-        getDocument: function() {
-            return getRangeDocument(this);
-        },
-
-        collapseBefore: function(node) {
-            assertNotDetached(this);
-
-            this.setEndBefore(node);
-            this.collapse(false);
-        },
-
-        collapseAfter: function(node) {
-            assertNotDetached(this);
-
-            this.setStartAfter(node);
-            this.collapse(true);
-        },
-
-        getName: function() {
-            return "DomRange";
-        },
-
-        equals: function(range) {
-            return Range.rangesEqual(this, range);
-        },
-
-        inspect: function() {
-            return inspect(this);
-        }
-    };
-
-    function copyComparisonConstantsToObject(obj) {
-        obj.START_TO_START = s2s;
-        obj.START_TO_END = s2e;
-        obj.END_TO_END = e2e;
-        obj.END_TO_START = e2s;
-
-        obj.NODE_BEFORE = n_b;
-        obj.NODE_AFTER = n_a;
-        obj.NODE_BEFORE_AND_AFTER = n_b_a;
-        obj.NODE_INSIDE = n_i;
-    }
-
-    function copyComparisonConstants(constructor) {
-        copyComparisonConstantsToObject(constructor);
-        copyComparisonConstantsToObject(constructor.prototype);
-    }
-
-    function createRangeContentRemover(remover, boundaryUpdater) {
-        return function() {
-            assertRangeValid(this);
-
-            var sc = this.startContainer, so = this.startOffset, root = this.commonAncestorContainer;
-
-            var iterator = new RangeIterator(this, true);
-
-            // Work out where to position the range after content removal
-            var node, boundary;
-            if (sc !== root) {
-                node = dom.getClosestAncestorIn(sc, root, true);
-                boundary = getBoundaryAfterNode(node);
-                sc = boundary.node;
-                so = boundary.offset;
-            }
-
-            // Check none of the range is read-only
-            iterateSubtree(iterator, assertNodeNotReadOnly);
-
-            iterator.reset();
-
-            // Remove the content
-            var returnValue = remover(iterator);
-            iterator.detach();
-
-            // Move to the new position
-            boundaryUpdater(this, sc, so, sc, so);
-
-            return returnValue;
-        };
-    }
-
-    function createPrototypeRange(constructor, boundaryUpdater, detacher) {
-        function createBeforeAfterNodeSetter(isBefore, isStart) {
-            return function(node) {
-                assertNotDetached(this);
-                assertValidNodeType(node, beforeAfterNodeTypes);
-                assertValidNodeType(getRootContainer(node), rootContainerNodeTypes);
-
-                var boundary = (isBefore ? getBoundaryBeforeNode : getBoundaryAfterNode)(node);
-                (isStart ? setRangeStart : setRangeEnd)(this, boundary.node, boundary.offset);
-            };
-        }
-
-        function setRangeStart(range, node, offset) {
-            var ec = range.endContainer, eo = range.endOffset;
-            if (node !== range.startContainer || offset !== range.startOffset) {
-                // Check the root containers of the range and the new boundary, and also check whether the new boundary
-                // is after the current end. In either case, collapse the range to the new position
-                if (getRootContainer(node) != getRootContainer(ec) || dom.comparePoints(node, offset, ec, eo) == 1) {
-                    ec = node;
-                    eo = offset;
-                }
-                boundaryUpdater(range, node, offset, ec, eo);
-            }
-        }
-
-        function setRangeEnd(range, node, offset) {
-            var sc = range.startContainer, so = range.startOffset;
-            if (node !== range.endContainer || offset !== range.endOffset) {
-                // Check the root containers of the range and the new boundary, and also check whether the new boundary
-                // is after the current end. In either case, collapse the range to the new position
-                if (getRootContainer(node) != getRootContainer(sc) || dom.comparePoints(node, offset, sc, so) == -1) {
-                    sc = node;
-                    so = offset;
-                }
-                boundaryUpdater(range, sc, so, node, offset);
-            }
-        }
-
-        function setRangeStartAndEnd(range, node, offset) {
-            if (node !== range.startContainer || offset !== range.startOffset || node !== range.endContainer || offset !== range.endOffset) {
-                boundaryUpdater(range, node, offset, node, offset);
-            }
-        }
-
-        constructor.prototype = new RangePrototype();
-
-        api.util.extend(constructor.prototype, {
-            setStart: function(node, offset) {
-                assertNotDetached(this);
-                assertNoDocTypeNotationEntityAncestor(node, true);
-                assertValidOffset(node, offset);
-
-                setRangeStart(this, node, offset);
-            },
-
-            setEnd: function(node, offset) {
-                assertNotDetached(this);
-                assertNoDocTypeNotationEntityAncestor(node, true);
-                assertValidOffset(node, offset);
-
-                setRangeEnd(this, node, offset);
-            },
-
-            setStartBefore: createBeforeAfterNodeSetter(true, true),
-            setStartAfter: createBeforeAfterNodeSetter(false, true),
-            setEndBefore: createBeforeAfterNodeSetter(true, false),
-            setEndAfter: createBeforeAfterNodeSetter(false, false),
-
-            collapse: function(isStart) {
-                assertRangeValid(this);
-                if (isStart) {
-                    boundaryUpdater(this, this.startContainer, this.startOffset, this.startContainer, this.startOffset);
-                } else {
-                    boundaryUpdater(this, this.endContainer, this.endOffset, this.endContainer, this.endOffset);
-                }
-            },
-
-            selectNodeContents: function(node) {
-                // This doesn't seem well specified: the spec talks only about selecting the node's contents, which
-                // could be taken to mean only its children. However, browsers implement this the same as selectNode for
-                // text nodes, so I shall do likewise
-                assertNotDetached(this);
-                assertNoDocTypeNotationEntityAncestor(node, true);
-
-                boundaryUpdater(this, node, 0, node, dom.getNodeLength(node));
-            },
-
-            selectNode: function(node) {
-                assertNotDetached(this);
-                assertNoDocTypeNotationEntityAncestor(node, false);
-                assertValidNodeType(node, beforeAfterNodeTypes);
-
-                var start = getBoundaryBeforeNode(node), end = getBoundaryAfterNode(node);
-                boundaryUpdater(this, start.node, start.offset, end.node, end.offset);
-            },
-
-            extractContents: createRangeContentRemover(extractSubtree, boundaryUpdater),
-
-            deleteContents: createRangeContentRemover(deleteSubtree, boundaryUpdater),
-
-            canSurroundContents: function() {
-                assertRangeValid(this);
-                assertNodeNotReadOnly(this.startContainer);
-                assertNodeNotReadOnly(this.endContainer);
-
-                // Check if the contents can be surrounded. Specifically, this means whether the range partially selects
-                // no non-text nodes.
-                var iterator = new RangeIterator(this, true);
-                var boundariesInvalid = (iterator._first && (isNonTextPartiallySelected(iterator._first, this)) ||
-                        (iterator._last && isNonTextPartiallySelected(iterator._last, this)));
-                iterator.detach();
-                return !boundariesInvalid;
-            },
-
-            detach: function() {
-                detacher(this);
-            },
-
-            splitBoundaries: function() {
-                assertRangeValid(this);
-
-
-                var sc = this.startContainer, so = this.startOffset, ec = this.endContainer, eo = this.endOffset;
-                var startEndSame = (sc === ec);
-
-                if (dom.isCharacterDataNode(ec) && eo > 0 && eo < ec.length) {
-                    dom.splitDataNode(ec, eo);
-
-                }
-
-                if (dom.isCharacterDataNode(sc) && so > 0 && so < sc.length) {
-
-                    sc = dom.splitDataNode(sc, so);
-                    if (startEndSame) {
-                        eo -= so;
-                        ec = sc;
-                    } else if (ec == sc.parentNode && eo >= dom.getNodeIndex(sc)) {
-                        eo++;
-                    }
-                    so = 0;
-
-                }
-                boundaryUpdater(this, sc, so, ec, eo);
-            },
-
-            normalizeBoundaries: function() {
-                assertRangeValid(this);
-
-                var sc = this.startContainer, so = this.startOffset, ec = this.endContainer, eo = this.endOffset;
-
-                var mergeForward = function(node) {
-                    var sibling = node.nextSibling;
-                    if (sibling && sibling.nodeType == node.nodeType) {
-                        ec = node;
-                        eo = node.length;
-                        node.appendData(sibling.data);
-                        sibling.parentNode.removeChild(sibling);
-                    }
-                };
-
-                var mergeBackward = function(node) {
-                    var sibling = node.previousSibling;
-                    if (sibling && sibling.nodeType == node.nodeType) {
-                        sc = node;
-                        var nodeLength = node.length;
-                        so = sibling.length;
-                        node.insertData(0, sibling.data);
-                        sibling.parentNode.removeChild(sibling);
-                        if (sc == ec) {
-                            eo += so;
-                            ec = sc;
-                        } else if (ec == node.parentNode) {
-                            var nodeIndex = dom.getNodeIndex(node);
-                            if (eo == nodeIndex) {
-                                ec = node;
-                                eo = nodeLength;
-                            } else if (eo > nodeIndex) {
-                                eo--;
-                            }
-                        }
-                    }
-                };
-
-                var normalizeStart = true;
-
-                if (dom.isCharacterDataNode(ec)) {
-                    if (ec.length == eo) {
-                        mergeForward(ec);
-                    }
-                } else {
-                    if (eo > 0) {
-                        var endNode = ec.childNodes[eo - 1];
-                        if (endNode && dom.isCharacterDataNode(endNode)) {
-                            mergeForward(endNode);
-                        }
-                    }
-                    normalizeStart = !this.collapsed;
-                }
-
-                if (normalizeStart) {
-                    if (dom.isCharacterDataNode(sc)) {
-                        if (so == 0) {
-                            mergeBackward(sc);
-                        }
-                    } else {
-                        if (so < sc.childNodes.length) {
-                            var startNode = sc.childNodes[so];
-                            if (startNode && dom.isCharacterDataNode(startNode)) {
-                                mergeBackward(startNode);
-                            }
-                        }
-                    }
-                } else {
-                    sc = ec;
-                    so = eo;
-                }
-
-                boundaryUpdater(this, sc, so, ec, eo);
-            },
-
-            collapseToPoint: function(node, offset) {
-                assertNotDetached(this);
-
-                assertNoDocTypeNotationEntityAncestor(node, true);
-                assertValidOffset(node, offset);
-
-                setRangeStartAndEnd(this, node, offset);
-            }
-        });
-
-        copyComparisonConstants(constructor);
-    }
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    // Updates commonAncestorContainer and collapsed after boundary change
-    function updateCollapsedAndCommonAncestor(range) {
-        range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset);
-        range.commonAncestorContainer = range.collapsed ?
-            range.startContainer : dom.getCommonAncestor(range.startContainer, range.endContainer);
-    }
-
-    function updateBoundaries(range, startContainer, startOffset, endContainer, endOffset) {
-        var startMoved = (range.startContainer !== startContainer || range.startOffset !== startOffset);
-        var endMoved = (range.endContainer !== endContainer || range.endOffset !== endOffset);
-
-        range.startContainer = startContainer;
-        range.startOffset = startOffset;
-        range.endContainer = endContainer;
-        range.endOffset = endOffset;
-
-        updateCollapsedAndCommonAncestor(range);
-        dispatchEvent(range, "boundarychange", {startMoved: startMoved, endMoved: endMoved});
-    }
-
-    function detach(range) {
-        assertNotDetached(range);
-        range.startContainer = range.startOffset = range.endContainer = range.endOffset = null;
-        range.collapsed = range.commonAncestorContainer = null;
-        dispatchEvent(range, "detach", null);
-        range._listeners = null;
-    }
-
-    /**
-     * @constructor
-     */
-    function Range(doc) {
-        this.startContainer = doc;
-        this.startOffset = 0;
-        this.endContainer = doc;
-        this.endOffset = 0;
-        this._listeners = {
-            boundarychange: [],
-            detach: []
-        };
-        updateCollapsedAndCommonAncestor(this);
-    }
-
-    createPrototypeRange(Range, updateBoundaries, detach);
-
-    api.rangePrototype = RangePrototype.prototype;
-
-    Range.rangeProperties = rangeProperties;
-    Range.RangeIterator = RangeIterator;
-    Range.copyComparisonConstants = copyComparisonConstants;
-    Range.createPrototypeRange = createPrototypeRange;
-    Range.inspect = inspect;
-    Range.getRangeDocument = getRangeDocument;
-    Range.rangesEqual = function(r1, r2) {
-        return r1.startContainer === r2.startContainer &&
-               r1.startOffset === r2.startOffset &&
-               r1.endContainer === r2.endContainer &&
-               r1.endOffset === r2.endOffset;
-    };
-
-    api.DomRange = Range;
-    api.RangeException = RangeException;
-});rangy.createModule("WrappedRange", function(api, module) {
-    api.requireModules( ["DomUtil", "DomRange"] );
-
-    /**
-     * @constructor
-     */
-    var WrappedRange;
-    var dom = api.dom;
-    var DomPosition = dom.DomPosition;
-    var DomRange = api.DomRange;
-
-
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    /*
-    This is a workaround for a bug where IE returns the wrong container element from the TextRange's parentElement()
-    method. For example, in the following (where pipes denote the selection boundaries):
-
-    <ul id="ul"><li id="a">| a </li><li id="b"> b |</li></ul>
-
-    var range = document.selection.createRange();
-    alert(range.parentElement().id); // Should alert "ul" but alerts "b"
-
-    This method returns the common ancestor node of the following:
-    - the parentElement() of the textRange
-    - the parentElement() of the textRange after calling collapse(true)
-    - the parentElement() of the textRange after calling collapse(false)
-     */
-    function getTextRangeContainerElement(textRange) {
-        var parentEl = textRange.parentElement();
-
-        var range = textRange.duplicate();
-        range.collapse(true);
-        var startEl = range.parentElement();
-        range = textRange.duplicate();
-        range.collapse(false);
-        var endEl = range.parentElement();
-        var startEndContainer = (startEl == endEl) ? startEl : dom.getCommonAncestor(startEl, endEl);
-
-        return startEndContainer == parentEl ? startEndContainer : dom.getCommonAncestor(parentEl, startEndContainer);
-    }
-
-    function textRangeIsCollapsed(textRange) {
-        return textRange.compareEndPoints("StartToEnd", textRange) == 0;
-    }
-
-    // Gets the boundary of a TextRange expressed as a node and an offset within that node. This function started out as
-    // an improved version of code found in Tim Cameron Ryan's IERange (http://code.google.com/p/ierange/) but has
-    // grown, fixing problems with line breaks in preformatted text, adding workaround for IE TextRange bugs, handling
-    // for inputs and images, plus optimizations.
-    function getTextRangeBoundaryPosition(textRange, wholeRangeContainerElement, isStart, isCollapsed) {
-        var workingRange = textRange.duplicate();
-
-        workingRange.collapse(isStart);
-        var containerElement = workingRange.parentElement();
-
-        // Sometimes collapsing a TextRange that's at the start of a text node can move it into the previous node, so
-        // check for that
-        // TODO: Find out when. Workaround for wholeRangeContainerElement may break this
-        if (!dom.isAncestorOf(wholeRangeContainerElement, containerElement, true)) {
-            containerElement = wholeRangeContainerElement;
-
-        }
-
-
-
-        // Deal with nodes that cannot "contain rich HTML markup". In practice, this means form inputs, images and
-        // similar. See http://msdn.microsoft.com/en-us/library/aa703950%28VS.85%29.aspx
-        if (!containerElement.canHaveHTML) {
-            return new DomPosition(containerElement.parentNode, dom.getNodeIndex(containerElement));
-        }
-
-        var workingNode = dom.getDocument(containerElement).createElement("span");
-        var comparison, workingComparisonType = isStart ? "StartToStart" : "StartToEnd";
-        var previousNode, nextNode, boundaryPosition, boundaryNode;
-
-        // Move the working range through the container's children, starting at the end and working backwards, until the
-        // working range reaches or goes past the boundary we're interested in
-        do {
-            containerElement.insertBefore(workingNode, workingNode.previousSibling);
-            workingRange.moveToElementText(workingNode);
-        } while ( (comparison = workingRange.compareEndPoints(workingComparisonType, textRange)) > 0 &&
-                workingNode.previousSibling);
-
-        // We've now reached or gone past the boundary of the text range we're interested in
-        // so have identified the node we want
-        boundaryNode = workingNode.nextSibling;
-
-        if (comparison == -1 && boundaryNode && dom.isCharacterDataNode(boundaryNode)) {
-            // This is a character data node (text, comment, cdata). The working range is collapsed at the start of the
-            // node containing the text range's boundary, so we move the end of the working range to the boundary point
-            // and measure the length of its text to get the boundary's offset within the node.
-            workingRange.setEndPoint(isStart ? "EndToStart" : "EndToEnd", textRange);
-
-
-            var offset;
-
-            if (/[\r\n]/.test(boundaryNode.data)) {
-                /*
-                For the particular case of a boundary within a text node containing line breaks (within a <pre> element,
-                for example), we need a slightly complicated approach to get the boundary's offset in IE. The facts:
-
-                - Each line break is represented as \r in the text node's data/nodeValue properties
-                - Each line break is represented as \r\n in the TextRange's 'text' property
-                - The 'text' property of the TextRange does not contain trailing line breaks
-
-                To get round the problem presented by the final fact above, we can use the fact that TextRange's
-                moveStart() and moveEnd() methods return the actual number of characters moved, which is not necessarily
-                the same as the number of characters it was instructed to move. The simplest approach is to use this to
-                store the characters moved when moving both the start and end of the range to the start of the document
-                body and subtracting the start offset from the end offset (the "move-negative-gazillion" method).
-                However, this is extremely slow when the document is large and the range is near the end of it. Clearly
-                doing the mirror image (i.e. moving the range boundaries to the end of the document) has the same
-                problem.
-
-                Another approach that works is to use moveStart() to move the start boundary of the range up to the end
-                boundary one character at a time and incrementing a counter with the value returned by the moveStart()
-                call. However, the check for whether the start boundary has reached the end boundary is expensive, so
-                this method is slow (although unlike "move-negative-gazillion" is largely unaffected by the location of
-                the range within the document).
-
-                The method below is a hybrid of the two methods above. It uses the fact that a string containing the
-                TextRange's 'text' property with each \r\n converted to a single \r character cannot be longer than the
-                text of the TextRange, so the start of the range is moved that length initially and then a character at
-                a time to make up for any trailing line breaks not contained in the 'text' property. This has good
-                performance in most situations compared to the previous two methods.
-                */
-                var tempRange = workingRange.duplicate();
-                var rangeLength = tempRange.text.replace(/\r\n/g, "\r").length;
-
-                offset = tempRange.moveStart("character", rangeLength);
-                while ( (comparison = tempRange.compareEndPoints("StartToEnd", tempRange)) == -1) {
-                    offset++;
-                    tempRange.moveStart("character", 1);
-                }
-            } else {
-                offset = workingRange.text.length;
-            }
-            boundaryPosition = new DomPosition(boundaryNode, offset);
-        } else {
-
-
-            // If the boundary immediately follows a character data node and this is the end boundary, we should favour
-            // a position within that, and likewise for a start boundary preceding a character data node
-            previousNode = (isCollapsed || !isStart) && workingNode.previousSibling;
-            nextNode = (isCollapsed || isStart) && workingNode.nextSibling;
-
-
-
-            if (nextNode && dom.isCharacterDataNode(nextNode)) {
-                boundaryPosition = new DomPosition(nextNode, 0);
-            } else if (previousNode && dom.isCharacterDataNode(previousNode)) {
-                boundaryPosition = new DomPosition(previousNode, previousNode.length);
-            } else {
-                boundaryPosition = new DomPosition(containerElement, dom.getNodeIndex(workingNode));
-            }
-        }
-
-        // Clean up
-        workingNode.parentNode.removeChild(workingNode);
-
-        return boundaryPosition;
-    }
-
-    // Returns a TextRange representing the boundary of a TextRange expressed as a node and an offset within that node.
-    // This function started out as an optimized version of code found in Tim Cameron Ryan's IERange
-    // (http://code.google.com/p/ierange/)
-    function createBoundaryTextRange(boundaryPosition, isStart) {
-        var boundaryNode, boundaryParent, boundaryOffset = boundaryPosition.offset;
-        var doc = dom.getDocument(boundaryPosition.node);
-        var workingNode, childNodes, workingRange = doc.body.createTextRange();
-        var nodeIsDataNode = dom.isCharacterDataNode(boundaryPosition.node);
-
-        if (nodeIsDataNode) {
-            boundaryNode = boundaryPosition.node;
-            boundaryParent = boundaryNode.parentNode;
-        } else {
-            childNodes = boundaryPosition.node.childNodes;
-            boundaryNode = (boundaryOffset < childNodes.length) ? childNodes[boundaryOffset] : null;
-            boundaryParent = boundaryPosition.node;
-        }
-
-        // Position the range immediately before the node containing the boundary
-        workingNode = doc.createElement("span");
-
-        // Making the working element non-empty element persuades IE to consider the TextRange boundary to be within the
-        // element rather than immediately before or after it, which is what we want
-        workingNode.innerHTML = "&#feff;";
-
-        // insertBefore is supposed to work like appendChild if the second parameter is null. However, a bug report
-        // for IERange suggests that it can crash the browser: http://code.google.com/p/ierange/issues/detail?id=12
-        if (boundaryNode) {
-            boundaryParent.insertBefore(workingNode, boundaryNode);
-        } else {
-            boundaryParent.appendChild(workingNode);
-        }
-
-        workingRange.moveToElementText(workingNode);
-        workingRange.collapse(!isStart);
-
-        // Clean up
-        boundaryParent.removeChild(workingNode);
-
-        // Move the working range to the text offset, if required
-        if (nodeIsDataNode) {
-            workingRange[isStart ? "moveStart" : "moveEnd"]("character", boundaryOffset);
-        }
-
-        return workingRange;
-    }
-
-    /*----------------------------------------------------------------------------------------------------------------*/
-
-    if (api.features.implementsDomRange && (!api.features.implementsTextRange || !api.config.preferTextRange)) {
-        // This is a wrapper around the browser's native DOM Range. It has two aims:
-        // - Provide workarounds for specific browser bugs
-        // - provide convenient extensions, which are inherited from Rangy's DomRange
-
-        (function() {
-            var rangeProto;
-            var rangeProperties = DomRange.rangeProperties;
-            var canSetRangeStartAfterEnd;
-
-            function updateRangeProperties(range) {
-                var i = rangeProperties.length, prop;
-                while (i--) {
-                    prop = rangeProperties[i];
-                    range[prop] = range.nativeRange[prop];
-                }
-            }
-
-            function updateNativeRange(range, startContainer, startOffset, endContainer,endOffset) {
-                var startMoved = (range.startContainer !== startContainer || range.startOffset != startOffset);
-                var endMoved = (range.endContainer !== endContainer || range.endOffset != endOffset);
-
-                // Always set both boundaries for the benefit of IE9 (see issue 35)
-                if (startMoved || endMoved) {
-                    range.setEnd(endContainer, endOffset);
-                    range.setStart(startContainer, startOffset);
-                }
-            }
-
-            function detach(range) {
-                range.nativeRange.detach();
-                range.detached = true;
-                var i = rangeProperties.length, prop;
-                while (i--) {
-                    prop = rangeProperties[i];
-                    range[prop] = null;
-                }
-            }
-
-            var createBeforeAfterNodeSetter;
-
-            WrappedRange = function(range) {
-                if (!range) {
-                    throw new Error("Range must be specified");
-                }
-                this.nativeRange = range;
-                updateRangeProperties(this);
-            };
-
-            DomRange.createPrototypeRange(WrappedRange, updateNativeRange, detach);
-
-            rangeProto = WrappedRange.prototype;
-
-            rangeProto.selectNode = function(node) {
-                this.nativeRange.selectNode(node);
-                updateRangeProperties(this);
-            };
-
-            rangeProto.deleteContents = function() {
-                this.nativeRange.deleteContents();
-                updateRangeProperties(this);
-            };
-
-            rangeProto.extractContents = function() {
-                var frag = this.nativeRange.extractContents();
-                updateRangeProperties(this);
-                return frag;
-            };
-
-            rangeProto.cloneContents = function() {
-                return this.nativeRange.cloneContents();
-            };
-
-            // TODO: Until I can find a way to programmatically trigger the Firefox bug (apparently long-standing, still
-            // present in 3.6.8) that throws "Index or size is negative or greater than the allowed amount" for
-            // insertNode in some circumstances, all browsers will have to use the Rangy's own implementation of
-            // insertNode, which works but is almost certainly slower than the native implementation.
-/*
-            rangeProto.insertNode = function(node) {
-                this.nativeRange.insertNode(node);
-                updateRangeProperties(this);
-            };
-*/
-
-            rangeProto.surroundContents = function(node) {
-                this.nativeRange.surroundContents(node);
-                updateRangeProperties(this);
-            };
-
-            rangeProto.collapse = function(isStart) {
-                this.nativeRange.collapse(isStart);
-                updateRangeProperties(this);
-            };
-
-            rangeProto.cloneRange = function() {
-                return new WrappedRange(this.nativeRange.cloneRange());
-            };
-
-            rangeProto.refresh = function() {
-                updateRangeProperties(this);
-            };
-
-            rangeProto.toString = function() {
-                return this.nativeRange.toString();
-            };
-
-            // Create test range and node for feature detection
-
-            var testTextNode = document.createTextNode("test");
-            dom.getBody(document).appendChild(testTextNode);
-            var range = document.createRange();
-
-            /*--------------------------------------------------------------------------------------------------------*/
-
-            // Test for Firefox 2 bug that prevents moving the start of a Range to a point after its current end and
-            // correct for it
-
-            range.setStart(testTextNode, 0);
-            range.setEnd(testTextNode, 0);
-
-            try {
-                range.setStart(testTextNode, 1);
-                canSetRangeStartAfterEnd = true;
-
-                rangeProto.setStart = function(node, offset) {
-                    this.nativeRange.setStart(node, offset);
-                    updateRangeProperties(this);
-                };
-
-                rangeProto.setEnd = function(node, offset) {
-                    this.nativeRange.setEnd(node, offset);
-                    updateRangeProperties(this);
-                };
-
-                createBeforeAfterNodeSetter = function(name) {
-                    return function(node) {
-                        this.nativeRange[name](node);
-                        updateRangeProperties(this);
-                    };
-                };
-
-            } catch(ex) {
-
-
-                canSetRangeStartAfterEnd = false;
-
-                rangeProto.setStart = function(node, offset) {
-                    try {
-                        this.nativeRange.setStart(node, offset);
-                    } catch (ex) {
-                        this.nativeRange.setEnd(node, offset);
-                        this.nativeRange.setStart(node, offset);
-                    }
-                    updateRangeProperties(this);
-                };
-
-                rangeProto.setEnd = function(node, offset) {
-                    try {
-                        this.nativeRange.setEnd(node, offset);
-                    } catch (ex) {
-                        this.nativeRange.setStart(node, offset);
-                        this.nativeRange.setEnd(node, offset);
-                    }
-                    updateRangeProperties(this);
-                };
-
-                createBeforeAfterNodeSetter = function(name, oppositeName) {
-                    return function(node) {
-                        try {
-                            this.nativeRange[name](node);
-                        } catch (ex) {
-                            this.nativeRange[oppositeName](node);
-                            this.nativeRange[name](node);
-                        }
-                        updateRangeProperties(this);
-                    };
-                };
-            }
-
-            rangeProto.setStartBefore = createBeforeAfterNodeSetter("setStartBefore", "setEndBefore");
-            rangeProto.setStartAfter = createBeforeAfterNodeSetter("setStartAfter", "setEndAfter");
-            rangeProto.setEndBefore = createBeforeAfterNodeSetter("setEndBefore", "setStartBefore");
-            rangeProto.setEndAfter = createBeforeAfterNodeSetter("setEndAfter", "setStartAfter");
-
-            /*--------------------------------------------------------------------------------------------------------*/
-
-            // Test for and correct Firefox 2 behaviour with selectNodeContents on text nodes: it collapses the range to
-            // the 0th character of the text node
-            range.selectNodeContents(testTextNode);
-            if (range.startContainer == testTextNode && range.endContainer == testTextNode &&
-                    range.startOffset == 0 && range.endOffset == testTextNode.length) {
-                rangeProto.selectNodeContents = function(node) {
-                    this.nativeRange.selectNodeContents(node);
-                    updateRangeProperties(this);
-                };
-            } else {
-                rangeProto.selectNodeContents = function(node) {
-                    this.setStart(node, 0);
-                    this.setEnd(node, DomRange.getEndOffset(node));
-                };
-            }
-
-            /*--------------------------------------------------------------------------------------------------------*/
-
-            // Test for WebKit bug that has the beahviour of compareBoundaryPoints round the wrong way for constants
-            // START_TO_END and END_TO_START: https://bugs.webkit.org/show_bug.cgi?id=20738
-
-            range.selectNodeContents(testTextNode);
-            range.setEnd(testTextNode, 3);
-
-            var range2 = document.createRange();
-            range2.selectNodeContents(testTextNode);
-            range2.setEnd(testTextNode, 4);
-            range2.setStart(testTextNode, 2);
-
-            if (range.compareBoundaryPoints(range.START_TO_END, range2) == -1 &
-                    range.compareBoundaryPoints(range.END_TO_START, range2) == 1) {
-                // This is the wrong way round, so correct for it
-
-
-                rangeProto.compareBoundaryPoints = function(type, range) {
-                    range = range.nativeRange || range;
-                    if (type == range.START_TO_END) {
-                        type = range.END_TO_START;
-                    } else if (type == range.END_TO_START) {
-                        type = range.START_TO_END;
-                    }
-                    return this.nativeRange.compareBoundaryPoints(type, range);
-                };
-            } else {
-                rangeProto.compareBoundaryPoints = function(type, range) {
-                    return this.nativeRange.compareBoundaryPoints(type, range.nativeRange || range);
-                };
-            }
-
-            /*--------------------------------------------------------------------------------------------------------*/
-
-            // Test for existence of createContextualFragment and delegate to it if it exists
-            if (api.util.isHostMethod(range, "createContextualFragment")) {
-                rangeProto.createContextualFragment = function(fragmentStr) {
-                    return this.nativeRange.createContextualFragment(fragmentStr);
-                };
-            }
-
-            /*--------------------------------------------------------------------------------------------------------*/
-
-            // Clean up
-            dom.getBody(document).removeChild(testTextNode);
-            range.detach();
-            range2.detach();
-        })();
-
-        api.createNativeRange = function(doc) {
-            doc = doc || document;
-            return doc.createRange();
-        };
-    } else if (api.features.implementsTextRange) {
-        // This is a wrapper around a TextRange, providing full DOM Range functionality using rangy's DomRange as a
-        // prototype
-
-        WrappedRange = function(textRange) {
-            this.textRange = textRange;
-            this.refresh();
-        };
-
-        WrappedRange.prototype = new DomRange(document);
-
-        WrappedRange.prototype.refresh = function() {
-            var start, end;
-
-            // TextRange's parentElement() method cannot be trusted. getTextRangeContainerElement() works around that.
-            var rangeContainerElement = getTextRangeContainerElement(this.textRange);
-
-            if (textRangeIsCollapsed(this.textRange)) {
-                end = start = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, true, true);
-            } else {
-
-                start = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, true, false);
-                end = getTextRangeBoundaryPosition(this.textRange, rangeContainerElement, false, false);
-            }
-
-            this.setStart(start.node, start.offset);
-            this.setEnd(end.node, end.offset);
-        };
-
-        DomRange.copyComparisonConstants(WrappedRange);
-
-        // Add WrappedRange as the Range property of the global object to allow expression like Range.END_TO_END to work
-        var globalObj = (function() { return this; })();
-        if (typeof globalObj.Range == "undefined") {
-            globalObj.Range = WrappedRange;
-        }
-
-        api.createNativeRange = function(doc) {
-            doc = doc || document;
-            return doc.body.createTextRange();
-        };
-    }
-
-    if (api.features.implementsTextRange) {
-        WrappedRange.rangeToTextRange = function(range) {
-            if (range.collapsed) {
-                var tr = createBoundaryTextRange(new DomPosition(range.startContainer, range.startOffset), true);
-
-
-
-                return tr;
-
-                //return createBoundaryTextRange(new DomPosition(range.startContainer, range.startOffset), true);
-            } else {
-                var startRange = createBoundaryTextRange(new DomPosition(range.startContainer, range.startOffset), true);
-                var endRange = createBoundaryTextRange(new DomPosition(range.endContainer, range.endOffset), false);
-                var textRange = dom.getDocument(range.startContainer).body.createTextRange();
-                textRange.setEndPoint("StartToStart", startRange);
-                textRange.setEndPoint("EndToEnd", endRange);
-                return textRange;
-            }
-        };
-    }
-
-    WrappedRange.prototype.getName = function() {
-        return "WrappedRange";
-    };
-
-    api.WrappedRange = WrappedRange;
-
-    api.createRange = function(doc) {
-        doc = doc || document;
-        return new WrappedRange(api.createNativeRange(doc));
-    };
-
-    api.createRangyRange = function(doc) {
-        doc = doc || document;
-        return new DomRange(doc);
-    };
-
-    api.createIframeRange = function(iframeEl) {
-        return api.createRange(dom.getIframeDocument(iframeEl));
-    };
-
-    api.createIframeRangyRange = function(iframeEl) {
-        return api.createRangyRange(dom.getIframeDocument(iframeEl));
-    };
-
-    api.addCreateMissingNativeApiListener(function(win) {
-        var doc = win.document;
-        if (typeof doc.createRange == "undefined") {
-            doc.createRange = function() {
-                return api.createRange(this);
-            };
-        }
-        doc = win = null;
-    });
-});rangy.createModule("WrappedSelection", function(api, module) {
-    // This will create a selection object wrapper that follows the Selection object found in the WHATWG draft DOM Range
-    // spec (http://html5.org/specs/dom-range.html)
-
-    api.requireModules( ["DomUtil", "DomRange", "WrappedRange"] );
-
-    api.config.checkSelectionRanges = true;
-
-    var BOOLEAN = "boolean",
-        windowPropertyName = "_rangySelection",
-        dom = api.dom,
-        util = api.util,
-        DomRange = api.DomRange,
-        WrappedRange = api.WrappedRange,
-        DOMException = api.DOMException,
-        DomPosition = dom.DomPosition,
-        getSelection,
-        selectionIsCollapsed,
-        CONTROL = "Control";
-
-
-
-    function getWinSelection(winParam) {
-        return (winParam || window).getSelection();
-    }
-
-    function getDocSelection(winParam) {
-        return (winParam || window).document.selection;
-    }
-
-    // Test for the Range/TextRange and Selection features required
-    // Test for ability to retrieve selection
-    var implementsWinGetSelection = api.util.isHostMethod(window, "getSelection"),
-        implementsDocSelection = api.util.isHostObject(document, "selection");
-
-    var useDocumentSelection = implementsDocSelection && (!implementsWinGetSelection || api.config.preferTextRange);
-
-    if (useDocumentSelection) {
-        getSelection = getDocSelection;
-        api.isSelectionValid = function(winParam) {
-            var doc = (winParam || window).document, nativeSel = doc.selection;
-
-            // Check whether the selection TextRange is actually contained within the correct document
-            return (nativeSel.type != "None" || dom.getDocument(nativeSel.createRange().parentElement()) == doc);
-        };
-    } else if (implementsWinGetSelection) {
-        getSelection = getWinSelection;
-        api.isSelectionValid = function() {
-            return true;
-        };
-    } else {
-        module.fail("Neither document.selection or window.getSelection() detected.");
-    }
-
-    api.getNativeSelection = getSelection;
-
-    var testSelection = getSelection();
-    var testRange = api.createNativeRange(document);
-    var body = dom.getBody(document);
-
-    // Obtaining a range from a selection
-    var selectionHasAnchorAndFocus = util.areHostObjects(testSelection, ["anchorNode", "focusNode"] &&
-                                     util.areHostProperties(testSelection, ["anchorOffset", "focusOffset"]));
-    api.features.selectionHasAnchorAndFocus = selectionHasAnchorAndFocus;
-
-    // Test for existence of native selection extend() method
-    var selectionHasExtend = util.isHostMethod(testSelection, "extend");
-    api.features.selectionHasExtend = selectionHasExtend;
-
-    // Test if rangeCount exists
-    var selectionHasRangeCount = (typeof testSelection.rangeCount == "number");
-    api.features.selectionHasRangeCount = selectionHasRangeCount;
-
-    var selectionSupportsMultipleRanges = false;
-    var collapsedNonEditableSelectionsSupported = true;
-
-    if (util.areHostMethods(testSelection, ["addRange", "getRangeAt", "removeAllRanges"]) &&
-            typeof testSelection.rangeCount == "number" && api.features.implementsDomRange) {
-
-        (function() {
-            var iframe = document.createElement("iframe");
-            body.appendChild(iframe);
-
-            var iframeDoc = dom.getIframeDocument(iframe);
-            iframeDoc.open();
-            iframeDoc.write("<html><head></head><body>12</body></html>");
-            iframeDoc.close();
-
-            var sel = dom.getIframeWindow(iframe).getSelection();
-            var docEl = iframeDoc.documentElement;
-            var iframeBody = docEl.lastChild, textNode = iframeBody.firstChild;
-
-            // Test whether the native selection will allow a collapsed selection within a non-editable element
-            var r1 = iframeDoc.createRange();
-            r1.setStart(textNode, 1);
-            r1.collapse(true);
-            sel.addRange(r1);
-            collapsedNonEditableSelectionsSupported = (sel.rangeCount == 1);
-            sel.removeAllRanges();
-
-            // Test whether the native selection is capable of supporting multiple ranges
-            var r2 = r1.cloneRange();
-            r1.setStart(textNode, 0);
-            r2.setEnd(textNode, 2);
-            sel.addRange(r1);
-            sel.addRange(r2);
-
-            selectionSupportsMultipleRanges = (sel.rangeCount == 2);
-
-            // Clean up
-            r1.detach();
-            r2.detach();
-
-            body.removeChild(iframe);
-        })();
-    }
-
-    api.features.selectionSupportsMultipleRanges = selectionSupportsMultipleRanges;
-    api.features.collapsedNonEditableSelectionsSupported = collapsedNonEditableSelectionsSupported;
-
-    // ControlRanges
-    var implementsControlRange = false, testControlRange;
-
-    if (body && util.isHostMethod(body, "createControlRange")) {
-        testControlRange = body.createControlRange();
-        if (util.areHostProperties(testControlRange, ["item", "add"])) {
-            implementsControlRange = true;
-        }
-    }
-    api.features.implementsControlRange = implementsControlRange;
-
-    // Selection collapsedness
-    if (selectionHasAnchorAndFocus) {
-        selectionIsCollapsed = function(sel) {
-            return sel.anchorNode === sel.focusNode && sel.anchorOffset === sel.focusOffset;
-        };
-    } else {
-        selectionIsCollapsed = function(sel) {
-            return sel.rangeCount ? sel.getRangeAt(sel.rangeCount - 1).collapsed : false;
-        };
-    }
-
-    function updateAnchorAndFocusFromRange(sel, range, backwards) {
-        var anchorPrefix = backwards ? "end" : "start", focusPrefix = backwards ? "start" : "end";
-        sel.anchorNode = range[anchorPrefix + "Container"];
-        sel.anchorOffset = range[anchorPrefix + "Offset"];
-        sel.focusNode = range[focusPrefix + "Container"];
-        sel.focusOffset = range[focusPrefix + "Offset"];
-    }
-
-    function updateAnchorAndFocusFromNativeSelection(sel) {
-        var nativeSel = sel.nativeSelection;
-        sel.anchorNode = nativeSel.anchorNode;
-        sel.anchorOffset = nativeSel.anchorOffset;
-        sel.focusNode = nativeSel.focusNode;
-        sel.focusOffset = nativeSel.focusOffset;
-    }
-
-    function updateEmptySelection(sel) {
-        sel.anchorNode = sel.focusNode = null;
-        sel.anchorOffset = sel.focusOffset = 0;
-        sel.rangeCount = 0;
-        sel.isCollapsed = true;
-        sel._ranges.length = 0;
-    }
-
-    function getNativeRange(range) {
-        var nativeRange;
-        if (range instanceof DomRange) {
-            nativeRange = range._selectionNativeRange;
-            if (!nativeRange) {
-                nativeRange = api.createNativeRange(dom.getDocument(range.startContainer));
-                nativeRange.setEnd(range.endContainer, range.endOffset);
-                nativeRange.setStart(range.startContainer, range.startOffset);
-                range._selectionNativeRange = nativeRange;
-                range.attachListener("detach", function() {
-
-                    this._selectionNativeRange = null;
-                });
-            }
-        } else if (range instanceof WrappedRange) {
-            nativeRange = range.nativeRange;
-        } else if (api.features.implementsDomRange && (range instanceof dom.getWindow(range.startContainer).Range)) {
-            nativeRange = range;
-        }
-        return nativeRange;
-    }
-
-    function rangeContainsSingleElement(rangeNodes) {
-        if (!rangeNodes.length || rangeNodes[0].nodeType != 1) {
-            return false;
-        }
-        for (var i = 1, len = rangeNodes.length; i < len; ++i) {
-            if (!dom.isAncestorOf(rangeNodes[0], rangeNodes[i])) {
-                return false;
-            }
-        }
-        return true;
-    }
-
-    function getSingleElementFromRange(range) {
-        var nodes = range.getNodes();
-        if (!rangeContainsSingleElement(nodes)) {
-            throw new Error("getSingleElementFromRange: range " + range.inspect() + " did not consist of a single element");
-        }
-        return nodes[0];
-    }
-
-    function isTextRange(range) {
-        return !!range && typeof range.text != "undefined";
-    }
-
-    function updateFromTextRange(sel, range) {
-        // Create a Range from the selected TextRange
-        var wrappedRange = new WrappedRange(range);
-        sel._ranges = [wrappedRange];
-
-        updateAnchorAndFocusFromRange(sel, wrappedRange, false);
-        sel.rangeCount = 1;
-        sel.isCollapsed = wrappedRange.collapsed;
-    }
-
-    function updateControlSelection(sel) {
-        // Update the wrapped selection based on what's now in the native selection
-        sel._ranges.length = 0;
-        if (sel.docSelection.type == "None") {
-            updateEmptySelection(sel);
-        } else {
-            var controlRange = sel.docSelection.createRange();
-            if (isTextRange(controlRange)) {
-                // This case (where the selection type is "Control" and calling createRange() on the selection returns
-                // a TextRange) can happen in IE 9. It happens, for example, when all elements in the selected
-                // ControlRange have been removed from the ControlRange and removed from the document.
-                updateFromTextRange(sel, controlRange);
-            } else {
-                sel.rangeCount = controlRange.length;
-                var range, doc = dom.getDocument(controlRange.item(0));
-                for (var i = 0; i < sel.rangeCount; ++i) {
-                    range = api.createRange(doc);
-                    range.selectNode(controlRange.item(i));
-                    sel._ranges.push(range);
-                }
-                sel.isCollapsed = sel.rangeCount == 1 && sel._ranges[0].collapsed;
-                updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], false);
-            }
-        }
-    }
-
-    function addRangeToControlSelection(sel, range) {
-        var controlRange = sel.docSelection.createRange();
-        var rangeElement = getSingleElementFromRange(range);
-
-        // Create a new ControlRange containing all the elements in the selected ControlRange plus the element
-        // contained by the supplied range
-        var doc = dom.getDocument(controlRange.item(0));
-        var newControlRange = dom.getBody(doc).createControlRange();
-        for (var i = 0, len = controlRange.length; i < len; ++i) {
-            newControlRange.add(controlRange.item(i));
-        }
-        try {
-            newControlRange.add(rangeElement);
-        } catch (ex) {
-            throw new Error("addRange(): Element within the specified Range could not be added to control selection (does it have layout?)");
-        }
-        newControlRange.select();
-
-        // Update the wrapped selection based on what's now in the native selection
-        updateControlSelection(sel);
-    }
-
-    var getSelectionRangeAt;
-
-    if (util.isHostMethod(testSelection,  "getRangeAt")) {
-        getSelectionRangeAt = function(sel, index) {
-            try {
-                return sel.getRangeAt(index);
-            } catch(ex) {
-                return null;
-            }
-        };
-    } else if (selectionHasAnchorAndFocus) {
-        getSelectionRangeAt = function(sel) {
-            var doc = dom.getDocument(sel.anchorNode);
-            var range = api.createRange(doc);
-            range.setStart(sel.anchorNode, sel.anchorOffset);
-            range.setEnd(sel.focusNode, sel.focusOffset);
-
-            // Handle the case when the selection was selected backwards (from the end to the start in the
-            // document)
-            if (range.collapsed !== this.isCollapsed) {
-                range.setStart(sel.focusNode, sel.focusOffset);
-                range.setEnd(sel.anchorNode, sel.anchorOffset);
-            }
-
-            return range;
-        };
-    }
-
-    /**
-     * @constructor
-     */
-    function WrappedSelection(selection, docSelection, win) {
-        this.nativeSelection = selection;
-        this.docSelection = docSelection;
-        this._ranges = [];
-        this.win = win;
-        this.refresh();
-    }
-
-    api.getSelection = function(win) {
-        win = win || window;
-        var sel = win[windowPropertyName];
-        var nativeSel = getSelection(win), docSel = implementsDocSelection ? getDocSelection(win) : null;
-        if (sel) {
-            sel.nativeSelection = nativeSel;
-            sel.docSelection = docSel;
-            sel.refresh(win);
-        } else {
-            sel = new WrappedSelection(nativeSel, docSel, win);
-            win[windowPropertyName] = sel;
-        }
-        return sel;
-    };
-
-    api.getIframeSelection = function(iframeEl) {
-        return api.getSelection(dom.getIframeWindow(iframeEl));
-    };
-
-    var selProto = WrappedSelection.prototype;
-
-    function createControlSelection(sel, ranges) {
-        // Ensure that the selection becomes of type "Control"
-        var doc = dom.getDocument(ranges[0].startContainer);
-        var controlRange = dom.getBody(doc).createControlRange();
-        for (var i = 0, el; i < rangeCount; ++i) {
-            el = getSingleElementFromRange(ranges[i]);
-            try {
-                controlRange.add(el);
-            } catch (ex) {
-                throw new Error("setRanges(): Element within the one of the specified Ranges could not be added to control selection (does it have layout?)");
-            }
-        }
-        controlRange.select();
-
-        // Update the wrapped selection based on what's now in the native selection
-        updateControlSelection(sel);
-    }
-
-    // Selecting a range
-    if (!useDocumentSelection && selectionHasAnchorAndFocus && util.areHostMethods(testSelection, ["removeAllRanges", "addRange"])) {
-        selProto.removeAllRanges = function() {
-            this.nativeSelection.removeAllRanges();
-            updateEmptySelection(this);
-        };
-
-        var addRangeBackwards = function(sel, range) {
-            var doc = DomRange.getRangeDocument(range);
-            var endRange = api.createRange(doc);
-            endRange.collapseToPoint(range.endContainer, range.endOffset);
-            sel.nativeSelection.addRange(getNativeRange(endRange));
-            sel.nativeSelection.extend(range.startContainer, range.startOffset);
-            sel.refresh();
-        };
-
-        if (selectionHasRangeCount) {
-            selProto.addRange = function(range, backwards) {
-                if (implementsControlRange && implementsDocSelection && this.docSelection.type == CONTROL) {
-                    addRangeToControlSelection(this, range);
-                } else {
-                    if (backwards && selectionHasExtend) {
-                        addRangeBackwards(this, range);
-                    } else {
-                        var previousRangeCount;
-                        if (selectionSupportsMultipleRanges) {
-                            previousRangeCount = this.rangeCount;
-                        } else {
-                            this.removeAllRanges();
-                            previousRangeCount = 0;
-                        }
-                        this.nativeSelection.addRange(getNativeRange(range));
-
-                        // Check whether adding the range was successful
-                        this.rangeCount = this.nativeSelection.rangeCount;
-
-                        if (this.rangeCount == previousRangeCount + 1) {
-                            // The range was added successfully
-
-                            // Check whether the range that we added to the selection is reflected in the last range extracted from
-                            // the selection
-                            if (api.config.checkSelectionRanges) {
-                                var nativeRange = getSelectionRangeAt(this.nativeSelection, this.rangeCount - 1);
-                                if (nativeRange && !DomRange.rangesEqual(nativeRange, range)) {
-                                    // Happens in WebKit with, for example, a selection placed at the start of a text node
-                                    range = new WrappedRange(nativeRange);
-                                }
-                            }
-                            this._ranges[this.rangeCount - 1] = range;
-                            updateAnchorAndFocusFromRange(this, range, selectionIsBackwards(this.nativeSelection));
-                            this.isCollapsed = selectionIsCollapsed(this);
-                        } else {
-                            // The range was not added successfully. The simplest thing is to refresh
-                            this.refresh();
-                        }
-                    }
-                }
-            };
-        } else {
-            selProto.addRange = function(range, backwards) {
-                if (backwards && selectionHasExtend) {
-                    addRangeBackwards(this, range);
-                } else {
-                    this.nativeSelection.addRange(getNativeRange(range));
-                    this.refresh();
-                }
-            };
-        }
-
-        selProto.setRanges = function(ranges) {
-            if (implementsControlRange && ranges.length > 1) {
-                createControlSelection(this, ranges);
-            } else {
-                this.removeAllRanges();
-                for (var i = 0, len = ranges.length; i < len; ++i) {
-                    this.addRange(ranges[i]);
-                }
-            }
-        };
-    } else if (util.isHostMethod(testSelection, "empty") && util.isHostMethod(testRange, "select") &&
-               implementsControlRange && useDocumentSelection) {
-
-        selProto.removeAllRanges = function() {
-            // Added try/catch as fix for issue #21
-            try {
-                this.docSelection.empty();
-
-                // Check for empty() not working (issue #24)
-                if (this.docSelection.type != "None") {
-                    // Work around failure to empty a control selection by instead selecting a TextRange and then
-                    // calling empty()
-                    var doc;
-                    if (this.anchorNode) {
-                        doc = dom.getDocument(this.anchorNode);
-                    } else if (this.docSelection.type == CONTROL) {
-                        var controlRange = this.docSelection.createRange();
-                        if (controlRange.length) {
-                            doc = dom.getDocument(controlRange.item(0)).body.createTextRange();
-                        }
-                    }
-                    if (doc) {
-                        var textRange = doc.body.createTextRange();
-                        textRange.select();
-                        this.docSelection.empty();
-                    }
-                }
-            } catch(ex) {}
-            updateEmptySelection(this);
-        };
-
-        selProto.addRange = function(range) {
-            if (this.docSelection.type == CONTROL) {
-                addRangeToControlSelection(this, range);
-            } else {
-                WrappedRange.rangeToTextRange(range).select();
-                this._ranges[0] = range;
-                this.rangeCount = 1;
-                this.isCollapsed = this._ranges[0].collapsed;
-                updateAnchorAndFocusFromRange(this, range, false);
-            }
-        };
-
-        selProto.setRanges = function(ranges) {
-            this.removeAllRanges();
-            var rangeCount = ranges.length;
-            if (rangeCount > 1) {
-                createControlSelection(this, ranges);
-            } else if (rangeCount) {
-                this.addRange(ranges[0]);
-            }
-        };
-    } else {
-        module.fail("No means of selecting a Range or TextRange was found");
-        return false;
-    }
-
-    selProto.getRangeAt = function(index) {
-        if (index < 0 || index >= this.rangeCount) {
-            throw new DOMException("INDEX_SIZE_ERR");
-        } else {
-            return this._ranges[index];
-        }
-    };
-
-    var refreshSelection;
-
-    if (useDocumentSelection) {
-        refreshSelection = function(sel) {
-            var range;
-            if (api.isSelectionValid(sel.win)) {
-                range = sel.docSelection.createRange();
-            } else {
-                range = dom.getBody(sel.win.document).createTextRange();
-                range.collapse(true);
-            }
-
-
-            if (sel.docSelection.type == CONTROL) {
-                updateControlSelection(sel);
-            } else if (isTextRange(range)) {
-                updateFromTextRange(sel, range);
-            } else {
-                updateEmptySelection(sel);
-            }
-        };
-    } else if (util.isHostMethod(testSelection, "getRangeAt") && typeof testSelection.rangeCount == "number") {
-        refreshSelection = function(sel) {
-            if (implementsControlRange && implementsDocSelection && sel.docSelection.type == CONTROL) {
-                updateControlSelection(sel);
-            } else {
-                sel._ranges.length = sel.rangeCount = sel.nativeSelection.rangeCount;
-                if (sel.rangeCount) {
-                    for (var i = 0, len = sel.rangeCount; i < len; ++i) {
-                        sel._ranges[i] = new api.WrappedRange(sel.nativeSelection.getRangeAt(i));
-                    }
-                    updateAnchorAndFocusFromRange(sel, sel._ranges[sel.rangeCount - 1], selectionIsBackwards(sel.nativeSelection));
-                    sel.isCollapsed = selectionIsCollapsed(sel);
-                } else {
-                    updateEmptySelection(sel);
-                }
-            }
-        };
-    } else if (selectionHasAnchorAndFocus && typeof testSelection.isCollapsed == BOOLEAN && typeof testRange.collapsed == BOOLEAN && api.features.implementsDomRange) {
-        refreshSelection = function(sel) {
-            var range, nativeSel = sel.nativeSelection;
-            if (nativeSel.anchorNode) {
-                range = getSelectionRangeAt(nativeSel, 0);
-                sel._ranges = [range];
-                sel.rangeCount = 1;
-                updateAnchorAndFocusFromNativeSelection(sel);
-                sel.isCollapsed = selectionIsCollapsed(sel);
-            } else {
-                updateEmptySelection(sel);
-            }
-        };
-    } else {
-        module.fail("No means of obtaining a Range or TextRange from the user's selection was found");
-        return false;
-    }
-
-    selProto.refresh = function(checkForChanges) {
-        var oldRanges = checkForChanges ? this._ranges.slice(0) : null;
-        refreshSelection(this);
-        if (checkForChanges) {
-            var i = oldRanges.length;
-            if (i != this._ranges.length) {
-                return false;
-            }
-            while (i--) {
-                if (!DomRange.rangesEqual(oldRanges[i], this._ranges[i])) {
-                    return false;
-                }
-            }
-            return true;
-        }
-    };
-
-    // Removal of a single range
-    var removeRangeManually = function(sel, range) {
-        var ranges = sel.getAllRanges(), removed = false;
-        sel.removeAllRanges();
-        for (var i = 0, len = ranges.length; i < len; ++i) {
-            if (removed || range !== ranges[i]) {
-                sel.addRange(ranges[i]);
-            } else {
-                // According to the draft WHATWG Range spec, the same range may be added to the selection multiple
-                // times. removeRange should only remove the first instance, so the following ensures only the first
-                // instance is removed
-                removed = true;
-            }
-        }
-        if (!sel.rangeCount) {
-            updateEmptySelection(sel);
-        }
-    };
-
-    if (implementsControlRange) {
-        selProto.removeRange = function(range) {
-            if (this.docSelection.type == CONTROL) {
-                var controlRange = this.docSelection.createRange();
-                var rangeElement = getSingleElementFromRange(range);
-
-                // Create a new ControlRange containing all the elements in the selected ControlRange minus the
-                // element contained by the supplied range
-                var doc = dom.getDocument(controlRange.item(0));
-                var newControlRange = dom.getBody(doc).createControlRange();
-                var el, removed = false;
-                for (var i = 0, len = controlRange.length; i < len; ++i) {
-                    el = controlRange.item(i);
-                    if (el !== rangeElement || removed) {
-                        newControlRange.add(controlRange.item(i));
-                    } else {
-                        removed = true;
-                    }
-                }
-                newControlRange.select();
-
-                // Update the wrapped selection based on what's now in the native selection
-                updateControlSelection(this);
-            } else {
-                removeRangeManually(this, range);
-            }
-        };
-    } else {
-        selProto.removeRange = function(range) {
-            removeRangeManually(this, range);
-        };
-    }
-
-    // Detecting if a selection is backwards
-    var selectionIsBackwards;
-    if (!useDocumentSelection && selectionHasAnchorAndFocus && api.features.implementsDomRange) {
-        selectionIsBackwards = function(sel) {
-            var backwards = false;
-            if (sel.anchorNode) {
-                backwards = (dom.comparePoints(sel.anchorNode, sel.anchorOffset, sel.focusNode, sel.focusOffset) == 1);
-            }
-            return backwards;
-        };
-
-        selProto.isBackwards = function() {
-            return selectionIsBackwards(this);
-        };
-    } else {
-        selectionIsBackwards = selProto.isBackwards = function() {
-            return false;
-        };
-    }
-
-    // Selection text
-    // This is conformant to the new WHATWG DOM Range draft spec but differs from WebKit and Mozilla's implementation
-    selProto.toString = function() {
-
-        var rangeTexts = [];
-        for (var i = 0, len = this.rangeCount; i < len; ++i) {
-            rangeTexts[i] = "" + this._ranges[i];
-        }
-        return rangeTexts.join("");
-    };
-
-    function assertNodeInSameDocument(sel, node) {
-        if (sel.anchorNode && (dom.getDocument(sel.anchorNode) !== dom.getDocument(node))) {
-            throw new DOMException("WRONG_DOCUMENT_ERR");
-        }
-    }
-
-    // No current browsers conform fully to the HTML 5 draft spec for this method, so Rangy's own method is always used
-    selProto.collapse = function(node, offset) {
-        assertNodeInSameDocument(this, node);
-        var range = api.createRange(dom.getDocument(node));
-        range.collapseToPoint(node, offset);
-        this.removeAllRanges();
-        this.addRange(range);
-        this.isCollapsed = true;
-    };
-
-    selProto.collapseToStart = function() {
-        if (this.rangeCount) {
-            var range = this._ranges[0];
-            this.collapse(range.startContainer, range.startOffset);
-        } else {
-            throw new DOMException("INVALID_STATE_ERR");
-        }
-    };
-
-    selProto.collapseToEnd = function() {
-        if (this.rangeCount) {
-            var range = this._ranges[this.rangeCount - 1];
-            this.collapse(range.endContainer, range.endOffset);
-        } else {
-            throw new DOMException("INVALID_STATE_ERR");
-        }
-    };
-
-    // The HTML 5 spec is very specific on how selectAllChildren should be implemented so the native implementation is
-    // never used by Rangy.
-    selProto.selectAllChildren = function(node) {
-        assertNodeInSameDocument(this, node);
-        var range = api.createRange(dom.getDocument(node));
-        range.selectNodeContents(node);
-        this.removeAllRanges();
-        this.addRange(range);
-    };
-
-    selProto.deleteFromDocument = function() {
-        // Sepcial behaviour required for Control selections
-        if (implementsControlRange && implementsDocSelection && this.docSelection.type == CONTROL) {
-            var controlRange = this.docSelection.createRange();
-            var element;
-            while (controlRange.length) {
-                element = controlRange.item(0);
-                controlRange.remove(element);
-                element.parentNode.removeChild(element);
-            }
-            this.refresh();
-        } else if (this.rangeCount) {
-            var ranges = this.getAllRanges();
-            this.removeAllRanges();
-            for (var i = 0, len = ranges.length; i < len; ++i) {
-                ranges[i].deleteContents();
-            }
-            // The HTML5 spec says nothing about what the selection should contain after calling deleteContents on each
-            // range. Firefox moves the selection to where the final selected range was, so we emulate that
-            this.addRange(ranges[len - 1]);
-        }
-    };
-
-    // The following are non-standard extensions
-    selProto.getAllRanges = function() {
-        return this._ranges.slice(0);
-    };
-
-    selProto.setSingleRange = function(range) {
-        this.setRanges( [range] );
-    };
-
-    selProto.containsNode = function(node, allowPartial) {
-        for (var i = 0, len = this._ranges.length; i < len; ++i) {
-            if (this._ranges[i].containsNode(node, allowPartial)) {
-                return true;
-            }
-        }
-        return false;
-    };
-
-    selProto.toHtml = function() {
-        var html = "";
-        if (this.rangeCount) {
-            var container = DomRange.getRangeDocument(this._ranges[0]).createElement("div");
-            for (var i = 0, len = this._ranges.length; i < len; ++i) {
-                container.appendChild(this._ranges[i].cloneContents());
-            }
-            html = container.innerHTML;
-        }
-        return html;
-    };
-
-    function inspect(sel) {
-        var rangeInspects = [];
-        var anchor = new DomPosition(sel.anchorNode, sel.anchorOffset);
-        var focus = new DomPosition(sel.focusNode, sel.focusOffset);
-        var name = (typeof sel.getName == "function") ? sel.getName() : "Selection";
-
-        if (typeof sel.rangeCount != "undefined") {
-            for (var i = 0, len = sel.rangeCount; i < len; ++i) {
-                rangeInspects[i] = DomRange.inspect(sel.getRangeAt(i));
-            }
-        }
-        return "[" + name + "(Ranges: " + rangeInspects.join(", ") +
-                ")(anchor: " + anchor.inspect() + ", focus: " + focus.inspect() + "]";
-
-    }
-
-    selProto.getName = function() {
-        return "WrappedSelection";
-    };
-
-    selProto.inspect = function() {
-        return inspect(this);
-    };
-
-    selProto.detach = function() {
-        this.win[windowPropertyName] = null;
-        this.win = this.anchorNode = this.focusNode = null;
-    };
-
-    WrappedSelection.inspect = inspect;
-
-    api.Selection = WrappedSelection;
-
-    api.selectionPrototype = selProto;
-
-    api.addCreateMissingNativeApiListener(function(win) {
-        if (typeof win.getSelection == "undefined") {
-            win.getSelection = function() {
-                return api.getSelection(this);
-            };
-        }
-        win = null;
-    });
-});
-
-/**
- * @license Selection save and restore module for Rangy.
- * Saves and restores user selections using marker invisible elements in the DOM.
- *
- * Part of Rangy, a cross-browser JavaScript range and selection library
- * http://code.google.com/p/rangy/
- *
- * Depends on Rangy core.
- *
- * Copyright 2011, Tim Down
- * Licensed under the MIT license.
- * Version: 1.2.2
- * Build date: 13 November 2011
- */
-rangy.createModule("SaveRestore", function(api, module) {
-    api.requireModules( ["DomUtil", "DomRange", "WrappedRange"] );
-
-    var dom = api.dom;
-
-    var markerTextChar = "\ufeff";
-
-    function gEBI(id, doc) {
-        return (doc || document).getElementById(id);
-    }
-
-    function insertRangeBoundaryMarker(range, atStart) {
-        var markerId = "selectionBoundary_" + (+new Date()) + "_" + ("" + Math.random()).slice(2);
-        var markerEl;
-        var doc = dom.getDocument(range.startContainer);
-
-        // Clone the Range and collapse to the appropriate boundary point
-        var boundaryRange = range.cloneRange();
-        boundaryRange.collapse(atStart);
-
-        // Create the marker element containing a single invisible character using DOM methods and insert it
-        markerEl = doc.createElement("span");
-        markerEl.id = markerId;
-        markerEl.style.lineHeight = "0";
-        markerEl.style.display = "none";
-        markerEl.className = "rangySelectionBoundary";
-        markerEl.appendChild(doc.createTextNode(markerTextChar));
-
-        boundaryRange.insertNode(markerEl);
-        boundaryRange.detach();
-        return markerEl;
-    }
-
-    function setRangeBoundary(doc, range, markerId, atStart) {
-        var markerEl = gEBI(markerId, doc);
-        if (markerEl) {
-            range[atStart ? "setStartBefore" : "setEndBefore"](markerEl);
-            markerEl.parentNode.removeChild(markerEl);
-        } else {
-            module.warn("Marker element has been removed. Cannot restore selection.");
-        }
-    }
-
-    function compareRanges(r1, r2) {
-        return r2.compareBoundaryPoints(r1.START_TO_START, r1);
-    }
-
-    function saveSelection(win) {
-        win = win || window;
-        var doc = win.document;
-        if (!api.isSelectionValid(win)) {
-            module.warn("Cannot save selection. This usually happens when the selection is collapsed and the selection document has lost focus.");
-            return;
-        }
-        var sel = api.getSelection(win);
-        var ranges = sel.getAllRanges();
-        var rangeInfos = [], startEl, endEl, range;
-
-        // Order the ranges by position within the DOM, latest first
-        ranges.sort(compareRanges);
-
-        for (var i = 0, len = ranges.length; i < len; ++i) {
-            range = ranges[i];
-            if (range.collapsed) {
-                endEl = insertRangeBoundaryMarker(range, false);
-                rangeInfos.push({
-                    markerId: endEl.id,
-                    collapsed: true
-                });
-            } else {
-                endEl = insertRangeBoundaryMarker(range, false);
-                startEl = insertRangeBoundaryMarker(range, true);
-
-                rangeInfos[i] = {
-                    startMarkerId: startEl.id,
-                    endMarkerId: endEl.id,
-                    collapsed: false,
-                    backwards: ranges.length == 1 && sel.isBackwards()
-                };
-            }
-        }
-
-        // Now that all the markers are in place and DOM manipulation over, adjust each range's boundaries to lie
-        // between its markers
-        for (i = len - 1; i >= 0; --i) {
-            range = ranges[i];
-            if (range.collapsed) {
-                range.collapseBefore(gEBI(rangeInfos[i].markerId, doc));
-            } else {
-                range.setEndBefore(gEBI(rangeInfos[i].endMarkerId, doc));
-                range.setStartAfter(gEBI(rangeInfos[i].startMarkerId, doc));
-            }
-        }
-
-        // Ensure current selection is unaffected
-        sel.setRanges(ranges);
-        return {
-            win: win,
-            doc: doc,
-            rangeInfos: rangeInfos,
-            restored: false
-        };
-    }
-
-    function restoreSelection(savedSelection, preserveDirection) {
-        if (!savedSelection.restored) {
-            var rangeInfos = savedSelection.rangeInfos;
-            var sel = api.getSelection(savedSelection.win);
-            var ranges = [];
-
-            // Ranges are in reverse order of appearance in the DOM. We want to restore earliest first to avoid
-            // normalization affecting previously restored ranges.
-            for (var len = rangeInfos.length, i = len - 1, rangeInfo, range; i >= 0; --i) {
-                rangeInfo = rangeInfos[i];
-                range = api.createRange(savedSelection.doc);
-                if (rangeInfo.collapsed) {
-                    var markerEl = gEBI(rangeInfo.markerId, savedSelection.doc);
-                    if (markerEl) {
-                        markerEl.style.display = "inline";
-                        var previousNode = markerEl.previousSibling;
-
-                        // Workaround for issue 17
-                        if (previousNode && previousNode.nodeType == 3) {
-                            markerEl.parentNode.removeChild(markerEl);
-                            range.collapseToPoint(previousNode, previousNode.length);
-                        } else {
-                            range.collapseBefore(markerEl);
-                            markerEl.parentNode.removeChild(markerEl);
-                        }
-                    } else {
-                        module.warn("Marker element has been removed. Cannot restore selection.");
-                    }
-                } else {
-                    setRangeBoundary(savedSelection.doc, range, rangeInfo.startMarkerId, true);
-                    setRangeBoundary(savedSelection.doc, range, rangeInfo.endMarkerId, false);
-                }
-
-                // Normalizing range boundaries is only viable if the selection contains only one range. For example,
-                // if the selection contained two ranges that were both contained within the same single text node,
-                // both would alter the same text node when restoring and break the other range.
-                if (len == 1) {
-                    range.normalizeBoundaries();
-                }
-                ranges[i] = range;
-            }
-            if (len == 1 && preserveDirection && api.features.selectionHasExtend && rangeInfos[0].backwards) {
-                sel.removeAllRanges();
-                sel.addRange(ranges[0], true);
-            } else {
-                sel.setRanges(ranges);
-            }
-
-            savedSelection.restored = true;
-        }
-    }
-
-    function removeMarkerElement(doc, markerId) {
-        var markerEl = gEBI(markerId, doc);
-        if (markerEl) {
-            markerEl.parentNode.removeChild(markerEl);
-        }
-    }
-
-    function removeMarkers(savedSelection) {
-        var rangeInfos = savedSelection.rangeInfos;
-        for (var i = 0, len = rangeInfos.length, rangeInfo; i < len; ++i) {
-            rangeInfo = rangeInfos[i];
-            if (rangeInfo.collapsed) {
-                removeMarkerElement(savedSelection.doc, rangeInfo.markerId);
-            } else {
-                removeMarkerElement(savedSelection.doc, rangeInfo.startMarkerId);
-                removeMarkerElement(savedSelection.doc, rangeInfo.endMarkerId);
-            }
-        }
-    }
-
-    api.saveSelection = saveSelection;
-    api.restoreSelection = restoreSelection;
-    api.removeMarkerElement = removeMarkerElement;
-    api.removeMarkers = removeMarkers;
-});
-
-/* globals -$ */
-"use strict";
-
-WYMeditor.SKINS.compact = {
-    init: function(wym) {
-        // Move the containers panel to the top area
-        jQuery(wym._options.containersSelector + ', ' +
-            wym._options.classesSelector, wym._box)
-          .appendTo( jQuery("div.wym_area_top", wym._box) )
-          .addClass("wym_dropdown")
-          .css({"margin-right": "10px", "width": "120px", "float": "left"});
-
-        // Render following sections as buttons
-        jQuery(wym._options.toolsSelector, wym._box)
-          .addClass("wym_buttons")
-          .css({"margin-right": "10px", "float": "left"});
-
-        // Make hover work under IE < 7
-        jQuery(".wym_section", wym._box).hover(function(){
-          jQuery(this).addClass("hover");
-        },function(){
-          jQuery(this).removeClass("hover");
-        });
-
-        var postInit = wym._options.postInit;
-        wym._options.postInit = function(wym) {
-            if (postInit) {
-                postInit.call(wym, wym);
-            }
-
-            wym.$body().css('background-color', '#f0f0f0');
-        };
-    }
-};
-
-"use strict";
-
-WYMeditor.SKINS['default'] = {
-    init: function (wym) {
-        //render following sections as panels
-        jQuery(wym._box).find(wym._options.classesSelector)
-          .addClass("wym_panel");
-
-        //render following sections as buttons
-        jQuery(wym._box).find(wym._options.toolsSelector)
-          .addClass("wym_buttons");
-
-        //render following sections as dropdown menus
-        jQuery(wym._box).find(wym._options.containersSelector)
-          .addClass("wym_dropdown")
-          .find(WYMeditor.H2)
-          .append("<span> ></span>");
-
-        // auto add some margin to the main area sides if left area
-        // or right area are not empty (if they contain sections)
-        jQuery(wym._box).find("div.wym_area_right ul")
-          .parents("div.wym_area_right").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-right": "155px"});
-
-        jQuery(wym._box).find("div.wym_area_left ul")
-          .parents("div.wym_area_left").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-left": "155px"});
-
-        //make hover work under IE < 7
-        jQuery(wym._box).find(".wym_section").hover(
-            function () {
-                jQuery(this).addClass("hover");
-            },
-            function () {
-                jQuery(this).removeClass("hover");
-            }
-        );
-    }
-};
-
-"use strict";
-
-WYMeditor.SKINS.legacy = {
-    init: function (wym) {
-        //render following sections as panels
-        jQuery(wym._box).find(wym._options.classesSelector)
-          .addClass("wym_panel");
-
-        //render following sections as buttons
-        jQuery(wym._box).find(wym._options.toolsSelector)
-          .addClass("wym_buttons");
-
-        //render following sections as dropdown menus
-        jQuery(wym._box).find(wym._options.containersSelector)
-          .addClass("wym_dropdown")
-          .find(WYMeditor.H2)
-          .append("<span> ></span>");
-
-        // auto add some margin to the main area sides if left area
-        // or right area are not empty (if they contain sections)
-        jQuery(wym._box).find("div.wym_area_right ul")
-          .parents("div.wym_area_right").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-right": "155px"});
-
-        jQuery(wym._box).find("div.wym_area_left ul")
-          .parents("div.wym_area_left").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-left": "155px"});
-
-        //make hover work under IE < 7
-        jQuery(wym._box).find(".wym_section").hover(
-            function () {
-                jQuery(this).addClass("hover");
-            },
-            function () {
-                jQuery(this).removeClass("hover");
-            }
-        );
-    }
-};
-
-jQuery.fn.selectify = function() {
-    var $elements = this;
-    return $elements.each(function() {
-        var element = this;
-        jQuery(element).hover(
-            function() {
-                var element = this;
-                jQuery("h2", element).css("background-position", "0px -18px");
-                jQuery("ul", element).fadeIn("fast");
-            },
-            function() {
-                var element = this;
-                jQuery("h2", element).css("background-position", "");
-                jQuery("ul", element).fadeOut("fast");
-            }
-        );
-    });
-};
-
-WYMeditor.SKINS.minimal = {
-    //placeholder for the skin JS, if needed
-
-    //init the skin
-    //wym is the WYMeditor.editor instance
-    init: function(wym) {
-
-        //render following sections as dropdown menus
-        jQuery(wym._box).find(wym._options.toolsSelector + ', ' + wym._options.containersSelector + ', ' + wym._options.classesSelector)
-          .addClass("wym_dropdown")
-          .selectify();
-
-
-    }
-};
-
-/* globals -$ */
-"use strict";
-
-// Add classes to an element based on its current location relative to top and
-// or bottom offsets.
-// Useful for affixing an element on the page within a certain vertical range.
-// Based largely off of the bootstrap affix plugin
-// https://github.com/twbs/bootstrap/blob/master/js/affix.js
-(function ($) {
-    var Affix = function (element, options) {
-        this.options = $.extend({}, $.fn.wymAffix.defaults, options);
-        this.$window = $(window);
-
-        this.$window.bind(
-            'scroll.affix.data-api',
-            $.proxy(this.checkPosition, this)
-        );
-        this.$window.bind(
-            'click.affix.data-api',
-            $.proxy(
-                function () {
-                    setTimeout(
-                        $.proxy(this.checkPosition, this),
-                        1
-                    );
-                },
-                this
-            )
-        );
-        this.$element = $(element);
-        this.checkPosition();
-    };
-
-    Affix.prototype.checkPosition = function () {
-        var scrollTop = this.$window.scrollTop()
-          , offset = this.options.offset
-          , offsetBottom = offset.bottom
-          , offsetTop = offset.top
-          , reset = 'affix affix-top affix-bottom'
-          , desiredAffixType
-          , isBelowTop = true
-          , isAboveBottom = true;
-
-        if (typeof offset !== 'object') {
-            offsetBottom = offsetTop = offset;
-        }
-        if (typeof offsetTop === 'function') {
-            offsetTop = offset.top();
-        }
-        if (typeof offsetBottom === 'function') {
-            offsetBottom = offset.bottom();
-        }
-
-        if (offsetTop !== null) {
-            isBelowTop = scrollTop > offsetTop;
-        }
-        if (offsetBottom !== null) {
-            isAboveBottom = scrollTop + this.$element.height() < offsetBottom;
-        }
-
-        if (isBelowTop && isAboveBottom) {
-            desiredAffixType = 'affix';
-        } else if (isAboveBottom === false) {
-            // We're below the bottom offset
-            desiredAffixType = 'affix-bottom';
-        } else {
-            desiredAffixType = 'affix-top';
-        }
-
-        if (this.currentAffixType === desiredAffixType) {
-            // We're already properly-affixed. No changes required.
-            return;
-        }
-
-        this.$element.removeClass(reset).addClass(desiredAffixType);
-
-        this.currentAffixType = desiredAffixType;
-    };
-
-
- /* AFFIX PLUGIN DEFINITION
-  * ======================= */
-
-    $.fn.wymAffix = function (option) {
-        var $elements = this;
-        return $elements.each(function () {
-            var element = this,
-                $element = $(element)
-                , data = $element.data('affix')
-                , options = typeof option === 'object' && option;
-
-            if (!data) {
-                $element.data(
-                    'affix',
-                    (data = new Affix(element, options))
-                );
-            }
-            if (typeof option === 'string') {
-                data[option]();
-            }
-        });
-    };
-
-    $.fn.wymAffix.Constructor = Affix;
-
-    $.fn.wymAffix.defaults = {
-        offset: 0
-    };
-}(jQuery));
-
-WYMeditor.SKINS.seamless = {
-    OPTS: {
-        iframeHtml: [""
-        , '<div class="wym_iframe wym_section">'
-            , '<iframe src="' + WYMeditor.IFRAME_BASE_PATH + 'wymiframe.html" '
-                , 'frameborder="0" '
-                , 'border="0" '
-                , 'scrolling="no" '
-                , 'marginheight="0px" '
-                , 'marginwidth="0px" '
-                , '>'
-            , '</iframe>'
-        , '</div>'
-        ].join(""),
-        // After Iframe initialization, check if we're ready to perform the
-        // first resize every this many ms
-        initIframeCheckFrequency: 50,
-        // After load or after images are inserted, check every this many ms to
-        // see if they've properly set their height.
-        imagesLoadedCheckFrequency: 300,
-        // After this many ms, give up on images finishing loading. Some images
-        // might never load due to network connectivity or bad links.
-        imagesLoadedCheckTimeout: 5000
-    },
-    init: function (wym) {
-        var This = WYMeditor.SKINS.seamless;
-
-        // TODO: Find a unified strategy for dealing with loading polyfills
-        // This is a polyfill for old IE
-        if (!Date.now) {
-            Date.now = function now() {
-                return new Date().getTime();
-            };
-        }
-
-        wym.seamlessSkinOpts = jQuery.extend(
-            This.OPTS,
-            {
-                initialIframeResizeTimer: null,
-                resizeAfterImagesLoadTimer: null,
-                _imagesLoadedCheckStartedTime: 0,
-                minimumHeight: jQuery(wym.element).height()
-            }
-        );
-        This.initUIChrome(wym);
-
-        // The Iframe isn't initialized at this point, so we'll need to wait
-        // until it is before attempting to use it.
-        jQuery(wym.element).bind(
-            WYMeditor.EVENTS.postIframeInitialization,
-            This.postIframeInit
-        );
-    },
-    postIframeInit: function (e, wym) {
-        var This = WYMeditor.SKINS.seamless;
-
-        // Perform an initial resize, if necessary
-        This.resizeIframeOnceBodyExists(wym);
-
-        // Detect possible Block creation so that we can always keep the iframe
-        // properly resized and the current container in view
-        jQuery(wym.element).bind(
-            WYMeditor.EVENTS.postBlockMaybeCreated,
-            function () {
-                This.resizeAndScrollIfNeeded(wym);
-            }
-        );
-    },
-    initUIChrome: function (wym) {
-        // Initialize the toolbar and classes/containers selectors
-
-        // The classes and containers sections are dropdowns to the right of
-        // the toolbar at the top
-        var This = WYMeditor.SKINS.seamless,
-            $dropdowns = jQuery(
-            [
-                wym._options.containersSelector
-                , wym._options.classesSelector
-            ].join(', '),
-            wym._box
-        ),
-            $toolbar,
-            $areaTop;
-
-        $areaTop = jQuery("div.wym_area_top", wym._box);
-
-        $dropdowns.appendTo($areaTop);
-        $dropdowns.addClass("wym_dropdown");
-        // Make dropdowns also work on click, for mobile devices
-        jQuery(".wym_dropdown", wym._box).click(
-            function () {
-                var dropDown = this;
-                jQuery(dropDown).toggleClass("hover");
-            }
-        );
-
-        // The toolbar uses buttons
-        $toolbar = jQuery(wym._options.toolsSelector, wym._box);
-        $toolbar.addClass("wym_buttons");
-
-        This.affixTopControls(wym);
-
-    },
-    affixTopControls: function (wym) {
-        // Affix the top area, which contains the toolbar and containers, to
-        // the top of the screen so that we can see it, even if we're scrolled
-        // down.
-        var $areaTop,
-            $offsetWrapper,
-            earlyScrollPixels = 5,
-            usePlaceholderWidth,
-            $placeholder;
-
-        $areaTop = jQuery("div.wym_area_top", wym._box);
-
-        // Use a wrapper so we can keep the toolbar styling consistent
-        $offsetWrapper = jQuery(
-            '<div class="wym_skin_seamless wym_area_top_wrapper">'
-        );
-        $areaTop.wrap($offsetWrapper);
-        $offsetWrapper = $areaTop.parent();
-
-        // Add another, non-affixed wrapper to stick around and hold vertical
-        // space. This avoids the "jump" when the toolbar switches to being
-        // affixed
-        $offsetWrapper.wrap('<div class="wym_area_top_affix_placeholder">');
-        $placeholder = $offsetWrapper.parent();
-        $placeholder.height($areaTop.height());
-
-        usePlaceholderWidth = function () {
-            // Hard-code the offsetWrapper width so that when this floats to
-            // the top, it doesn't expand to take up all of the room to the
-            // right
-            $offsetWrapper.width($placeholder.width());
-        };
-        usePlaceholderWidth();
-        jQuery(window).resize(usePlaceholderWidth);
-
-        $offsetWrapper.wymAffix({
-            offset: {
-                top: function () {
-                    return $placeholder.offset().top - earlyScrollPixels;
-                },
-                bottom: function () {
-                    return $placeholder.offset().top +
-                        wym.seamlessSkinIframeHeight;
-                }
-            }
-        });
-    },
-    resizeIframeOnceBodyExists: function (wym) {
-        // In IE, the wym._doc DOMLoaded event doesn't mean the iframe will
-        // actually have a body. We need to wait until the body actually exists
-        // before trying to set the initial hight of the iframe, so we hack
-        // this together with setTimeout.
-        var This = WYMeditor.SKINS.seamless,
-            scrollHeightCalcFix;
-
-        if (wym.seamlessSkinOpts.initialIframeResizeTimer) {
-            // We're handling a timer, clear it
-            window.clearTimeout(
-                wym.seamlessSkinOpts.initialIframeResizeTimer
-            );
-            wym.seamlessSkinOpts.initialIframeResizeTimer = null;
-        }
-
-        if (typeof wym._doc.body === "undefined" || wym._doc.body === null) {
-            // Body isn't ready
-            wym.seamlessSkinOpts.initialIframeResizeTimer = window.setTimeout(
-                function () {
-                    This.resizeIframeOnceBodyExists(wym);
-                },
-                wym.seamlessSkinOpts.initIframeCheckFrequency
-            );
-            return;
-        }
-        // The body is ready, so let's get to resizing
-        // For some reason, at least IE7 requires at least one access to the
-        // scrollHeight before it gives a real value. I was unable to find any
-        // kind of feature detection that would work here and the fix of adding
-        // an extra access here doesn't have any real negative impact on the
-        // other browsers, but does fix IE7's behavior.
-        scrollHeightCalcFix = wym._doc.body.scrollHeight;
-        This.resizeIframe(wym);
-        This.resizeIframeOnceImagesLoaded(wym);
-    },
-    resizeIframeOnceImagesLoaded: function (wym) {
-        // Even though the body may be "loaded" from a DOM even standpoint,
-        // that doesn't mean that images have yet been retrieved or that their
-        // heights have been determined. If an image's height pops in after
-        // we've calculated the iframe height, the iframe will be too short.
-        var This = WYMeditor.SKINS.seamless,
-            images,
-            imagesLength,
-            i = 0,
-            allImagesLoaded = true,
-            skinOpts = wym.seamlessSkinOpts,
-            timeWaited;
-
-        if (typeof skinOpts._imagesLoadedCheckStartedTime === "undefined" ||
-                skinOpts._imagesLoadedCheckStartedTime === 0) {
-            skinOpts._imagesLoadedCheckStartedTime = Date.now();
-        }
-
-        if (skinOpts.resizeAfterImagesLoadTimer !== null) {
-            // We're handling a timer, clear it
-            window.clearTimeout(
-                skinOpts.resizeAfterImagesLoadTimer
-            );
-            skinOpts.resizeAfterImagesLoadTimer = null;
-        }
-
-        images = wym.$body().find('img');
-        imagesLength = images.length;
-
-        if (imagesLength === 0) {
-            // No images. No need to worry about resizing based on them.
-            return;
-        }
-
-        for (i = 0; i < imagesLength; i += 1) {
-            if (!This._imageIsLoaded(images[i])) {
-                // If any image isn't loaded, we're not done
-                allImagesLoaded = false;
-                break;
-            }
-        }
-        // Even if all of the images haven't loaded, we can still be more
-        // correct by accounting for any that have.
-        This.resizeAndScrollIfNeeded(wym);
-
-        if (allImagesLoaded === true) {
-            // Clean up the timeout timer for subsequent calls
-            skinOpts._imagesLoadedCheckStartedTime = 0;
-            return;
-        }
-
-        timeWaited = Date.now() - skinOpts._imagesLoadedCheckStartedTime;
-        if (timeWaited > skinOpts.imagesLoadedCheckTimeout) {
-            // Clean up the timeout timer for subsequent calls
-            skinOpts._imagesLoadedCheckStartedTime = 0;
-            // We've waited long enough. The images might never load.
-            // Don't set another timer.
-            return;
-        }
-
-        // Let's check again in after a delay
-        skinOpts.resizeAfterImagesLoadTimer = window.setTimeout(
-            function () {
-                This.resizeIframeOnceImagesLoaded(wym);
-            },
-            skinOpts.imagesLoadedCheckFrequency
-        );
-    },
-    _imageIsLoaded: function (img) {
-        if (img.complete !== true) {
-            return false;
-        }
-
-        if (typeof img.naturalWidth !== "undefined" &&
-                img.naturalWidth === 0) {
-            return false;
-        }
-
-        return true;
-    },
-    _getIframeHeightStrategy: function (wym) {
-        // For some browsers (IE8+ and FF), the scrollHeight of the body
-        // doesn't seem to include the top and bottom margins of the body
-        // relative to the HTML. This leaves the editing "window" smaller
-        // than required, which results in weird overlaps at the start/end.
-        // For those browsers, the HTML element's scrollHeight is more
-        // reliable.
-        // Let's detect which kind of browser we're dealing with one time
-        // so we can just do the right thing in the future.
-        var bodyScrollHeight,
-            $htmlElement,
-            htmlElementHeight,
-            htmlElementScrollHeight,
-            heightStrategy;
-
-        $htmlElement = jQuery(wym._doc).children().eq(0);
-
-        bodyScrollHeight = wym._doc.body.scrollHeight;
-        htmlElementHeight = $htmlElement.height();
-        htmlElementScrollHeight = $htmlElement[0].scrollHeight;
-
-        if (WYMeditor.isInternetExplorerPre11()) {
-            // The htmlElementScrollHeight is fairly reliable,
-            // but doesn't shrink when content is removed.
-            heightStrategy = function (wym) {
-                var $htmlElement = jQuery(wym._doc).children().eq(0),
-                    htmlElementScrollHeight = $htmlElement[0].scrollHeight;
-
-                // Without the 10px reduction in height, every possible action
-                // adds 10 pixels of height.
-                // TODO: Figure out why this happens and if we can make the
-                // 10px number not magic (actually derived from a
-                // margin/padding etc).
-                return htmlElementScrollHeight - 10;
-            };
-
-            return heightStrategy;
-        } else if (htmlElementHeight >= bodyScrollHeight) {
-            // Well-behaving browsers like FF and Chrome let us rely on the
-            // HTML element's jQuery height() in every case. Hooray!
-            heightStrategy = function (wym) {
-                var $htmlElement = jQuery(wym._doc).children().eq(0),
-                    htmlElementHeight = $htmlElement.height();
-
-                return htmlElementHeight;
-            };
-
-            return heightStrategy;
-        } else if (bodyScrollHeight > htmlElementScrollHeight) {
-            // This is probably IE7, where the only thing reliable is the
-            // bodyScrollHeight
-            heightStrategy = function (wym) {
-                return wym._doc.body.scrollHeight;
-            };
-
-            return heightStrategy;
-        } else {
-            throw new Error('unsupported browser');
-        }
-    },
-    resizeIframe: function (wym) {
-        var This = WYMeditor.SKINS.seamless,
-            desiredHeight,
-            $iframe = jQuery(wym._iframe),
-            currentHeight = $iframe.height();
-
-        if (typeof WYMeditor.IFRAME_HEIGHT_GETTER === "undefined") {
-            WYMeditor.IFRAME_HEIGHT_GETTER = This._getIframeHeightStrategy(
-                wym
-            );
-        }
-
-        desiredHeight = WYMeditor.IFRAME_HEIGHT_GETTER(wym);
-
-        // Don't let the height drop below the WYMeditor textarea. This allows
-        // folks to use their favorite height-setting method on the textarea,
-        // without needing to pass options on to WYMeditor.
-        if (desiredHeight < wym.seamlessSkinOpts.minimumHeight) {
-            desiredHeight = wym.seamlessSkinOpts.minimumHeight;
-        }
-
-        if (currentHeight !== desiredHeight) {
-            $iframe.height(desiredHeight);
-            wym.seamlessSkinIframeHeight = desiredHeight;
-
-            return true;
-        }
-        return false;
-    },
-    scrollIfNeeded: function (wym) {
-        var iframeOffset = jQuery(wym._iframe).offset(),
-            iframeOffsetTop = iframeOffset.top,
-            $container = jQuery(wym.selectedContainer()),
-            containerOffset = $container.offset(),
-            viewportLowestY,
-            containerLowestY,
-            newScrollTop,
-            extraScroll = 20,
-            scrollDiff,
-            $window = jQuery(window),
-            $body = jQuery(document.body);
-
-        if ($container.length === 0) {
-            // With nothing selected, there's no need to scroll
-            return;
-        }
-        containerLowestY = iframeOffsetTop + containerOffset.top;
-        containerLowestY += $container.outerHeight();
-        viewportLowestY = $window.scrollTop() + $window.height();
-        scrollDiff = containerLowestY - viewportLowestY;
-        if (scrollDiff > 0) {
-            // Part of our selected container isn't
-            // visible, so we need to scroll down.
-            newScrollTop = $body.scrollTop() + scrollDiff + extraScroll;
-            $body.scrollTop(newScrollTop);
-        }
-    },
-    resizeAndScrollIfNeeded: function (wym) {
-        // Scroll the page so that our current selection
-        // within the iframe is actually in view.
-        var This = WYMeditor.SKINS.seamless,
-            resizeOccurred = This.resizeIframe(wym);
-        if (resizeOccurred !== true) {
-            return;
-        }
-        This.scrollIfNeeded(wym);
-    }
-};
-
-/* This file is part of the Silver skin for WYMeditor by Scott Edwin Lewis */
-
-jQuery.fn.selectify = function() {
-    var $elements = this;
-    return $elements.each(function() {
-        var element = this;
-        jQuery(element).hover(
-            function() {
-                var element = this;
-                jQuery("h2", element).css("background-position", "0px -18px");
-                jQuery("ul", element).fadeIn("fast");
-            },
-            function() {
-                var element = this;
-                jQuery("h2", element).css("background-position", "");
-                jQuery("ul", element).fadeOut("fast");
-            }
-        );
-    });
-};
-
-WYMeditor.SKINS.silver = {
-
-    init: function(wym) {
-
-        //add some elements to improve the rendering
-        jQuery(wym._box)
-          .append('<div class="clear"></div>')
-          .wrapInner('<div class="wym_inner"></div>');
-
-        //render following sections as panels
-        jQuery(wym._box).find(wym._options.classesSelector)
-          .addClass("wym_panel");
-
-        //render following sections as buttons
-        jQuery(wym._box).find(wym._options.toolsSelector)
-          .addClass("wym_buttons");
-
-        //render following sections as dropdown menus
-        jQuery(wym._box).find(wym._options.containersSelector)
-          .addClass("wym_dropdown")
-          .selectify();
-
-        // auto add some margin to the main area sides if left area
-        // or right area are not empty (if they contain sections)
-        jQuery(wym._box).find("div.wym_area_right ul")
-          .parents("div.wym_area_right").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-right": "155px"});
-
-        jQuery(wym._box).find("div.wym_area_left ul")
-          .parents("div.wym_area_left").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-left": "155px"});
-
-        //make hover work under IE < 7
-        jQuery(wym._box).find(".wym_section").hover(function(){
-          var section = this;
-          jQuery(section).addClass("hover");
-        },function(){
-          var section = this;
-          jQuery(section).removeClass("hover");
-        });
-    }
-};
-
-WYMeditor.SKINS.twopanels = {
-
-    init: function(wym) {
-
-        //move the containers panel to the left area
-        jQuery(wym._box).find(wym._options.containersSelector)
-          .appendTo("div.wym_area_left");
-
-        //render following sections as panels
-        jQuery(wym._box).find(wym._options.classesSelector + ', ' +
-          wym._options.containersSelector)
-          .addClass("wym_panel");
-
-        //render following sections as buttons
-        jQuery(wym._box).find(wym._options.toolsSelector)
-          .addClass("wym_buttons");
-
-        // auto add some margin to the main area sides if left area
-        // or right area are not empty (if they contain sections)
-        jQuery(wym._box).find("div.wym_area_right ul")
-          .parents("div.wym_area_right").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-right": "155px"});
-
-        jQuery(wym._box).find("div.wym_area_left ul")
-          .parents("div.wym_area_left").show()
-          .parents(wym._options.boxSelector)
-          .find("div.wym_area_main")
-          .css({"margin-left": "115px"});
-
-        //make hover work under IE < 7
-        jQuery(wym._box).find(".wym_section").hover(function(){
-          jQuery(this).addClass("hover");
-        },function(){
-          jQuery(this).removeClass("hover");
-        });
-    }
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/jquery.wymeditor.min.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/jquery.wymeditor.min.js
deleted file mode 100644
index c5cf86b1b3..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/jquery.wymeditor.min.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
-WYMeditor - v1.1.1
-
-Home page: http://wymeditor.github.io/wymeditor/
-
-Copyright (c) 2015 Jean-Francois Hovinne;
-Licensed (MIT OR GPL-2.0)
-*/
-
-if(function(a){"function"==typeof define&&define.amd?define(["jquery"],function(b){return a(b)}):"object"==typeof module&&"object"==typeof module.exports?module.exports=a(require("jquery")):a(window.jQuery)}(function(a){"use strict";function b(a){void 0===a&&(a=window.navigator.userAgent),a=a.toLowerCase();var b=/(edge)\/([\w.]+)/.exec(a)||/(opr)[\/]([\w.]+)/.exec(a)||/(chrome)[ \/]([\w.]+)/.exec(a)||/(version)(applewebkit)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+).*(version)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||a.indexOf("trident")>=0&&/(rv)(?::| )([\w.]+)/.exec(a)||a.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a)||[],c=/(ipad)/.exec(a)||/(ipod)/.exec(a)||/(iphone)/.exec(a)||/(kindle)/.exec(a)||/(silk)/.exec(a)||/(android)/.exec(a)||/(windows phone)/.exec(a)||/(win)/.exec(a)||/(mac)/.exec(a)||/(linux)/.exec(a)||/(cros)/.exec(a)||/(playbook)/.exec(a)||/(bb)/.exec(a)||/(blackberry)/.exec(a)||[],d={},e={browser:b[5]||b[3]||b[1]||"",version:b[2]||b[4]||"0",versionNumber:b[4]||b[2]||"0",platform:c[0]||""};if(e.browser&&(d[e.browser]=!0,d.version=e.version,d.versionNumber=parseInt(e.versionNumber,10)),e.platform&&(d[e.platform]=!0),(d.android||d.bb||d.blackberry||d.ipad||d.iphone||d.ipod||d.kindle||d.playbook||d.silk||d["windows phone"])&&(d.mobile=!0),(d.cros||d.mac||d.linux||d.win)&&(d.desktop=!0),(d.chrome||d.opr||d.safari)&&(d.webkit=!0),d.rv||d.edge){var f="msie";e.browser=f,d[f]=!0}if(d.safari&&d.blackberry){var g="blackberry";e.browser=g,d[g]=!0}if(d.safari&&d.playbook){var h="playbook";e.browser=h,d[h]=!0}if(d.bb){var i="blackberry";e.browser=i,d[i]=!0}if(d.opr){var j="opera";e.browser=j,d[j]=!0}if(d.safari&&d.android){var k="android";e.browser=k,d[k]=!0}if(d.safari&&d.kindle){var l="kindle";e.browser=l,d[l]=!0}if(d.safari&&d.silk){var m="silk";e.browser=m,d[m]=!0}return d.name=e.browser,d.platform=e.platform,d}return window.jQBrowser=b(window.navigator.userAgent),window.jQBrowser.uaMatch=b,a&&(a.browser=window.jQBrowser),window.jQBrowser}),"undefined"==typeof WYMeditor)var WYMeditor={};!function(){if("undefined"==typeof window.console&&"undefined"==typeof console){var a,b=["log","debug","info","warn","error","assert","dir","dirxml","group","groupEnd","time","timeEnd","count","trace","profile","profileEnd"],c=function(){};for(WYMeditor.console={},a=0;a<b.length;a+=1)WYMeditor.console[b[a]]=c}else"undefined"!=typeof console?WYMeditor.console=console:window.console.firebug?WYMeditor.console=window.console:window.console&&(WYMeditor.console=window.console)}(),jQuery.extend(WYMeditor,{A:"a",ALT:"alt",BLOCKQUOTE:"blockquote",BODY:"body",CLASS:"class",CLASSES:"{Wym_Classes}",CLASSES_ITEMS:"{Wym_Classes_Items}",CLASS_NAME:"{Wym_Class_Name}",CLASS_TITLE:"{Wym_Class_Title}",CONTAINERS:"{Wym_Containers}",CONTAINERS_ITEMS:"{Wym_Containers_Items}",CONTAINER_CLASS:"{Wym_Container_Class}",CONTAINER_NAME:"{Wym_Container_Name}",CONTAINER_TITLE:"{Wym_Containers_Title}",DIRECTION:"{Wym_Direction}",DIV:"div",H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",HREF:"href",HTML:"{Wym_Html}",IFRAME:"{Wym_Iframe}",IFRAME_BASE_PATH:"{Wym_Iframe_Base_Path}",IFRAME_DEFAULT:"iframe/default/",IMG:"img",INSERT_HTML:"InsertHTML",INSTANCES:[],JQUERY_PATH:"{Wym_Jquery_Path}",LI:"li",LOGO:"{Wym_Logo}",NAME:"name",NBSP:" ",NEWLINE:"\n",OL:"ol",P:"p",PRE:"pre",REL:"rel",SKINS:[],SRC:"src",STATUS:"{Wym_Status}",STRING:"string",STRINGS:[],TABLE:"table",TD:"td",TH:"th",TITLE:"title",TOOLS:"{Wym_Tools}",TOOLS_ITEMS:"{Wym_Tools_Items}",TOOL_CLASS:"{Wym_Tool_Class}",TOOL_NAME:"{Wym_Tool_Name}",TOOL_TITLE:"{Wym_Tool_Title}",TR:"tr",UL:"ul",VERSION:"1.1.1",WYM_INDEX:"wym_index",WYM_PATH:"{Wym_Wym_Path}",EXEC_COMMANDS:{BOLD:"Bold",ITALIC:"Italic",SUPERSCRIPT:"Superscript",SUBSCRIPT:"Subscript",CREATE_LINK:"CreateLink",UNLINK:"Unlink",FORMAT_BLOCK:"FormatBlock",INSERT_IMAGE:"InsertImage",UNDO:"Undo",REDO:"Redo",INSERT_LINEBREAK:"InsertLineBreak",INSERT_ORDEREDLIST:"InsertOrderedList",INSERT_UNORDEREDLIST:"InsertUnorderedList",INDENT:"Indent",OUTDENT:"Outdent",TOGGLE_HTML:"ToggleHtml"},ROOT_CONTAINERS:["blockquote","div","h1","h2","h3","h4","h5","h6","p","pre"],FORBIDDEN_ROOT_CONTAINERS:["a","b","em","i","span","strong","sub","sup"],BLOCKS:["address","blockquote","dd","div","dl","dt","fieldset","form","h1","h2","h3","h4","h5","h6","hr","li","noscript","ol","p","pre","table","tbody","td","tfoot","th","thead","tr","ul"],BLOCKING_ELEMENTS:["blockquote","pre","table"],NON_CONTAINING_ELEMENTS:["br","col","hr","img"],NO_CARET_ELEMENTS:["blockquote","br","col","colgroup","dl","hr","img","ol","table","tbody","tfoot","thead","tr","ul"],INLINE_ELEMENTS:["a","abbr","acronym","b","bdo","big","br","button","cite","code","dfn","em","i","img","input","kbd","label","map","object","q","samp","script","select","small","span","strong","sub","sup","textarea","tt","var"],NON_BLOCKING_ELEMENTS:["div","h1","h2","h3","h4","h5","h6","p"],LIST_TYPE_ELEMENTS:["ol","ul"],HEADING_ELEMENTS:["h1","h2","h3","h4","h5","h6"],POTENTIAL_LIST_ELEMENTS:["blockquote","div","h1","h2","h3","h4","h5","h6","p","pre","td"],POTENTIAL_TABLE_INSERT_ELEMENTS:["blockquote","div","h1","h2","h3","h4","h5","h6","li","p","pre"],INLINE_TABLE_INSERTION_ELEMENTS:["li"],SELECTABLE_TABLE_ELEMENTS:["caption","td","th"],BLOCKING_ELEMENT_SPACER_CLASS:"wym-blocking-element-spacer",EDITOR_ONLY_CLASS:"wym-editor-only",RESIZE_HANDLE_CLASS:"wym-resize-handle",CLASSES_REMOVED_BY_PARSER:["apple-style-span"],KEY_CODE:{B:66,BACKSPACE:8,COMMAND:224,CTRL:17,CURSOR:[37,38,39,40],DELETE:46,DOWN:40,END:35,ENTER:13,HOME:36,I:73,LEFT:37,R:82,RIGHT:39,TAB:9,UP:38},POTENTIAL_BLOCK_ELEMENT_CREATION_KEYS:[8,13,37,38,39,40,46],EVENTS:{postBlockMaybeCreated:"wym-postBlockMaybeCreated",postIframeInitialization:"wym-postIframeInitialization",postModification:"wym-postModification",postUndo:"wym-postUndo",postRedo:"wym-postRedo"},NODE_TYPE:{ELEMENT:1,ATTRIBUTE:2,TEXT:3},editor:function(a,b){if(jQuery.getWymeditorByTextarea(a[0]))throw"It seems that this textarea already belongs to a WYMeditor instance.";var c=this;c._index=WYMeditor.INSTANCES.push(c)-1,c.element=a,c._options=b,c._options.wymPath=c._options.wymPath||WYMeditor._computeWymPath(),c._options.basePath=c._options.basePath||WYMeditor._computeBasePath(c._options.wymPath),c._options.iframeBasePath=c._options.iframeBasePath||c._options.basePath+WYMeditor.IFRAME_DEFAULT,c._init()},EXTERNAL_MODULES:{}}),jQuery.fn.wymeditor=function(a){var b=this;return a=jQuery.extend({html:"",basePath:!1,wymPath:!1,iframeBasePath:!1,jQueryPath:!1,skin:"default",lang:"en",direction:"ltr",customCommands:[],structureRules:{defaultRootContainer:"p"},boxHtml:String()+"<div class='wym_box'><div class='wym_area_top'>"+WYMeditor.TOOLS+"</div><div class='wym_area_left'></div><div class='wym_area_right'>"+WYMeditor.CONTAINERS+WYMeditor.CLASSES+"</div><div class='wym_area_main'>"+WYMeditor.HTML+WYMeditor.IFRAME+WYMeditor.STATUS+"</div><div class='wym_area_bottom'>"+WYMeditor.LOGO+"</div></div>",logoHtml:String()+'<a class="wym_wymeditor_link" href="http://www.wymeditor.org/">WYMeditor</a>',iframeHtml:String()+'<div class="wym_iframe wym_section"><iframe src="'+WYMeditor.IFRAME_BASE_PATH+'wymiframe.html"></iframe></div>',toolsHtml:String()+'<div class="wym_tools wym_section"><h2>{Tools}</h2><ul>'+WYMeditor.TOOLS_ITEMS+"</ul></div>",toolsItemHtml:String()+'<li class="'+WYMeditor.TOOL_CLASS+'"><a href="#" name="'+WYMeditor.TOOL_NAME+'" title="'+WYMeditor.TOOL_TITLE+'">'+WYMeditor.TOOL_TITLE+"</a></li>",toolsItems:[{name:"Bold",title:"Strong",css:"wym_tools_strong"},{name:"Italic",title:"Emphasis",css:"wym_tools_emphasis"},{name:"Superscript",title:"Superscript",css:"wym_tools_superscript"},{name:"Subscript",title:"Subscript",css:"wym_tools_subscript"},{name:"InsertOrderedList",title:"Ordered_List",css:"wym_tools_ordered_list"},{name:"InsertUnorderedList",title:"Unordered_List",css:"wym_tools_unordered_list"},{name:"Indent",title:"Indent",css:"wym_tools_indent"},{name:"Outdent",title:"Outdent",css:"wym_tools_outdent"},{name:"Undo",title:"Undo",css:"wym_tools_undo"},{name:"Redo",title:"Redo",css:"wym_tools_redo"},{name:"CreateLink",title:"Link",css:"wym_tools_link wym_opens_dialog"},{name:"Unlink",title:"Unlink",css:"wym_tools_unlink"},{name:"InsertImage",title:"Image",css:"wym_tools_image wym_opens_dialog"},{name:"InsertTable",title:"Table",css:"wym_tools_table wym_opens_dialog"},{name:"Paste",title:"Paste_From_Word",css:"wym_tools_paste wym_opens_dialog"},{name:"ToggleHtml",title:"HTML",css:"wym_tools_html"},{name:"Preview",title:"Preview",css:"wym_tools_preview wym_opens_dialog"}],containersHtml:String()+'<div class="wym_containers wym_section"><h2>{Containers}</h2><ul>'+WYMeditor.CONTAINERS_ITEMS+"</ul></div>",containersItemHtml:String()+'<li class="'+WYMeditor.CONTAINER_CLASS+'"><a href="#" name="'+WYMeditor.CONTAINER_NAME+'">'+WYMeditor.CONTAINER_TITLE+"</a></li>",containersItems:[{name:"P",title:"Paragraph",css:"wym_containers_p"},{name:"H1",title:"Heading_1",css:"wym_containers_h1"},{name:"H2",title:"Heading_2",css:"wym_containers_h2"},{name:"H3",title:"Heading_3",css:"wym_containers_h3"},{name:"H4",title:"Heading_4",css:"wym_containers_h4"},{name:"H5",title:"Heading_5",css:"wym_containers_h5"},{name:"H6",title:"Heading_6",css:"wym_containers_h6"},{name:"PRE",title:"Preformatted",css:"wym_containers_pre"},{name:"BLOCKQUOTE",title:"Blockquote",css:"wym_containers_blockquote"},{name:"TH",title:"Table_Header",css:"wym_containers_th"}],classesHtml:String()+'<div class="wym_classes wym_section"><h2>{Classes}</h2><ul>'+WYMeditor.CLASSES_ITEMS+"</ul></div>",classesItemHtml:String()+'<li class="wym_classes_'+WYMeditor.CLASS_NAME+'"><a href="#" name="'+WYMeditor.CLASS_NAME+'">'+WYMeditor.CLASS_TITLE+"</a></li>",classesItems:[],statusHtml:String()+'<div class="wym_status wym_section"><h2>{Status}</h2></div>',htmlHtml:String()+'<div class="wym_html wym_section"><h2>{Source_Code}</h2><textarea class="wym_html_val"></textarea></div>',boxSelector:".wym_box",toolsSelector:".wym_tools",toolsListSelector:" ul",containersSelector:".wym_containers",classesSelector:".wym_classes",htmlSelector:".wym_html",iframeSelector:".wym_iframe iframe",iframeBodySelector:".wym_iframe",statusSelector:".wym_status",toolSelector:".wym_tools a",containerSelector:".wym_containers a",classSelector:".wym_classes a",htmlValSelector:".wym_html_val",updateSelector:".wymupdate",updateEvent:"click",stringDelimiterLeft:"{",stringDelimiterRight:"}",preInit:null,preBind:null,postInit:null},a),a=jQuery.extend(WYMeditor.DEFAULT_DIALOG_OPTIONS,a),b.each(function(){var b=this;b._wym=new WYMeditor.editor(jQuery(b),a)})},jQuery.extend({wymeditors:function(a){return WYMeditor.INSTANCES[a]}}),jQuery.extend({getWymeditorByTextarea:function(a){var b;if(!a||!a.tagName||"textarea"!==a.tagName.toLowerCase())throw"jQuery.getWymeditorByTextarea requires a textarea element.";for(b=0;b<WYMeditor.INSTANCES.length;b++)if(a===WYMeditor.INSTANCES[b].element[0])return WYMeditor.INSTANCES[b];return!1}}),jQuery.extend({copyPropsFromObjectToObject:function(a,b,c){var d,e,f,g={};for(d=0;d<c.length;d++)e=c[d],f=a[e],g[e]=f;jQuery.extend(b,g)}}),WYMeditor.isInternetExplorerPre11=function(){return jQuery.browser.msie&&jQuery.browser.versionNumber<11?!0:!1},WYMeditor.isInternetExplorer11OrNewer=function(){return jQuery.browser.msie&&jQuery.browser.versionNumber>=11?!0:!1},WYMeditor._computeWymPath=function(){var a=jQuery(jQuery.grep(jQuery("script"),function(a){return a.src?a.src.match(/jquery\.wymeditor(\.pack|\.min|\.packed)?\.js(\?.*)?$/)||a.src.match(/\/core\.js(\?.*)?$/):null}));return a.length>0?a.attr("src"):(WYMeditor.console.warn("Error determining wymPath. No base WYMeditor file located."),WYMeditor.console.warn("Assuming wymPath to be the current URL"),WYMeditor.console.warn("Please pass a correct wymPath option"),"")},WYMeditor._computeBasePath=function(a){var b=a.lastIndexOf("/");return a.substr(0,b+1)},jQuery.fn.isPhantomNode=function(){var a=this;return a[0].nodeType===WYMeditor.NODE_TYPE.TEXT?!/[^\t\n\r ]/.test(a[0].data):!1},jQuery.fn.nextContentsUntil=function(a,b){var c,d=this,e=[],f=d.get(0);if(a=a?a:"",b=b?b:"",!f)return jQuery();for(f=f.nextSibling;f&&!jQuery(f).is(a);)e.push(f),f=f.nextSibling;return c=jQuery(e),b?c.filter(b):c},jQuery.fn.nextAllContents=function(){var a=this;return jQuery(a).nextContentsUntil("","")},jQuery.fn.prevContentsUntil=function(a,b){var c,d=this,e=[],f=d.get(0);if(a=a?a:"",b=b?b:"",!f)return jQuery();for(f=f.previousSibling;f&&!jQuery(f).is(a);)e.push(f),f=f.previousSibling;return c=jQuery(e),b?c.filter(b):c},jQuery.fn.prevAllContents=function(){var a=this;return jQuery(a).prevContentsUntil("","")},WYMeditor.isPhantomNode=function(a){return a.nodeType===WYMeditor.NODE_TYPE.TEXT?!/[^\t\n\r ]/.test(a.data):!1},WYMeditor.isPhantomString=function(a){return!/[^\t\n\r ]/.test(a)},jQuery.fn.addBack=jQuery.fn.addBack?jQuery.fn.addBack:jQuery.fn.andSelf,jQuery.fn.parentsOrSelf=function(a){var b=this;return a?b.parents().addBack().filter(a):b.parents().addBack()},WYMeditor.Helper={replaceAllInStr:function(a,b,c){var d=new RegExp(b,"g");return a.replace(d,c)},insertAt:function(a,b,c){return a.substr(0,c)+b+a.substring(c)},trim:function(a){return a.replace(/^(\s*)|(\s*)$/gm,"")},arrayContains:function(a,b){var c;for(c=0;c<a.length;c+=1)if(a[c]===b)return!0;return!1},indexOf:function(a,b){var c,d=-1;for(c=0;c<a.length;c+=1)if(a[c]===b){d=c;break}return d},_getFromArrayByName:function(a,b){var c,d;for(c=0;c<a.length;c+=1)if(d=a[c],d.name===b)return d;return null},getAllEventTypes:function(a){var b=[];for(var c in a)0===c.indexOf("on")&&"onmousemove"!==c&&b.push(c.slice(2));return b.join(" ")}},WYMeditor._getWymClassForBrowser=function(){switch(jQuery.browser.name){case"msie":return WYMeditor.isInternetExplorerPre11()?WYMeditor.WymClassTridentPre7:WYMeditor.isInternetExplorer11OrNewer()?WYMeditor.WymClassTrident7:!1;case"mozilla":return WYMeditor.WymClassGecko;case"chrome":return WYMeditor.WymClassBlink;case"safari":return WYMeditor.WymClassSafari}return jQuery.browser.webkit?WYMeditor.WymClassWebKit:(WYMeditor.console.warn("WYMeditor could not instantiate: this browser is not supported"),!1)},WYMeditor.editor.prototype._openPopupWindow=function(a){var b,c=this,d=c._options.basePath;return b=window.open(jQuery.browser.msie?d+"popup.html":"","wymPopupWindow",a)},WYMeditor.editor.prototype.dialog=function(a,b,c){var d,e,f,g,h,i,j,k,l=this,m=WYMeditor.DIALOGS,n=l._options;if(jQuery.isPlainObject(a)?e=a:"string"==typeof a&&m.hasOwnProperty(a)&&(WYMeditor.console.warn("DEPRECATION WARNING: `dialog` method received a string dialog name. Please provide a dialog object instead."),e=m[a]),jQuery.isPlainObject(e)!==!0&&"string"!=typeof c)throw"`dialog` method: No dialog provided";if(e&&(e.hasOwnProperty("title")!==!0||e.hasOwnProperty("shouldOpen")!==!0||e.hasOwnProperty("getBodyHtml")!==!0))throw"Expected the dialog object to contain at least `title`, `shouldOpen` and `getbodyHtml`";if(e&&e.shouldOpen.call(l)!==!0)return!1;if(f=b?b:e&&e.getWindowFeatures?e.getWindowFeatures.call(l):n.dialogFeatures?n.dialogFeatures:["menubar=no","titlebar=no","toolbar=no","resizable=no","width=560","height=300","top=0","left=0"].join(","),g=l._openPopupWindow(f),"object"!=typeof g||g.window!==g)return WYMeditor.console.warn("Could not create a dialog window"),!1;for(g.focus(),i=n.dialogHtml||String()+'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html dir="'+WYMeditor.DIRECTION+'"><head><title>'+WYMeditor.DIALOG_TITLE+"</title></head>"+WYMeditor.DIALOG_BODY+"</html>",h=[{placeholder:WYMeditor.DIRECTION,replacement:n.direction},{placeholder:WYMeditor.DIALOG_TITLE,replacement:e?l._encloseString(e.title):"Dialog"},{placeholder:WYMeditor.DIALOG_BODY,replacement:c||e.getBodyHtml.call(l)}],d=0;d<h.length;d++)i=WYMeditor.Helper.replaceAllInStr(i,h[d].placeholder,h[d].replacement);return i=l.replaceStrings(i),j=g.document,j.write(i),e&&e.getBodyClass&&jQuery(j.body).addClass(e.getBodyClass.call(l)),j.close(),k=l.selectedContainer(),g.onbeforeunload=function(){l.focusOnDocument()},jQuery.isFunction(n.preInitDialog)&&n.preInitDialog(l,g),e&&e.initialize&&e.initialize.call(l,g),e&&e.submitHandler&&jQuery("form",j).submit(function(){e.submitHandler.call(l,g)}),jQuery(n.cancelSelector,j).click(function(){g.close()}),jQuery.isFunction(n.postInitDialog)&&n.postInitDialog(l,g),g},WYMeditor.DIALOGS={CreateLink:{title:"Link",shouldOpen:function(){var a,b=this;return b.hasSelection()!==!0?!1:(a=b.selectedContainer(),a===!1?!1:b.selection().isCollapsed&&"a"!==a.tagName.toLowerCase()?!1:!0)},getBodyHtml:function(){var a=this;return a._options.dialogLinkHtml||String()+'<form><fieldset><input type="hidden" class="wym_dialog_type" value="'+WYMeditor.DIALOG_LINK+'" /><legend>{Link}</legend><div class="row"><label>{URL}</label><input type="text" class="wym_href" value="" size="40" autofocus="autofocus" /></div><div class="row"><label>{Title}</label><input type="text" class="wym_title" value="" size="40" /></div><div class="row"><label>{Relationship}</label><input type="text" class="wym_rel" value="" size="40" /></div><div class="row row-indent"><input class="wym_submit" type="submit" value="{Submit}" /><input class="wym_cancel" type="button" value="{Cancel}" /></div></fieldset></form>'},getBodyClass:function(){var a=this;return a._options.dialogSelectorLink||"wym_dialog_link"},initialize:function(a){var b,c,d,e,f,g,h=this,i=a.document,j=h._options,k=h.selectedContainer();k&&(b=jQuery(j.hrefSelector,i),c=jQuery(j.titleSelector,i),d=jQuery(j.relSelector,i),e=jQuery(k).attr(WYMeditor.HREF),f=jQuery(k).attr(WYMeditor.TITLE),g=jQuery(k).attr(WYMeditor.REL),b.val(e),c.val(f),d.val(g))},submitHandler:function(a){var b=this,c=b._options,d=jQuery(c.hrefSelector,a.document).val(),e=jQuery(c.titleSelector,a.document).val(),f=jQuery(c.relSelector,a.document).val();b.link({href:d,title:e,rel:f}),a.close()}},InsertImage:{title:"Image",shouldOpen:function(){var a=this,b=a.getSelectedImage();return b&&b.tagName&&"img"===b.tagName.toLowerCase()?!0:a.hasSelection()},getBodyHtml:function(){var a=this;return a._options.dialogImageHtml||String()+'<form><fieldset><input type="hidden" class="wym_dialog_type" value="'+WYMeditor.DIALOG_IMAGE+'" /><legend>{Image}</legend><div class="row"><label>{URL}</label><input type="text" class="wym_src" value="" size="40" autofocus="autofocus" /></div><div class="row"><label>{Alternative_Text}</label><input type="text" class="wym_alt" value="" size="40" /></div><div class="row"><label>{Title}</label><input type="text" class="wym_title" value="" size="40" /></div><div class="row row-indent"><input class="wym_submit" type="submit" value="{Submit}" /><input class="wym_cancel" type="button" value="{Cancel}" /></div></fieldset></form>'},getBodyClass:function(){var a=this;return a._options.dialogImageSelector||"wym_dialog_image"},initialize:function(a){var b,c,d,e,f,g,h=this,i=a.document,j=h._options,k=h.getSelectedImage();k&&(b=jQuery(j.srcSelector,i),c=jQuery(j.titleSelector,i),d=jQuery(j.altSelector,i),e=jQuery(k).attr(WYMeditor.SRC),f=jQuery(k).attr(WYMeditor.TITLE),g=jQuery(k).attr(WYMeditor.ALT),b.val(e),c.val(f),d.val(g))},submitHandler:function(a){var b,c=this,d=c._options,e=c.getSelectedImage();b={src:jQuery(d.srcSelector,a.document).val(),title:jQuery(d.titleSelector,a.document).val(),alt:jQuery(d.altSelector,a.document).val()},c.focusOnDocument(),e?(c._updateImageAttrs(e,b),c.registerModification()):c.insertImage(b),a.close()}},InsertTable:{title:"Table",shouldOpen:function(){var a=this;return a.hasSelection()!==!0||a.selection().isCollapsed!==!0?!1:!0},getBodyHtml:function(){var a=this;return a._options.dialogTableHtml||String()+'<form><fieldset><input type="hidden" class="wym_dialog_type" value="'+WYMeditor.DIALOG_TABLE+'" /><legend>{Table}</legend><div class="row"><label>{Caption}</label><input type="text" class="wym_caption" value="" size="40" /></div><div class="row"><label>{Summary}</label><input type="text" class="wym_summary" value="" size="40" /></div><div class="row"><label>{Number_Of_Rows}</label><input type="text" class="wym_rows" value="3" size="3" /></div><div class="row"><label>{Number_Of_Cols}</label><input type="text" class="wym_cols" value="2" size="3" /></div><div class="row row-indent"><input class="wym_submit" type="submit" value="{Submit}" /><input class="wym_cancel" type="button" value="{Cancel}" /></div></fieldset></form>'},getBodyClass:function(){var a=this;return a._options.dialogTableSelector||"wym_dialog_table"},submitHandler:function(a){var b=this,c=b._options,d=a.document,e=jQuery(c.rowsSelector,d).val(),f=jQuery(c.colsSelector,d).val(),g=jQuery(c.captionSelector,d).val(),h=jQuery(c.summarySelector,d).val();b.insertTable(e,f,g,h),a.close()}},Paste:{title:"Paste_From_Word",shouldOpen:function(){var a=this;return a.hasSelection()},getBodyHtml:function(){var a=this;return a._options.dialogPasteHtml||String()+'<form><input type="hidden" class="wym_dialog_type" value="'+WYMeditor.DIALOG_PASTE+'" /><fieldset><legend>{Paste_From_Word}</legend><div class="row"><textarea class="wym_text" rows="10" cols="50" autofocus="autofocus"></textarea></div><div class="row"><input class="wym_submit" type="submit" value="{Submit}" /><input class="wym_cancel" type="button" value="{Cancel}" /></div></fieldset></form>'},getBodyClass:function(){var a=this;return a._options.dialogPasteSelector||"wym_dialog_paste"},submitHandler:function(a){var b,c=this;b=jQuery(c._options.textSelector,a.document).val(),c.paste(b),a.close()}},Preview:{title:"Preview",shouldOpen:function(){return!0},getBodyHtml:function(){var a=this;return a._options.dialogPreviewHtml||a.html()},getWindowFeatures:function(){return["menubar=no","titlebar=no","toolbar=no","resizable=no","width=560","height=300","top=0","left=0","scrollbars=yes"].join(",")},getBodyClass:function(){var a=this;return a._options.dialogPreviewSelector||"wym_dialog_preview"}}},WYMeditor.DIALOG_TITLE="{Wym_Dialog_Title}",WYMeditor.DIALOG_BODY="{Wym_Dialog_Body}",WYMeditor.DIALOG_BUTTON_SELECTOR=".wym_opens_dialog a",WYMeditor.DEFAULT_DIALOG_OPTIONS={hrefSelector:".wym_href",srcSelector:".wym_src",titleSelector:".wym_title",relSelector:".wym_rel",altSelector:".wym_alt",textSelector:".wym_text",rowsSelector:".wym_rows",colsSelector:".wym_cols",captionSelector:".wym_caption",summarySelector:".wym_summary",submitSelector:"form",cancelSelector:".wym_cancel",previewSelector:"",dialogLinkSelector:".wym_dialog_link",dialogImageSelector:".wym_dialog_image",dialogTableSelector:".wym_dialog_table",dialogPasteSelector:".wym_dialog_paste",dialogPreviewSelector:".wym_dialog_preview"},WYMeditor.editor.prototype._init=function(){var wym=this,WymClass,browserInstance,SaxListener,prop,h,iframeHtml,boxHtml,aTools,sTools,oTool,sTool,i,aClasses,sClasses,oClass,sClass,aContainers,sContainers,sContainer,oContainer;if(WymClass=WYMeditor._getWymClassForBrowser()){browserInstance=new WymClass(wym),jQuery.isFunction(wym._options.preInit)&&wym._options.preInit(wym),wym.parser=null,wym.helper=null,SaxListener=new WYMeditor.XhtmlSaxListener,wym.parser=new WYMeditor.XhtmlParser(SaxListener),wym.helper=new WYMeditor.XmlHelper;for(prop in browserInstance)wym[prop]=browserInstance[prop];for(wym._box=jQuery(wym.element).hide().after(wym._options.boxHtml).next().addClass("wym_box_"+wym._index),jQuery.isFunction(jQuery.fn.data)&&(jQuery.data(wym._box.get(0),WYMeditor.WYM_INDEX,wym._index),jQuery.data(wym.element.get(0),WYMeditor.WYM_INDEX,wym._index)),h=WYMeditor.Helper,iframeHtml=wym._options.iframeHtml,iframeHtml=h.replaceAllInStr(iframeHtml,WYMeditor.IFRAME_BASE_PATH,wym._options.iframeBasePath),boxHtml=jQuery(wym._box).html(),boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.LOGO,wym._options.logoHtml),boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.TOOLS,wym._options.toolsHtml),boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.CONTAINERS,wym._options.containersHtml),boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.CLASSES,wym._options.classesHtml),boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.HTML,wym._options.htmlHtml),boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.IFRAME,iframeHtml),boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.STATUS,wym._options.statusHtml),aTools=eval(wym._options.toolsItems),sTools="",i=0;i<aTools.length;i+=1)oTool=aTools[i],sTool="",oTool.name&&oTool.title&&(sTool=wym._options.toolsItemHtml),sTool=h.replaceAllInStr(sTool,WYMeditor.TOOL_NAME,oTool.name),sTool=h.replaceAllInStr(sTool,WYMeditor.TOOL_TITLE,wym._options.stringDelimiterLeft+oTool.title+wym._options.stringDelimiterRight),sTool=h.replaceAllInStr(sTool,WYMeditor.TOOL_CLASS,oTool.css),sTools+=sTool;for(boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.TOOLS_ITEMS,sTools),aClasses=eval(wym._options.classesItems),sClasses="",i=0;i<aClasses.length;i+=1)oClass=aClasses[i],sClass="",oClass.name&&oClass.title&&(sClass=wym._options.classesItemHtml),sClass=h.replaceAllInStr(sClass,WYMeditor.CLASS_NAME,oClass.name),sClass=h.replaceAllInStr(sClass,WYMeditor.CLASS_TITLE,oClass.title),sClasses+=sClass;for(boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.CLASSES_ITEMS,sClasses),aContainers=eval(wym._options.containersItems),sContainers="",i=0;i<aContainers.length;i+=1)oContainer=aContainers[i],sContainer="",oContainer.name&&oContainer.title&&(sContainer=wym._options.containersItemHtml),sContainer=h.replaceAllInStr(sContainer,WYMeditor.CONTAINER_NAME,oContainer.name),sContainer=h.replaceAllInStr(sContainer,WYMeditor.CONTAINER_TITLE,wym._options.stringDelimiterLeft+oContainer.title+wym._options.stringDelimiterRight),sContainer=h.replaceAllInStr(sContainer,WYMeditor.CONTAINER_CLASS,oContainer.css),sContainers+=sContainer;boxHtml=h.replaceAllInStr(boxHtml,WYMeditor.CONTAINERS_ITEMS,sContainers),boxHtml=wym.replaceStrings(boxHtml),jQuery(wym._box).html(boxHtml),jQuery(wym._box).find(wym._options.htmlSelector).hide(),wym.documentStructureManager=new WYMeditor.DocumentStructureManager(wym,wym._options.structureRules.defaultRootContainer),wym.iframeInitialized=!1,wym._iframe=jQuery(wym._box).find("iframe")[0],jQuery(wym._iframe).load(function(){wym._onEditorIframeLoad(wym)}),wym.element.attr("data-wym-initialized","yes"),wym._initSkin()}},WYMeditor.editor.prototype._assignWymDoc=function(){var a=this;a._doc=a._iframe.contentDocument},WYMeditor.editor.prototype._isDesignModeOn=function(){var a=this;return"string"==typeof a._doc.designMode&&"on"===a._doc.designMode.toLowerCase()?!0:!1},WYMeditor.editor.prototype._onEditorIframeLoad=function(a){a._assignWymDoc(),a._enableDesignModeOnDocument(),a._afterDesignModeOn()},WYMeditor.editor.prototype.get$Buttons=function(){var a,b,c=this;return a=[c._options.toolSelector,c._options.containerSelector,c._options.classSelector].join(", "),b=jQuery(c._box).find(a)},WYMeditor.editor.prototype.focusOnDocument=function(){var a=this,b=a._iframe.contentWindow;b.focus()},WYMeditor.editor.prototype.registerModification=function(a){var b=this;b.undoRedo._add(),a||b.nativeEditRegistration.edited.reset(),jQuery(b.element).trigger(WYMeditor.EVENTS.postModification)},WYMeditor.editor.prototype._bindFocusOnDocumentToButtons=function(){var a=this,b=a.get$Buttons();b=b.parent().not(".wym_opens_dialog").children("a"),b.click(function(){a.focusOnDocument()})},WYMeditor.editor.prototype._uiQuirks=function(){},WYMeditor.editor.prototype._afterDesignModeOn=function(){var a=this;a.iframeInitialized!==!0&&(a._assignWymDoc(),a.$body().addClass("wym_iframe combokeys"),a._doc.title=a._index,jQuery("html",a._doc).attr("dir",a._options.direction),a.keyboard=new WYMeditor.Keyboard(a),a.keyboard._attachDefaultKeyboardShortcuts(),a._docEventQuirks(),a._initializeDocumentContent(),jQuery.isFunction(a._options.preBind)&&a._options.preBind(a),a._bindUIEvents(),a.iframeInitialized=!0,jQuery.isFunction(a._options.postInit)&&a._options.postInit(a),a._bindFocusOnDocumentToButtons(),a._uiQuirks(),a._listen(),a.undoRedo=new WYMeditor.UndoRedo(a),a.nativeEditRegistration=new WYMeditor.NativeEditRegistration(a),a.ih=new WYMeditor.ImageHandler(a),jQuery(a.element).trigger(WYMeditor.EVENTS.postIframeInitialization,a))},WYMeditor.editor.prototype._initializeDocumentContent=function(){var a=this;a._options.html?a.html(a._options.html):a.html(a.element[0].value)},WYMeditor.editor.prototype._docEventQuirks=function(){},WYMeditor.editor.prototype._bindUIEvents=function(){var wym=this,$toolbarButtons=jQuery(wym._box).find(wym._options.toolSelector),dialogButtonSelector=WYMeditor.DIALOG_BUTTON_SELECTOR,$html_val;$toolbarButtons.not(dialogButtonSelector).click(function(){var a=this;return wym.exec(jQuery(a).attr(WYMeditor.NAME)),!1}),$toolbarButtons.filter(dialogButtonSelector).click(function(){var a=this,b=jQuery(a).attr(WYMeditor.NAME),c=WYMeditor.DIALOGS[b];return wym.dialog(c),!1}),jQuery(wym._box).find(wym._options.containerSelector).click(function(){var a=this;return wym.setRootContainer(jQuery(a).attr(WYMeditor.NAME)),!1}),$html_val=jQuery(wym._box).find(wym._options.htmlValSelector),$html_val.keyup(function(){var a=this;wym.$body().html(jQuery(a).val())}),$html_val.focus(function(){var a=this;jQuery(a).toggleClass("hasfocus")}),$html_val.blur(function(){var a=this;jQuery(a).toggleClass("hasfocus")}),jQuery(wym._box).find(wym._options.classSelector).click(function(){var classButton=this,aClasses=eval(wym._options.classesItems),sName=jQuery(classButton).attr(WYMeditor.NAME),oClass=WYMeditor.Helper._getFromArrayByName(aClasses,sName),jqexpr;return oClass&&(jqexpr=oClass.expr,wym.toggleClass(sName,jqexpr)),!1}),jQuery(wym._options.updateSelector).bind(wym._options.updateEvent,function(){wym.update()}),wym.$body().bind("focus",function(){wym._isDesignModeOn()!==!0&&wym._enableDesignModeOnDocument()})},WYMeditor.editor.prototype._enableDesignModeOnDocument=function(){var a=this;if(a._isDesignModeOn())throw"Expected `designMode` to be off.";try{a._doc.designMode="On"}catch(b){}"function"==typeof a._designModeQuirks&&a._designModeQuirks()},WYMeditor.editor.prototype.get$WymBox=function(){var a=this;return a._box},WYMeditor.editor.prototype.vanish=function(){var a,b=this,c=WYMeditor.INSTANCES;for(b._box.remove(),b.element.removeAttr("data-wym-initialized").attr("data-wym-vanished","").show(),c.splice(b._index,1),a=0;a<c.length;a++)c[a]._index=a},WYMeditor.editor.prototype._exec=function(a,b){var c,d=this;if("string"!=typeof a)throw"`_exec` expected a String `cmd`";if(b&&"string"!=typeof b)throw"`_exec` expected a String `param`";return d.selectedContainer()===d.body()&&a!==WYMeditor.EXEC_COMMANDS.INSERT_IMAGE&&a!==WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK?!1:(d._doc.execCommand(a,!1,b),c=jQuery(d.selectedContainer()).filter("span").not("[id]"),0===c.length?!0:((""===c.attr("class")&&"font-weight: normal;"===c.attr("style")||"apple-style-span"===c.attr("class").toLowerCase())&&c.contents().unwrap(),!0))},WYMeditor.editor.prototype.rawHtml=function(a){var b=this;return"string"!=typeof a?b.$body().html():(b.$body().html(a),void b.update())},WYMeditor.editor.prototype.html=function(a){var b=this;return"string"!=typeof a?b.parser.parse(b.rawHtml()):(b.rawHtml(b.parser.parse(a)),void b.prepareDocForEditing())},WYMeditor.editor.prototype.exec=function(a){var b,c=this;switch(a){case WYMeditor.EXEC_COMMANDS.TOGGLE_HTML:c.update(),c.toggleHtml();break;case WYMeditor.EXEC_COMMANDS.INSERT_ORDEREDLIST:c._insertOrderedList();break;case WYMeditor.EXEC_COMMANDS.INSERT_UNORDEREDLIST:c._insertUnorderedList();break;case WYMeditor.EXEC_COMMANDS.INDENT:c.indent();break;case WYMeditor.EXEC_COMMANDS.OUTDENT:c.outdent();break;case WYMeditor.EXEC_COMMANDS.UNDO:c.undoRedo.undo();break;case WYMeditor.EXEC_COMMANDS.REDO:c.undoRedo.redo();break;default:b=!1,jQuery.each(c._options.customCommands,function(){var d=this;return a===d.name?(b=!0,d.run.apply(c),!1):void 0}),b||c._exec(a)===!0&&c.registerModification()}},WYMeditor.editor.prototype.selection=function(){
-var a,b=this,c=b._iframe;return window.rangy&&!rangy.initialized&&rangy.init(),a=rangy.getIframeSelection(c)},WYMeditor.editor.prototype.nodeAfterSel=function(){var a=this,b=a.selection();if(b.anchorNode.tagName&&-1===jQuery.inArray(b.anchorNode.tagName.toLowerCase(),WYMeditor.NON_CONTAINING_ELEMENTS)){if(0===b.anchorNode.childNodes.length)return;return b.anchorNode.childNodes[b.anchorOffset]}if(b.focusNode.nodeType===WYMeditor.NODE_TYPE.TEXT&&b.focusNode.data.length===b.focusOffset){if(!b.focusNode.nextSibling)return;return b.focusNode.nextSibling}return b.focusNode},WYMeditor.editor.prototype.get$CommonParent=function(a,b){if("object"!=typeof a||"number"!=typeof a.nodeType||"object"!=typeof b||"number"!=typeof b.nodeType)throw"`one` and `two` must be DOM nodes.";if(a.nodeType===WYMeditor.NODE_TYPE.TEXT&&(a=a.parentNode),b.nodeType===WYMeditor.NODE_TYPE.TEXT&&(b=b.parentNode),a===b)return jQuery(a);var c,d=jQuery(a),e=jQuery(b);if(c=d.parents().addBack().has(e).last(),0===c.length)throw"Couldn't find common parent. This shouldn't happen.";return c},WYMeditor.editor.prototype.selectedContainer=function(){var a,b,c,d,e=this;return e.hasSelection()!==!0?!1:(a=e.selection(),b=jQuery(a.anchorNode),c=jQuery(a.focusNode),b[0].nodeType===WYMeditor.NODE_TYPE.TEXT&&(b=b.parent()),c[0].nodeType===WYMeditor.NODE_TYPE.TEXT&&(c=c.parent()),b[0]===c[0]?b[0]:(d=b.has(c),0===d.length&&(d=c.has(b)),0===d.length?!1:d[0]))},WYMeditor.editor.prototype.selected=function(){var a=this;return WYMeditor.console.warn("The function WYMeditor.editor.selected() is deprecated. Use WYMeditor.editor.selectedContainer"),a.selectedContainer()},WYMeditor.editor.prototype.isBlockNode=function(a){return a.tagName&&jQuery.inArray(a.tagName.toLowerCase(),WYMeditor.BLOCKS)>-1?!0:!1},WYMeditor.editor.prototype.isInlineNode=function(a){return a.nodeType===WYMeditor.NODE_TYPE.TEXT||jQuery.inArray(a.tagName.toLowerCase(),WYMeditor.INLINE_ELEMENTS)>-1?!0:!1},WYMeditor.editor.prototype.isListNode=function(a){return a.tagName&&jQuery.inArray(a.tagName.toLowerCase(),WYMeditor.LIST_TYPE_ELEMENTS)>-1?!0:!1},WYMeditor.editor.prototype.unwrapIfMeaninglessSpan=function(a){var b,c=jQuery(a),d=0,e=["_wym_visited","length","ie8_length"];if(!a||"undefined"==typeof a.tagName||"span"!==a.tagName.toLowerCase())return!1;for(;d<a.attributes.length;){if(b=a.attributes[d].nodeName,-1===jQuery.inArray(b,e))return!1;d++}return c.before(c.contents()),c.remove(),!0},WYMeditor.editor.prototype.getRootContainer=function(){var a=this;return jQuery(a.selectedContainer()).parentsOrSelf().not("html, body, blockquote").last()[0]},WYMeditor.editor.prototype.setRootContainer=function(a){var b,c,d,e,f,g,h,i=this,j=null;if(a.toLowerCase()===WYMeditor.TH){switch(j=i.selectedContainer(),j.tagName.toLowerCase()){case WYMeditor.TD:case WYMeditor.TH:break;default:b=[WYMeditor.TD,WYMeditor.TH],j=i.findUp(i.selectedContainer(),b)}null!==j&&(a=WYMeditor.TD,j.tagName.toLowerCase()===WYMeditor.TD&&(a=WYMeditor.TH),i.restoreSelectionAfterManipulation(function(){return i.switchTo(j,a,!1),!0}),i.update(),i.registerModification())}else if(b=[WYMeditor.P,WYMeditor.DIV,WYMeditor.H1,WYMeditor.H2,WYMeditor.H3,WYMeditor.H4,WYMeditor.H5,WYMeditor.H6,WYMeditor.PRE,WYMeditor.BLOCKQUOTE],j=i.findUp(i.selectedContainer(),b)){if(a.toLowerCase()===WYMeditor.BLOCKQUOTE)if(d=i.findUp(i.selectedContainer(),WYMeditor.BLOCKQUOTE),null===d)c=i._doc.createElement(a),j.parentNode.insertBefore(c,j),c.appendChild(j),i.setCaretIn(c.firstChild);else{for(e=d.childNodes,f=e.length,f>0&&(g=e.item(0)),h=0;f>h;h+=1)d.parentNode.insertBefore(e.item(0),d);d.parentNode.removeChild(d),g&&i.setCaretIn(g)}else i.restoreSelectionAfterManipulation(function(){return i.switchTo(j,a,!1),!0});i.update(),i.registerModification()}return!1},WYMeditor.editor.prototype.isForbiddenRootContainer=function(a){return jQuery.inArray(a.toLowerCase(),WYMeditor.FORBIDDEN_ROOT_CONTAINERS)>-1},WYMeditor.editor.prototype.keyCanCreateBlockElement=function(a){return jQuery.inArray(a,WYMeditor.POTENTIAL_BLOCK_ELEMENT_CREATION_KEYS)>-1},WYMeditor.editor.prototype.toggleClass=function(a,b){var c,d=this;c=jQuery(d.getSelectedImage()),1!==c.length&&(c=jQuery(d.selectedContainer()).parentsOrSelf(b).last()),c.toggleClass(a),c.attr(WYMeditor.CLASS)||c.removeAttr(d._class),d.registerModification()},WYMeditor.editor.prototype.getSelectedImage=function(){var a,b,c=this;return c.hasSelection()!==!0?!1:c.selection().isCollapsed!==!1?!1:(a=c._getSelectedNodes(),1!==a.length?!1:(b=a[0],b.tagName&&"img"===b.tagName.toLowerCase()?b:!1))},WYMeditor.editor.prototype.findUp=function(a,b){if("undefined"==typeof a||null===a)return null;"#text"===a.nodeName&&(a=a.parentNode);var c,d,e=a.tagName.toLowerCase();if(typeof b===WYMeditor.STRING)for(;e!==b&&e!==WYMeditor.BODY;)a=a.parentNode,e=a.tagName.toLowerCase();else for(c=!1;!c&&e!==WYMeditor.BODY;){for(d=0;d<b.length;d+=1)if(e===b[d]){c=!0;break}if(!c){if(a=a.parentNode,null===a)return null;e=a.tagName.toLowerCase()}}return e===WYMeditor.BODY?null:a},WYMeditor.editor.prototype.switchTo=function(a,b,c){var d,e,f=this,g=jQuery(a),h=a.attributes;if(!a.tagName)throw"This must be an element.";if("img"===a.tagName.toLowerCase())throw"Will not change the type of an 'img' element.";if(d=f._doc.createElement(b),jQuery(d).append(a.childNodes),g.replaceWith(d),!c)for(e=0;e<h.length;++e)d.setAttribute(h.item(e).nodeName,h.item(e).value);return d},WYMeditor.editor.prototype.replaceStrings=function(a){var b,c=this;if(!WYMeditor.STRINGS[c._options.lang])return WYMeditor.console.error("WYMeditor: language '"+c._options.lang+"' not found."),WYMeditor.console.error("Unable to perform i10n."),a;for(b in WYMeditor.STRINGS[c._options.lang])WYMeditor.STRINGS[c._options.lang].hasOwnProperty(b)&&(a=WYMeditor.Helper.replaceAllInStr(a,c._options.stringDelimiterLeft+b+c._options.stringDelimiterRight,WYMeditor.STRINGS[c._options.lang][b]));return a},WYMeditor.editor.prototype._encloseString=function(a){var b=this;return b._options.stringDelimiterLeft+a+b._options.stringDelimiterRight},WYMeditor.editor.prototype.getCurrentState=function(){var a,b=this,c={},d=b._iframe.contentWindow;return b.hasSelection()&&(a=b.selection()),a&&a.anchorNode===b.body()&&0===a.anchorOffset&&a.isCollapsed&&(a=!1),a&&(c.savedSelection=rangy.saveSelection(d)),c.html=b.rawHtml(),c.savedSelection&&(rangy.restoreSelection(c.savedSelection),c.savedSelection.restored=!1,delete c.savedSelection.win,delete c.savedSelection.doc),c},WYMeditor.editor.prototype.hasSelection=function(){var a=this;return rangy.isSelectionValid(a._iframe.contentWindow)!==!0?!1:0===a.selection().rangeCount?!1:!0},WYMeditor.editor.prototype._setSingleSelectionRange=function(a){var b,c=this;b=c.selection(),b.setSingleRange(a)},WYMeditor.editor.prototype.status=function(a){var b=this;jQuery(b._box).find(b._options.statusSelector).html(a)},WYMeditor.editor.prototype.update=function(){var a,b=this;a=b.html(),jQuery(b.element).val(a),jQuery(b._box).find(b._options.htmlValSelector).not(".hasfocus").val(a)},WYMeditor.editor.prototype.prepareDocForEditing=function(){var a,b=this;b._spaceBlockingElements(),b._fixDoubleBr(),a=b.$body(),0===a.children().length&&b.$body().append("<br />"),jQuery(b.element).trigger(WYMeditor.EVENTS.postBlockMaybeCreated,b)},WYMeditor.editor.prototype._spaceBlockingElements=function(){var a,b,c,d,e,f,g=this,h=WYMeditor.DocumentStructureManager.CONTAINERS_BLOCKING_NAVIGATION.join(", "),i=g.$body(),j=i.children();a=jQuery.browser.mozilla?'<br class="'+WYMeditor.BLOCKING_ELEMENT_SPACER_CLASS+" "+WYMeditor.EDITOR_ONLY_CLASS+'" _moz_editor_bogus_node="TRUE" _moz_dirty=""/>':'<br class="'+WYMeditor.BLOCKING_ELEMENT_SPACER_CLASS+" "+WYMeditor.EDITOR_ONLY_CLASS+'"/>',j.length>0&&(b=jQuery(j[0]),c=jQuery(j[j.length-1]),b.is(h)&&b.before(a),c.is(h)&&c.after(a)),d=g._getBlockSepSelector(),i.find(d).before(a),e=g._getBlockInListSepSelector(),f=i.find(e),f.each(function(){var b=this,c=jQuery(b);c.next(h).length||c.next("br").length||c.after(a)})},WYMeditor.editor.prototype._getBlockSepSelector=function(){var a,b=this,c=[],d=WYMeditor.DocumentStructureManager.CONTAINERS_BLOCKING_NAVIGATION;return"undefined"!=typeof b._blockSpacersSel?b._blockSpacersSel:(a=jQuery.grep(b.documentStructureManager.structureRules.validRootContainers,function(a){return-1===jQuery.inArray(a,d)}),jQuery.each(d,function(a,b){jQuery.each(d,function(a,d){c.push(b+" + "+d)})}),jQuery.each(d,function(b,d){jQuery.each(a,function(a,b){c.push(d+" + "+b),c.push(b+" + "+d)})}),b._blockSpacersSel=c.join(", "),b._blockSpacersSel)},WYMeditor.editor.prototype._getBlockInListSepSelector=function(){var a=this,b=[];return"undefined"!=typeof a._blockInListSpacersSel?a._blockInListSpacersSel:(jQuery.each(WYMeditor.LIST_TYPE_ELEMENTS,function(a,c){jQuery.each(WYMeditor.BLOCKING_ELEMENTS,function(a,d){b.push(c+" "+d)})}),a._blockInListSpacersSel=b.join(", "),a._blockInListSpacersSel)},WYMeditor.editor.prototype._fixDoubleBr=function(){var a,b=this,c=b.$body();c.children("br + br").filter(":not(pre br)").remove(),c.find("p + br").next("p").prev("br").remove(),a=c.find("p + br").slice(-1),a.length>0&&0===a.next().length&&a.remove()},WYMeditor.editor.prototype.link=function(a){var b,c,d,e=this;if(jQuery.isPlainObject(a)!==!0)throw"Expected a plain object.";a.hasOwnProperty("href")===!0&&"string"==typeof a.href&&0!==a.href.length&&(b=jQuery(e.selectedContainer()),b.is("a")?d=b:(c=e.uniqueStamp(),e._exec(WYMeditor.EXEC_COMMANDS.CREATE_LINK,c),d=jQuery("a[href="+c+"]",e.body())),0!==d.length&&(d.attr(a),e.registerModification()))},WYMeditor.editor.prototype.insertImage=function(a){var b,c,d=this;if(jQuery.isPlainObject(a)!==!0)throw"Expected a plain object.";a.hasOwnProperty("src")===!0&&"string"==typeof a.src&&0!==a.src.length&&(b=d.uniqueStamp(),d._exec(WYMeditor.EXEC_COMMANDS.INSERT_IMAGE,b),c=jQuery("img[src="+b+"]",d.body()),0!==c.length&&(c.attr(a),d.$body().find(".Apple-style-span").children().unwrap(),d.registerModification()))},WYMeditor.editor.prototype._updateImageAttrs=function(a,b){var c=jQuery(a);b.src!==c.attr("src")&&(c.data("DimensionsRatio",null),c.removeAttr("height").removeAttr("width")),c.attr(b)},WYMeditor.editor.prototype.toggleHtml=function(){var a=this;jQuery(a._box).find(a._options.htmlSelector).toggle()},WYMeditor.editor.prototype.uniqueStamp=function(){var a=new Date;return"wym"+a.getTime()},WYMeditor.editor.prototype._handleMultilineBlockContainerPaste=function(a,b,c,d){var e,f,g,h,i,j,k,l,m,n,o,p;for(f=jQuery(o),h="p",b.is("li")&&(h="li"),c.splitBoundaries(),o=a.findUp(c.startContainer,["p","h1","h2","h3","h4","h5","h6","li"]),p=o.tagName,i=[],j=[],jQuery(o).contents().each(function(a,b){k=c.compareNode(b),k===c.NODE_BEFORE||k===c.NODE_BEFORE_AND_AFTER&&c.startOffset===c.startContainer.length?i.push(b):j.push(b)}),e=0;e<i.length;e++)jQuery(i[e]).remove();for(e=0;e<j.length;e++)jQuery(j[e]).remove();for(i.length>0&&jQuery(o).prepend(i),j.length>0&&(l=jQuery("<"+p+"></"+p+">",a._doc),l.insertAfter(jQuery(o)),l.append(j)),m=d.splice(0,1)[0],n=m.split(WYMeditor.NEWLINE).join("<br />"),jQuery(o).html(jQuery(o).html()+n),f=jQuery(o),e=0;e<d.length;e++)g="<"+h+">"+d[e].split(WYMeditor.NEWLINE).join("<br />")+"</"+h+">",f=jQuery(g,a._doc).insertAfter(f)},WYMeditor.editor.prototype.paste=function(a){var b,c,d,e,f,g,h,i,j=this,k=j.selectedContainer(),l=jQuery(k),m="",n=!1,o=j.selection(),p=o.getRangeAt(0);if(p.collapse(!0),b=a.split(new RegExp(WYMeditor.NEWLINE+"{2,}","g")),1===b.length&&(n=!0),"undefined"==typeof k||k&&k.tagName.toLowerCase()===WYMeditor.BODY)if(n)f=jQuery("<p>"+b[0]+"</p>",j._doc).appendTo(j._doc.body);else for(e="p",g=b.length-1;g>=0;g-=1)for(m="<"+e+">"+b[g].split(WYMeditor.NEWLINE).join("<br />")+"</"+e+">",i=jQuery(m,j._doc),c=i.length-1;c>=0;c--)p.insertNode(i[c]);else if(n||l.is("pre"))h=j._doc.createTextNode(a),p.insertNode(h);else if(l.is("p,h1,h2,h3,h4,h5,h6,li"))j._handleMultilineBlockContainerPaste(j,l,p,b);else for(d=a.split(WYMeditor.NEWLINE),g=d.length-1;g>=0;g-=1)h=j._doc.createTextNode(d[g]),p.insertNode(h),g>0&&p.insertNode(jQuery("<br />",j._doc).get(0));j.registerModification()},WYMeditor.editor.prototype.insert=function(a){var b,c,d=this,e=d.hasSelection()?d.selection():!1;e&&(b=e.getRangeAt(0),c=b.createContextualFragment(a),b.deleteContents(),b.insertNode(c))},WYMeditor.editor.prototype.canSetCaretBefore=function(a){var b=this;if(a.nodeType===WYMeditor.NODE_TYPE.TEXT)return!0;if(a.tagName&&"br"===a.tagName.toLowerCase()){if(!a.previousSibling)return!0;if(a.previousSibling.tagName&&"br"===a.previousSibling.tagName.toLowerCase())return!0;if(b.isBlockNode(a.previousSibling))return!0;if(a.previousSibling.nodeType===WYMeditor.NODE_TYPE.TEXT)return!0}return!1},WYMeditor.editor.prototype.setCaretBefore=function(a){var b=this,c=rangy.createRange(b._doc),d=b.selection();if(!b.canSetCaretBefore(a))throw"Can't set caret before this node.";c.selectNode(a),c.collapse(!0),d.setSingleRange(c)},WYMeditor.editor.prototype.canSetCaretIn=function(a){var b=this;if(a.nodeType===WYMeditor.NODE_TYPE.TEXT||a.tagName&&jQuery.inArray(a.tagName.toLowerCase(),WYMeditor.NO_CARET_ELEMENTS)>-1)return!1;if(b.isInlineNode(a)){if(0===a.childNodes.length)return!1;WYMeditor.console.warn("Can set a non-collapsed selection. Rangy issue #209.")}return!0},WYMeditor.editor.prototype.setCaretIn=function(a){var b=this,c=rangy.createRange(b._doc),d=b.selection();if(!b.canSetCaretIn(a))throw"The element must be able to contain other elements. Perhaps  you would like to use `setCaretBefore`, instead.";c.selectNodeContents(a),b.isInlineNode(a)?WYMeditor.console.warn("Can't set a collapsed selection. Setting a non-collapsed selection, instead. Rangy issue #209."):c.collapse(!0),d.setSingleRange(c)},WYMeditor.editor.prototype._splitListItemContents=function(a){var b,c,d,e=!1,f={itemContents:[],sublistContents:[]};for(b=a.contents(),c=0;c<b.length;c++)d=b.get(c),e||jQuery(d).is("ol,ul")?(e=!0,f.sublistContents.push(d)):f.itemContents.push(d);return f},WYMeditor.editor.prototype._joinAdjacentLists=function(a,b){var c;"undefined"!=typeof a&&"undefined"!=typeof b&&a.nextSibling===b&&a.tagName.toLowerCase()===b.tagName.toLowerCase()&&(c=jQuery(b).contents(),c.unwrap(),c.detach(),jQuery(a).append(c))},WYMeditor.editor.prototype._indentSingleItem=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n=this;b=jQuery(a),c=b.parent()[0].tagName.toLowerCase(),f=n._splitListItemContents(b),h=jQuery(f.sublistContents),g=jQuery(f.itemContents),i=b.prev().filter("li"),0===i.length&&(d='<li class="spacer_li"></li>',b.before(d),i=b.prev()),j=i.contents().last().filter("ol,ul"),j.length>0?(j.append(b),h.detach(),i.append(h),k=h.first(),n._joinAdjacentLists(j.get(0),k.get(0))):(h.length>0?(h.detach(),i.append(h),j=h.first()):(e="<"+c+"></"+c+">",i.append(e),j=i.contents().last()),j.prepend(b)),b.next().is(".spacer_li")&&(l=b.next(".spacer_li"),m=l.contents(),m.detach(),b.append(m),l.remove())},WYMeditor.editor.prototype._outdentSingleItem=function(a){var b,c,d,e,f,g,h,i,j,k,l,m=this;if(b=jQuery(a),c=b.parent()[0].tagName.toLowerCase(),b.parent().parent().is("ol,ul,li")){if(b.parent().parent().is("li")||(WYMeditor.console.log("Attempting to fix invalid list nesting before outdenting."),m._fixInvalidListNesting(a)),e=m._splitListItemContents(b),g=jQuery(e.sublistContents),f=jQuery(e.itemContents),h=b.parent().parent("li"),0===h.length)return void WYMeditor.console.error("Invalid list. No parentLi found, so aborting outdent");i=b.parent(),j=b.nextAllContents(),k=i.nextAllContents(),b.detach(),h.after(b),g.length>0&&(d="<"+c+'><li class="spacer_li"></li></'+c+">",b.append(d),l=b.children().last(),g.detach(),l.children("li").append(g)),j.length>0&&("undefined"==typeof l&&(d="<"+c+"></"+c+">",b.append(d),l=b.children().last()),j.detach(),l.append(j)),k.length>0&&(k.detach(),b.contents().length>0&&b.contents().last()[0].nodeType===WYMeditor.NODE_TYPE.TEXT&&k[0].nodeType===WYMeditor.NODE_TYPE.TEXT&&b.append("<br />"),b.append(k)),0===i.contents().length&&i.remove(),0===h.contents().length&&h.remove()}},WYMeditor.editor.prototype._fixInvalidListNesting=function(a,b){var c,d,e=this,f=a;if("undefined"==typeof b&&(b=!1),!f)return b;for(;f.parentNode&&(c=f.parentNode,c.nodeType===WYMeditor.NODE_TYPE.ELEMENT)&&(d=c.tagName.toLowerCase(),"ol"===d||"ul"===d||"li"===d);)f=c;return jQuery(f).is("li")?(WYMeditor.console.log("Correcting orphaned root li before correcting invalid list nesting."),e._correctOrphanedListItem(f),e._fixInvalidListNesting(f,!0)):jQuery(f).is("ol,ul")?e._fixInvalidlyNestedList(f,b):(WYMeditor.console.error("Can't correct invalid list nesting. No root list found"),b)},WYMeditor.editor.prototype._isPOrDivAfterEnterInEmptyNestedLi=function(a){if(jQuery.inArray(a.tagName.toLowerCase(),WYMeditor.DocumentStructureManager.VALID_DEFAULT_ROOT_CONTAINERS)>-1&&"li"===a.parentNode.tagName.toLowerCase())switch(a.childNodes.length){case 0:return!0;case 1:if(a.childNodes[0].tagName&&"br"===a.childNodes[0].tagName.toLowerCase())return!0;if(a.childNodes[0].nodeType===WYMeditor.NODE_TYPE.TEXT&&a.childNodes[0].data===WYMeditor.NBSP)return!0}return!1},WYMeditor.editor.prototype._isSpilledListAfterEnterInEmptyLi=function(a){var b=this;return"li"===a.tagName.toLowerCase()&&a.previousSibling&&b.isListNode(a.previousSibling)&&a.previousSibling.previousSibling&&"li"===a.previousSibling.previousSibling.tagName.toLowerCase()&&b.isListNode(a.parentNode)?!0:!1},WYMeditor.editor.prototype._handlePotentialEnterInEmptyNestedLi=function(a,b){if(a!==WYMeditor.KEY_CODE.ENTER)return null;var c=this;c._isPOrDivAfterEnterInEmptyNestedLi(b)?c._replaceNodeWithBrAndSetCaret(b):c._isSpilledListAfterEnterInEmptyLi(b)&&(c._appendSiblingsUntilNextLiToPreviousLi(b),c._replaceNodeWithBrAndSetCaret(b))},WYMeditor.editor.prototype._replaceNodeWithBrAndSetCaret=function(a){var b=this,c=jQuery(a);(a.previousSibling&&!a.previousSibling.tagName||"br"!==a.previousSibling.tagName.toLowerCase()&&b.isInlineNode(a.previousSibling))&&c.before("<br />"),c.before("<br />"),b.setCaretBefore(a.previousSibling),c.remove()},WYMeditor.editor.prototype._appendSiblingsUntilNextLiToPreviousLi=function(a){var b,c=jQuery(a),d=c.parent().contents(),e=c.prevAll("li").first(),f=c.nextAll("li").first(),g=e.index()+1;b=1===f.length?d.slice(g,f.index()):d.slice(g),e.append(b)},WYMeditor.editor.prototype._correctOrphanedListItem=function(a){var b,c,d,e,f=jQuery();b=jQuery(a).prevContentsUntil(":not(li)"),c=jQuery(a).nextContentsUntil(":not(li)"),f=f.add(b),f=f.add(a),f=f.add(c),e=f[0].previousSibling,e&&jQuery(e).is("ol,ul")?d=e:(f.before("<ol></ol>"),d=f.prev()[0]),jQuery(d).append(f)},WYMeditor.editor.prototype._fixInvalidlyNestedList=function(a,b){var c,d,e,f,g,h,i=a,j=a,k=!1,l='<li class="spacer_li"></li>';for("undefined"!=typeof b&&(k=b);j;)if(j._wym_visited){if(j._wym_visited=!1,j===i)break;j=j.previousSibling?j.previousSibling:j.parentNode}else{if(j!==i&&!jQuery(j).is("li"))for(e=j;e.parentNode&&(e=e.parentNode,!jQuery(e).is("li"))&&e.nodeType===WYMeditor.NODE_TYPE.ELEMENT;)if(d=e.tagName.toLowerCase(),"ol"===d||"ul"===d){for(WYMeditor.console.log("Fixing orphaned list content"),k=!0,f=[j],c=j,g=null;c.previousSibling;){if(c=c.previousSibling,jQuery(c).is("li")){g=c;break}f.push(c)}f.reverse(),g||1!==f.length||jQuery(j.nextSibling).is("li")&&(g=j.nextSibling),g||(jQuery(f[0]).before(l),g=jQuery(f[0]).prev()[0]),h=jQuery(g).contents().last(),1===h.length&&h[0].nodeType===WYMeditor.NODE_TYPE.TEXT&&f[0].nodeType===WYMeditor.NODE_TYPE.TEXT&&jQuery(g).append("<br />"),jQuery(g).append(jQuery(f));break}j.lastChild?(j._wym_visited=!0,j=j.lastChild):j=j.previousSibling?j.previousSibling:j.parentNode}return k},WYMeditor.editor.prototype._getCommonParentList=function(a,b){var c,d,e,f=!0;return a=jQuery(a).filter("li"),0===a.length?null:(c=a[0],d=jQuery(c).parents("ol,ul"),d=b?d.first():d.last(),0===d.length?null:(e=d[0],jQuery(a).each(function(a,c){d=jQuery(c).parents("ol,ul"),d=b?d.first():d.last(),(0===d.length||d[0]!==e)&&(f=!1)}),f?e:null))},WYMeditor.editor.prototype.deselect=function(){var a=this;a.selection().removeAllRanges(),a.body().blur()},WYMeditor.editor.prototype._getSelectedNodes=function(){var a,b=this,c=b.selection();return b.hasSelection()!==!0?!1:a=c.getAllRanges().reduce(function(a,b){return a.concat(b.getNodes())},[])},WYMeditor.editor.prototype._getSelectedListItems=function(a){var b,c,d,e=this;return a.isCollapsed?(b=jQuery(e.selectedContainer()),b.closest("li, table").is("table")?[]:b.closest("li")):(c=jQuery(e._getSelectedNodes()),0===c.closest("li, table").filter("li").length?[]:(d=c.not("li, ol, ul").add(c.find(".rangySelectionBoundary")).add(c.filter(function(){return e.nodeType===WYMeditor.NODE_TYPE.TEXT})).closest("li").add(c.filter("li:empty")).not(c.filter("table").find("li")),jQuery.unique(d.get())))},WYMeditor.editor.prototype._selectionOnlyInList=function(a){var b,c,d,e=this;for(d=0;d<a.rangeCount;++d){if(b=e.findUp(a.getRangeAt(d).startContainer,["li"]),c=e.findUp(a.getRangeAt(d).endContainer,["li"]),!b||!c)return!1;if(!e._getCommonParentList([b,c],!1))return!1}return!0},WYMeditor.editor.prototype.indent=function(){var a,b,c,d=this,e=d.selection();return b=function(){var a=d.selection(),b=d.get$CommonParent(a.anchorNode,a.focusNode)[0],c=d.findUp(b,["ol","ul","li"]);return d._fixInvalidListNesting(c)},d.restoreSelectionAfterManipulation(b)?(d.registerModification(),!0):(e=d.selection(),d._selectionOnlyInList(e)?(a=d._getSelectedListItems(e),0===a.length?!1:(b=function(){var b=!1;for(c=0;c<a.length;c++)d._indentSingleItem(a[c]),b=!0;return b},d.restoreSelectionAfterManipulation(b)&&d.registerModification())):!1)},WYMeditor.editor.prototype.outdent=function(){var a,b,c,d=this,e=d.selection();return b=function(){var a=d.selection(),b=d.get$CommonParent(a.anchorNode,a.focusNode)[0],c=d.findUp(b,["ol","ul","li"]);return d._fixInvalidListNesting(c)},d.restoreSelectionAfterManipulation(b)?(d.registerModification(),!0):(e=d.selection(),d._selectionOnlyInList(e)?(a=d._getSelectedListItems(e),0===a.length?!1:(b=function(){var b=!1;for(c=0;c<a.length;c++)d._outdentSingleItem(a[c]),b=!0;return b},d.restoreSelectionAfterManipulation(b)&&d.registerModification())):!1)},WYMeditor.editor.prototype.restoreSelectionAfterManipulation=function(a){var b=this,c=rangy.saveSelection(rangy.dom.getIframeWindow(b._iframe)),d=!0;try{d=a(),d?rangy.restoreSelection(c):rangy.removeMarkers(c)}catch(e){WYMeditor.console.error("Error during manipulation"),WYMeditor.console.error(e),rangy.removeMarkers(c)}return d},WYMeditor.editor.prototype._insertOrderedList=function(){var a,b=this;return a=function(){var a=jQuery(b._getSelectedNodes()).parents().addBack().filter("ol, ul, li").last()[0];return a=a||b.selectedContainer(),b._fixInvalidListNesting(a)},b.restoreSelectionAfterManipulation(a)?(b.registerModification(),!0):(a=function(){return b.insertList("ol")},b.restoreSelectionAfterManipulation(a)&&b.registerModification())},WYMeditor.editor.prototype._insertUnorderedList=function(){var a,b=this;return a=function(){var a=jQuery(b._getSelectedNodes()).parents().addBack().filter("ol, ul, li").last()[0];return a=a||b.selectedContainer(),b._fixInvalidListNesting(a)},b.restoreSelectionAfterManipulation(a)?(b.registerModification(),!0):(a=function(){return b.insertList("ul")},b.restoreSelectionAfterManipulation(a)&&b.registerModification())},WYMeditor.editor.prototype.insertList=function(a){var b,c,d,e,f,g=this,h=g.selection();if(b=g._getSelectedListItems(h),b.length>0){if(c=jQuery(b),d=c.parent(":not("+a+")"),!(d.length>0))return g._removeItemsFromList(c),!0;if(e=g._getCommonParentList(b,!0))return g.changeListType(e,a),!0}return f=g.findUp(g.selectedContainer(),WYMeditor.POTENTIAL_LIST_ELEMENTS),f?(g.convertToList(f,a),!0):!1},WYMeditor.editor.prototype.changeListType=function(a,b){var c=this;return c.switchTo(a,b)},WYMeditor.editor.prototype.convertToList=function(a,b){var c,d,e=this,f=jQuery(a);return c="<"+b+"><li></li></"+b+">",e.findUp(a,WYMeditor.ROOT_CONTAINERS)===a?(f.wrapInner(c),d=f.children(),d.unwrap(),d.get(0)):(f.wrapInner(c),d=f.children(),d.get(0))},WYMeditor.editor.prototype._removeItemsFromList=function(a){var b,c,d,e,f,g,h,i,j=this,k=j.documentStructureManager.structureRules.defaultRootContainer;for(c=0;c<a.length;c++){for(b=a.eq(c),b=1===b.parent().parent("li, th, td").length?jQuery(j.switchTo(b[0],"span",!1)):jQuery(j.switchTo(b[0],k,!1)),1===b.parent().children().length?(b.parent().before(b),b.next().remove()):b[0]===b.parent().children().first()[0]?b.parent().before(b):b[0]!==b.parent().children().first()[0]&&b[0]!==b.parent().children().last()[0]?(b.parent().before("<"+b.parent()[0].tagName+"/>"),jQuery(b.prevAll().toArray().reverse()).appendTo(b.parent().prev()),b.parent().before(b)):b[0]===b.parent().children().last()[0]&&b.parent().after(b),d=0;d<b.contents().length;d++)if(e=b.contents()[d],j.isBlockNode(e)&&"rangySelectionBoundary"!==e.className&&"br"!==e.tagName.toLowerCase()){if(f=b.contents().slice(d),b[0].tagName.toLowerCase()===k)for(g=0;g<f.length;g++)h=f.eq(g),h[0].nodeType===WYMeditor.NODE_TYPE.TEXT?h.wrap("<"+k+" />"):h[0].tagName&&!j.isBlockNode(h[0])&&"br"!==h[0].tagName.toLowerCase()&&j.switchTo(f[g],k,!1);b.after(b.contents().slice(d));break}j.$body().children("br").remove(),"span"===b[0].tagName.toLowerCase()&&(0===b.contents(":not(.rangySelectionBoundary)").length||b.contents(":not(.rangySelectionBoundary)").length===b.contents("br").length?(b.before(b.contents(".rangySelectionBoundary")),b.remove()):((b[0].previousSibling&&b[0].previousSibling.nodeType===WYMeditor.NODE_TYPE.TEXT||b.prevAll(":not(.rangySelectionBoundary)").length>0&&j.isBlockNode(b.prevAll(":not(.rangySelectionBoundary)")[0])===!1)&&b.before("<br />"),(b[0].nextSibling&&b[0].nextSibling.nodeType===WYMeditor.NODE_TYPE.TEXT||b.nextAll(":not(.rangySelectionBoundary)").length>0&&j.isBlockNode(b.nextAll(":not(.rangySelectionBoundary)")[0])===!1)&&b.after("<br />"),i=b[0].attributes,j.unwrapIfMeaninglessSpan(b[0])))}j.prepareDocForEditing()},WYMeditor.editor.prototype.insertTable=function(a,b,c,d){if(!(0>=a||0>=b)){var e,f,g,h,i,j=this,k=j._doc.createElement(WYMeditor.TABLE),l=null;for(e=k.createCaption(),e.innerHTML=c,f=0;a>f;f+=1)for(l=k.insertRow(f),g=0;b>g;g+=1)l.insertCell(g);if(""!==d&&jQuery(k).attr("summary",d),h=jQuery(j.findUp(j.selectedContainer(),WYMeditor.POTENTIAL_TABLE_INSERT_ELEMENTS)).get(0),h&&h.parentNode)if(jQuery.inArray(h.nodeName.toLowerCase(),WYMeditor.INLINE_TABLE_INSERTION_ELEMENTS)>-1){if(i=j.selection().focusNode,jQuery.inArray(i.nodeName.toLowerCase(),WYMeditor.SELECTABLE_TABLE_ELEMENTS)>-1||jQuery.inArray(i.parentNode.nodeName.toLowerCase(),WYMeditor.SELECTABLE_TABLE_ELEMENTS)>-1)for(;i.nodeName.toLowerCase()!==WYMeditor.TABLE;)i=i.parentNode;i.nodeName.toLowerCase()===WYMeditor.LI?jQuery(i).append(k):jQuery(i).after(k)}else jQuery(h).after(k);else j.$body().append(k);return j._afterInsertTable(k),j.prepareDocForEditing(),j.registerModification(),k}},WYMeditor.editor.prototype._afterInsertTable=function(){},WYMeditor.editor.prototype._listen=function(){var a=this;jQuery(a._doc).bind("paste",function(){a._handlePasteEvent()})},WYMeditor.editor.prototype._handlePasteEvent=function(){var a=this;window.setTimeout(function(){jQuery(a.element).trigger(WYMeditor.EVENTS.postBlockMaybeCreated,a)},20)},WYMeditor.editor.prototype._selectSingleNode=function(a){var b,c,d=this;if(!a)throw"Expected a node";b=d.selection(),c=rangy.createRangyRange(),c.selectNode(a),b.setSingleRange(c)},WYMeditor.editor.prototype._initSkin=function(){var a=this;jQuery(a._box).addClass("wym_skin_"+a._options.skin),"undefined"!=typeof WYMeditor.SKINS[a._options.skin]?"function"==typeof WYMeditor.SKINS[a._options.skin].init&&WYMeditor.SKINS[a._options.skin].init(a):WYMeditor.console.warn("Chosen skin _"+a.options.skin+"_ not found.")},WYMeditor.editor.prototype.body=function(){var a,b=this;if(!b._doc.body)throw"The document seems to have no body element.";if(a=b._doc.body,!a.tagName||"body"!==a.tagName.toLowerCase())throw"The document's body doesn't seem to be a `body` element.";return a},WYMeditor.editor.prototype.$body=function(){var a,b=this;return a=b.body(),jQuery(a)},WYMeditor.editor.prototype.doesElementContainSelection=function(a){var b,c,d,e,f,g,h=this;if(h.hasSelection()!==!0)return!1;if(b=jQuery(a),h.selection().isCollapsed===!0)return c=h.selectedContainer(),a===c?!0:b.has(c).length>0?!0:!1;for(d=jQuery(h._getSelectedNodes()),e=0;e<d.length;e++)for(f=d.eq(e).parents(),g=0;g<f.length;g++)if(f[g]===a)return!0;return!1},WYMeditor.DocumentStructureManager=function(a,b){var c=this;c._wym=a,c.structureRules=WYMeditor.DocumentStructureManager.DEFAULTS,c.setDefaultRootContainer(b)},jQuery.extend(WYMeditor.DocumentStructureManager,{VALID_DEFAULT_ROOT_CONTAINERS:["p","div"],DEFAULT_ROOT_CONTAINER_TITLES:{p:"Paragraph",div:"Division"},CONTAINERS_BLOCKING_NAVIGATION:["table","blockquote","pre"],DEFAULTS:{defaultRootContainer:"p",notValidRootContainers:["div"],validRootContainers:["p","div","h1","h2","h3","h4","h5","h6","pre","blockquote","table","ol","ul"],convertIfRootContainers:["div"],validListConversionTargetContainers:["p","div","h1","h2","h3","h4","h5","h6","pre","blockquote","td","th"],wrapContentsInList:["td","th"]}}),WYMeditor.DocumentStructureManager.prototype.setDefaultRootContainer=function(a){var b,c,d,e=this;if(e.structureRules.defaultRootContainer!==a){if(d=WYMeditor.DocumentStructureManager,b=d.VALID_DEFAULT_ROOT_CONTAINERS,c=jQuery.inArray(a,b),-1===c)throw new Error("a defaultRootContainer of '"+a+"' is not supported");e.structureRules.defaultRootContainer=a,e.structureRules.notValidRootContainers=WYMeditor.DocumentStructureManager.VALID_DEFAULT_ROOT_CONTAINERS,e.structureRules.notValidRootContainers.splice(c,1),e._adjustDefaultRootContainerUI()}},WYMeditor.DocumentStructureManager.prototype._adjustDefaultRootContainerUI=function(){var a,b,c,d,e,f,g,h,i=this,j=i._wym,k=i.structureRules.defaultRootContainer;for(a=jQuery(j._box).find(j._options.containersSelector).find("li"),e=!0,g=0;g<a.length;++g)b=a.eq(g).find("a"),d=b.attr("name").toLowerCase(),jQuery.inArray(d,i.structureRules.notValidRootContainers)>-1&&a.eq(g).remove(),d===k&&(e=!1);e&&(f=j._options.containersItemHtml,f=WYMeditor.Helper.replaceAllInStr(f,WYMeditor.CONTAINER_NAME,k.toUpperCase()),h=WYMeditor.DocumentStructureManager,f=WYMeditor.Helper.replaceAllInStr(f,WYMeditor.CONTAINER_TITLE,h.DEFAULT_ROOT_CONTAINER_TITLES[k]),f=WYMeditor.Helper.replaceAllInStr(f,WYMeditor.CONTAINER_CLASS,"wym_containers_"+k),c=jQuery(f),a=jQuery(j._box).find(j._options.containersSelector).find("li"),a.eq(0).before(c),c.find("a").click(function(){var a=this;return j.setRootContainer(jQuery(a).attr(WYMeditor.NAME)),!1}))},WYMeditor.ImageHandler=function(a){var b=this;return b._wym=a,b._$resizeHandle=b._createResizeHandle(),b._$currentImageMarker=null,b._$currentImg=null,b._resizingNow=!1,b._imgDragDropAllowed=WYMeditor.ImageHandler._isImgDragDropAllowed(),b._addEventListeners(),b},WYMeditor.ImageHandler._isImgDragDropAllowed=function(){var a=jQuery.browser;return a.msie&&a.versionNumber<=9?!1:!0},WYMeditor.ImageHandler._RESIZE_HANDLE_HR_HTML=jQuery("<hr>").addClass(WYMeditor.EDITOR_ONLY_CLASS).css({margin:0,padding:0}).attr("outerHTML"),WYMeditor.ImageHandler._RESIZE_HANDLE_INNER_HTML=["drag this to resize","click on image to select"].join(WYMeditor.ImageHandler._RESIZE_HANDLE_HR_HTML),WYMeditor.ImageHandler._IMAGE_HIGHLIGHT_COLOR="yellow",WYMeditor.ImageHandler.prototype._createResizeHandle=function(){var a=jQuery("<div/>");return a.attr("contentEditable","false"),a.html(WYMeditor.ImageHandler._RESIZE_HANDLE_INNER_HTML),a.addClass(WYMeditor.RESIZE_HANDLE_CLASS).addClass(WYMeditor.EDITOR_ONLY_CLASS),a.css({margin:"0",padding:"0",cursor:"row-resize","text-align":"center",position:"absolute","background-color":WYMeditor.ImageHandler._IMAGE_HIGHLIGHT_COLOR,"background-image":"none","min-width":"13em",width:"100%"}),a},WYMeditor.ImageHandler.prototype._getCurrentImageMarker=function(){
-var a=this;return a._$currentImageMarker&&a._$currentImageMarker.length||(a._$currentImageMarker=a._createCurrentImageMarker()),a._$currentImageMarker},WYMeditor.ImageHandler._IMAGE_MARKER_CLASS="wym-image-marker",WYMeditor.ImageHandler.prototype._createCurrentImageMarker=function(){return jQuery("<div/>").addClass(WYMeditor.EDITOR_ONLY_CLASS).addClass(WYMeditor.ImageHandler._IMAGE_MARKER_CLASS).hide()},WYMeditor.ImageHandler.prototype._addEventListeners=function(){var a=this,b=jQuery(a._wym._doc);b.delegate("img","mouseover",a._onImgMouseover.bind(a)),b.delegate("img","click",a._onImgClick.bind(a)),b.delegate("."+WYMeditor.RESIZE_HANDLE_CLASS,"mousedown",a._onResizeHandleMousedown.bind(a)),b.delegate("img","mousedown",a._onImgMousedown.bind(a)),b.delegate("img","dragstart",a._onImgDragstart.bind(a)),b.bind("mousemove",a._onMousemove.bind(a)),b.bind("mouseup",a._onMouseup.bind(a)),a._edited=new WYMeditor.EXTERNAL_MODULES.Edited(b[0],function(){},a._onAnyNativeEdit.bind(a)),b.delegate("."+WYMeditor.RESIZE_HANDLE_CLASS,"click dblclick",a._onResizeHandleClickDblclick.bind(a))},WYMeditor.ImageHandler.prototype._onImgMouseover=function(a){var b=this,c=jQuery(a.target);!c.data("cE disabled")&&jQuery.browser.msie&&(c.attr("contentEditable","false"),c.data("cE disabled",!0)),b._setImgCursor(c)},WYMeditor.ImageHandler.prototype._setImgCursor=function(a){var b=this;return b._wym.getSelectedImage()!==a[0]?void a.css("cursor","pointer"):void(b._imgDragDropAllowed?a.css("cursor","move"):a.css("cursor","default"))},WYMeditor.ImageHandler.prototype._onImgClick=function(a){var b=this;return b._selectImage(a.target),b._indicateOnResizeHandleThatImageIsSelected(),!1},WYMeditor.ImageHandler.prototype._selectImage=function(a){var b=this,c=jQuery(a);jQuery.browser.msie&&8===jQuery.browser.versionNumber?setTimeout(function(){b._wym._selectSingleNode(a)},0):b._wym._selectSingleNode(a),b._setImgCursor(c)},WYMeditor.ImageHandler.prototype._indicateOnResizeHandleThatImageIsSelected=function(){var a=this,b="image is selected";a._imgDragDropAllowed&&(b=[b,"drag image to move it"].join(WYMeditor.ImageHandler._RESIZE_HANDLE_HR_HTML)),a._$resizeHandle.css("font-weight","bold").html(b),setTimeout(function(){a._$resizeHandle.css("font-weight","normal").html(WYMeditor.ImageHandler._RESIZE_HANDLE_INNER_HTML)},1e3)},WYMeditor.ImageHandler.prototype._placeResizeHandleOnImg=function(a){var b=this,c="0.8em",d=jQuery(a);b._$currentImg=d,b._getCurrentImageMarker().insertAfter(d),d.css({"background-color":WYMeditor.ImageHandler._IMAGE_HIGHLIGHT_COLOR,"padding-top":c,"padding-right":c,"padding-bottom":"0","padding-left":c,"margin-top":"-"+c,"margin-right":"-"+c,"margin-bottom":"0","margin-left":"-"+c}),b._$resizeHandle.prependTo(b._wym.$body()),b._correctResizeHandleOffsetAndWidth(),b._$resizeHandle.show()},WYMeditor.ImageHandler.prototype._correctResizeHandleOffsetAndWidth=function(){var a=this;a._$resizeHandle.css("max-width",a._$currentImg.outerWidth());var b=a._$currentImg.offset();a._$resizeHandle.css("left",b.left);var c=b.top+a._$currentImg.outerHeight();jQuery.browser.msie&&c--,a._$resizeHandle.css("top",c)},WYMeditor.ImageHandler.prototype._onResizeHandleMousedown=function(a){var b=this;return b._resizingNow||b._startResize(a.clientY),!1},WYMeditor.ImageHandler.prototype._startResize=function(a){var b=this;b._startMouseY=a,b._$currentImg.data("StartHeight",b._$currentImg.height()),b._resizingNow=!0},WYMeditor.ImageHandler.prototype._onMousemove=function(a){var b=this;if(a.target.tagName){if(b._resizingNow)return b._resizeImage(a.clientY),!1;if("img"===a.target.tagName.toLowerCase()&&!b._isResizeHandleAttached())return b._placeResizeHandleOnImg(a.target),!1;if(b._isResizeHandleAttached())return(jQuery(a.target).hasClass(WYMeditor.EDITOR_ONLY_CLASS)||b._isCurrentImg(a.target))&&b._isCurrentImgAtMarker()?void 0:void b._detachResizeHandle()}},WYMeditor.ImageHandler.prototype._isCurrentImgAtMarker=function(){var a=this,b=a._$currentImageMarker;if(!b.length)return!1;var c=a._$currentImg,d=b.prev("img");return c.length&&d.length&&d[0]===c[0]?!0:!1},WYMeditor.ImageHandler.prototype._isResizeHandle=function(a){return jQuery(a).hasClass(WYMeditor.RESIZE_HANDLE_CLASS)},WYMeditor.ImageHandler.prototype._isCurrentImg=function(a){var b=this;return a===b._$currentImg[0]},WYMeditor.ImageHandler.prototype._resizeImage=function(a){var b=this,c=b._$currentImg,d=c.data("DimensionsRatio");if(!d){var e=c.height(),f=c.width();d=f/e,c.data("DimensionsRatio",d)}var g=c.data("StartHeight"),h=g-b._startMouseY+a;h=h>0?h:0;var i=h*d;c.attr("height",h),c.attr("width",i),b._correctResizeHandleOffsetAndWidth()},WYMeditor.ImageHandler.prototype._onMouseup=function(){var a=this;a._resizingNow&&a._stopResize()},WYMeditor.ImageHandler.prototype._stopResize=function(){var a=this;a._resizingNow=!1,a._startMouseY=null,a._wym.registerModification()},WYMeditor.ImageHandler.prototype._onImgMousedown=function(a){var b=this;return jQuery.browser.msie&&11===jQuery.browser.versionNumber&&b._selectImage(a.target),b._imgDragDropAllowed},WYMeditor.ImageHandler.prototype._onAnyNativeEdit=function(){var a=this;setTimeout(a._handlePossibleModification.bind(a),0)},WYMeditor.ImageHandler.prototype._handlePossibleModification=function(){var a=this;if(a._isResizeHandleAttached())return a._isCurrentImgAtMarker()?void a._correctResizeHandleOffsetAndWidth():void a._detachResizeHandle()},WYMeditor.ImageHandler.prototype._isResizeHandleAttached=function(){var a=this,b=a._getResizeHandle();return b&&"none"!==b.css("display")},WYMeditor.ImageHandler.prototype._getResizeHandle=function(){var a=this,b=a._wym.$body().find("."+WYMeditor.RESIZE_HANDLE_CLASS);return b.length?b:!1},WYMeditor.ImageHandler.prototype._detachResizeHandle=function(){var a=this;a._$currentImageMarker.detach(),a._$currentImg.height()>=16&&a._$currentImg.width()>=16&&a._$currentImg.css({padding:0,margin:0}),a._$currentImg=null,a._$resizeHandle.hide()},WYMeditor.ImageHandler.prototype._onImgDragstart=function(){var a=this;a._detachResizeHandle()},WYMeditor.ImageHandler.prototype._onResizeHandleClickDblclick=function(){var a=this;return jQuery.browser.msie&&11===jQuery.browser.versionNumber&&a._wym.deselect(),!1},WYMeditor.ImageHandler.prototype._isAnImgSelected=function(a){function b(b){var d=c._wym.getSelectedImage()?"***YES***":"";b=b?b+" ":"",WYMeditor.console.log(b+a+" "+d)}var c=this;a=a.toUpperCase(),b("sync"),setTimeout(function(){b("async")},0)},WYMeditor.ImageHandler._onAllEvents=function(a){var b=this;b._isAnImgSelected([a.type,a.target.tagName,jQuery(a.target).attr("className")].join(" "))},WYMeditor.WymClassGecko=function(a){var b=this;b._wym=a,b._class="class"},WYMeditor.WymClassGecko.CELL_PLACEHOLDER='<br _moz_dirty="" />',WYMeditor.WymClassGecko.NEEDS_CELL_FIX=1===parseInt(jQuery.browser.version,10)&&jQuery.browser.version>="1.9.1"&&jQuery.browser.version<"2.0",WYMeditor.WymClassGecko.prototype._docEventQuirks=function(){var a=this,b=jQuery(a._doc);b.keyup(a._keyup.bind(a)),b.focus(function(){a.undoRedo._onBodyFocus()}),b.click(a._click.bind(a))},WYMeditor.WymClassGecko.prototype._keyup=function(a){var b,c,d,e,f,g=this;d=g.documentStructureManager.structureRules.notValidRootContainers,c=g.documentStructureManager.structureRules.defaultRootContainer,b=null,g.keyCanCreateBlockElement(a.which)||a.which===WYMeditor.KEY_CODE.CTRL||a.which===WYMeditor.KEY_CODE.COMMAND||a.metaKey||a.ctrlKey||(b=g.selectedContainer(),e=b.tagName.toLowerCase(),b.parentNode&&(f=b.parentNode.tagName.toLowerCase()),g.isForbiddenRootContainer(e)&&(e=f),(e===WYMeditor.BODY||jQuery.inArray(e,d)>-1&&f===WYMeditor.BODY)&&(g._exec(WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,c),g.prepareDocForEditing())),g.keyCanCreateBlockElement(a.which)&&(b=g.selectedContainer(),e=b.tagName.toLowerCase(),b.parentNode&&(f=b.parentNode.tagName.toLowerCase()),jQuery.inArray(e,d)>-1&&f===WYMeditor.BODY&&g._exec(WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,c),g._handlePotentialEnterInEmptyNestedLi(a.which,b),g.prepareDocForEditing())},WYMeditor.WymClassGecko.prototype._click=function(){var a,b=this,c=b.selectedContainer();WYMeditor.WymClassGecko.NEEDS_CELL_FIX===!0&&c&&c.tagName.toLowerCase()===WYMeditor.TR&&jQuery(WYMeditor.TD,b._doc.body).append(WYMeditor.WymClassGecko.CELL_PLACEHOLDER),c&&c.tagName.toLowerCase()===WYMeditor.BODY&&(a=b.selection(),a.isCollapsed===!0&&b._exec(WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,WYMeditor.P))},WYMeditor.WymClassGecko.prototype._designModeQuirks=function(){var a=this;try{a._doc.execCommand("styleWithCSS","",!1),a._doc.execCommand("enableObjectResizing",!1,!1),a._doc.execCommand("enableInlineTableEditing",!1,!1)}catch(b){}},WYMeditor.WymClassGecko.prototype._afterInsertTable=function(a){WYMeditor.WymClassGecko.NEEDS_CELL_FIX===!0&&jQuery(a).find("td").each(function(a,b){jQuery(b).append(WYMeditor.WymClassGecko.CELL_PLACEHOLDER)})},WYMeditor.WymClassWebKit=function(a){var b=this;b._wym=a,b._class="class"},WYMeditor.WymClassWebKit.prototype._docEventQuirks=function(){var a=this;jQuery(a._doc).bind("keyup",function(b){a._keyup(b)}),a.keyboard.combokeys.bind("shift+enter",function(){return a._exec(WYMeditor.EXEC_COMMANDS.INSERT_LINEBREAK),!1}),a.$body().bind("focus",function(){a.undoRedo._onBodyFocus()})},WYMeditor.WymClassWebKit.prototype._inListBreakoutDiv=function(a){var b=this,c=jQuery(b.getRootContainer());return a===WYMeditor.KEY_CODE.ENTER&&c.is("div")&&"div"!==b.documentStructureManager.defaultRootContainer&&1===c.prev("ol, ul").length?!0:!1},WYMeditor.WymClassWebKit.prototype._isLiInLiAfterEnter=function(a){var b,c,d,e,f=this,g=f.nodeAfterSel();return a!==WYMeditor.KEY_CODE.ENTER?!1:g&&(b=g.parentNode)?"string"!=typeof b.tagName?!1:"li"!==b.tagName.toLowerCase()?!1:(c=g.previousSibling)?"string"!=typeof c.tagName?!1:"li"!==c.tagName.toLowerCase()?!1:1!==c.childNodes.length?!1:(d=c.childNodes[0])?"string"!=typeof d.tagName?!1:"br"!==d.tagName.toLowerCase()?!1:(e=c.previousSibling,e?"string"!=typeof e.tagName?!1:-1===jQuery.inArray(e.tagName.toLowerCase(),["ol","ul"])?!1:!0:!1):!1:!1:!1},WYMeditor.WymClassWebKit.prototype._fixLiInLiAfterEnter=function(){var a=this,b=a.nodeAfterSel(),c=jQuery(b.previousSibling),d=c.parent("li"),e=d.contents().index(c),f=d.contents().slice(e+1);c.remove(),d.after("<li><br /></li>"),d.next().append(f),a.setCaretBefore(d.next("li").children().first("br")[0])},WYMeditor.WymClassWebKit.prototype._keyup=function(a){var b,c,d,e,f,g,h=this;if(d=h.documentStructureManager.structureRules.notValidRootContainers,c=h.documentStructureManager.structureRules.defaultRootContainer,jQuery.browser.version<534.1&&a.which===WYMeditor.KEY_CODE.ENTER&&a.shiftKey&&h._exec("InsertLineBreak"),h.keyCanCreateBlockElement(a.which)||a.which===WYMeditor.KEY_CODE.CTRL||a.which===WYMeditor.KEY_CODE.COMMAND||a.metaKey||a.ctrlKey||(b=h.selectedContainer(),e=b.tagName.toLowerCase(),b.parentNode&&(f=b.parentNode.tagName.toLowerCase()),h.isForbiddenRootContainer(e)&&(e=f),(e===WYMeditor.BODY||jQuery.inArray(e,d)>-1&&f===WYMeditor.BODY)&&(h._exec(WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,c),h.prepareDocForEditing())),h.keyCanCreateBlockElement(a.which)){if(b=h.selectedContainer(),e=b.tagName.toLowerCase(),b.parentNode&&(f=b.parentNode.tagName.toLowerCase()),jQuery.inArray(e,d)>-1&&f===WYMeditor.BODY&&(h._exec(WYMeditor.EXEC_COMMANDS.FORMAT_BLOCK,c),b=h.selectedContainer()),h._isLiInLiAfterEnter(a.which,b))return h._fixLiInLiAfterEnter(),void(b=h.selectedContainer());h._handlePotentialEnterInEmptyNestedLi(a.which,b),h._inListBreakoutDiv(a.which)&&(g=h.switchTo(h.getRootContainer(),c),h.setCaretIn(g)),h.prepareDocForEditing()}},WYMeditor.WymClassBlink=function(a){var b=this;b._wym=a},jQuery.extend(WYMeditor.WymClassBlink.prototype,WYMeditor.WymClassWebKit.prototype),WYMeditor.WymClassSafari=function(a){var b=this;b._wym=a},jQuery.extend(WYMeditor.WymClassSafari.prototype,WYMeditor.WymClassWebKit.prototype),WYMeditor.WymClassTridentPre7=function(a){var b=this;b._wym=a,b._class="className"},WYMeditor.WymClassTridentPre7.prototype._onEditorIframeLoad=function(a){a._assignWymDoc(),a._isDesignModeOn()===!1?a._doc.designMode="On":a._afterDesignModeOn()},WYMeditor.WymClassTridentPre7.prototype._assignWymDoc=function(){var a=this;a._doc=a._iframe.contentWindow.document},WYMeditor.WymClassTridentPre7.prototype._docEventQuirks=function(){var a=this;a._doc.onbeforedeactivate=function(){a._saveCaret()},jQuery(a._doc).bind("keyup",function(b){a._keyup(b)}),a._doc.onkeyup=function(){a._saveCaret()},a._doc.onclick=function(){a._saveCaret()},a.$body().bind("focus",function(){a.undoRedo._onBodyFocus()}),a._doc.body.onbeforepaste=function(){a._iframe.contentWindow.event.returnValue=!1},a._doc.body.onpaste=function(){a._iframe.contentWindow.event.returnValue=!1,a.paste(window.clipboardData.getData("Text"))},a.$body().bind("dragend",function(b){b.target.tagName.toLowerCase()===WYMeditor.IMG&&a.deselect()}),a._doc.oncontrolselect=function(){return!1}},WYMeditor.WymClassTridentPre7.prototype._setButtonsUnselectable=function(){var a=this,b=a.get$Buttons();b.attr("unselectable","on")},WYMeditor.WymClassTridentPre7.prototype._uiQuirks=function(){var a=this;8===jQuery.browser.versionNumber&&a._setButtonsUnselectable()},WYMeditor.WymClassTridentPre7.prototype._saveCaret=function(){var a=this,b=a._doc.selection;"None"!==b.type&&(a._doc.caretPos=b.createRange())},WYMeditor.WymClassTridentPre7.prototype._wrapWithContainer=function(a,b){var c,d,e,f=this;c=jQuery(a).wrap("<"+b+" />"),d=f.selection(),e=rangy.createRange(f._doc),e.selectNodeContents(c[0]),e.collapse(),d.setSingleRange(e)},WYMeditor.WymClassTridentPre7.prototype._keyup=function(a){var b,c,d,e,f,g,h=this,i=!1;d=h.documentStructureManager.structureRules.notValidRootContainers,c=h.documentStructureManager.structureRules.defaultRootContainer,h.keyCanCreateBlockElement(a.which)||a.which===WYMeditor.KEY_CODE.CTRL||a.which===WYMeditor.KEY_CODE.COMMAND||a.metaKey||a.ctrlKey||(b=h.selectedContainer(),g=h.selection().focusNode,null!==b&&(e=b.tagName.toLowerCase()),b.parentNode&&(f=b.parentNode.tagName.toLowerCase()),h.isForbiddenRootContainer(e)&&(e=f,i=!0),e===WYMeditor.BODY&&"#text"===g.nodeName&&(i&&(g=g.parentNode),h._wrapWithContainer(g,c),h.prepareDocForEditing()),jQuery.inArray(e,d)>-1&&f===WYMeditor.BODY&&(h.switchTo(b,c),h.prepareDocForEditing())),h.keyCanCreateBlockElement(a.which)&&(b=h.selectedContainer(),e=b.tagName.toLowerCase(),b.parentNode&&(f=b.parentNode.tagName.toLowerCase()),jQuery.inArray(e,d)>-1&&f===WYMeditor.BODY&&h.switchTo(b,c),h._handlePotentialEnterInEmptyNestedLi(a.which,b),a.which!==WYMeditor.KEY_CODE.BACKSPACE||8!==jQuery.browser.versionNumber||!b.parentNode||"ul"!==f&&"ol"!==f||h._fixInvalidListNesting(b),h.prepareDocForEditing())},WYMeditor.WymClassTrident7=function(a){var b=this;b._wym=a,b._class="class"},jQuery.extend(WYMeditor.WymClassTrident7.prototype,WYMeditor.WymClassGecko.prototype),jQuery.copyPropsFromObjectToObject(WYMeditor.WymClassTridentPre7.prototype,WYMeditor.WymClassTrident7.prototype,["_exec","_keyup","_wrapWithContainer"]),WYMeditor.WymClassTrident7.prototype.rawHtml=function(a){var b=this;return"string"!=typeof a?b.$body().html():(b._doc.designMode="off",b.$body().html(a),b._isDesignModeOn()!==!0&&b._enableDesignModeOnDocument(),!1)},WYMeditor.WymClassTrident7.prototype._docEventQuirks=function(){var a=this;jQuery(a._doc).bind("keyup",function(b){a._keyup(b)}),a.$body().bind("dragend",function(b){b.target.tagName.toLowerCase()===WYMeditor.IMG&&a.deselect()}),a.$body().bind("focus",function(){a.undoRedo._onBodyFocus()})},function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,b.foo=a()}}(function(){var a;return function b(a,c,d){function e(g,h){if(!c[g]){if(!a[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};a[g][0].call(k.exports,function(b){var c=a[g][1][b];return e(c?c:b)},k,k.exports,b,a,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b,c){"use strict";var d=a("lodash"),e=a("udc"),f=a("xtend");b.exports=function(a,b){var c=this;if(c.options=f({limit:null},b),c.notObjError=new Error("requires a plain object"),!a||!d.isPlainObject(a))throw c.notObjError;c.current=e(a),c.changesets={backward:[],forward:[]}};var g=b.exports.prototype;g.add=a("./prototype/add"),g.get=a("./prototype/get"),g.lengthBackward=a("./prototype/length-backward"),g.lengthForward=a("./prototype/length-forward"),g.backward=a("./prototype/backward"),g.forward=a("./prototype/forward"),g.move=a("./prototype/move"),g.forgetAllInDirection=a("./prototype/forget-all-in-direction"),g.forgetAllBackward=a("./prototype/forget-all-backward"),g.forgetAllForward=a("./prototype/forget-all-forward")},{"./prototype/add":2,"./prototype/backward":3,"./prototype/forget-all-backward":4,"./prototype/forget-all-forward":5,"./prototype/forget-all-in-direction":6,"./prototype/forward":7,"./prototype/get":8,"./prototype/length-backward":9,"./prototype/length-forward":10,"./prototype/move":11,lodash:14,udc:15,xtend:16}],2:[function(a,b,c){"use strict";var d=a("lodash"),e=a("changeset"),f=a("udc");b.exports=function(a){var b=this;if(!a||!d.isPlainObject(a))throw b.notObjError;b.lengthBackward()===b.options.limit&&b.changesets.backward.shift(),b.changesets.backward.push(e(a,b.current)),b.current=f(a),b.changesets.forward=[]}},{changeset:12,lodash:14,udc:15}],3:[function(a,b,c){"use strict";b.exports=function(){var a=this;a.move("backward")}},{}],4:[function(a,b,c){"use strict";b.exports=function(){var a=this;a.forgetAllInDirection("backward")}},{}],5:[function(a,b,c){"use strict";b.exports=function(){var a=this;a.forgetAllInDirection("forward")}},{}],6:[function(a,b,c){var d=function(a){var b=this,c=b.changesets;if(!c.hasOwnProperty(a))throw new Error("there is no such direction");c[a]=[]};b.exports=d},{}],7:[function(a,b,c){"use strict";b.exports=function(){var a=this;a.move("forward")}},{}],8:[function(a,b,c){"use strict";var d=a("udc");b.exports=function(){var a=this;return d(a.current)}},{udc:15}],9:[function(a,b,c){"use strict";b.exports=function(){var a=this;return a.changesets.backward.length}},{}],10:[function(a,b,c){"use strict";b.exports=function(){var a=this;return a.changesets.forward.length}},{}],11:[function(a,b,c){"use strict";var d=a("changeset"),e=d.apply,f=a("lodash").without,g=function(a){var b=this;if(!a||!b.changesets.hasOwnProperty(a))throw new Error("Invalid direction");var c=Object.getOwnPropertyNames(b.changesets),g=f(c,a)[0],h=b.changesets[a],i=b.changesets[g];if(0===h.length)throw new Error("There's no going "+a);var j=e(h.pop(),b.current);i.push(d(j,b.current)),b.current=j};b.exports=g},{changeset:12,lodash:14}],12:[function(a,b,c){function d(a,b){var c=[];return c=c.concat(f([],a,b)),i=[],c}function e(a){return"put"===a.type&&void 0===a.value&&(a.type="del",delete a.value),a}function f(a,b,c){var d=[];if(null===b||null===c||"object"!=typeof b||h.contains(i,b))b!==c&&d.push(e({type:"put",key:a,value:c}));else{i.push(b);var g=Object.keys(b),j=Object.keys(c),k=h.intersection(g,j);k.forEach(function(e){var g=f(a.concat(e),b[e],c[e]);d=d.concat(g)});var l=h.difference(g,j);l.forEach(function(b){d.push({type:"del",key:a.concat(b)})});var m=h.difference(j,g);m.forEach(function(b){d.push(e({type:"put",key:a.concat(b),value:c[b]}))})}return d}function g(b,c,d){var e,f;return d?e=c:(f=a("udc"),e=f(c)),b.forEach(function(a){var b,c,d;switch(a.type){case"put":b=e,c=a.key,d=c.length,d?c.forEach(function(c,e){c in b||(b[c]={}),d-1>e?b=b[c]:b[c]=a.value}):e=a.value;break;case"del":b=e,c=a.key,d=c.length,d?c.forEach(function(a,c){a in b||(b[a]={}),d-1>c?b=b[a]:delete b[a]}):e=null}}),e}var h=a("underscore");b.exports=d;var i=[];b.exports.apply=g},{udc:15,underscore:13}],13:[function(a,b,c){(function(){var a=this,d=a._,e={},f=Array.prototype,g=Object.prototype,h=Function.prototype,i=f.push,j=f.slice,k=f.concat,l=g.toString,m=g.hasOwnProperty,n=f.forEach,o=f.map,p=f.reduce,q=f.reduceRight,r=f.filter,s=f.every,t=f.some,u=f.indexOf,v=f.lastIndexOf,w=Array.isArray,x=Object.keys,y=h.bind,z=function(a){return a instanceof z?a:this instanceof z?void(this._wrapped=a):new z(a)};"undefined"!=typeof c?("undefined"!=typeof b&&b.exports&&(c=b.exports=z),c._=z):a._=z,z.VERSION="1.4.4";var A=z.each=z.forEach=function(a,b,c){if(null!=a)if(n&&a.forEach===n)a.forEach(b,c);else if(a.length===+a.length){for(var d=0,f=a.length;f>d;d++)if(b.call(c,a[d],d,a)===e)return}else for(var g in a)if(z.has(a,g)&&b.call(c,a[g],g,a)===e)return};z.map=z.collect=function(a,b,c){var d=[];return null==a?d:o&&a.map===o?a.map(b,c):(A(a,function(a,e,f){d[d.length]=b.call(c,a,e,f)}),d)};var B="Reduce of empty array with no initial value";z.reduce=z.foldl=z.inject=function(a,b,c,d){var e=arguments.length>2;if(null==a&&(a=[]),p&&a.reduce===p)return d&&(b=z.bind(b,d)),e?a.reduce(b,c):a.reduce(b);if(A(a,function(a,f,g){e?c=b.call(d,c,a,f,g):(c=a,e=!0)}),!e)throw new TypeError(B);return c},z.reduceRight=z.foldr=function(a,b,c,d){var e=arguments.length>2;if(null==a&&(a=[]),q&&a.reduceRight===q)return d&&(b=z.bind(b,d)),e?a.reduceRight(b,c):a.reduceRight(b);var f=a.length;if(f!==+f){var g=z.keys(a);f=g.length}if(A(a,function(h,i,j){i=g?g[--f]:--f,e?c=b.call(d,c,a[i],i,j):(c=a[i],e=!0)}),!e)throw new TypeError(B);return c},z.find=z.detect=function(a,b,c){var d;return C(a,function(a,e,f){return b.call(c,a,e,f)?(d=a,!0):void 0}),d},z.filter=z.select=function(a,b,c){var d=[];return null==a?d:r&&a.filter===r?a.filter(b,c):(A(a,function(a,e,f){b.call(c,a,e,f)&&(d[d.length]=a)}),d)},z.reject=function(a,b,c){return z.filter(a,function(a,d,e){return!b.call(c,a,d,e)},c)},z.every=z.all=function(a,b,c){b||(b=z.identity);var d=!0;return null==a?d:s&&a.every===s?a.every(b,c):(A(a,function(a,f,g){return(d=d&&b.call(c,a,f,g))?void 0:e}),!!d)};var C=z.some=z.any=function(a,b,c){b||(b=z.identity);var d=!1;return null==a?d:t&&a.some===t?a.some(b,c):(A(a,function(a,f,g){return d||(d=b.call(c,a,f,g))?e:void 0}),!!d)};z.contains=z.include=function(a,b){return null==a?!1:u&&a.indexOf===u?-1!=a.indexOf(b):C(a,function(a){return a===b})},z.invoke=function(a,b){var c=j.call(arguments,2),d=z.isFunction(b);return z.map(a,function(a){return(d?b:a[b]).apply(a,c)})},z.pluck=function(a,b){return z.map(a,function(a){return a[b]})},z.where=function(a,b,c){return z.isEmpty(b)?c?null:[]:z[c?"find":"filter"](a,function(a){for(var c in b)if(b[c]!==a[c])return!1;return!0})},z.findWhere=function(a,b){return z.where(a,b,!0)},z.max=function(a,b,c){if(!b&&z.isArray(a)&&a[0]===+a[0]&&a.length<65535)return Math.max.apply(Math,a);if(!b&&z.isEmpty(a))return-(1/0);var d={computed:-(1/0),value:-(1/0)};return A(a,function(a,e,f){var g=b?b.call(c,a,e,f):a;g>=d.computed&&(d={value:a,computed:g})}),d.value},z.min=function(a,b,c){if(!b&&z.isArray(a)&&a[0]===+a[0]&&a.length<65535)return Math.min.apply(Math,a);if(!b&&z.isEmpty(a))return 1/0;var d={computed:1/0,value:1/0};return A(a,function(a,e,f){var g=b?b.call(c,a,e,f):a;g<d.computed&&(d={value:a,computed:g})}),d.value},z.shuffle=function(a){var b,c=0,d=[];return A(a,function(a){b=z.random(c++),d[c-1]=d[b],d[b]=a}),d};var D=function(a){return z.isFunction(a)?a:function(b){return b[a]}};z.sortBy=function(a,b,c){var d=D(b);return z.pluck(z.map(a,function(a,b,e){return{value:a,index:b,criteria:d.call(c,a,b,e)}}).sort(function(a,b){var c=a.criteria,d=b.criteria;if(c!==d){if(c>d||void 0===c)return 1;if(d>c||void 0===d)return-1}return a.index<b.index?-1:1}),"value")};var E=function(a,b,c,d){var e={},f=D(b||z.identity);return A(a,function(b,g){var h=f.call(c,b,g,a);d(e,h,b)}),e};z.groupBy=function(a,b,c){return E(a,b,c,function(a,b,c){(z.has(a,b)?a[b]:a[b]=[]).push(c)})},z.countBy=function(a,b,c){return E(a,b,c,function(a,b){z.has(a,b)||(a[b]=0),a[b]++})},z.sortedIndex=function(a,b,c,d){c=null==c?z.identity:D(c);for(var e=c.call(d,b),f=0,g=a.length;g>f;){var h=f+g>>>1;c.call(d,a[h])<e?f=h+1:g=h}return f},z.toArray=function(a){return a?z.isArray(a)?j.call(a):a.length===+a.length?z.map(a,z.identity):z.values(a):[]},z.size=function(a){return null==a?0:a.length===+a.length?a.length:z.keys(a).length},z.first=z.head=z.take=function(a,b,c){return null==a?void 0:null==b||c?a[0]:j.call(a,0,b)},z.initial=function(a,b,c){return j.call(a,0,a.length-(null==b||c?1:b))},z.last=function(a,b,c){return null==a?void 0:null==b||c?a[a.length-1]:j.call(a,Math.max(a.length-b,0))},z.rest=z.tail=z.drop=function(a,b,c){return j.call(a,null==b||c?1:b)},z.compact=function(a){return z.filter(a,z.identity)};var F=function(a,b,c){return A(a,function(a){z.isArray(a)?b?i.apply(c,a):F(a,b,c):c.push(a)}),c};z.flatten=function(a,b){return F(a,b,[])},z.without=function(a){return z.difference(a,j.call(arguments,1))},z.uniq=z.unique=function(a,b,c,d){z.isFunction(b)&&(d=c,c=b,b=!1);var e=c?z.map(a,c,d):a,f=[],g=[];return A(e,function(c,d){(b?d&&g[g.length-1]===c:z.contains(g,c))||(g.push(c),f.push(a[d]))}),f},z.union=function(){return z.uniq(k.apply(f,arguments))},z.intersection=function(a){var b=j.call(arguments,1);return z.filter(z.uniq(a),function(a){return z.every(b,function(b){return z.indexOf(b,a)>=0})})},z.difference=function(a){var b=k.apply(f,j.call(arguments,1));return z.filter(a,function(a){return!z.contains(b,a)})},z.zip=function(){for(var a=j.call(arguments),b=z.max(z.pluck(a,"length")),c=new Array(b),d=0;b>d;d++)c[d]=z.pluck(a,""+d);return c},z.object=function(a,b){if(null==a)return{};for(var c={},d=0,e=a.length;e>d;d++)b?c[a[d]]=b[d]:c[a[d][0]]=a[d][1];return c},z.indexOf=function(a,b,c){if(null==a)return-1;var d=0,e=a.length;if(c){if("number"!=typeof c)return d=z.sortedIndex(a,b),a[d]===b?d:-1;d=0>c?Math.max(0,e+c):c}if(u&&a.indexOf===u)return a.indexOf(b,c);for(;e>d;d++)if(a[d]===b)return d;return-1},z.lastIndexOf=function(a,b,c){if(null==a)return-1;var d=null!=c;if(v&&a.lastIndexOf===v)return d?a.lastIndexOf(b,c):a.lastIndexOf(b);for(var e=d?c:a.length;e--;)if(a[e]===b)return e;return-1},z.range=function(a,b,c){arguments.length<=1&&(b=a||0,a=0),c=arguments[2]||1;for(var d=Math.max(Math.ceil((b-a)/c),0),e=0,f=new Array(d);d>e;)f[e++]=a,a+=c;return f},z.bind=function(a,b){if(a.bind===y&&y)return y.apply(a,j.call(arguments,1));var c=j.call(arguments,2);return function(){return a.apply(b,c.concat(j.call(arguments)))}},z.partial=function(a){var b=j.call(arguments,1);return function(){return a.apply(this,b.concat(j.call(arguments)))}},z.bindAll=function(a){var b=j.call(arguments,1);return 0===b.length&&(b=z.functions(a)),A(b,function(b){a[b]=z.bind(a[b],a)}),a},z.memoize=function(a,b){var c={};return b||(b=z.identity),function(){var d=b.apply(this,arguments);return z.has(c,d)?c[d]:c[d]=a.apply(this,arguments)}},z.delay=function(a,b){var c=j.call(arguments,2);return setTimeout(function(){return a.apply(null,c)},b)},z.defer=function(a){return z.delay.apply(z,[a,1].concat(j.call(arguments,1)))},z.throttle=function(a,b){var c,d,e,f,g=0,h=function(){g=new Date,e=null,f=a.apply(c,d)};return function(){var i=new Date,j=b-(i-g);return c=this,d=arguments,0>=j?(clearTimeout(e),e=null,g=i,f=a.apply(c,d)):e||(e=setTimeout(h,j)),f}},z.debounce=function(a,b,c){var d,e;return function(){var f=this,g=arguments,h=function(){d=null,c||(e=a.apply(f,g))},i=c&&!d;return clearTimeout(d),d=setTimeout(h,b),i&&(e=a.apply(f,g)),e}},z.once=function(a){var b,c=!1;return function(){return c?b:(c=!0,b=a.apply(this,arguments),a=null,b)}},z.wrap=function(a,b){return function(){var c=[a];return i.apply(c,arguments),b.apply(this,c)}},z.compose=function(){var a=arguments;return function(){for(var b=arguments,c=a.length-1;c>=0;c--)b=[a[c].apply(this,b)];return b[0]}},z.after=function(a,b){return 0>=a?b():function(){return--a<1?b.apply(this,arguments):void 0}},z.keys=x||function(a){if(a!==Object(a))throw new TypeError("Invalid object");var b=[];for(var c in a)z.has(a,c)&&(b[b.length]=c);return b},z.values=function(a){var b=[];for(var c in a)z.has(a,c)&&b.push(a[c]);return b},z.pairs=function(a){var b=[];for(var c in a)z.has(a,c)&&b.push([c,a[c]]);return b},z.invert=function(a){var b={};for(var c in a)z.has(a,c)&&(b[a[c]]=c);return b},z.functions=z.methods=function(a){var b=[];for(var c in a)z.isFunction(a[c])&&b.push(c);return b.sort()},z.extend=function(a){return A(j.call(arguments,1),function(b){if(b)for(var c in b)a[c]=b[c]}),a},z.pick=function(a){var b={},c=k.apply(f,j.call(arguments,1));return A(c,function(c){c in a&&(b[c]=a[c])}),b},z.omit=function(a){var b={},c=k.apply(f,j.call(arguments,1));for(var d in a)z.contains(c,d)||(b[d]=a[d]);return b},z.defaults=function(a){return A(j.call(arguments,1),function(b){if(b)for(var c in b)null==a[c]&&(a[c]=b[c])}),a},z.clone=function(a){return z.isObject(a)?z.isArray(a)?a.slice():z.extend({},a):a},z.tap=function(a,b){return b(a),a};var G=function(a,b,c,d){if(a===b)return 0!==a||1/a==1/b;if(null==a||null==b)return a===b;a instanceof z&&(a=a._wrapped),b instanceof z&&(b=b._wrapped);var e=l.call(a);if(e!=l.call(b))return!1;switch(e){case"[object String]":return a==String(b);case"[object Number]":return a!=+a?b!=+b:0==a?1/a==1/b:a==+b;case"[object Date]":case"[object Boolean]":return+a==+b;case"[object RegExp]":return a.source==b.source&&a.global==b.global&&a.multiline==b.multiline&&a.ignoreCase==b.ignoreCase}if("object"!=typeof a||"object"!=typeof b)return!1;for(var f=c.length;f--;)if(c[f]==a)return d[f]==b;c.push(a),d.push(b);var g=0,h=!0;if("[object Array]"==e){if(g=a.length,h=g==b.length)for(;g--&&(h=G(a[g],b[g],c,d)););}else{var i=a.constructor,j=b.constructor;if(i!==j&&!(z.isFunction(i)&&i instanceof i&&z.isFunction(j)&&j instanceof j))return!1;for(var k in a)if(z.has(a,k)&&(g++,!(h=z.has(b,k)&&G(a[k],b[k],c,d))))break;if(h){for(k in b)if(z.has(b,k)&&!g--)break;h=!g}}return c.pop(),d.pop(),h};z.isEqual=function(a,b){return G(a,b,[],[])},z.isEmpty=function(a){if(null==a)return!0;if(z.isArray(a)||z.isString(a))return 0===a.length;for(var b in a)if(z.has(a,b))return!1;return!0},z.isElement=function(a){return!(!a||1!==a.nodeType)},z.isArray=w||function(a){return"[object Array]"==l.call(a)},z.isObject=function(a){return a===Object(a)},A(["Arguments","Function","String","Number","Date","RegExp"],function(a){z["is"+a]=function(b){return l.call(b)=="[object "+a+"]"}}),z.isArguments(arguments)||(z.isArguments=function(a){return!(!a||!z.has(a,"callee"))}),"function"!=typeof/./&&(z.isFunction=function(a){return"function"==typeof a}),z.isFinite=function(a){return isFinite(a)&&!isNaN(parseFloat(a))},z.isNaN=function(a){return z.isNumber(a)&&a!=+a},z.isBoolean=function(a){return a===!0||a===!1||"[object Boolean]"==l.call(a)},z.isNull=function(a){return null===a},z.isUndefined=function(a){return void 0===a},z.has=function(a,b){return m.call(a,b)},z.noConflict=function(){return a._=d,this},z.identity=function(a){return a},z.times=function(a,b,c){for(var d=Array(a),e=0;a>e;e++)d[e]=b.call(c,e);return d},z.random=function(a,b){return null==b&&(b=a,a=0),a+Math.floor(Math.random()*(b-a+1))};var H={escape:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","/":"&#x2F;"}};H.unescape=z.invert(H.escape);var I={escape:new RegExp("["+z.keys(H.escape).join("")+"]","g"),unescape:new RegExp("("+z.keys(H.unescape).join("|")+")","g")};z.each(["escape","unescape"],function(a){z[a]=function(b){return null==b?"":(""+b).replace(I[a],function(b){return H[a][b]})}}),z.result=function(a,b){if(null==a)return null;var c=a[b];return z.isFunction(c)?c.call(a):c},z.mixin=function(a){A(z.functions(a),function(b){var c=z[b]=a[b];z.prototype[b]=function(){var a=[this._wrapped];return i.apply(a,arguments),N.call(this,c.apply(z,a))}})};var J=0;z.uniqueId=function(a){var b=++J+"";return a?a+b:b},z.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var K=/(.)^/,L={
-"'":"'","\\":"\\","\r":"r","\n":"n","	":"t","\u2028":"u2028","\u2029":"u2029"},M=/\\|'|\r|\n|\t|\u2028|\u2029/g;z.template=function(a,b,c){var d;c=z.defaults({},c,z.templateSettings);var e=new RegExp([(c.escape||K).source,(c.interpolate||K).source,(c.evaluate||K).source].join("|")+"|$","g"),f=0,g="__p+='";a.replace(e,function(b,c,d,e,h){return g+=a.slice(f,h).replace(M,function(a){return"\\"+L[a]}),c&&(g+="'+\n((__t=("+c+"))==null?'':_.escape(__t))+\n'"),d&&(g+="'+\n((__t=("+d+"))==null?'':__t)+\n'"),e&&(g+="';\n"+e+"\n__p+='"),f=h+b.length,b}),g+="';\n",c.variable||(g="with(obj||{}){\n"+g+"}\n"),g="var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n"+g+"return __p;\n";try{d=new Function(c.variable||"obj","_",g)}catch(h){throw h.source=g,h}if(b)return d(b,z);var i=function(a){return d.call(this,a,z)};return i.source="function("+(c.variable||"obj")+"){\n"+g+"}",i},z.chain=function(a){return z(a).chain()};var N=function(a){return this._chain?z(a).chain():a};z.mixin(z),A(["pop","push","reverse","shift","sort","splice","unshift"],function(a){var b=f[a];z.prototype[a]=function(){var c=this._wrapped;return b.apply(c,arguments),"shift"!=a&&"splice"!=a||0!==c.length||delete c[0],N.call(this,c)}}),A(["concat","join","slice"],function(a){var b=f[a];z.prototype[a]=function(){return N.call(this,b.apply(this._wrapped,arguments))}}),z.extend(z.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}})}).call(this)},{}],14:[function(b,c,d){(function(b){(function(){function e(a,b,c){for(var d=(c||0)-1,e=a?a.length:0;++d<e;)if(a[d]===b)return d;return-1}function f(a,b){var c=typeof b;if(a=a.cache,"boolean"==c||null==b)return a[b]?0:-1;"number"!=c&&"string"!=c&&(c="object");var d="number"==c?b:v+b;return a=(a=a[c])&&a[d],"object"==c?a&&e(a,b)>-1?0:-1:a?0:-1}function g(a){var b=this.cache,c=typeof a;if("boolean"==c||null==a)b[a]=!0;else{"number"!=c&&"string"!=c&&(c="object");var d="number"==c?a:v+a,e=b[c]||(b[c]={});"object"==c?(e[d]||(e[d]=[])).push(a):e[d]=!0}}function h(a){return a.charCodeAt(0)}function i(a,b){for(var c=a.criteria,d=b.criteria,e=-1,f=c.length;++e<f;){var g=c[e],h=d[e];if(g!==h){if(g>h||"undefined"==typeof g)return 1;if(h>g||"undefined"==typeof h)return-1}}return a.index-b.index}function j(a){var b=-1,c=a.length,d=a[0],e=a[c/2|0],f=a[c-1];if(d&&"object"==typeof d&&e&&"object"==typeof e&&f&&"object"==typeof f)return!1;var h=m();h["false"]=h["null"]=h["true"]=h.undefined=!1;var i=m();for(i.array=a,i.cache=h,i.push=g;++b<c;)i.push(a[b]);return i}function k(a){return"\\"+Z[a]}function l(){return s.pop()||[]}function m(){return t.pop()||{array:null,cache:null,criteria:null,"false":!1,index:0,"null":!1,number:null,object:null,push:null,string:null,"true":!1,undefined:!1,value:null}}function n(a){a.length=0,s.length<x&&s.push(a)}function o(a){var b=a.cache;b&&o(b),a.array=a.cache=a.criteria=a.object=a.number=a.string=a.value=null,t.length<x&&t.push(a)}function p(a,b,c){b||(b=0),"undefined"==typeof c&&(c=a?a.length:0);for(var d=-1,e=c-b||0,f=Array(0>e?0:e);++d<e;)f[d]=a[b+d];return f}function q(a){function b(a){return a&&"object"==typeof a&&!Zc(a)&&Hc.call(a,"__wrapped__")?a:new c(a)}function c(a,b){this.__chain__=!!b,this.__wrapped__=a}function d(a){function b(){if(d){var a=p(d);Ic.apply(a,arguments)}if(this instanceof b){var f=s(c.prototype),g=c.apply(f,a||arguments);return Ea(g)?g:f}return c.apply(e,a||arguments)}var c=a[0],d=a[2],e=a[4];return Yc(b,a),b}function g(a,b,c,d,e){if(c){var f=c(a);if("undefined"!=typeof f)return f}var h=Ea(a);if(!h)return a;var i=Ac.call(a);if(!V[i])return a;var j=Wc[i];switch(i){case O:case P:return new j(+a);case R:case U:return new j(a);case T:return f=j(a.source,D.exec(a)),f.lastIndex=a.lastIndex,f}var k=Zc(a);if(b){var m=!d;d||(d=l()),e||(e=l());for(var o=d.length;o--;)if(d[o]==a)return e[o];f=k?j(a.length):{}}else f=k?p(a):ed({},a);return k&&(Hc.call(a,"index")&&(f.index=a.index),Hc.call(a,"input")&&(f.input=a.input)),b?(d.push(a),e.push(f),(k?Ya:hd)(a,function(a,h){f[h]=g(a,b,c,d,e)}),m&&(n(d),n(e)),f):f}function s(a,b){return Ea(a)?Nc(a):{}}function t(a,b,c){if("function"!=typeof a)return Zb;if("undefined"==typeof b||!("prototype"in a))return a;var d=a.__bindData__;if("undefined"==typeof d&&(Xc.funcNames&&(d=!a.name),d=d||!Xc.funcDecomp,!d)){var e=Fc.call(a);Xc.funcNames||(d=!E.test(e)),d||(d=I.test(e),Yc(a,d))}if(d===!1||d!==!0&&1&d[1])return a;switch(c){case 1:return function(c){return a.call(b,c)};case 2:return function(c,d){return a.call(b,c,d)};case 3:return function(c,d,e){return a.call(b,c,d,e)};case 4:return function(c,d,e,f){return a.call(b,c,d,e,f)}}return Ib(a,b)}function x(a){function b(){var a=i?g:this;if(e){var n=p(e);Ic.apply(n,arguments)}if((f||k)&&(n||(n=p(arguments)),f&&Ic.apply(n,f),k&&n.length<h))return d|=16,x([c,l?d:-4&d,n,null,g,h]);if(n||(n=arguments),j&&(c=a[m]),this instanceof b){a=s(c.prototype);var o=c.apply(a,n);return Ea(o)?o:a}return c.apply(a,n)}var c=a[0],d=a[1],e=a[2],f=a[3],g=a[4],h=a[5],i=1&d,j=2&d,k=4&d,l=8&d,m=c;return Yc(b,a),b}function Z(a,b){var c=-1,d=ia(),g=a?a.length:0,h=g>=w&&d===e,i=[];if(h){var k=j(b);k?(d=f,b=k):h=!1}for(;++c<g;){var l=a[c];d(b,l)<0&&i.push(l)}return h&&o(b),i}function _(a,b,c,d){for(var e=(d||0)-1,f=a?a.length:0,g=[];++e<f;){var h=a[e];if(h&&"object"==typeof h&&"number"==typeof h.length&&(Zc(h)||ma(h))){b||(h=_(h,b,c));var i=-1,j=h.length,k=g.length;for(g.length+=j;++i<j;)g[k++]=h[i]}else c||g.push(h)}return g}function aa(a,b,c,d,e,f){if(c){var g=c(a,b);if("undefined"!=typeof g)return!!g}if(a===b)return 0!==a||1/a==1/b;var h=typeof a,i=typeof b;if(!(a!==a||a&&Y[h]||b&&Y[i]))return!1;if(null==a||null==b)return a===b;var j=Ac.call(a),k=Ac.call(b);if(j==M&&(j=S),k==M&&(k=S),j!=k)return!1;switch(j){case O:case P:return+a==+b;case R:return a!=+a?b!=+b:0==a?1/a==1/b:a==+b;case T:case U:return a==vc(b)}var m=j==N;if(!m){var o=Hc.call(a,"__wrapped__"),p=Hc.call(b,"__wrapped__");if(o||p)return aa(o?a.__wrapped__:a,p?b.__wrapped__:b,c,d,e,f);if(j!=S)return!1;var q=a.constructor,r=b.constructor;if(q!=r&&!(Da(q)&&q instanceof q&&Da(r)&&r instanceof r)&&"constructor"in a&&"constructor"in b)return!1}var s=!e;e||(e=l()),f||(f=l());for(var t=e.length;t--;)if(e[t]==a)return f[t]==b;var u=0;if(g=!0,e.push(a),f.push(b),m){if(t=a.length,u=b.length,g=u==t,g||d)for(;u--;){var v=t,w=b[u];if(d)for(;v--&&!(g=aa(a[v],w,c,d,e,f)););else if(!(g=aa(a[u],w,c,d,e,f)))break}}else gd(b,function(b,h,i){return Hc.call(i,h)?(u++,g=Hc.call(a,h)&&aa(a[h],b,c,d,e,f)):void 0}),g&&!d&&gd(a,function(a,b,c){return Hc.call(c,b)?g=--u>-1:void 0});return e.pop(),f.pop(),s&&(n(e),n(f)),g}function ba(a,b,c,d,e){(Zc(b)?Ya:hd)(b,function(b,f){var g,h,i=b,j=a[f];if(b&&((h=Zc(b))||id(b))){for(var k=d.length;k--;)if(g=d[k]==b){j=e[k];break}if(!g){var l;c&&(i=c(j,b),(l="undefined"!=typeof i)&&(j=i)),l||(j=h?Zc(j)?j:[]:id(j)?j:{}),d.push(b),e.push(j),l||ba(j,b,c,d,e)}}else c&&(i=c(j,b),"undefined"==typeof i&&(i=b)),"undefined"!=typeof i&&(j=i);a[f]=j})}function ca(a,b){return a+Ec(Vc()*(b-a+1))}function ea(a,b,c){var d=-1,g=ia(),h=a?a.length:0,i=[],k=!b&&h>=w&&g===e,m=c||k?l():i;if(k){var p=j(m);g=f,m=p}for(;++d<h;){var q=a[d],r=c?c(q,d,a):q;(b?!d||m[m.length-1]!==r:g(m,r)<0)&&((c||k)&&m.push(r),i.push(q))}return k?(n(m.array),o(m)):c&&n(m),i}function fa(a){return function(c,d,e){var f={};d=b.createCallback(d,e,3);var g=-1,h=c?c.length:0;if("number"==typeof h)for(;++g<h;){var i=c[g];a(f,i,d(i,g,c),c)}else hd(c,function(b,c,e){a(f,b,d(b,c,e),e)});return f}}function ga(a,b,c,e,f,g){var h=1&b,i=2&b,j=4&b,k=16&b,l=32&b;if(!i&&!Da(a))throw new wc;k&&!c.length&&(b&=-17,k=c=!1),l&&!e.length&&(b&=-33,l=e=!1);var m=a&&a.__bindData__;if(m&&m!==!0)return m=p(m),m[2]&&(m[2]=p(m[2])),m[3]&&(m[3]=p(m[3])),!h||1&m[1]||(m[4]=f),!h&&1&m[1]&&(b|=8),!j||4&m[1]||(m[5]=g),k&&Ic.apply(m[2]||(m[2]=[]),c),l&&Lc.apply(m[3]||(m[3]=[]),e),m[1]|=b,ga.apply(null,m);var n=1==b||17===b?d:x;return n([a,b,c,e,f,g])}function ha(a){return ad[a]}function ia(){var a=(a=b.indexOf)===rb?e:a;return a}function ja(a){return"function"==typeof a&&Bc.test(a)}function ka(a){var b,c;return a&&Ac.call(a)==S&&(b=a.constructor,!Da(b)||b instanceof b)?(gd(a,function(a,b){c=b}),"undefined"==typeof c||Hc.call(a,c)):!1}function la(a){return bd[a]}function ma(a){return a&&"object"==typeof a&&"number"==typeof a.length&&Ac.call(a)==M||!1}function na(a,b,c,d){return"boolean"!=typeof b&&null!=b&&(d=c,c=b,b=!1),g(a,b,"function"==typeof c&&t(c,d,1))}function oa(a,b,c){return g(a,!0,"function"==typeof b&&t(b,c,1))}function pa(a,b){var c=s(a);return b?ed(c,b):c}function qa(a,c,d){var e;return c=b.createCallback(c,d,3),hd(a,function(a,b,d){return c(a,b,d)?(e=b,!1):void 0}),e}function ra(a,c,d){var e;return c=b.createCallback(c,d,3),ta(a,function(a,b,d){return c(a,b,d)?(e=b,!1):void 0}),e}function sa(a,b,c){var d=[];gd(a,function(a,b){d.push(b,a)});var e=d.length;for(b=t(b,c,3);e--&&b(d[e--],d[e],a)!==!1;);return a}function ta(a,b,c){var d=_c(a),e=d.length;for(b=t(b,c,3);e--;){var f=d[e];if(b(a[f],f,a)===!1)break}return a}function ua(a){var b=[];return gd(a,function(a,c){Da(a)&&b.push(c)}),b.sort()}function va(a,b){return a?Hc.call(a,b):!1}function wa(a){for(var b=-1,c=_c(a),d=c.length,e={};++b<d;){var f=c[b];e[a[f]]=f}return e}function xa(a){return a===!0||a===!1||a&&"object"==typeof a&&Ac.call(a)==O||!1}function ya(a){return a&&"object"==typeof a&&Ac.call(a)==P||!1}function za(a){return a&&1===a.nodeType||!1}function Aa(a){var b=!0;if(!a)return b;var c=Ac.call(a),d=a.length;return c==N||c==U||c==M||c==S&&"number"==typeof d&&Da(a.splice)?!d:(hd(a,function(){return b=!1}),b)}function Ba(a,b,c,d){return aa(a,b,"function"==typeof c&&t(c,d,2))}function Ca(a){return Pc(a)&&!Qc(parseFloat(a))}function Da(a){return"function"==typeof a}function Ea(a){return!(!a||!Y[typeof a])}function Fa(a){return Ha(a)&&a!=+a}function Ga(a){return null===a}function Ha(a){return"number"==typeof a||a&&"object"==typeof a&&Ac.call(a)==R||!1}function Ia(a){return a&&"object"==typeof a&&Ac.call(a)==T||!1}function Ja(a){return"string"==typeof a||a&&"object"==typeof a&&Ac.call(a)==U||!1}function Ka(a){return"undefined"==typeof a}function La(a,c,d){var e={};return c=b.createCallback(c,d,3),hd(a,function(a,b,d){e[b]=c(a,b,d)}),e}function Ma(a){var b=arguments,c=2;if(!Ea(a))return a;if("number"!=typeof b[2]&&(c=b.length),c>3&&"function"==typeof b[c-2])var d=t(b[--c-1],b[c--],2);else c>2&&"function"==typeof b[c-1]&&(d=b[--c]);for(var e=p(arguments,1,c),f=-1,g=l(),h=l();++f<c;)ba(a,e[f],d,g,h);return n(g),n(h),a}function Na(a,c,d){var e={};if("function"!=typeof c){var f=[];gd(a,function(a,b){f.push(b)}),f=Z(f,_(arguments,!0,!1,1));for(var g=-1,h=f.length;++g<h;){var i=f[g];e[i]=a[i]}}else c=b.createCallback(c,d,3),gd(a,function(a,b,d){c(a,b,d)||(e[b]=a)});return e}function Oa(a){for(var b=-1,c=_c(a),d=c.length,e=nc(d);++b<d;){var f=c[b];e[b]=[f,a[f]]}return e}function Pa(a,c,d){var e={};if("function"!=typeof c)for(var f=-1,g=_(arguments,!0,!1,1),h=Ea(a)?g.length:0;++f<h;){var i=g[f];i in a&&(e[i]=a[i])}else c=b.createCallback(c,d,3),gd(a,function(a,b,d){c(a,b,d)&&(e[b]=a)});return e}function Qa(a,c,d,e){var f=Zc(a);if(null==d)if(f)d=[];else{var g=a&&a.constructor,h=g&&g.prototype;d=s(h)}return c&&(c=b.createCallback(c,e,4),(f?Ya:hd)(a,function(a,b,e){return c(d,a,b,e)})),d}function Ra(a){for(var b=-1,c=_c(a),d=c.length,e=nc(d);++b<d;)e[b]=a[c[b]];return e}function Sa(a){for(var b=arguments,c=-1,d=_(b,!0,!1,1),e=b[2]&&b[2][b[1]]===a?1:d.length,f=nc(e);++c<e;)f[c]=a[d[c]];return f}function Ta(a,b,c){var d=-1,e=ia(),f=a?a.length:0,g=!1;return c=(0>c?Sc(0,f+c):c)||0,Zc(a)?g=e(a,b,c)>-1:"number"==typeof f?g=(Ja(a)?a.indexOf(b,c):e(a,b,c))>-1:hd(a,function(a){return++d>=c?!(g=a===b):void 0}),g}function Ua(a,c,d){var e=!0;c=b.createCallback(c,d,3);var f=-1,g=a?a.length:0;if("number"==typeof g)for(;++f<g&&(e=!!c(a[f],f,a)););else hd(a,function(a,b,d){return e=!!c(a,b,d)});return e}function Va(a,c,d){var e=[];c=b.createCallback(c,d,3);var f=-1,g=a?a.length:0;if("number"==typeof g)for(;++f<g;){var h=a[f];c(h,f,a)&&e.push(h)}else hd(a,function(a,b,d){c(a,b,d)&&e.push(a)});return e}function Wa(a,c,d){c=b.createCallback(c,d,3);var e=-1,f=a?a.length:0;if("number"!=typeof f){var g;return hd(a,function(a,b,d){return c(a,b,d)?(g=a,!1):void 0}),g}for(;++e<f;){var h=a[e];if(c(h,e,a))return h}}function Xa(a,c,d){var e;return c=b.createCallback(c,d,3),Za(a,function(a,b,d){return c(a,b,d)?(e=a,!1):void 0}),e}function Ya(a,b,c){var d=-1,e=a?a.length:0;if(b=b&&"undefined"==typeof c?b:t(b,c,3),"number"==typeof e)for(;++d<e&&b(a[d],d,a)!==!1;);else hd(a,b);return a}function Za(a,b,c){var d=a?a.length:0;if(b=b&&"undefined"==typeof c?b:t(b,c,3),"number"==typeof d)for(;d--&&b(a[d],d,a)!==!1;);else{var e=_c(a);d=e.length,hd(a,function(a,c,f){return c=e?e[--d]:--d,b(f[c],c,f)})}return a}function $a(a,b){var c=p(arguments,2),d=-1,e="function"==typeof b,f=a?a.length:0,g=nc("number"==typeof f?f:0);return Ya(a,function(a){g[++d]=(e?b:a[b]).apply(a,c)}),g}function _a(a,c,d){var e=-1,f=a?a.length:0;if(c=b.createCallback(c,d,3),"number"==typeof f)for(var g=nc(f);++e<f;)g[e]=c(a[e],e,a);else g=[],hd(a,function(a,b,d){g[++e]=c(a,b,d)});return g}function ab(a,c,d){var e=-(1/0),f=e;if("function"!=typeof c&&d&&d[c]===a&&(c=null),null==c&&Zc(a))for(var g=-1,i=a.length;++g<i;){var j=a[g];j>f&&(f=j)}else c=null==c&&Ja(a)?h:b.createCallback(c,d,3),Ya(a,function(a,b,d){var g=c(a,b,d);g>e&&(e=g,f=a)});return f}function bb(a,c,d){var e=1/0,f=e;if("function"!=typeof c&&d&&d[c]===a&&(c=null),null==c&&Zc(a))for(var g=-1,i=a.length;++g<i;){var j=a[g];f>j&&(f=j)}else c=null==c&&Ja(a)?h:b.createCallback(c,d,3),Ya(a,function(a,b,d){var g=c(a,b,d);e>g&&(e=g,f=a)});return f}function cb(a,c,d,e){if(!a)return d;var f=arguments.length<3;c=b.createCallback(c,e,4);var g=-1,h=a.length;if("number"==typeof h)for(f&&(d=a[++g]);++g<h;)d=c(d,a[g],g,a);else hd(a,function(a,b,e){d=f?(f=!1,a):c(d,a,b,e)});return d}function db(a,c,d,e){var f=arguments.length<3;return c=b.createCallback(c,e,4),Za(a,function(a,b,e){d=f?(f=!1,a):c(d,a,b,e)}),d}function eb(a,c,d){return c=b.createCallback(c,d,3),Va(a,function(a,b,d){return!c(a,b,d)})}function fb(a,b,c){if(a&&"number"!=typeof a.length&&(a=Ra(a)),null==b||c)return a?a[ca(0,a.length-1)]:r;var d=gb(a);return d.length=Tc(Sc(0,b),d.length),d}function gb(a){var b=-1,c=a?a.length:0,d=nc("number"==typeof c?c:0);return Ya(a,function(a){var c=ca(0,++b);d[b]=d[c],d[c]=a}),d}function hb(a){var b=a?a.length:0;return"number"==typeof b?b:_c(a).length}function ib(a,c,d){var e;c=b.createCallback(c,d,3);var f=-1,g=a?a.length:0;if("number"==typeof g)for(;++f<g&&!(e=c(a[f],f,a)););else hd(a,function(a,b,d){return!(e=c(a,b,d))});return!!e}function jb(a,c,d){var e=-1,f=Zc(c),g=a?a.length:0,h=nc("number"==typeof g?g:0);for(f||(c=b.createCallback(c,d,3)),Ya(a,function(a,b,d){var g=h[++e]=m();f?g.criteria=_a(c,function(b){return a[b]}):(g.criteria=l())[0]=c(a,b,d),g.index=e,g.value=a}),g=h.length,h.sort(i);g--;){var j=h[g];h[g]=j.value,f||n(j.criteria),o(j)}return h}function kb(a){return a&&"number"==typeof a.length?p(a):Ra(a)}function lb(a){for(var b=-1,c=a?a.length:0,d=[];++b<c;){var e=a[b];e&&d.push(e)}return d}function mb(a){return Z(a,_(arguments,!0,!0,1))}function nb(a,c,d){var e=-1,f=a?a.length:0;for(c=b.createCallback(c,d,3);++e<f;)if(c(a[e],e,a))return e;return-1}function ob(a,c,d){var e=a?a.length:0;for(c=b.createCallback(c,d,3);e--;)if(c(a[e],e,a))return e;return-1}function pb(a,c,d){var e=0,f=a?a.length:0;if("number"!=typeof c&&null!=c){var g=-1;for(c=b.createCallback(c,d,3);++g<f&&c(a[g],g,a);)e++}else if(e=c,null==e||d)return a?a[0]:r;return p(a,0,Tc(Sc(0,e),f))}function qb(a,b,c,d){return"boolean"!=typeof b&&null!=b&&(d=c,c="function"!=typeof b&&d&&d[b]===a?null:b,b=!1),null!=c&&(a=_a(a,c,d)),_(a,b)}function rb(a,b,c){if("number"==typeof c){var d=a?a.length:0;c=0>c?Sc(0,d+c):c||0}else if(c){var f=Ab(a,b);return a[f]===b?f:-1}return e(a,b,c)}function sb(a,c,d){var e=0,f=a?a.length:0;if("number"!=typeof c&&null!=c){var g=f;for(c=b.createCallback(c,d,3);g--&&c(a[g],g,a);)e++}else e=null==c||d?1:c||e;return p(a,0,Tc(Sc(0,f-e),f))}function tb(){for(var a=[],b=-1,c=arguments.length,d=l(),g=ia(),h=g===e,i=l();++b<c;){var k=arguments[b];(Zc(k)||ma(k))&&(a.push(k),d.push(h&&k.length>=w&&j(b?a[b]:i)))}var m=a[0],p=-1,q=m?m.length:0,r=[];a:for(;++p<q;){var s=d[0];if(k=m[p],(s?f(s,k):g(i,k))<0){for(b=c,(s||i).push(k);--b;)if(s=d[b],(s?f(s,k):g(a[b],k))<0)continue a;r.push(k)}}for(;c--;)s=d[c],s&&o(s);return n(d),n(i),r}function ub(a,c,d){var e=0,f=a?a.length:0;if("number"!=typeof c&&null!=c){var g=f;for(c=b.createCallback(c,d,3);g--&&c(a[g],g,a);)e++}else if(e=c,null==e||d)return a?a[f-1]:r;return p(a,Sc(0,f-e))}function vb(a,b,c){var d=a?a.length:0;for("number"==typeof c&&(d=(0>c?Sc(0,d+c):Tc(c,d-1))+1);d--;)if(a[d]===b)return d;return-1}function wb(a){for(var b=arguments,c=0,d=b.length,e=a?a.length:0;++c<d;)for(var f=-1,g=b[c];++f<e;)a[f]===g&&(Kc.call(a,f--,1),e--);return a}function xb(a,b,c){a=+a||0,c="number"==typeof c?c:+c||1,null==b&&(b=a,a=0);for(var d=-1,e=Sc(0,Cc((b-a)/(c||1))),f=nc(e);++d<e;)f[d]=a,a+=c;return f}function yb(a,c,d){var e=-1,f=a?a.length:0,g=[];for(c=b.createCallback(c,d,3);++e<f;){var h=a[e];c(h,e,a)&&(g.push(h),Kc.call(a,e--,1),f--)}return g}function zb(a,c,d){if("number"!=typeof c&&null!=c){var e=0,f=-1,g=a?a.length:0;for(c=b.createCallback(c,d,3);++f<g&&c(a[f],f,a);)e++}else e=null==c||d?1:Sc(0,c);return p(a,e)}function Ab(a,c,d,e){var f=0,g=a?a.length:f;for(d=d?b.createCallback(d,e,1):Zb,c=d(c);g>f;){var h=f+g>>>1;d(a[h])<c?f=h+1:g=h}return f}function Bb(){return ea(_(arguments,!0,!0))}function Cb(a,c,d,e){return"boolean"!=typeof c&&null!=c&&(e=d,d="function"!=typeof c&&e&&e[c]===a?null:c,c=!1),null!=d&&(d=b.createCallback(d,e,3)),ea(a,c,d)}function Db(a){return Z(a,p(arguments,1))}function Eb(){for(var a=-1,b=arguments.length;++a<b;){var c=arguments[a];if(Zc(c)||ma(c))var d=d?ea(Z(d,c).concat(Z(c,d))):c}return d||[]}function Fb(){for(var a=arguments.length>1?arguments:arguments[0],b=-1,c=a?ab(md(a,"length")):0,d=nc(0>c?0:c);++b<c;)d[b]=md(a,b);return d}function Gb(a,b){var c=-1,d=a?a.length:0,e={};for(b||!d||Zc(a[0])||(b=[]);++c<d;){var f=a[c];b?e[f]=b[c]:f&&(e[f[0]]=f[1])}return e}function Hb(a,b){if(!Da(b))throw new wc;return function(){return--a<1?b.apply(this,arguments):void 0}}function Ib(a,b){return arguments.length>2?ga(a,17,p(arguments,2),null,b):ga(a,1,null,null,b)}function Jb(a){for(var b=arguments.length>1?_(arguments,!0,!1,1):ua(a),c=-1,d=b.length;++c<d;){var e=b[c];a[e]=ga(a[e],1,null,null,a)}return a}function Kb(a,b){return arguments.length>2?ga(b,19,p(arguments,2),null,a):ga(b,3,null,null,a)}function Lb(){for(var a=arguments,b=a.length;b--;)if(!Da(a[b]))throw new wc;return function(){for(var b=arguments,c=a.length;c--;)b=[a[c].apply(this,b)];return b[0]}}function Mb(a,b){return b="number"==typeof b?b:+b||a.length,ga(a,4,null,null,null,b)}function Nb(a,b,c){var d,e,f,g,h,i,j,k=0,l=!1,m=!0;if(!Da(a))throw new wc;if(b=Sc(0,b)||0,c===!0){var n=!0;m=!1}else Ea(c)&&(n=c.leading,l="maxWait"in c&&(Sc(b,c.maxWait)||0),m="trailing"in c?c.trailing:m);var o=function(){var c=b-(od()-g);if(0>=c){e&&Dc(e);var l=j;e=i=j=r,l&&(k=od(),f=a.apply(h,d),i||e||(d=h=null))}else i=Jc(o,c)},p=function(){i&&Dc(i),e=i=j=r,(m||l!==b)&&(k=od(),f=a.apply(h,d),i||e||(d=h=null))};return function(){if(d=arguments,g=od(),h=this,j=m&&(i||!n),l===!1)var c=n&&!i;else{e||n||(k=g);var q=l-(g-k),r=0>=q;r?(e&&(e=Dc(e)),k=g,f=a.apply(h,d)):e||(e=Jc(p,q))}return r&&i?i=Dc(i):i||b===l||(i=Jc(o,b)),c&&(r=!0,f=a.apply(h,d)),!r||i||e||(d=h=null),f}}function Ob(a){if(!Da(a))throw new wc;var b=p(arguments,1);return Jc(function(){a.apply(r,b)},1)}function Pb(a,b){if(!Da(a))throw new wc;var c=p(arguments,2);return Jc(function(){a.apply(r,c)},b)}function Qb(a,b){if(!Da(a))throw new wc;var c=function(){var d=c.cache,e=b?b.apply(this,arguments):v+arguments[0];return Hc.call(d,e)?d[e]:d[e]=a.apply(this,arguments)};return c.cache={},c}function Rb(a){var b,c;if(!Da(a))throw new wc;return function(){return b?c:(b=!0,c=a.apply(this,arguments),a=null,c)}}function Sb(a){return ga(a,16,p(arguments,1))}function Tb(a){return ga(a,32,null,p(arguments,1))}function Ub(a,b,c){var d=!0,e=!0;if(!Da(a))throw new wc;return c===!1?d=!1:Ea(c)&&(d="leading"in c?c.leading:d,e="trailing"in c?c.trailing:e),W.leading=d,W.maxWait=b,W.trailing=e,Nb(a,b,W)}function Vb(a,b){return ga(b,16,[a])}function Wb(a){return function(){return a}}function Xb(a,b,c){var d=typeof a;if(null==a||"function"==d)return t(a,b,c);if("object"!=d)return bc(a);var e=_c(a),f=e[0],g=a[f];return 1!=e.length||g!==g||Ea(g)?function(b){for(var c=e.length,d=!1;c--&&(d=aa(b[e[c]],a[e[c]],null,!0)););return d}:function(a){var b=a[f];return g===b&&(0!==g||1/g==1/b)}}function Yb(a){return null==a?"":vc(a).replace(dd,ha)}function Zb(a){return a}function $b(a,d,e){var f=!0,g=d&&ua(d);d&&(e||g.length)||(null==e&&(e=d),h=c,d=a,a=b,g=ua(d)),e===!1?f=!1:Ea(e)&&"chain"in e&&(f=e.chain);var h=a,i=Da(h);Ya(g,function(b){var c=a[b]=d[b];i&&(h.prototype[b]=function(){var b=this.__chain__,d=this.__wrapped__,e=[d];Ic.apply(e,arguments);var g=c.apply(a,e);if(f||b){if(d===g&&Ea(g))return this;g=new h(g),g.__chain__=b}return g})})}function _b(){return a._=zc,this}function ac(){}function bc(a){return function(b){return b[a]}}function cc(a,b,c){var d=null==a,e=null==b;if(null==c&&("boolean"==typeof a&&e?(c=a,a=1):e||"boolean"!=typeof b||(c=b,e=!0)),d&&e&&(b=1),a=+a||0,e?(b=a,a=0):b=+b||0,c||a%1||b%1){var f=Vc();return Tc(a+f*(b-a+parseFloat("1e-"+((f+"").length-1))),b)}return ca(a,b)}function dc(a,b){if(a){var c=a[b];return Da(c)?a[b]():c}}function ec(a,c,d){var e=b.templateSettings;a=vc(a||""),d=fd({},d,e);var f,g=fd({},d.imports,e.imports),h=_c(g),i=Ra(g),j=0,l=d.interpolate||H,m="__p += '",n=uc((d.escape||H).source+"|"+l.source+"|"+(l===F?C:H).source+"|"+(d.evaluate||H).source+"|$","g");a.replace(n,function(b,c,d,e,g,h){return d||(d=e),m+=a.slice(j,h).replace(J,k),c&&(m+="' +\n__e("+c+") +\n'"),g&&(f=!0,m+="';\n"+g+";\n__p += '"),d&&(m+="' +\n((__t = ("+d+")) == null ? '' : __t) +\n'"),j=h+b.length,b}),m+="';\n";var o=d.variable,p=o;p||(o="obj",m="with ("+o+") {\n"+m+"\n}\n"),m=(f?m.replace(z,""):m).replace(A,"$1").replace(B,"$1;"),m="function("+o+") {\n"+(p?"":o+" || ("+o+" = {});\n")+"var __t, __p = '', __e = _.escape"+(f?", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n":";\n")+m+"return __p\n}";var q="\n/*\n//# sourceURL="+(d.sourceURL||"/lodash/template/source["+L++ +"]")+"\n*/";try{var s=qc(h,"return "+m+q).apply(r,i)}catch(t){throw t.source=m,t}return c?s(c):(s.source=m,s)}function fc(a,b,c){a=(a=+a)>-1?a:0;var d=-1,e=nc(a);for(b=t(b,c,1);++d<a;)e[d]=b(d);return e}function gc(a){return null==a?"":vc(a).replace(cd,la)}function hc(a){var b=++u;return vc(null==a?"":a)+b}function ic(a){return a=new c(a),a.__chain__=!0,a}function jc(a,b){return b(a),a}function kc(){return this.__chain__=!0,this}function lc(){return vc(this.__wrapped__)}function mc(){return this.__wrapped__}a=a?da.defaults($.Object(),a,da.pick($,K)):$;var nc=a.Array,oc=a.Boolean,pc=a.Date,qc=a.Function,rc=a.Math,sc=a.Number,tc=a.Object,uc=a.RegExp,vc=a.String,wc=a.TypeError,xc=[],yc=tc.prototype,zc=a._,Ac=yc.toString,Bc=uc("^"+vc(Ac).replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/toString| for [^\]]+/g,".*?")+"$"),Cc=rc.ceil,Dc=a.clearTimeout,Ec=rc.floor,Fc=qc.prototype.toString,Gc=ja(Gc=tc.getPrototypeOf)&&Gc,Hc=yc.hasOwnProperty,Ic=xc.push,Jc=a.setTimeout,Kc=xc.splice,Lc=xc.unshift,Mc=function(){try{var a={},b=ja(b=tc.defineProperty)&&b,c=b(a,a,a)&&b}catch(d){}return c}(),Nc=ja(Nc=tc.create)&&Nc,Oc=ja(Oc=nc.isArray)&&Oc,Pc=a.isFinite,Qc=a.isNaN,Rc=ja(Rc=tc.keys)&&Rc,Sc=rc.max,Tc=rc.min,Uc=a.parseInt,Vc=rc.random,Wc={};Wc[N]=nc,Wc[O]=oc,Wc[P]=pc,Wc[Q]=qc,Wc[S]=tc,Wc[R]=sc,Wc[T]=uc,Wc[U]=vc,c.prototype=b.prototype;var Xc=b.support={};Xc.funcDecomp=!ja(a.WinRTError)&&I.test(q),Xc.funcNames="string"==typeof qc.name,b.templateSettings={escape:/<%-([\s\S]+?)%>/g,evaluate:/<%([\s\S]+?)%>/g,interpolate:F,variable:"",imports:{_:b}},Nc||(s=function(){function b(){}return function(c){if(Ea(c)){b.prototype=c;var d=new b;b.prototype=null}return d||a.Object()}}());var Yc=Mc?function(a,b){X.value=b,Mc(a,"__bindData__",X),X.value=null}:ac,Zc=Oc||function(a){return a&&"object"==typeof a&&"number"==typeof a.length&&Ac.call(a)==N||!1},$c=function(a){var b,c=a,d=[];if(!c)return d;if(!Y[typeof a])return d;for(b in c)Hc.call(c,b)&&d.push(b);return d},_c=Rc?function(a){return Ea(a)?Rc(a):[]}:$c,ad={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},bd=wa(ad),cd=uc("("+_c(bd).join("|")+")","g"),dd=uc("["+_c(ad).join("")+"]","g"),ed=function(a,b,c){var d,e=a,f=e;if(!e)return f;var g=arguments,h=0,i="number"==typeof c?2:g.length;if(i>3&&"function"==typeof g[i-2])var j=t(g[--i-1],g[i--],2);else i>2&&"function"==typeof g[i-1]&&(j=g[--i]);for(;++h<i;)if(e=g[h],e&&Y[typeof e])for(var k=-1,l=Y[typeof e]&&_c(e),m=l?l.length:0;++k<m;)d=l[k],f[d]=j?j(f[d],e[d]):e[d];return f},fd=function(a,b,c){var d,e=a,f=e;if(!e)return f;for(var g=arguments,h=0,i="number"==typeof c?2:g.length;++h<i;)if(e=g[h],e&&Y[typeof e])for(var j=-1,k=Y[typeof e]&&_c(e),l=k?k.length:0;++j<l;)d=k[j],"undefined"==typeof f[d]&&(f[d]=e[d]);return f},gd=function(a,b,c){var d,e=a,f=e;if(!e)return f;if(!Y[typeof e])return f;b=b&&"undefined"==typeof c?b:t(b,c,3);for(d in e)if(b(e[d],d,a)===!1)return f;return f},hd=function(a,b,c){var d,e=a,f=e;if(!e)return f;if(!Y[typeof e])return f;b=b&&"undefined"==typeof c?b:t(b,c,3);for(var g=-1,h=Y[typeof e]&&_c(e),i=h?h.length:0;++g<i;)if(d=h[g],b(e[d],d,a)===!1)return f;return f},id=Gc?function(a){if(!a||Ac.call(a)!=S)return!1;var b=a.valueOf,c=ja(b)&&(c=Gc(b))&&Gc(c);return c?a==c||Gc(a)==c:ka(a)}:ka,jd=fa(function(a,b,c){Hc.call(a,c)?a[c]++:a[c]=1}),kd=fa(function(a,b,c){(Hc.call(a,c)?a[c]:a[c]=[]).push(b)}),ld=fa(function(a,b,c){a[c]=b}),md=_a,nd=Va,od=ja(od=pc.now)&&od||function(){return(new pc).getTime()},pd=8==Uc(y+"08")?Uc:function(a,b){return Uc(Ja(a)?a.replace(G,""):a,b||0)};return b.after=Hb,b.assign=ed,b.at=Sa,b.bind=Ib,b.bindAll=Jb,b.bindKey=Kb,b.chain=ic,b.compact=lb,b.compose=Lb,b.constant=Wb,b.countBy=jd,b.create=pa,b.createCallback=Xb,b.curry=Mb,b.debounce=Nb,b.defaults=fd,b.defer=Ob,b.delay=Pb,b.difference=mb,b.filter=Va,b.flatten=qb,b.forEach=Ya,b.forEachRight=Za,b.forIn=gd,b.forInRight=sa,b.forOwn=hd,b.forOwnRight=ta,b.functions=ua,b.groupBy=kd,b.indexBy=ld,b.initial=sb,b.intersection=tb,b.invert=wa,b.invoke=$a,b.keys=_c,b.map=_a,b.mapValues=La,b.max=ab,b.memoize=Qb,b.merge=Ma,b.min=bb,b.omit=Na,b.once=Rb,b.pairs=Oa,b.partial=Sb,b.partialRight=Tb,b.pick=Pa,b.pluck=md,b.property=bc,b.pull=wb,b.range=xb,b.reject=eb,b.remove=yb,b.rest=zb,b.shuffle=gb,b.sortBy=jb,b.tap=jc,b.throttle=Ub,b.times=fc,b.toArray=kb,b.transform=Qa,b.union=Bb,b.uniq=Cb,b.values=Ra,b.where=nd,b.without=Db,b.wrap=Vb,b.xor=Eb,b.zip=Fb,b.zipObject=Gb,b.collect=_a,b.drop=zb,b.each=Ya,b.eachRight=Za,b.extend=ed,b.methods=ua,b.object=Gb,b.select=Va,b.tail=zb,b.unique=Cb,b.unzip=Fb,$b(b),b.clone=na,b.cloneDeep=oa,b.contains=Ta,b.escape=Yb,b.every=Ua,b.find=Wa,b.findIndex=nb,b.findKey=qa,b.findLast=Xa,b.findLastIndex=ob,b.findLastKey=ra,b.has=va,b.identity=Zb,b.indexOf=rb,b.isArguments=ma,b.isArray=Zc,b.isBoolean=xa,b.isDate=ya,b.isElement=za,b.isEmpty=Aa,b.isEqual=Ba,b.isFinite=Ca,b.isFunction=Da,b.isNaN=Fa,b.isNull=Ga,b.isNumber=Ha,b.isObject=Ea,b.isPlainObject=id,b.isRegExp=Ia,b.isString=Ja,b.isUndefined=Ka,b.lastIndexOf=vb,b.mixin=$b,b.noConflict=_b,b.noop=ac,b.now=od,b.parseInt=pd,b.random=cc,b.reduce=cb,b.reduceRight=db,b.result=dc,b.runInContext=q,b.size=hb,b.some=ib,b.sortedIndex=Ab,b.template=ec,b.unescape=gc,b.uniqueId=hc,b.all=Ua,b.any=ib,b.detect=Wa,b.findWhere=Wa,b.foldl=cb,b.foldr=db,b.include=Ta,b.inject=cb,$b(function(){var a={};return hd(b,function(c,d){b.prototype[d]||(a[d]=c)}),a}(),!1),b.first=pb,b.last=ub,b.sample=fb,b.take=pb,b.head=pb,hd(b,function(a,d){var e="sample"!==d;b.prototype[d]||(b.prototype[d]=function(b,d){var f=this.__chain__,g=a(this.__wrapped__,b,d);return f||null!=b&&(!d||e&&"function"==typeof b)?new c(g,f):g})}),b.VERSION="2.4.2",b.prototype.chain=kc,b.prototype.toString=lc,b.prototype.value=mc,b.prototype.valueOf=mc,Ya(["join","pop","shift"],function(a){var d=xc[a];b.prototype[a]=function(){var a=this.__chain__,b=d.apply(this.__wrapped__,arguments);return a?new c(b,a):b}}),Ya(["push","reverse","sort","unshift"],function(a){var c=xc[a];b.prototype[a]=function(){return c.apply(this.__wrapped__,arguments),this}}),Ya(["concat","slice","splice"],function(a){var d=xc[a];b.prototype[a]=function(){return new c(d.apply(this.__wrapped__,arguments),this.__chain__)}}),b}var r,s=[],t=[],u=0,v=+new Date+"",w=75,x=40,y=" 	\f \ufeff\n\r\u2028\u2029 ᠎             　",z=/\b__p \+= '';/g,A=/\b(__p \+=) '' \+/g,B=/(__e\(.*?\)|\b__t\)) \+\n'';/g,C=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,D=/\w*$/,E=/^\s*function[ \n\r\t]+\w/,F=/<%=([\s\S]+?)%>/g,G=RegExp("^["+y+"]*0+(?=.$)"),H=/($^)/,I=/\bthis\b/,J=/['\n\r\t\u2028\u2029\\]/g,K=["Array","Boolean","Date","Function","Math","Number","Object","RegExp","String","_","attachEvent","clearTimeout","isFinite","isNaN","parseInt","setTimeout"],L=0,M="[object Arguments]",N="[object Array]",O="[object Boolean]",P="[object Date]",Q="[object Function]",R="[object Number]",S="[object Object]",T="[object RegExp]",U="[object String]",V={};V[Q]=!1,V[M]=V[N]=V[O]=V[P]=V[R]=V[S]=V[T]=V[U]=!0;var W={leading:!1,maxWait:0,trailing:!1},X={configurable:!1,enumerable:!1,value:null,writable:!1},Y={"boolean":!1,"function":!0,object:!0,number:!1,string:!1,undefined:!1},Z={"\\":"\\","'":"'","\n":"n","\r":"r","	":"t","\u2028":"u2028","\u2029":"u2029"},$=Y[typeof window]&&window||this,_=Y[typeof d]&&d&&!d.nodeType&&d,aa=Y[typeof c]&&c&&!c.nodeType&&c,ba=aa&&aa.exports===_&&_,ca=Y[typeof b]&&b;!ca||ca.global!==ca&&ca.window!==ca||($=ca);var da=q();"function"==typeof a&&"object"==typeof a.amd&&a.amd?($._=da,a(function(){return da})):_&&aa?ba?(aa.exports=da)._=da:_._=da:$._=da}).call(this)}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],15:[function(b,c,d){!function(b,e){"use strict";"object"==typeof d?c.exports=e():"function"==typeof a&&a.amd?a(e):b.UltraDeepClone=e()}(this,function(){function a(a){return"[object "+a+"]"}function b(a){for(var b=[],c=1;a>=c;c++)b.push("arg"+c);return b}function c(a){var c=b(a.length),d="return false || function ";return d+=a.name+"(",d+=c.join(", ")+") {\n",d+="return fn.apply(this, arguments);\n",d+="};",Function("fn",d)(a)}function d(a){return function(b,c,d){c.push(b);var e=a(b);return d.push(e),e}}function e(a){return a}function f(a){return new RegExp(a)}function g(a){return new Date(a.getTime())}function h(a){return c(a)}function i(a){return Object.create(Object.getPrototypeOf(a))}function j(a){return[]}function k(a){var b=a.length;return new a.constructor(b)}function l(a,b){return function(c,d,e){var f=this;return Object.getOwnPropertyNames(c).filter(function(a){return!b||-1===b.indexOf(a)}).reduce(function(a,b){var g=d.indexOf(c[b]);return-1===g?a[b]=f(c[b]):a[b]=e[g],a},a(c,d,e))}}var m=["caller","arguments"],n=["BYTES_PER_ELEMENT","get","set","slice","subarray","buffer","length","byteOffset","byteLength"],o=d(e),p=l(d(k),n),q={};return q[a("RegExp")]=d(f),q[a("Date")]=d(g),q[a("Function")]=l(d(h),m),q[a("Object")]=l(d(i)),q[a("Array")]=l(d(j)),["Null","Undefined","Number","String","Boolean"].map(a).forEach(function(a){q[a]=o}),["Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Uint16Array","Int32Array","Uint32Array","Float32Array","Float64Array"].map(a).forEach(function(a){q[a]=p}),function(a){function b(a){var e=Object.prototype.toString.call(a);return q[e].call(b,a,c,d)}var c=[],d=[];return b(a)}})},{}],16:[function(a,b,c){function d(){for(var a={},b=0;b<arguments.length;b++){var c=arguments[b];for(var d in c)c.hasOwnProperty(d)&&(a[d]=c[d])}return a}b.exports=d},{}],17:[function(a,b,c){
-WYMeditor.EXTERNAL_MODULES.ObjectHistory=a("object-history")},{"object-history":1}]},{},[17])(17)}),function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,b.foo=a()}}(function(){return function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c?c:a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b,c){"use strict";b.exports=function(a){var b=this,c=b.constructor;return b.callbacks={},b.directMap={},b.sequenceLevels={},b.resetTimer,b.ignoreNextKeyup=!1,b.ignoreNextKeypress=!1,b.nextExpectedAction=!1,b.element=a,b.addEvents(),c.instances.push(b),b},b.exports.prototype.bind=a("./prototype/bind"),b.exports.prototype.bindMultiple=a("./prototype/bindMultiple"),b.exports.prototype.unbind=a("./prototype/unbind"),b.exports.prototype.trigger=a("./prototype/trigger"),b.exports.prototype.reset=a("./prototype/reset.js"),b.exports.prototype.stopCallback=a("./prototype/stopCallback"),b.exports.prototype.handleKey=a("./prototype/handleKey"),b.exports.prototype.addEvents=a("./prototype/addEvents"),b.exports.prototype.bindSingle=a("./prototype/bindSingle"),b.exports.prototype.getKeyInfo=a("./prototype/getKeyInfo"),b.exports.prototype.pickBestAction=a("./prototype/pickBestAction"),b.exports.prototype.getReverseMap=a("./prototype/getReverseMap"),b.exports.prototype.getMatches=a("./prototype/getMatches"),b.exports.prototype.resetSequences=a("./prototype/resetSequences"),b.exports.prototype.fireCallback=a("./prototype/fireCallback"),b.exports.prototype.bindSequence=a("./prototype/bindSequence"),b.exports.prototype.resetSequenceTimer=a("./prototype/resetSequenceTimer"),b.exports.prototype.detach=a("./prototype/detach"),b.exports.instances=[],b.exports.reset=a("./reset"),b.exports.REVERSE_MAP=null},{"./prototype/addEvents":2,"./prototype/bind":3,"./prototype/bindMultiple":4,"./prototype/bindSequence":5,"./prototype/bindSingle":6,"./prototype/detach":7,"./prototype/fireCallback":8,"./prototype/getKeyInfo":9,"./prototype/getMatches":10,"./prototype/getReverseMap":11,"./prototype/handleKey":12,"./prototype/pickBestAction":15,"./prototype/reset.js":16,"./prototype/resetSequenceTimer":17,"./prototype/resetSequences":18,"./prototype/stopCallback":19,"./prototype/trigger":20,"./prototype/unbind":21,"./reset":22}],2:[function(a,b,c){"use strict";b.exports=function(){var b=this,c=a("dom-event"),d=b.element;b.eventHandler=a("./handleKeyEvent").bind(b),c(d,"keypress",b.eventHandler),c(d,"keydown",b.eventHandler),c(d,"keyup",b.eventHandler)}},{"./handleKeyEvent":13,"dom-event":33}],3:[function(a,b,c){"use strict";b.exports=function(a,b,c){var d=this;return a=a instanceof Array?a:[a],d.bindMultiple(a,b,c),d}},{}],4:[function(a,b,c){"use strict";b.exports=function(a,b,c){for(var d=this,e=0;e<a.length;++e)d.bindSingle(a[e],b,c)}},{}],5:[function(a,b,c){"use strict";b.exports=function(b,c,d,e){function f(a){return function(){h.nextExpectedAction=a,++h.sequenceLevels[b],h.resetSequenceTimer()}}function g(c){var f;h.fireCallback(d,c,b),"keyup"!==e&&(f=a("../../helpers/characterFromEvent"),h.ignoreNextKeyup=f(c)),setTimeout(function(){h.resetSequences()},10)}var h=this;h.sequenceLevels[b]=0;for(var i=0;i<c.length;++i){var j=i+1===c.length,k=j?g:f(e||h.getKeyInfo(c[i+1]).action);h.bindSingle(c[i],k,e,b,i)}}},{"../../helpers/characterFromEvent":23}],6:[function(a,b,c){"use strict";b.exports=function(a,b,c,d,e){var f=this;f.directMap[a+":"+c]=b,a=a.replace(/\s+/g," ");var g,h=a.split(" ");return h.length>1?void f.bindSequence(a,h,b,c):(g=f.getKeyInfo(a,c),f.callbacks[g.key]=f.callbacks[g.key]||[],f.getMatches(g.key,g.modifiers,{type:g.action},d,a,e),void f.callbacks[g.key][d?"unshift":"push"]({callback:b,modifiers:g.modifiers,action:g.action,seq:d,level:e,combo:a}))}},{}],7:[function(a,b,c){var d=a("dom-event").off;b.exports=function(){var a=this,b=a.element;d(b,"keypress",a.eventHandler),d(b,"keydown",a.eventHandler),d(b,"keyup",a.eventHandler)}},{"dom-event":33}],8:[function(a,b,c){"use strict";b.exports=function(b,c,d,e){var f,g,h=this;h.stopCallback(c,c.target||c.srcElement,d,e)||b(c,d)===!1&&(f=a("../../helpers/preventDefault"),f(c),(g=a("../../helpers/stopPropagation"))(c))}},{"../../helpers/preventDefault":27,"../../helpers/stopPropagation":32}],9:[function(a,b,c){"use strict";b.exports=function(b,c){var d,e,f,g,h,i,j,k=this,l=[];for(d=a("../../helpers/keysFromString"),e=d(b),h=a("../../helpers/special-aliases"),i=a("../../helpers/shift-map"),j=a("../../helpers/isModifier"),g=0;g<e.length;++g)f=e[g],h[f]&&(f=h[f]),c&&"keypress"!==c&&i[f]&&(f=i[f],l.push("shift")),j(f)&&l.push(f);return c=k.pickBestAction(f,l,c),{key:f,modifiers:l,action:c}}},{"../../helpers/isModifier":25,"../../helpers/keysFromString":26,"../../helpers/shift-map":28,"../../helpers/special-aliases":29}],10:[function(a,b,c){"use strict";b.exports=function(b,c,d,e,f,g){var h,i,j,k,l=this,m=[],n=d.type;if("keypress"===n){var o=l.callbacks["any-character"]||[];o.forEach(function(a){m.push(a)})}if(!l.callbacks[b])return m;for(j=a("../../helpers/isModifier"),"keyup"===n&&j(b)&&(c=[b]),h=0;h<l.callbacks[b].length;++h)if(i=l.callbacks[b][h],(e||!i.seq||l.sequenceLevels[i.seq]===i.level)&&n===i.action&&(k=a("./modifiersMatch"),"keypress"===n&&!d.metaKey&&!d.ctrlKey||k(c,i.modifiers))){var p=!e&&i.combo===f,q=e&&i.seq===e&&i.level===g;(p||q)&&l.callbacks[b].splice(h,1),m.push(i)}return m}},{"../../helpers/isModifier":25,"./modifiersMatch":14}],11:[function(a,b,c){"use strict";b.exports=function(){var b,c=this,d=c.constructor;if(!d.REVERSE_MAP){d.REVERSE_MAP={},b=a("../../helpers/special-keys-map");for(var e in b)e>95&&112>e||b.hasOwnProperty(e)&&(d.REVERSE_MAP[b[e]]=e)}return d.REVERSE_MAP}},{"../../helpers/special-keys-map":31}],12:[function(a,b,c){"use strict";b.exports=function(b,c,d){var e,f,g,h,i=this,j={},k=0,l=!1;for(e=i.getMatches(b,c,d),f=0;f<e.length;++f)e[f].seq&&(k=Math.max(k,e[f].level));for(f=0;f<e.length;++f)if(e[f].seq){if(e[f].level!==k)continue;l=!0,j[e[f].seq]=1,i.fireCallback(e[f].callback,d,e[f].combo,e[f].seq)}else l||i.fireCallback(e[f].callback,d,e[f].combo);h="keypress"===d.type&&i.ignoreNextKeypress,g=a("../../helpers/isModifier"),d.type!==i.nextExpectedAction||g(b)||h||i.resetSequences(j),i.ignoreNextKeypress=l&&"keydown"===d.type}},{"../../helpers/isModifier":25}],13:[function(a,b,c){"use strict";b.exports=function(b){var c,d,e=this;"number"!=typeof b.which&&(b.which=b.keyCode),c=a("../../helpers/characterFromEvent");var f=c(b);if(f){if("keyup"===b.type&&e.ignoreNextKeyup===f)return void(e.ignoreNextKeyup=!1);d=a("../../helpers/eventModifiers"),e.handleKey(f,d(b),b)}}},{"../../helpers/characterFromEvent":23,"../../helpers/eventModifiers":24}],14:[function(a,b,c){"use strict";b.exports=function(a,b){return a.sort().join(",")===b.sort().join(",")}},{}],15:[function(a,b,c){"use strict";b.exports=function(a,b,c){var d=this;return c||(c=d.getReverseMap()[a]?"keydown":"keypress"),"keypress"===c&&b.length&&(c="keydown"),c}},{}],16:[function(a,b,c){"use strict";b.exports=function(){var a=this;return a.callbacks={},a.directMap={},this}},{}],17:[function(a,b,c){"use strict";b.exports=function(){var a=this;clearTimeout(a.resetTimer),a.resetTimer=setTimeout(function(){a.resetSequences()},1e3)}},{}],18:[function(a,b,c){"use strict";b.exports=function(a){var b=this;a=a||{};var c,d=!1;for(c in b.sequenceLevels)a[c]?d=!0:b.sequenceLevels[c]=0;d||(b.nextExpectedAction=!1)}},{}],19:[function(a,b,c){"use strict";b.exports=function(a,b){if((" "+b.className+" ").indexOf(" combokeys ")>-1)return!1;var c=b.tagName.toLowerCase();return"input"===c||"select"===c||"textarea"===c||b.isContentEditable}},{}],20:[function(a,b,c){"use strict";b.exports=function(a,b){var c=this;return c.directMap[a+":"+b]&&c.directMap[a+":"+b]({},a),this}},{}],21:[function(a,b,c){"use strict";b.exports=function(a,b){var c=this;return c.bind(a,function(){},b)}},{}],22:[function(a,b,c){"use strict";b.exports=function(){var a=this;a.instances.forEach(function(a){a.reset()})}},{}],23:[function(a,b,c){"use strict";b.exports=function(b){var c,d;if(c=a("./special-keys-map"),d=a("./special-characters-map"),"keypress"===b.type){var e=String.fromCharCode(b.which);return b.shiftKey||(e=e.toLowerCase()),e}return c[b.which]?c[b.which]:d[b.which]?d[b.which]:String.fromCharCode(b.which).toLowerCase()}},{"./special-characters-map":30,"./special-keys-map":31}],24:[function(a,b,c){"use strict";b.exports=function(a){var b=[];return a.shiftKey&&b.push("shift"),a.altKey&&b.push("alt"),a.ctrlKey&&b.push("ctrl"),a.metaKey&&b.push("meta"),b}},{}],25:[function(a,b,c){"use strict";b.exports=function(a){return"shift"===a||"ctrl"===a||"alt"===a||"meta"===a}},{}],26:[function(a,b,c){"use strict";b.exports=function(a){return"+"===a?["+"]:a.split("+")}},{}],27:[function(a,b,c){"use strict";b.exports=function(a){return a.preventDefault?void a.preventDefault():void(a.returnValue=!1)}},{}],28:[function(a,b,c){"use strict";b.exports={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"}},{}],29:[function(a,b,c){"use strict";b.exports={option:"alt",command:"meta","return":"enter",escape:"esc",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"}},{}],30:[function(a,b,c){"use strict";b.exports={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"}},{}],31:[function(a,b,c){"use strict";b.exports={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",187:"plus",189:"minus",224:"meta"};for(var d=1;20>d;++d)b.exports[111+d]="f"+d;for(d=0;9>=d;++d)b.exports[d+96]=d},{}],32:[function(a,b,c){"use strict";b.exports=function(a){return a.stopPropagation?void a.stopPropagation():void(a.cancelBubble=!0)}},{}],33:[function(a,b,c){function d(a,b,c,d){return!a.addEventListener&&(b="on"+b),(a.addEventListener||a.attachEvent).call(a,b,c,d),c}function e(a,b,c,d){return!a.removeEventListener&&(b="on"+b),(a.removeEventListener||a.detachEvent).call(a,b,c,d),c}b.exports=d,b.exports.on=d,b.exports.off=e},{}],34:[function(a,b,c){WYMeditor.EXTERNAL_MODULES.Combokeys=a("combokeys")},{combokeys:1}]},{},[34])(34)}),function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,b.foo=a()}}(function(){return function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c?c:a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b,c){"use strict";b.exports=function(a,b,c){var d=this;if("function"!=typeof b)throw new Error("Expected a function");return d.element=a,d.onSensible=b,d.onAny=c,d.listen(),d},b.exports.prototype.listen=a("./prototype/listen"),b.exports.prototype.discern=a("./prototype/discern"),b.exports.prototype.reset=a("./prototype/reset"),b.exports.prototype.detach=a("./prototype/detach"),b.exports.prototype.callbackSensible=a("./prototype/callback-sensible"),b.exports.prototype.callbackAny=a("./prototype/callback-any")},{"./prototype/callback-any":2,"./prototype/callback-sensible":3,"./prototype/detach":4,"./prototype/discern":5,"./prototype/listen":6,"./prototype/reset":7}],2:[function(a,b,c){"use strict";b.exports=function(){var a=this;(a.onAny||function(){}).call(a)}},{}],3:[function(a,b,c){"use strict";b.exports=function(){var a=this;a.onSensible()}},{}],4:[function(a,b,c){"use strict";var d=a("dom-events").off,e=a("../../text-altering-event-types");b.exports=function(){var a=this;e.forEach(function(b){d(a.element,b,a.listener)})}},{"../../text-altering-event-types":8,"dom-events":11}],5:[function(a,b,c){"use strict";var d=a("../../textEditType");b.exports=function(a){var b=this,c=d(a);c&&(b.callbackAny(),b.previousEditType=b.lastEditType,b.lastEditType=c,b.previousEditType&&(b.lastEditType!==b.previousEditType||"paste"===b.lastEditType||"drop"===b.lastEditType)&&b.callbackSensible())}},{"../../textEditType":9}],6:[function(a,b,c){"use strict";var d,e;d=a("add-event-handler"),e=a("../../text-altering-event-types"),b.exports=function(){var a=this;a.listener=function(b){a.discern(b)},e.forEach(function(b){d(a.element,b,a.listener)})}},{"../../text-altering-event-types":8,"add-event-handler":10}],7:[function(a,b,c){"use strict";b.exports=function(){var a=this;delete a.lastEditType}},{}],8:[function(a,b,c){"use strict";b.exports=["keydown","paste","drop"]},{}],9:[function(a,b,c){"use strict";var d=["backspace"],e=["del","delete"],f=["altKey","ctrlKey","metaKey"],g=a("keycode");b.exports=function(a){if("keydown"===a.type){var b;if(f.forEach(function(c){a[c]&&(b=!0)}),b)return!1;var c=g(a);return d.indexOf(c)>-1?"backwardsRemoval":e.indexOf(c)>-1?"forwardRemoval":"space"===c?c:"enter"===c?c:"characterAddition"}if("paste"===a.type)return a.type;if("drop"===a.type)return a.type;throw new Error("Shouldn't get this far")}},{keycode:15}],10:[function(a,b,c){"use strict";b.exports=function(a,b,c){if(a.addEventListener)return a.addEventListener(b,c,!1);if(a.attachEvent)return a.attachEvent("on"+b,c);throw"No event handler adding interface found"}},{}],11:[function(a,b,c){var d=a("synthetic-dom-events"),e=function(a,b,c,d){return a.addEventListener(b,c,d||!1)},f=function(a,b,c,d){return a.removeEventListener(b,c,d||!1)},g=function(a,b,c,d){function g(e){f(a,b,g,d),c(e)}e(a,b,g,d)},h=function(a,b,c){var e=d(b,c);a.dispatchEvent(e)};document.addEventListener||(e=function(a,b,c){return a.attachEvent("on"+b,c)}),document.removeEventListener||(f=function(a,b,c){return a.detachEvent("on"+b,c)}),document.dispatchEvent||(h=function(a,b,c){var e=d(b,c);return a.fireEvent("on"+e.type,e)}),b.exports={on:e,off:f,once:g,emit:h}},{"synthetic-dom-events":12}],12:[function(a,b,c){function d(a,b){return(a.ctrlKey!=(b.ctrlKey||!1)||a.altKey!=(b.altKey||!1)||a.shiftKey!=(b.shiftKey||!1)||a.metaKey!=(b.metaKey||!1)||a.keyCode!=(b.keyCode||0)||a.charCode!=(b.charCode||0))&&(a=document.createEvent("Event"),a.initEvent(b.type,b.bubbles,b.cancelable),a.ctrlKey=b.ctrlKey||!1,a.altKey=b.altKey||!1,a.shiftKey=b.shiftKey||!1,a.metaKey=b.metaKey||!1,a.keyCode=b.keyCode||0,a.charCode=b.charCode||0),a}var e=(window,document||{}),f=(e.documentElement||{},!0);try{e.createEvent("KeyEvents")}catch(g){f=!1}var h=function(a,b){b=b||{};var c=l(a),g=c;"KeyboardEvent"===c&&f&&(c="KeyEvents",g="KeyEvent");var h=e.createEvent(c),i="init"+g,k="function"==typeof h[i]?i:"initEvent",m=j[k],n=[],o={};b.type=a;for(var p=0;p<m.length;++p){var q=m[p],r=b[q];void 0===r&&(r=h[q]),o[q]=!0,n.push(r)}h[k].apply(h,n),"KeyboardEvent"===c&&(h=d(h,b));for(var q in b)o[q]||(h[q]=b[q]);return h},i=function(a,b){b=b||{};var c=e.createEventObject();c.type=a;for(var d in b)void 0!==b[d]&&(c[d]=b[d]);return c};b.exports=e.createEvent?h:i;var j=a("./init.json"),k=a("./types.json"),l=function(){var a={};for(var b in k)for(var c=k[b],d=0;d<c.length;d++)a[c[d]]=b;return function(b){return a[b]||"Event"}}()},{"./init.json":13,"./types.json":14}],13:[function(a,b,c){b.exports={initEvent:["type","bubbles","cancelable"],initUIEvent:["type","bubbles","cancelable","view","detail"],initMouseEvent:["type","bubbles","cancelable","view","detail","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget"],initMutationEvent:["type","bubbles","cancelable","relatedNode","prevValue","newValue","attrName","attrChange"],initKeyboardEvent:["type","bubbles","cancelable","view","ctrlKey","altKey","shiftKey","metaKey","keyCode","charCode"],initKeyEvent:["type","bubbles","cancelable","view","ctrlKey","altKey","shiftKey","metaKey","keyCode","charCode"]}},{}],14:[function(a,b,c){b.exports={MouseEvent:["click","mousedown","mouseup","mouseover","mousemove","mouseout"],KeyboardEvent:["keydown","keyup","keypress"],MutationEvent:["DOMSubtreeModified","DOMNodeInserted","DOMNodeRemoved","DOMNodeRemovedFromDocument","DOMNodeInsertedIntoDocument","DOMAttrModified","DOMCharacterDataModified"],HTMLEvents:["load","unload","abort","error","select","change","submit","reset","focus","blur","resize","scroll"],UIEvent:["DOMFocusIn","DOMFocusOut","DOMActivate"]}},{}],15:[function(a,b,c){c=b.exports=function(a){if(a&&"object"==typeof a){var b=a.which||a.keyCode||a.charCode;b&&(a=b)}if("number"==typeof a)return g[a];var c=String(a),f=d[c.toLowerCase()];if(f)return f;var f=e[c.toLowerCase()];return f?f:1===c.length?c.charCodeAt(0):void 0};var d=c.code=c.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,"delete":46,command:91,"right click":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},e=c.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,"break":19,caps:20,"return":13,escape:27,spc:32,pgup:33,pgdn:33,ins:45,del:46,cmd:91};for(f=97;123>f;f++)d[String.fromCharCode(f)]=f-32;for(var f=48;58>f;f++)d[f-48]=f;for(f=1;13>f;f++)d["f"+f]=f+111;for(f=0;10>f;f++)d["numpad "+f]=f+96;var g=c.names=c.title={};for(f in d)g[d[f]]=f;for(var h in e)d[h]=e[h]},{}],16:[function(a,b,c){WYMeditor.EXTERNAL_MODULES.Edited=a("edited")},{edited:1}]},{},[16])(16)}),WYMeditor.UndoRedo=function(a){var b=this;b.wym=a,a.keyboard.combokeys.bind("mod+z",function(){return a.undoRedo.undo(),!1}),a.keyboard.combokeys.bind(["shift+meta+z","mod+y"],function(){return a.undoRedo.redo(),!1})},WYMeditor.UndoRedo.prototype._onBodyFocus=function(){var a=this,b=a.wym;a.history||setTimeout(function(){a._instantiateHistory(b.getCurrentState())},0)},WYMeditor.UndoRedo.prototype._add=function(){var a=this,b=a.wym;a.history&&(a.history.add(b.getCurrentState()),a.hasUnregisteredModification=!1)},WYMeditor.UndoRedo.prototype._do=function(a){var b,c,d=this,e=d.wym,f=d.history;if(d.history){if(a===WYMeditor.UndoRedo.UN){if(0===f.lengthBackward())return;d.hasUnregisteredModification&&d._add(),f.backward(),c="postUndo"}else{if(a!==WYMeditor.UndoRedo.RE)throw"Single parameter must be either `'un'` or `'re'` (there are constants for those).";if(0===f.lengthForward())return;f.forward(),c="postRedo"}b=f.get(),e.rawHtml(b.html),b.savedSelection&&(b.savedSelection.win=e._iframe.contentWindow,b.savedSelection.doc=e._doc,rangy.restoreSelection(b.savedSelection)),jQuery(e.element).trigger(WYMeditor.EVENTS[c])}},WYMeditor.UndoRedo.UN="un",WYMeditor.UndoRedo.RE="re",WYMeditor.UndoRedo.prototype.redo=function(){var a=this;a._do(WYMeditor.UndoRedo.RE)},WYMeditor.UndoRedo.prototype.undo=function(){var a=this;a._do(WYMeditor.UndoRedo.UN)},WYMeditor.UndoRedo.prototype.reset=function(){var a=this,b=a.wym;a._instantiateHistory(b.getCurrentState()),a.hasUnregisteredModification=null},WYMeditor.UndoRedo.prototype._instantiateHistory=function(a){var b=this;b.history=new WYMeditor.EXTERNAL_MODULES.ObjectHistory(a,{limit:100})},WYMeditor.Keyboard=function(a){var b=this;return b._wym=a,b.combokeys=new WYMeditor.EXTERNAL_MODULES.Combokeys(a._doc),b},WYMeditor.Keyboard.DEFAULT_KEYBOARD_SHORTCUTS=[{combo:"mod+b",cb:function(){var a=this;return a.exec(WYMeditor.EXEC_COMMANDS.BOLD),!1}},{combo:"mod+i",cb:function(){var a=this;return a.exec(WYMeditor.EXEC_COMMANDS.ITALIC),!1}},{combo:"mod+k",cb:function(){var a=this;return a.dialog(WYMeditor.DIALOGS.CreateLink),!1}},{combo:"tab",cb:function(){return!1}}],WYMeditor.Keyboard.prototype._attachDefaultKeyboardShortcuts=function(){var a,b,c=this,d=c._wym,e=c.constructor.DEFAULT_KEYBOARD_SHORTCUTS;for(b=0;b<e.length;b++)a=e[b],c.combokeys.bind(a.combo,function(a){return function(){return a.call(d)}}(a.cb))},WYMeditor.NativeEditRegistration=function(a){var b=this;b.wym=a,b.edited=new WYMeditor.EXTERNAL_MODULES.Edited(a._doc.body,b._onSensibleNativeEdit.bind(b),b._onAnyNativeEdit.bind(b))},WYMeditor.NativeEditRegistration.prototype._onSensibleNativeEdit=function(){var a=this;a.wym.registerModification(!0)},WYMeditor.NativeEditRegistration.prototype._onAnyNativeEdit=function(){var a=this,b=a.wym.undoRedo;b.history&&b.history.forgetAllForward(),b.hasUnregisteredModification=!0},WYMeditor.LEXER_ENTER=1,WYMeditor.LEXER_MATCHED=2,WYMeditor.LEXER_UNMATCHED=3,WYMeditor.LEXER_EXIT=4,WYMeditor.LEXER_SPECIAL=5,WYMeditor.Lexer=function(a,b,c){return b=b||"accept",this._case=c||!1,this._regexes={},this._parser=a,this._mode=new WYMeditor.StateStack(b),this._mode_handlers={},this._mode_handlers[b]=b,this},WYMeditor.Lexer.prototype.addPattern=function(a,b){b=b||"accept","undefined"==typeof this._regexes[b]&&(this._regexes[b]=new WYMeditor.ParallelRegex(this._case)),this._regexes[b].addPattern(a),"undefined"==typeof this._mode_handlers[b]&&(this._mode_handlers[b]=b)},WYMeditor.Lexer.prototype.addEntryPattern=function(a,b,c){"undefined"==typeof this._regexes[b]&&(this._regexes[b]=new WYMeditor.ParallelRegex(this._case)),this._regexes[b].addPattern(a,c),"undefined"==typeof this._mode_handlers[c]&&(this._mode_handlers[c]=c)},WYMeditor.Lexer.prototype.addExitPattern=function(a,b){"undefined"==typeof this._regexes[b]&&(this._regexes[b]=new WYMeditor.ParallelRegex(this._case)),this._regexes[b].addPattern(a,"__exit"),"undefined"==typeof this._mode_handlers[b]&&(this._mode_handlers[b]=b)},WYMeditor.Lexer.prototype.addSpecialPattern=function(a,b,c){"undefined"==typeof this._regexes[b]&&(this._regexes[b]=new WYMeditor.ParallelRegex(this._case)),this._regexes[b].addPattern(a,"_"+c),"undefined"==typeof this._mode_handlers[c]&&(this._mode_handlers[c]=c)},WYMeditor.Lexer.prototype.mapHandler=function(a,b){this._mode_handlers[a]=b},WYMeditor.Lexer.prototype.parse=function(a){if("undefined"==typeof this._parser)return!1;for(var b,c=a.length;"object"==typeof(b=this._reduce(a));){a=b[0];var d=b[1],e=b[2],f=b[3];if(!this._dispatchTokens(d,e,f))return!1;if(""===a)return!0;if(a.length==c)return!1;c=a.length}return b?this._invokeParser(a,WYMeditor.LEXER_UNMATCHED):!1},WYMeditor.Lexer.prototype._dispatchTokens=function(a,b,c){return c=c||!1,this._invokeParser(a,WYMeditor.LEXER_UNMATCHED)?"boolean"==typeof c?this._invokeParser(b,WYMeditor.LEXER_MATCHED):this._isModeEnd(c)?this._invokeParser(b,WYMeditor.LEXER_EXIT)?this._mode.leave():!1:this._isSpecialMode(c)?(this._mode.enter(this._decodeSpecial(c)),this._invokeParser(b,WYMeditor.LEXER_SPECIAL)?this._mode.leave():!1):(this._mode.enter(c),this._invokeParser(b,WYMeditor.LEXER_ENTER)):!1},WYMeditor.Lexer.prototype._isModeEnd=function(a){return"__exit"===a},WYMeditor.Lexer.prototype._isSpecialMode=function(a){return"_"==a.substring(0,1)},WYMeditor.Lexer.prototype._decodeSpecial=function(a){return a.substring(1)},WYMeditor.Lexer.prototype._invokeParser=function(a,b){if(""===a)return!0;var c=this._mode.getCurrent(),d=this._mode_handlers[c],e=this._parser[d](a,b);return e},WYMeditor.Lexer.prototype._reduce=function(a){var b=this._regexes[this._mode.getCurrent()].match(a),c=b[1],d=b[0];if(d){var e=a.indexOf(c),f=a.substr(0,e);return a=a.substring(e+c.length),[a,f,c,d]}return!0},WYMeditor.ParallelRegex=function(a){return this._case=a,this._patterns=[],this._labels=[],this._regex=null,this},WYMeditor.ParallelRegex.prototype.addPattern=function(a,b){b=b||!0;var c=this._patterns.length;this._patterns[c]=a,this._labels[c]=b,this._regex=null},WYMeditor.ParallelRegex.prototype.match=function(a){if(0===this._patterns.length)return[!1,""];var b=a.match(this._getCompoundedRegex());if(!b)return[!1,""];for(var c=b[0],d=1;d<b.length;d++)if(b[d])return[this._labels[d-1],c];return[!0,b[0]]},WYMeditor.ParallelRegex.prototype._getCompoundedRegex=function(){if(null===this._regex){for(var a=0,b=this._patterns.length;b>a;a++)this._patterns[a]="("+this._untokenizeRegex(this._tokenizeRegex(this._patterns[a]).replace(/([\/\(\)])/g,"\\$1"))+")";this._regex=new RegExp(this._patterns.join("|"),this._getPerlMatchingFlags())}return this._regex},WYMeditor.ParallelRegex.prototype._tokenizeRegex=function(a){return a.replace(/\(\?(i|m|s|x|U)\)/,"~~~~~~Tk1$1~~~~~~").replace(/\(\?(\-[i|m|s|x|U])\)/,"~~~~~~Tk2$1~~~~~~").replace(/\(\?\=(.*)\)/,"~~~~~~Tk3$1~~~~~~").replace(/\(\?\!(.*)\)/,"~~~~~~Tk4$1~~~~~~").replace(/\(\?\<\=(.*)\)/,"~~~~~~Tk5$1~~~~~~").replace(/\(\?\<\!(.*)\)/,"~~~~~~Tk6$1~~~~~~").replace(/\(\?\:(.*)\)/,"~~~~~~Tk7$1~~~~~~")},WYMeditor.ParallelRegex.prototype._untokenizeRegex=function(a){return a.replace(/~~~~~~Tk1(.{1})~~~~~~/,"(?$1)").replace(/~~~~~~Tk2(.{2})~~~~~~/,"(?$1)").replace(/~~~~~~Tk3(.*)~~~~~~/,"(?=$1)").replace(/~~~~~~Tk4(.*)~~~~~~/,"(?!$1)").replace(/~~~~~~Tk5(.*)~~~~~~/,"(?<=$1)").replace(/~~~~~~Tk6(.*)~~~~~~/,"(?<!$1)").replace(/~~~~~~Tk7(.*)~~~~~~/,"(?:$1)")},WYMeditor.ParallelRegex.prototype._getPerlMatchingFlags=function(){return this._case?"m":"mi"},WYMeditor.StateStack=function(a){return this._stack=[a],this},WYMeditor.StateStack.prototype.getCurrent=function(){return this._stack[this._stack.length-1]},WYMeditor.StateStack.prototype.enter=function(a){this._stack.push(a)},WYMeditor.StateStack.prototype.leave=function(){return 1==this._stack.length?!1:(this._stack.pop(),!0)},WYMeditor.XhtmlLexer=function(a){return jQuery.extend(this,new WYMeditor.Lexer(a,"Text")),this.mapHandler("Text","Text"),this.addTokens(),this.init(),this},WYMeditor.XhtmlLexer.prototype.init=function(){},WYMeditor.XhtmlLexer.prototype.addTokens=function(){this.addCommentTokens("Text"),this.addScriptTokens("Text"),this.addCssTokens("Text"),this.addTagTokens("Text")},WYMeditor.XhtmlLexer.prototype.addCommentTokens=function(a){this.addEntryPattern("<!--",a,"Comment"),this.addExitPattern("-->","Comment")},WYMeditor.XhtmlLexer.prototype.addScriptTokens=function(a){this.addEntryPattern("<script",a,"Script"),this.addExitPattern("</script>","Script")},WYMeditor.XhtmlLexer.prototype.addCssTokens=function(a){this.addEntryPattern("<style",a,"Css"),this.addExitPattern("</style>","Css")},WYMeditor.XhtmlLexer.prototype.addTagTokens=function(a){this.addSpecialPattern("<\\s*[a-z0-9:-]+\\s*/>",a,"SelfClosingTag"),this.addSpecialPattern("<\\s*[a-z0-9:-]+\\s*>",a,"OpeningTag"),this.addEntryPattern("<[a-z0-9:-]+[\\/ \\>]+",a,"OpeningTag"),this.addInTagDeclarationTokens("OpeningTag"),this.addSpecialPattern("</\\s*[a-z0-9:-]+\\s*>",a,"ClosingTag")},WYMeditor.XhtmlLexer.prototype.addInTagDeclarationTokens=function(a){this.addSpecialPattern("\\s+",a,"Ignore"),this.addAttributeTokens(a),this.addExitPattern("/>",a),this.addExitPattern(">",a)},WYMeditor.XhtmlLexer.prototype.addAttributeTokens=function(a){this.addSpecialPattern("\\s*[a-z-_0-9]*:?[a-z-_0-9]+\\s*(?==)\\s*",a,"TagAttributes"),this.addEntryPattern('=\\s*"',a,"DoubleQuotedAttribute"),this.addPattern('\\\\"',"DoubleQuotedAttribute"),this.addExitPattern('"',"DoubleQuotedAttribute"),this.addEntryPattern("=\\s*'",a,"SingleQuotedAttribute"),this.addPattern("\\\\'","SingleQuotedAttribute"),this.addExitPattern("'","SingleQuotedAttribute"),this.addSpecialPattern("=\\s*[^>\\s]*",a,"UnquotedAttribute")},WYMeditor.XhtmlParser=function(a,b){return b=b||"Text",this._Lexer=new WYMeditor.XhtmlLexer(this),this._Listener=a,this._mode=b,this._matches=[],this._last_match="",this._current_match="",this},WYMeditor.XhtmlParser.prototype.parse=function(a){return this._Lexer.parse(this.beforeParsing(a)),this.afterParsing(this._Listener.getResult())},WYMeditor.XhtmlParser.prototype.beforeParsing=function(a){return(a.match(/class="MsoNormal"/)||a.match(/ns = "urn:schemas-microsoft-com/))&&this._Listener.avoidStylingTagsAndAttributes(),this._Listener.beforeParsing(a)},WYMeditor.XhtmlParser.prototype.afterParsing=function(a){return this._Listener._avoiding_tags_implicitly&&this._Listener.allowStylingTagsAndAttributes(),this._Listener.afterParsing(a)},WYMeditor.XhtmlParser.prototype.Ignore=function(a,b){return!0},WYMeditor.XhtmlParser.prototype.Text=function(a){return this._Listener.addContent(a),!0},WYMeditor.XhtmlParser.prototype.Comment=function(a,b){return this._addNonTagBlock(a,b,"addComment")},WYMeditor.XhtmlParser.prototype.Script=function(a,b){return this._addNonTagBlock(a,b,"addScript")},WYMeditor.XhtmlParser.prototype.Css=function(a,b){return this._addNonTagBlock(a,b,"addCss")},WYMeditor.XhtmlParser.prototype._addNonTagBlock=function(a,b,c){switch(b){case WYMeditor.LEXER_ENTER:this._non_tag=a;break;case WYMeditor.LEXER_UNMATCHED:this._non_tag+=a;break;case WYMeditor.LEXER_EXIT:switch(c){case"addComment":this._Listener.addComment(this._non_tag+a);break;case"addScript":this._Listener.addScript(this._non_tag+a);break;case"addCss":this._Listener.addCss(this._non_tag+a)}}return!0},WYMeditor.XhtmlParser.prototype.SelfClosingTag=function(a,b){this.OpeningTag(a,b),this.normalizeTag(a);return this.ClosingTag(a,b)},WYMeditor.XhtmlParser.prototype.OpeningTag=function(a,b){switch(b){case WYMeditor.LEXER_ENTER:this._tag=this.normalizeTag(a),this._tag_attributes={};break;case WYMeditor.LEXER_SPECIAL:this._callOpenTagListener(this.normalizeTag(a));break;case WYMeditor.LEXER_EXIT:this._callOpenTagListener(this._tag,this._tag_attributes)}return!0},WYMeditor.XhtmlParser.prototype.ClosingTag=function(a,b){return this._callCloseTagListener(this.normalizeTag(a)),!0},WYMeditor.XhtmlParser.prototype._callOpenTagListener=function(a,b){b=b||{},this.autoCloseUnclosedBeforeNewOpening(a),this._Listener.isBlockTag(a)?(this._Listener._tag_stack.push(a),this._Listener.fixNestingBeforeOpeningBlockTag(a,b),this._Listener.openBlockTag(a,b),this._increaseOpenTagCounter(a)):this._Listener.isInlineTag(a)?this._Listener.inlineTag(a,b):(this._Listener.openUnknownTag(a,b),this._increaseOpenTagCounter(a)),this._Listener.last_tag=a,this._Listener.last_tag_opened=!0,this._Listener.last_tag_attributes=b},WYMeditor.XhtmlParser.prototype._callCloseTagListener=function(a){if(this._decreaseOpenTagCounter(a)){if(this.autoCloseUnclosedBeforeTagClosing(a),this._Listener.isBlockTag(a)){var b=this._Listener._tag_stack.pop();if(b===!1)return;if(b!==a){if(this._Listener._extraBlockClosingTags)return this._Listener._tag_stack.push(b),void this._Listener.removedExtraBlockClosingTag();a=b}this._Listener.closeBlockTag(a)}}else this._Listener.isInlineTag(a)||this._Listener.closeUnopenedTag(a);this._Listener.last_tag=a,this._Listener.last_tag_opened=!1},WYMeditor.XhtmlParser.prototype._increaseOpenTagCounter=function(a){this._Listener._open_tags[a]=this._Listener._open_tags[a]||0,this._Listener._open_tags[a]++},WYMeditor.XhtmlParser.prototype._decreaseOpenTagCounter=function(a){return this._Listener._open_tags[a]?(this._Listener._open_tags[a]--,0===this._Listener._open_tags[a]&&(this._Listener._open_tags[a]=void 0),!0):!1},WYMeditor.XhtmlParser.prototype.autoCloseUnclosedBeforeNewOpening=function(a){this._autoCloseUnclosed(a,!1)},WYMeditor.XhtmlParser.prototype.autoCloseUnclosedBeforeTagClosing=function(a){this._autoCloseUnclosed(a,!0)},WYMeditor.XhtmlParser.prototype._autoCloseUnclosed=function(a,b){if(b=b||!1,this._Listener._open_tags)for(var c in this._Listener._open_tags)this._Listener.shouldCloseTagAutomatically(c,a,b)&&this._callCloseTagListener(c,!0);
-},WYMeditor.XhtmlParser.prototype.getTagReplacements=function(){return this._Listener.getTagReplacements()},WYMeditor.XhtmlParser.prototype.normalizeTag=function(a){a=a.replace(/^([\s<\/>]*)|([\s<\/>]*)$/gm,"").toLowerCase();var b=this._Listener.getTagReplacements();return b[a]?b[a]:a},WYMeditor.XhtmlParser.prototype.TagAttributes=function(a,b){return WYMeditor.LEXER_SPECIAL==b&&(this._current_attribute=a),!0},WYMeditor.XhtmlParser.prototype.DoubleQuotedAttribute=function(a,b){return WYMeditor.LEXER_UNMATCHED==b&&(this._tag_attributes[this._current_attribute]=a),!0},WYMeditor.XhtmlParser.prototype.SingleQuotedAttribute=function(a,b){return WYMeditor.LEXER_UNMATCHED==b&&(this._tag_attributes[this._current_attribute]=a),!0},WYMeditor.XhtmlParser.prototype.UnquotedAttribute=function(a,b){return this._tag_attributes[this._current_attribute]=a.replace(/^=/,""),!0},WYMeditor.XhtmlSaxListener=function(){return this.output="",this.helper=new WYMeditor.XmlHelper,this._open_tags={},this.validator=WYMeditor.XhtmlValidator,this._tag_stack=[],this.avoided_tags=[],this._insert_before_closing=[],this._insert_after_closing=[],this._last_node_was_text=!1,this._consecutive_brs=0,this._lastAddedOpenTag="",this._insideLI=!1,this.tagsToUnwrapInLists=WYMeditor.DocumentStructureManager.VALID_DEFAULT_ROOT_CONTAINERS,this._rootInlineTagsToRemove=["br"],this._extraBlockClosingTags=0,this._insideTagToRemove=!1,this._addSpacerBeforeElementInLI=!1,this._insideTagToRemove=!1,this._lastTagRemoved=!1,this._extraLIClosingTags=0,this._removedTagStackIndex=0,this.entities={"&nbsp;":"&#160;","&iexcl;":"&#161;","&cent;":"&#162;","&pound;":"&#163;","&curren;":"&#164;","&yen;":"&#165;","&brvbar;":"&#166;","&sect;":"&#167;","&uml;":"&#168;","&copy;":"&#169;","&ordf;":"&#170;","&laquo;":"&#171;","&not;":"&#172;","&shy;":"&#173;","&reg;":"&#174;","&macr;":"&#175;","&deg;":"&#176;","&plusmn;":"&#177;","&sup2;":"&#178;","&sup3;":"&#179;","&acute;":"&#180;","&micro;":"&#181;","&para;":"&#182;","&middot;":"&#183;","&cedil;":"&#184;","&sup1;":"&#185;","&ordm;":"&#186;","&raquo;":"&#187;","&frac14;":"&#188;","&frac12;":"&#189;","&frac34;":"&#190;","&iquest;":"&#191;","&Agrave;":"&#192;","&Aacute;":"&#193;","&Acirc;":"&#194;","&Atilde;":"&#195;","&Auml;":"&#196;","&Aring;":"&#197;","&AElig;":"&#198;","&Ccedil;":"&#199;","&Egrave;":"&#200;","&Eacute;":"&#201;","&Ecirc;":"&#202;","&Euml;":"&#203;","&Igrave;":"&#204;","&Iacute;":"&#205;","&Icirc;":"&#206;","&Iuml;":"&#207;","&ETH;":"&#208;","&Ntilde;":"&#209;","&Ograve;":"&#210;","&Oacute;":"&#211;","&Ocirc;":"&#212;","&Otilde;":"&#213;","&Ouml;":"&#214;","&times;":"&#215;","&Oslash;":"&#216;","&Ugrave;":"&#217;","&Uacute;":"&#218;","&Ucirc;":"&#219;","&Uuml;":"&#220;","&Yacute;":"&#221;","&THORN;":"&#222;","&szlig;":"&#223;","&agrave;":"&#224;","&aacute;":"&#225;","&acirc;":"&#226;","&atilde;":"&#227;","&auml;":"&#228;","&aring;":"&#229;","&aelig;":"&#230;","&ccedil;":"&#231;","&egrave;":"&#232;","&eacute;":"&#233;","&ecirc;":"&#234;","&euml;":"&#235;","&igrave;":"&#236;","&iacute;":"&#237;","&icirc;":"&#238;","&iuml;":"&#239;","&eth;":"&#240;","&ntilde;":"&#241;","&ograve;":"&#242;","&oacute;":"&#243;","&ocirc;":"&#244;","&otilde;":"&#245;","&ouml;":"&#246;","&divide;":"&#247;","&oslash;":"&#248;","&ugrave;":"&#249;","&uacute;":"&#250;","&ucirc;":"&#251;","&uuml;":"&#252;","&yacute;":"&#253;","&thorn;":"&#254;","&yuml;":"&#255;","&OElig;":"&#338;","&oelig;":"&#339;","&Scaron;":"&#352;","&scaron;":"&#353;","&Yuml;":"&#376;","&fnof;":"&#402;","&circ;":"&#710;","&tilde;":"&#732;","&Alpha;":"&#913;","&Beta;":"&#914;","&Gamma;":"&#915;","&Delta;":"&#916;","&Epsilon;":"&#917;","&Zeta;":"&#918;","&Eta;":"&#919;","&Theta;":"&#920;","&Iota;":"&#921;","&Kappa;":"&#922;","&Lambda;":"&#923;","&Mu;":"&#924;","&Nu;":"&#925;","&Xi;":"&#926;","&Omicron;":"&#927;","&Pi;":"&#928;","&Rho;":"&#929;","&Sigma;":"&#931;","&Tau;":"&#932;","&Upsilon;":"&#933;","&Phi;":"&#934;","&Chi;":"&#935;","&Psi;":"&#936;","&Omega;":"&#937;","&alpha;":"&#945;","&beta;":"&#946;","&gamma;":"&#947;","&delta;":"&#948;","&epsilon;":"&#949;","&zeta;":"&#950;","&eta;":"&#951;","&theta;":"&#952;","&iota;":"&#953;","&kappa;":"&#954;","&lambda;":"&#955;","&mu;":"&#956;","&nu;":"&#957;","&xi;":"&#958;","&omicron;":"&#959;","&pi;":"&#960;","&rho;":"&#961;","&sigmaf;":"&#962;","&sigma;":"&#963;","&tau;":"&#964;","&upsilon;":"&#965;","&phi;":"&#966;","&chi;":"&#967;","&psi;":"&#968;","&omega;":"&#969;","&thetasym;":"&#977;","&upsih;":"&#978;","&piv;":"&#982;","&ensp;":"&#8194;","&emsp;":"&#8195;","&thinsp;":"&#8201;","&zwnj;":"&#8204;","&zwj;":"&#8205;","&lrm;":"&#8206;","&rlm;":"&#8207;","&ndash;":"&#8211;","&mdash;":"&#8212;","&lsquo;":"&#8216;","&rsquo;":"&#8217;","&sbquo;":"&#8218;","&ldquo;":"&#8220;","&rdquo;":"&#8221;","&bdquo;":"&#8222;","&dagger;":"&#8224;","&Dagger;":"&#8225;","&bull;":"&#8226;","&hellip;":"&#8230;","&permil;":"&#8240;","&prime;":"&#8242;","&Prime;":"&#8243;","&lsaquo;":"&#8249;","&rsaquo;":"&#8250;","&oline;":"&#8254;","&frasl;":"&#8260;","&euro;":"&#8364;","&image;":"&#8465;","&weierp;":"&#8472;","&real;":"&#8476;","&trade;":"&#8482;","&alefsym;":"&#8501;","&larr;":"&#8592;","&uarr;":"&#8593;","&rarr;":"&#8594;","&darr;":"&#8595;","&harr;":"&#8596;","&crarr;":"&#8629;","&lArr;":"&#8656;","&uArr;":"&#8657;","&rArr;":"&#8658;","&dArr;":"&#8659;","&hArr;":"&#8660;","&forall;":"&#8704;","&part;":"&#8706;","&exist;":"&#8707;","&empty;":"&#8709;","&nabla;":"&#8711;","&isin;":"&#8712;","&notin;":"&#8713;","&ni;":"&#8715;","&prod;":"&#8719;","&sum;":"&#8721;","&minus;":"&#8722;","&lowast;":"&#8727;","&radic;":"&#8730;","&prop;":"&#8733;","&infin;":"&#8734;","&ang;":"&#8736;","&and;":"&#8743;","&or;":"&#8744;","&cap;":"&#8745;","&cup;":"&#8746;","&int;":"&#8747;","&there4;":"&#8756;","&sim;":"&#8764;","&cong;":"&#8773;","&asymp;":"&#8776;","&ne;":"&#8800;","&equiv;":"&#8801;","&le;":"&#8804;","&ge;":"&#8805;","&sub;":"&#8834;","&sup;":"&#8835;","&nsub;":"&#8836;","&sube;":"&#8838;","&supe;":"&#8839;","&oplus;":"&#8853;","&otimes;":"&#8855;","&perp;":"&#8869;","&sdot;":"&#8901;","&lceil;":"&#8968;","&rceil;":"&#8969;","&lfloor;":"&#8970;","&rfloor;":"&#8971;","&lang;":"&#9001;","&rang;":"&#9002;","&loz;":"&#9674;","&spades;":"&#9824;","&clubs;":"&#9827;","&hearts;":"&#9829;","&diams;":"&#9830;"},this.block_tags=["a","abbr","acronym","address","area","b","base","bdo","big","blockquote","body","button","caption","cite","code","colgroup","dd","del","div","dfn","dl","dt","em","fieldset","form","head","h1","h2","h3","h4","h5","h6","html","i","iframe","ins","kbd","label","legend","li","map","noscript","object","ol","optgroup","option","p","param","pre","q","samp","script","select","small","span","strong","style","sub","sup","table","tbody","td","textarea","tfoot","th","thead","title","tr","tt","ul","var","extends"],this.inline_tags=["br","col","hr","img","input"],this},WYMeditor.XhtmlSaxListener.prototype.shouldCloseTagAutomatically=function(a,b,c){if("td"!=a&&"option"!=a)return!1;var d=this._open_tags[a];if(!d)return!1;if("td"==a){var e=this._open_tags.tr||0;if(!c&&"td"===b&&d>=e)return!0;if(c&&"tr"==b&&d>e)return!0}else if("option"==a&&(c&&"select"==b||!c&&"option"==b))return!0;return!1},WYMeditor.XhtmlSaxListener.prototype.beforeParsing=function(a){return this.output="",this._insert_before_closing=[],this._insert_after_closing=[],this._open_tags={},this._tag_stack=[],this._last_node_was_text=!1,this._lastTagRemoved=!1,this._insideTagToRemove=!1,this.last_tag=null,a},WYMeditor.XhtmlSaxListener.prototype.afterParsing=function(a){return a=this.replaceNamedEntities(a),a=this.joinRepeatedEntities(a),a=this.removeEmptyTags(a),a=this.removeBrInPre(a)},WYMeditor.XhtmlSaxListener.prototype.replaceNamedEntities=function(a){for(var b in this.entities)a=a.replace(new RegExp(b,"g"),this.entities[b]);return a},WYMeditor.XhtmlSaxListener.prototype.joinRepeatedEntities=function(a){var b="em|strong|sub|sup|acronym|pre|del|address";return a.replace(new RegExp("</("+b+")><\\1>",""),"").replace(new RegExp("(s*<("+b+")>s*){2}(.*)(s*</\\2>s*){2}",""),"<$2>$3<$2>")},WYMeditor.XhtmlSaxListener.prototype.removeEmptyTags=function(a){return a.replace(new RegExp("<("+this.block_tags.join("|").replace(/\|td/,"").replace(/\|th/,"")+")>(<br />|&#160;|&nbsp;|\\s)*</\\1>","g"),"")},WYMeditor.XhtmlSaxListener.prototype.removeBrInPre=function(a){var b=a.match(new RegExp("<pre[^>]*>(.*?)</pre>","gmi"));if(b)for(var c=0;c<b.length;c++)a=a.replace(b[c],b[c].replace(new RegExp("<br />","g"),String.fromCharCode(13,10)));return a},WYMeditor.XhtmlSaxListener.prototype.getResult=function(){return this.output},WYMeditor.XhtmlSaxListener.prototype.getTagReplacements=function(){return{b:"strong",i:"em"}},WYMeditor.XhtmlSaxListener.prototype.getTagForStyle=function(a){return/sub/.test(a)?"sub":/super/.test(a)?"sup":/bold/.test(a)?"strong":/italic/.test(a)?"em":!1},WYMeditor.XhtmlSaxListener.prototype.addContent=function(a){this.last_tag&&"li"==this.last_tag&&(a=a.replace(/(\r|\n|\r\n)+$/g,""),a=a.replace(/(\r|\n|\r\n)+/g," ")),a.replace(/^\s+|\s+$/g,"").length>0&&(this._last_node_was_text=!0,this._addSpacerBeforeElementInLI&&(this.output+="<br />",this._addSpacerBeforeElementInLI=!1)),this._insideTagToRemove||(this.output+=a)},WYMeditor.XhtmlSaxListener.prototype.addComment=function(a){this.remove_comments||this._insideTagToRemove||(this.output+=a)},WYMeditor.XhtmlSaxListener.prototype.addScript=function(a){this.remove_scripts||this._insideTagToRemove||(this.output+=a)},WYMeditor.XhtmlSaxListener.prototype.addCss=function(a){this.remove_embeded_styles||this._insideTagToRemove||(this.output+=a)},WYMeditor.XhtmlSaxListener.prototype.openBlockTag=function(a,b){var c=this._last_node_was_text;if(this._last_node_was_text=!1,!this._insideTagToRemove){if(this._shouldRemoveTag(a,b))return this._insideTagToRemove=!0,void(this._removedTagStackIndex=this._tag_stack.length-1);if(this._insideLI&&jQuery.inArray(a,this.tagsToUnwrapInLists)>-1)return("li"!==this._lastAddedOpenTag||c)&&(this.output+="<br />",this._addSpacerBeforeElementInLI=!1),this._tag_stack.pop(),void this._extraBlockClosingTags++;if(this._addSpacerBeforeElementInLI&&"li"!==a&&-1===jQuery.inArray(a,WYMeditor.LIST_TYPE_ELEMENTS)&&(this.output+="<br />",this._addSpacerBeforeElementInLI=!1),b=this.validator.getValidTagAttributes(a,b),b=this.removeUnwantedClasses(b),"span"===a&&b.style){var d=this.getTagForStyle(b.style);d&&(a=d,this._tag_stack.pop(),this._tag_stack.push(a),b.style="")}"li"===a&&(this._insideLI=!0,this._addSpacerBeforeElementInLI=!1),this.output+=this.helper.tag(a,b,!0),this._lastAddedOpenTag=a,this._lastTagRemoved=!1}},WYMeditor.XhtmlSaxListener.prototype.inlineTag=function(a,b){this._insideTagToRemove||this._shouldRemoveTag(a,b)||(this._last_node_was_text=!1,b=this.validator.getValidTagAttributes(a,b),b=this.removeUnwantedClasses(b),this.output+=this.helper.tag(a,b),this._lastTagRemoved=!1)},WYMeditor.XhtmlSaxListener.prototype.openUnknownTag=function(a,b){},WYMeditor.XhtmlSaxListener.prototype.closeBlockTag=function(a){return this._last_node_was_text=!1,this._insideTagToRemove?(this._tag_stack.length===this._removedTagStackIndex&&(this._insideTagToRemove=!1),void(this._lastTagRemoved=!0)):("li"===a&&(this._insideLI=!1,this._addSpacerBeforeElementInLI=!1),jQuery.inArray(a,WYMeditor.LIST_TYPE_ELEMENTS)>-1&&(this._insideLI=!1),void(this.output=this.output+this._getClosingTagContent("before",a)+"</"+a+">"+this._getClosingTagContent("after",a)))},WYMeditor.XhtmlSaxListener.prototype.removedExtraBlockClosingTag=function(){this._extraBlockClosingTags--,this._addSpacerBeforeElementInLI=!0,this._last_node_was_text=!1},WYMeditor.XhtmlSaxListener.prototype.closeUnknownTag=function(a){},WYMeditor.XhtmlSaxListener.prototype.closeUnopenedTag=function(a){this._last_node_was_text=!1,this._insideTagToRemove||("li"===a&&this._extraLIClosingTags?this._extraLIClosingTags--:this.output+="</"+a+">")},WYMeditor.XhtmlSaxListener.prototype.avoidStylingTagsAndAttributes=function(){this.avoided_tags=["div","span"],this.validator.skiped_attributes=["style"],this.validator.skiped_attribute_values=["MsoNormal","main1"],this._avoiding_tags_implicitly=!0},WYMeditor.XhtmlSaxListener.prototype.allowStylingTagsAndAttributes=function(){this.avoided_tags=[],this.validator.skiped_attributes=[],this.validator.skiped_attribute_values=[],this._avoiding_tags_implicitly=!1},WYMeditor.XhtmlSaxListener.prototype.isBlockTag=function(a){return!WYMeditor.Helper.arrayContains(this.avoided_tags,a)&&WYMeditor.Helper.arrayContains(this.block_tags,a)},WYMeditor.XhtmlSaxListener.prototype.isInlineTag=function(a){return!WYMeditor.Helper.arrayContains(this.avoided_tags,a)&&WYMeditor.Helper.arrayContains(this.inline_tags,a)},WYMeditor.XhtmlSaxListener.prototype.insertContentAfterClosingTag=function(a,b){this._insertContentWhenClosingTag("after",a,b)},WYMeditor.XhtmlSaxListener.prototype.insertContentBeforeClosingTag=function(a,b){this._insertContentWhenClosingTag("before",a,b)},WYMeditor.XhtmlSaxListener.prototype.removeUnwantedClasses=function(a){var b,c;if(!a["class"])return a;for(c=0;c<WYMeditor.CLASSES_REMOVED_BY_PARSER.length;++c)b=new RegExp("(^|\\s)"+WYMeditor.CLASSES_REMOVED_BY_PARSER[c]+"($|\\s)","gi"),a["class"]=a["class"].replace(b,"$1");return a["class"]=a["class"].replace(/\s$/,""),a},WYMeditor.XhtmlSaxListener.prototype.fixNestingBeforeOpeningBlockTag=function(a,b){if(this._last_node_was_text||"ul"!=a&&"ol"!=a||!this.last_tag||this.last_tag_opened||"li"!=this.last_tag)if("ul"!=a&&"ol"!=a||!this.last_tag||!this.last_tag_opened||"ul"!=this.last_tag&&"ol"!=this.last_tag){if("li"==a&&this._tag_stack.length>=2){var c=this._tag_stack[this._tag_stack.length-2];"li"!=c||this._shouldRemoveTag(a,b)||(this._open_tags.li-=1,0===this._open_tags.li&&(this._open_tags.li=void 0),this._tag_stack.splice(this._tag_stack.length-2,1),this._last_node_was_text=!1,this._insideTagToRemove?this._tag_stack.length-1===this._removedTagStackIndex&&(this._insideTagToRemove=!1,this._lastTagRemoved=!0,this._extraLIClosingTags++):this.output+="</li>")}}else this._shouldRemoveTag(a,b)||(this.output+=this.helper.tag("li",{},!0),this.insertContentAfterClosingTag(a,"</li>")),this._last_node_was_text=!1;else this._lastTagRemoved?(this._insideTagToRemove=!0,this._removedTagStackIndex=this._tag_stack.length-1):this._shouldRemoveTag(a,b)||(this.output=this.output.replace(/<\/li>\s*$/,""),this.insertContentAfterClosingTag(a,"</li>"))},WYMeditor.XhtmlSaxListener.prototype._insertContentWhenClosingTag=function(a,b,c){this["_insert_"+a+"_closing"]||(this["_insert_"+a+"_closing"]=[]),this["_insert_"+a+"_closing"][b]||(this["_insert_"+a+"_closing"][b]=[]),this["_insert_"+a+"_closing"][b].push(c)},WYMeditor.XhtmlSaxListener.prototype._getClosingTagContent=function(a,b){return this["_insert_"+a+"_closing"]&&this["_insert_"+a+"_closing"][b]&&this["_insert_"+a+"_closing"][b].length>0?this["_insert_"+a+"_closing"][b].pop():""},WYMeditor.XhtmlSaxListener.prototype._shouldRemoveTag=function(a,b){return this._isEditorOnlyTag(a,b)?!0:this._isRootInlineTagToRemove(a,b,this._tag_stack)?!0:this._isThirdConsecutiveBrWithNoAttributes(a,b)?!0:!1},WYMeditor.XhtmlSaxListener.prototype._isEditorOnlyTag=function(a,b){var c;return b["class"]?(c=b["class"].split(" "),WYMeditor.Helper.arrayContains(c,WYMeditor.EDITOR_ONLY_CLASS)?!0:!1):!1},WYMeditor.XhtmlSaxListener.prototype._isRootInlineTagToRemove=function(a,b,c){return this.isInlineTag(a)?c.length>0?!1:WYMeditor.Helper.arrayContains(this._rootInlineTagsToRemove,a)?!0:!1:!1},WYMeditor.XhtmlSaxListener.prototype._isThirdConsecutiveBrWithNoAttributes=function(a,b){var c;if("br"!==a)return this._consecutive_brs=0,!1;if(0!==this._consecutive_brs&&this._last_node_was_text)return this._consecutive_brs=0,!1;for(c in b)if(b.hasOwnProperty(c))return this._consecutive_brs=0,!1;return this._consecutive_brs++,this._consecutive_brs>2?!0:!1},WYMeditor.XhtmlValidator={_attributes:{core:{except:["base","head","html","meta","param","script","style","title"],attributes:["class","id","title","accesskey","tabindex","/^data-.*/"]},styleAttr:{except:["img"],attributes:["style"]},language:{except:["base","br","hr","iframe","param","script"],attributes:{dir:["ltr","rtl"],0:"lang",1:"xml:lang"}},keyboard:{attributes:{accesskey:/^(\w){1}$/,tabindex:/^(\d)+$/}}},_events:{window:{only:["body"],attributes:["onload","onunload"]},form:{only:["form","input","textarea","select","a","label","button"],attributes:["onchange","onsubmit","onreset","onselect","onblur","onfocus"]},keyboard:{except:["base","bdo","br","frame","frameset","head","html","iframe","meta","param","script","style","title"],attributes:["onkeydown","onkeypress","onkeyup"]},mouse:{except:["base","bdo","br","head","html","meta","param","script","style","title"],attributes:["onclick","ondblclick","onmousedown","onmousemove","onmouseover","onmouseout","onmouseup"]}},_tags:{a:{attributes:{0:"charset",1:"coords",2:"href",3:"hreflang",4:"name",5:"rel",6:"rev",shape:/^(rect|rectangle|circ|circle|poly|polygon)$/,7:"type"}},0:"abbr",1:"acronym",2:"address",area:{attributes:{0:"alt",1:"coords",2:"href",nohref:/^(true|false)$/,shape:/^(rect|rectangle|circ|circle|poly|polygon)$/},required:["alt"]},3:"b",base:{attributes:["href"],required:["href"]},bdo:{attributes:{dir:/^(ltr|rtl)$/},required:["dir"]},4:"big",blockquote:{attributes:["cite"]},5:"body",6:"br",button:{attributes:{disabled:/^(disabled)$/,type:/^(button|reset|submit)$/,0:"value"},inside:"form"},7:"caption",8:"cite",9:"code",col:{attributes:{align:/^(right|left|center|justify)$/,0:"char",1:"charoff",span:/^(\d)+$/,valign:/^(top|middle|bottom|baseline)$/,2:"width"},inside:"colgroup"},colgroup:{attributes:{align:/^(right|left|center|justify)$/,0:"char",1:"charoff",span:/^(\d)+$/,valign:/^(top|middle|bottom|baseline)$/,2:"width"}},10:"dd",del:{attributes:{0:"cite",datetime:/^([0-9]){8}/}},11:"div",12:"dfn",13:"dl",14:"dt",15:"em",fieldset:{inside:"form"},form:{attributes:{0:"action",1:"accept",2:"accept-charset",3:"enctype",method:/^(get|post)$/},required:["action"]},head:{attributes:["profile"]},16:"h1",17:"h2",18:"h3",19:"h4",20:"h5",21:"h6",22:"hr",html:{attributes:["xmlns"]},23:"i",img:{attributes:["alt","src","height","ismap","longdesc","usemap","width"],required:["alt","src"]},input:{attributes:{0:"accept",1:"alt",checked:/^(checked)$/,disabled:/^(disabled)$/,maxlength:/^(\d)+$/,2:"name",readonly:/^(readonly)$/,size:/^(\d)+$/,3:"src",type:/^(button|checkbox|file|hidden|image|password|radio|reset|submit|text)$/,4:"value"},inside:"form"},ins:{attributes:{0:"cite",datetime:/^([0-9]){8}/}},24:"kbd",label:{attributes:["for"],inside:"form"},25:"legend",26:"li",link:{attributes:{0:"charset",1:"href",2:"hreflang",media:/^(all|braille|print|projection|screen|speech|,|;| )+$/i,rel:/^(alternate|appendix|bookmark|chapter|contents|copyright|glossary|help|home|index|next|prev|section|start|stylesheet|subsection| |shortcut|icon)+$/i,rev:/^(alternate|appendix|bookmark|chapter|contents|copyright|glossary|help|home|index|next|prev|section|start|stylesheet|subsection| |shortcut|icon)+$/i,3:"type"},inside:"head"},map:{attributes:["id","name"],required:["id"]},meta:{attributes:{0:"content","http-equiv":/^(content\-type|expires|refresh|set\-cookie)$/i,1:"name",2:"scheme"},required:["content"]},27:"noscript",object:{attributes:["archive","classid","codebase","codetype","data","declare","height","name","standby","type","usemap","width"]},28:"ol",optgroup:{attributes:{0:"label",disabled:/^(disabled)$/},required:["label"]},option:{attributes:{0:"label",disabled:/^(disabled)$/,selected:/^(selected)$/,1:"value"},inside:"select"},29:"p",param:{attributes:{0:"type",valuetype:/^(data|ref|object)$/,1:"valuetype",2:"value"},required:["name"]},30:"pre",q:{attributes:["cite"]},31:"samp",script:{attributes:{type:/^(text\/ecmascript|text\/javascript|text\/jscript|text\/vbscript|text\/vbs|text\/xml)$/,0:"charset",defer:/^(defer)$/,1:"src"},required:["type"]},select:{attributes:{disabled:/^(disabled)$/,multiple:/^(multiple)$/,0:"name",1:"size"},inside:"form"},32:"small",33:"span",34:"strong",style:{attributes:{0:"type",media:/^(screen|tty|tv|projection|handheld|print|braille|aural|all)$/},required:["type"]},35:"sub",36:"sup",table:{attributes:{0:"border",1:"cellpadding",2:"cellspacing",frame:/^(void|above|below|hsides|lhs|rhs|vsides|box|border)$/,rules:/^(none|groups|rows|cols|all)$/,3:"summary",4:"width"}},tbody:{attributes:{align:/^(right|left|center|justify)$/,0:"char",1:"charoff",valign:/^(top|middle|bottom|baseline)$/}},td:{attributes:{0:"abbr",align:/^(left|right|center|justify|char)$/,1:"axis",2:"char",3:"charoff",colspan:/^(\d)+$/,4:"headers",rowspan:/^(\d)+$/,scope:/^(col|colgroup|row|rowgroup)$/,valign:/^(top|middle|bottom|baseline)$/}},textarea:{attributes:["cols","rows","disabled","name","readonly"],required:["cols","rows"],inside:"form"},tfoot:{attributes:{align:/^(right|left|center|justify)$/,0:"char",1:"charoff",valign:/^(top|middle|bottom)$/,2:"baseline"}},th:{attributes:{0:"abbr",align:/^(left|right|center|justify|char)$/,1:"axis",2:"char",3:"charoff",colspan:/^(\d)+$/,4:"headers",rowspan:/^(\d)+$/,scope:/^(col|colgroup|row|rowgroup)$/,valign:/^(top|middle|bottom|baseline)$/}},thead:{attributes:{align:/^(right|left|center|justify)$/,0:"char",1:"charoff",valign:/^(top|middle|bottom|baseline)$/}},37:"title",tr:{attributes:{align:/^(right|left|center|justify|char)$/,0:"char",1:"charoff",valign:/^(top|middle|bottom|baseline)$/}},38:"tt",39:"ul",40:"var"},skiped_attributes:[],skiped_attribute_values:[],getValidTagAttributes:function(a,b){var c={},d=this.getPossibleTagAttributes(a);for(var e in b){var f=b[e];e=e.toLowerCase();var g=WYMeditor.Helper;g.arrayContains(this.skiped_attributes,e)||g.arrayContains(this.skiped_attribute_values,f)||("function"!=typeof f&&g.arrayContains(d,e)?this.doesAttributeNeedsValidation(a,e)?this.validateAttribute(a,e,f)&&(c[e]=f):c[e]=f:jQuery.each(d,function(){this.match(/\/(.*)\//)&&(regex=new RegExp(this.match(/\/(.*)\//)[1]),regex.test(e)&&(c[e]=f))}))}return c},getUniqueAttributesAndEventsForTag:function(a){var b=[];if(this._tags[a]&&this._tags[a].attributes)for(var c in this._tags[a].attributes)b.push(parseInt(c,10)==c?this._tags[a].attributes[c]:c);return b},getDefaultAttributesAndEventsForTags:function(){var a=[];for(var b in this._events)a.push(this._events[b]);for(b in this._attributes)a.push(this._attributes[b]);return a},isValidTag:function(a){if(this._tags[a])return!0;for(var b in this._tags)if(this._tags[b]==a)return!0;return!1},getDefaultAttributesAndEventsForTag:function(a){var b=[];if(this.isValidTag(a)){var c=this.getDefaultAttributesAndEventsForTags();for(var d in c){var e=c[d];if("object"==typeof e){var f=WYMeditor.Helper;if(e.except&&f.arrayContains(e.except,a)||e.only&&!f.arrayContains(e.only,a))continue;var g=e.attributes?e.attributes:e.events;for(var h in g)b.push("string"!=typeof g[h]?h:g[h])}}}return b},doesAttributeNeedsValidation:function(a,b){return this._tags[a]&&(this._tags[a].attributes&&this._tags[a].attributes[b]||this._tags[a].required&&WYMeditor.Helper.arrayContains(this._tags[a].required,b))},validateAttribute:function(a,b,c){return this._tags[a]&&this._tags[a].attributes&&this._tags[a].attributes[b]&&c.length>0&&!c.match(this._tags[a].attributes[b])||this._tags[a]&&this._tags[a].required&&WYMeditor.Helper.arrayContains(this._tags[a].required,b)&&0===c.length?!1:"undefined"!=typeof this._tags[a]},getPossibleTagAttributes:function(a){return this._possible_tag_attributes||(this._possible_tag_attributes={}),this._possible_tag_attributes[a]||(this._possible_tag_attributes[a]=this.getUniqueAttributesAndEventsForTag(a).concat(this.getDefaultAttributesAndEventsForTag(a))),this._possible_tag_attributes[a]}},WYMeditor.XmlHelper=function(){return this._entitiesDiv=document.createElement("div"),this},WYMeditor.XmlHelper.prototype.tag=function(a,b,c){return b=b||!1,c=c||!1,"<"+a+(b?this.tagOptions(b):"")+(c?">":" />")},WYMeditor.XmlHelper.prototype.contentTag=function(a,b,c){return c=c||!1,"<"+a+(c?this.tagOptions(c):"")+">"+b+"</"+a+">"},WYMeditor.XmlHelper.prototype.cdataSection=function(a){return"<![CDATA["+a+"]]>"},WYMeditor.XmlHelper.prototype.escapeOnce=function(a){return this._fixDoubleEscape(this.escapeEntities(a))},WYMeditor.XmlHelper.prototype._fixDoubleEscape=function(a){return a.replace(/&amp;([a-z]+|(#\d+));/gi,"&$1;")},WYMeditor.XmlHelper.prototype.tagOptions=function(a){var b=this;b._formated_options="";for(var c in a){var d=a[c];"function"!=typeof d&&d.length>0&&(parseInt(c,10)==c&&"object"==typeof d&&(c=d.shift(),d=d.pop()),""!==c&&""!==d&&(b._formated_options+=" "+c+'="'+b.escapeOnce(d)+'"'))}return b._formated_options},WYMeditor.XmlHelper.prototype.escapeEntities=function(a,b){this._entitiesDiv.innerHTML=a,this._entitiesDiv.textContent=a;var c=this._entitiesDiv.innerHTML;return"undefined"==typeof b&&(b!==!1&&(c=c.replace('"',"&quot;")),b===!0&&(c=c.replace('"',"&#039;"))),c},WYMeditor.XmlHelper.prototype.parseAttributes=function(a){var b=[],c=a.split(/((=\s*")(")("))|((=\s*\')(\')(\'))|((=\s*[^>\s]*))/g);if(c.toString()!=a)for(var d in c){var e=c[d];if("function"!=typeof e&&0!==e.length){var f=new RegExp("(\\w+)\\s*"+e),g=a.match(f);if(g){var h=e.replace(/^[\s=]+/,""),i=h.charAt(0);i='"'==i?'"':"'"==i?"'":"",""!==i&&(h='"'==i?h.replace(/^"|"+$/g,""):h.replace(/^'|'+$/g,"")),a=a.replace(g[0],""),b.push([g[1],h])}}}return b},WYMeditor.STRINGS.bg={Strong:"Получер",Emphasis:"Курсив",Superscript:"Горен индекс",Subscript:"Долен индекс",Ordered_List:"Подреден списък",Unordered_List:"Неподреден списък",Indent:"Блок навътре",Outdent:"Блок навън",Undo:"Стъпка назад",Redo:"Стъпка напред",Link:"Създай хипервръзка",Unlink:"Премахни хипервръзката",Image:"Изображение",Table:"Таблица",HTML:"HTML",Paragraph:"Абзац",Heading_1:"Заглавие 1",Heading_2:"Заглавие 2",Heading_3:"Заглавие 3",Heading_4:"Заглавие 4",Heading_5:"Заглавие 5",Heading_6:"Заглавие 6",Preformatted:"Преформатиран",Blockquote:"Цитат",Table_Header:"Заглавие на таблицата",URL:"URL",Title:"Заглавие",Alternative_Text:"Алтернативен текст",Caption:"Етикет",Summary:"Общо",Number_Of_Rows:"Брой редове",Number_Of_Cols:"Брой колони",Submit:"Изпрати",Cancel:"Отмени",Choose:"Затвори",Preview:"Предварителен преглед",Paste_From_Word:"Вмъкни от MS WORD",Tools:"Инструменти",Containers:"Контейнери",Classes:"Класове",Status:"Статус",Source_Code:"Източник, код"},WYMeditor.STRINGS.ca={Strong:"Ressaltar",Emphasis:"Emfatitzar",Superscript:"Superindex",Subscript:"Subindex",Ordered_List:"Llistat ordenat",Unordered_List:"Llistat sense ordenar",Indent:"Indentat",Outdent:"Sense indentar",Undo:"Desfer",Redo:"Refer",Link:"Enllaçar",Unlink:"Eliminar enllaç",Image:"Imatge",Table:"Taula",HTML:"HTML",Paragraph:"Paràgraf",Heading_1:"Capçalera 1",Heading_2:"Capçalera 2",Heading_3:"Capçalera 3",Heading_4:"Capçalera 4",Heading_5:"Capçalera 5",Heading_6:"Capçalera 6",Preformatted:"Pre-formatejat",Blockquote:"Cita",Table_Header:"Capçalera de la taula",URL:"URL",Title:"Títol",Alternative_Text:"Text alternatiu",Caption:"Llegenda",Summary:"Summary",Number_Of_Rows:"Nombre de files",Number_Of_Cols:"Nombre de columnes",Submit:"Enviar",Cancel:"Cancel·lar",Choose:"Triar",Preview:"Vista prèvia",Paste_From_Word:"Pegar des de Word",Tools:"Eines",Containers:"Contenidors",Classes:"Classes",Status:"Estat",Source_Code:"Codi font"},WYMeditor.STRINGS.cs={Strong:"Tučné",Emphasis:"Kurzíva",Superscript:"Horní index",Subscript:"Dolní index",Ordered_List:"Číslovaný seznam",Unordered_List:"Nečíslovaný seznam",Indent:"Zvětšit odsazení",Outdent:"Zmenšit odsazení",Undo:"Zpět",Redo:"Znovu",Link:"Vytvořit odkaz",Unlink:"Zrušit odkaz",Image:"Obrázek",Table:"Tabulka",HTML:"HTML",Paragraph:"Odstavec",Heading_1:"Nadpis 1. úrovně",Heading_2:"Nadpis 2. úrovně",Heading_3:"Nadpis 3. úrovně",Heading_4:"Nadpis 4. úrovně",Heading_5:"Nadpis 5. úrovně",Heading_6:"Nadpis 6. úrovně",Preformatted:"Předformátovaný text",Blockquote:"Citace",Table_Header:"Hlavičková buňka tabulky",URL:"Adresa",Title:"Text po najetí myší",Alternative_Text:"Text pro případ nezobrazení obrázku",Caption:"Titulek tabulky",Summary:"Shrnutí obsahu",Number_Of_Rows:"Počet řádek",Number_Of_Cols:"Počet sloupců",Submit:"Vytvořit",Cancel:"Zrušit",Choose:"Vybrat",Preview:"Náhled",Paste_From_Word:"Vložit z Wordu",Tools:"Nástroje",Containers:"Typy obsahu",Classes:"Třídy",Status:"Stav",Source_Code:"Zdrojový kód"},WYMeditor.STRINGS.cy={Strong:"Bras",Emphasis:"Italig",Superscript:"Uwchsgript",Subscript:"Is-sgript",Ordered_List:"Rhestr mewn Trefn",Unordered_List:"Pwyntiau Bwled",Indent:"Mewnoli",Outdent:"Alloli",Undo:"Dadwneud",Redo:"Ailwneud",Link:"Cysylltu",Unlink:"Datgysylltu",Image:"Delwedd",Table:"Tabl",HTML:"HTML",Paragraph:"Paragraff",Heading_1:"Pennawd 1",Heading_2:"Pennawd 2",Heading_3:"Pennawd 3",Heading_4:"Pennawd 4",Heading_5:"Pennawd 5",Heading_6:"Pennawd 6",Preformatted:"Rhagfformat",Blockquote:"Bloc Dyfyniad",Table_Header:"Pennyn Tabl",URL:"URL",Title:"Teitl",Alternative_Text:"Testun Amgen",Caption:"Pennawd",Summary:"Crynodeb",Number_Of_Rows:"Nifer y rhesi",Number_Of_Cols:"Nifer y colofnau",Submit:"Anfon",Cancel:"Diddymu",Choose:"Dewis",Preview:"Rhagolwg",Paste_From_Word:"Gludo o Word",Tools:"Offer",Containers:"Cynhwysyddion",Classes:"Dosbarthiadau",Status:"Statws",Source_Code:"Cod ffynhonnell"},WYMeditor.STRINGS.da={Strong:"Fed",Emphasis:"Skrå",Superscript:"Superscript",Subscript:"Subscript",Ordered_List:"Ordnet liste",Unordered_List:"Uordnet liste",Indent:"Indrykke",Outdent:"Udrykke",Undo:"Fortryd",Redo:"Fortryd",Link:"Link",Unlink:"Fjern link",Image:"Billede",Table:"Tabel",HTML:"HTML",Paragraph:"Paragraf",Heading_1:"Overskrift 1",Heading_2:"Overskrift 2",Heading_3:"Overskrift 3",Heading_4:"Overskrift 4",Heading_5:"Overskrift 5",Heading_6:"Overskrift 6",Preformatted:"Forudformateret",Blockquote:"Citat",Table_Header:"Tabel Overskrift",URL:"URL",Title:"Titel",Alternative_Text:"Alternativ tekst",Caption:"Billedtekst",Summary:"Resumé",Number_Of_Rows:"Antal rækker",Number_Of_Cols:"Antal kolonner",Submit:"Indsend",Cancel:"Afbryd",Choose:"Vælg",Preview:"Forhåndsvisning",Paste_From_Word:"Indsæt fra Word",Tools:"Værktøjer",Containers:"Containere",Classes:"Klasser",Status:"Status",Source_Code:"Kildekode"},WYMeditor.STRINGS.de={Strong:"Fett",Emphasis:"Kursiv",Superscript:"Text hochstellen",Subscript:"Text tiefstellen",Ordered_List:"Geordnete Liste einfügen",Unordered_List:"Ungeordnete Liste einfügen",Indent:"Einzug erhöhen",Outdent:"Einzug vermindern",Undo:"Befehle rückgängig machen",Redo:"Befehle wiederherstellen",Link:"Hyperlink einfügen",Unlink:"Hyperlink entfernen",Image:"Bild einfügen",Table:"Tabelle einfügen",HTML:"HTML anzeigen/verstecken",Paragraph:"Absatz",Heading_1:"Überschrift 1",Heading_2:"Überschrift 2",Heading_3:"Überschrift 3",Heading_4:"Überschrift 4",Heading_5:"Überschrift 5",Heading_6:"Überschrift 6",Preformatted:"Vorformatiert",Blockquote:"Zitat",Table_Header:"Tabellenüberschrift",URL:"URL",Title:"Titel",Alternative_Text:"Alternativer Text",Caption:"Tabellenüberschrift",Summary:"Summary",Number_Of_Rows:"Anzahl Zeilen",Number_Of_Cols:"Anzahl Spalten",Submit:"Absenden",Cancel:"Abbrechen",Choose:"Auswählen",Preview:"Vorschau",Paste_From_Word:"Aus Word einfügen",Tools:"Werkzeuge",Containers:"Inhaltstyp",Classes:"Klassen",Status:"Status",Source_Code:"Quellcode"},WYMeditor.STRINGS.en={Strong:"Strong",Emphasis:"Emphasis",Superscript:"Superscript",Subscript:"Subscript",Ordered_List:"Ordered List",Unordered_List:"Unordered List",Indent:"Indent",Outdent:"Outdent",Undo:"Undo",Redo:"Redo",Link:"Link",Unlink:"Unlink",Image:"Image",Table:"Table",HTML:"HTML",Paragraph:"Paragraph",Heading_1:"Heading 1",Heading_2:"Heading 2",Heading_3:"Heading 3",Heading_4:"Heading 4",Heading_5:"Heading 5",Heading_6:"Heading 6",Preformatted:"Preformatted",Blockquote:"Blockquote",Table_Header:"Table Header",URL:"URL",Title:"Title",Relationship:"Relationship",Alternative_Text:"Alternative text",Caption:"Caption",Summary:"Summary",Number_Of_Rows:"Number of rows",Number_Of_Cols:"Number of cols",Submit:"Submit",
-Cancel:"Cancel",Choose:"Choose",Preview:"Preview",Paste_From_Word:"Paste from Word",Tools:"Tools",Containers:"Formatting",Classes:"Style",Status:"Status",Source_Code:"Source code"},WYMeditor.STRINGS.es={Strong:"Resaltar",Emphasis:"Enfatizar",Superscript:"Superindice",Subscript:"Subindice",Ordered_List:"Lista ordenada",Unordered_List:"Lista sin ordenar",Indent:"Indentado",Outdent:"Sin indentar",Undo:"Deshacer",Redo:"Rehacer",Link:"Enlazar",Unlink:"Eliminar enlace",Image:"Imagen",Table:"Tabla",HTML:"HTML",Paragraph:"Párrafo",Heading_1:"Cabecera 1",Heading_2:"Cabecera 2",Heading_3:"Cabecera 3",Heading_4:"Cabecera 4",Heading_5:"Cabecera 5",Heading_6:"Cabecera 6",Preformatted:"Preformateado",Blockquote:"Cita",Table_Header:"Cabecera de la tabla",URL:"URL",Title:"Título",Alternative_Text:"Texto alternativo",Caption:"Leyenda",Summary:"Summary",Number_Of_Rows:"Número de filas",Number_Of_Cols:"Número de columnas",Submit:"Enviar",Cancel:"Cancelar",Choose:"Seleccionar",Preview:"Vista previa",Paste_From_Word:"Pegar desde Word",Tools:"Herramientas",Containers:"Contenedores",Classes:"Clases",Status:"Estado",Source_Code:"Código fuente"},WYMeditor.STRINGS.fa={Strong:"پررنگ",Emphasis:"ایتالیک",Superscript:"بالانويس‌ ",Subscript:"زيرنويس‌",Ordered_List:"لیست مرتب",Unordered_List:"لیست نامرتب",Indent:"افزودن دندانه",Outdent:"کاهش دندانه",Undo:"واگردانی",Redo:"تکرار",Link:"ساختن پیوند",Unlink:"برداشتن پیوند",Image:"تصویر",Table:"جدول",HTML:"HTML",Paragraph:"پاراگراف",Heading_1:"سرتیتر ۱",Heading_2:"سرتیتر ۲",Heading_3:"سرتیتر ۳",Heading_4:"سرتیتر ۴",Heading_5:"سرتیتر ۵",Heading_6:"سرتیتر ۶",Preformatted:"قالب آماده",Blockquote:"نقل قول",Table_Header:"سرجدول",URL:"آدرس اینترنتی",Title:"عنوان",Alternative_Text:"متن جایگزین",Caption:"عنوان",Summary:"Summary",Number_Of_Rows:"تعداد سطرها",Number_Of_Cols:"تعداد ستون‌ها",Submit:"فرستادن",Cancel:"لغو",Choose:"انتخاب",Preview:"پیش‌نمایش",Paste_From_Word:"انتقال از ورد",Tools:"ابزار",Containers:"‌قالب‌ها",Classes:"کلاس‌ها",Status:"وضعیت",Source_Code:"کد مبدأ"},WYMeditor.STRINGS.fi={Strong:"Lihavoitu",Emphasis:"Korostus",Superscript:"Yläindeksi",Subscript:"Alaindeksi",Ordered_List:"Numeroitu lista",Unordered_List:"Luettelomerkit",Indent:"Suurenna sisennystä",Outdent:"Pienennä sisennystä",Undo:"Kumoa",Redo:"Toista",Link:"Linkitä",Unlink:"Poista linkitys",Image:"Kuva",Table:"Taulukko",HTML:"HTML",Paragraph:"Kappale",Heading_1:"Otsikko 1",Heading_2:"Otsikko 2",Heading_3:"Otsikko 3",Heading_4:"Otsikko 4",Heading_5:"Otsikko 5",Heading_6:"Otsikko 6",Preformatted:"Esimuotoilu",Blockquote:"Sitaatti",Table_Header:"Taulukon otsikko",URL:"URL",Title:"Otsikko",Alternative_Text:"Vaihtoehtoinen teksti",Caption:"Kuvateksti",Summary:"Yhteenveto",Number_Of_Rows:"Rivien määrä",Number_Of_Cols:"Palstojen määrä",Submit:"Lähetä",Cancel:"Peruuta",Choose:"Valitse",Preview:"Esikatsele",Paste_From_Word:"Tuo Wordista",Tools:"Työkalut",Containers:"Muotoilut",Classes:"Luokat",Status:"Tila",Source_Code:"Lähdekoodi"},WYMeditor.STRINGS.fr={Strong:"Mise en évidence",Emphasis:"Emphase",Superscript:"Exposant",Subscript:"Indice",Ordered_List:"Liste Ordonnée",Unordered_List:"Liste Non-Ordonnée",Indent:"Imbriqué",Outdent:"Non-imbriqué",Undo:"Annuler",Redo:"Rétablir",Link:"Lien",Unlink:"Supprimer le Lien",Image:"Image",Table:"Tableau",HTML:"HTML",Paragraph:"Paragraphe",Heading_1:"Titre 1",Heading_2:"Titre 2",Heading_3:"Titre 3",Heading_4:"Titre 4",Heading_5:"Titre 5",Heading_6:"Titre 6",Preformatted:"Pré-formatté",Blockquote:"Citation",Table_Header:"Cellule de titre",URL:"URL",Title:"Titre",Alternative_Text:"Texte alternatif",Caption:"Légende",Summary:"Résumé",Number_Of_Rows:"Nombre de lignes",Number_Of_Cols:"Nombre de colonnes",Submit:"Envoyer",Cancel:"Annuler",Choose:"Choisir",Preview:"Prévisualisation",Paste_From_Word:"Copier depuis Word",Tools:"Outils",Containers:"Type de texte",Classes:"Type de contenu",Status:"Infos",Source_Code:"Code source"},WYMeditor.STRINGS.gl={Strong:"Moita énfase",Emphasis:"Énfase",Superscript:"Superíndice",Subscript:"Subíndice",Ordered_List:"Lista ordenada",Unordered_List:"Lista sen ordenar",Indent:"Aniñar",Outdent:"Desaniñar",Undo:"Desfacer",Redo:"Refacer",Link:"Ligazón",Unlink:"Desligar",Image:"Imaxe",Table:"Táboa",HTML:"HTML",Paragraph:"Parágrafo",Heading_1:"Título 1",Heading_2:"Título 2",Heading_3:"Título 3",Heading_4:"Título 4",Heading_5:"Título 5",Heading_6:"Título 6",Preformatted:"Preformatado",Blockquote:"Cita en parágrafo",Table_Header:"Cabeceira da táboa",URL:"URL",Title:"Título",Alternative_Text:"Texto alternativo",Caption:"Título",Summary:"Resumo",Number_Of_Rows:"Número de filas",Number_Of_Cols:"Número de columnas",Submit:"Enviar",Cancel:"Cancelar",Choose:"Escoller",Preview:"Previsualizar",Paste_From_Word:"Colar dende Word",Tools:"Ferramentas",Containers:"Contenedores",Classes:"Clases",Status:"Estado",Source_Code:"Código fonte"},WYMeditor.STRINGS.he={Strong:"חזק",Emphasis:"מובלט",Superscript:"כתב עילי",Subscript:"כתב תחתי",Ordered_List:"רשימה ממוספרת",Unordered_List:"רשימה לא ממוספרת",Indent:"הזחה פנימה",Outdent:"הזחה החוצה",Undo:"בטל פעולה",Redo:"בצע מחדש פעולה",Link:"קישור",Unlink:"בטל קישור",Image:"תמונה",Table:"טבלה",HTML:"קוד HTML",Paragraph:"פסקה",Heading_1:"כותרת 1 ; תג &lt;h1&gt;",Heading_2:"כותרת 2 ; תג &lt;h2&gt;",Heading_3:"כותרת 3 ; תג &lt;h3&gt;",Heading_4:"כותרת 4 ; תג &lt;h4&gt;",Heading_5:"כותרת 5 ; תג &lt;h5&gt;",Heading_6:"כותרת 6 ; תג &lt;h6&gt;",Preformatted:"משמר רווחים",Blockquote:"ציטוט",Table_Header:"כותרת טבלה",URL:"קישור (URL)",Title:"כותרת",Alternative_Text:"טקסט חלופי",Caption:"כותרת",Summary:"סיכום",Number_Of_Rows:"מספר שורות",Number_Of_Cols:"מספר טורים",Submit:"שלח",Cancel:"בטל",Choose:"בחר",Preview:"תצוגה מקדימה",Paste_From_Word:"העתק מ-Word",Tools:"כלים",Containers:"מיכלים",Classes:"מחלקות",Status:"מצב",Source_Code:"קוד מקור"},WYMeditor.STRINGS.hr={Strong:"Podebljano",Emphasis:"Naglašeno",Superscript:"Iznad",Subscript:"Ispod",Ordered_List:"Pobrojana lista",Unordered_List:"Nepobrojana lista",Indent:"Uvuci",Outdent:"Izvuci",Undo:"Poništi promjenu",Redo:"Ponovno promjeni",Link:"Hiperveza",Unlink:"Ukloni hipervezu",Image:"Slika",Table:"Tablica",HTML:"HTML",Paragraph:"Paragraf",Heading_1:"Naslov 1",Heading_2:"Naslov 2",Heading_3:"Naslov 3",Heading_4:"Naslov 4",Heading_5:"Naslov 5",Heading_6:"Naslov 6",Preformatted:"Unaprijed formatirano",Blockquote:"Citat",Table_Header:"Zaglavlje tablice",URL:"URL",Title:"Naslov",Alternative_Text:"Alternativni tekst",Caption:"Zaglavlje",Summary:"Sažetak",Number_Of_Rows:"Broj redova",Number_Of_Cols:"Broj kolona",Submit:"Snimi",Cancel:"Odustani",Choose:"Izaberi",Preview:"Pregled",Paste_From_Word:"Zalijepi iz Word-a",Tools:"Alati",Containers:"Kontejneri",Classes:"Klase",Status:"Status",Source_Code:"Izvorni kod"},WYMeditor.STRINGS.hu={Strong:"Félkövér",Emphasis:"Kiemelt",Superscript:"Felső index",Subscript:"Alsó index",Ordered_List:"Rendezett lista",Unordered_List:"Rendezetlen lista",Indent:"Bekezdés",Outdent:"Bekezdés törlése",Undo:"Visszavon",Redo:"Visszaállít",Link:"Link",Unlink:"Link törlése",Image:"Kép",Table:"Tábla",HTML:"HTML",Paragraph:"Bekezdés",Heading_1:"Címsor 1",Heading_2:"Címsor 2",Heading_3:"Címsor 3",Heading_4:"Címsor 4",Heading_5:"Címsor 5",Heading_6:"Címsor 6",Preformatted:"Előformázott",Blockquote:"Idézet",Table_Header:"Tábla Fejléc",URL:"Webcím",Title:"Megnevezés",Alternative_Text:"Alternatív szöveg",Caption:"Fejléc",Summary:"Summary",Number_Of_Rows:"Sorok száma",Number_Of_Cols:"Oszlopok száma",Submit:"Elküld",Cancel:"Mégsem",Choose:"Választ",Preview:"Előnézet",Paste_From_Word:"Másolás Word-ból",Tools:"Eszközök",Containers:"Tartalmak",Classes:"Osztályok",Status:"Állapot",Source_Code:"Forráskód"},WYMeditor.STRINGS.it={Strong:"Grassetto",Emphasis:"Corsetto",Superscript:"Apice",Subscript:"Pedice",Ordered_List:"Lista Ordinata",Unordered_List:"Lista Puntata",Indent:"Indenta",Outdent:"Caccia",Undo:"Indietro",Redo:"Avanti",Link:"Inserisci Link",Unlink:"Togli Link",Image:"Inserisci Immagine",Table:"Inserisci Tabella",HTML:"HTML",Paragraph:"Paragrafo",Heading_1:"Heading 1",Heading_2:"Heading 2",Heading_3:"Heading 3",Heading_4:"Heading 4",Heading_5:"Heading 5",Heading_6:"Heading 6",Preformatted:"Preformattato",Blockquote:"Blockquote",Table_Header:"Header Tabella",URL:"Indirizzo",Title:"Titolo",Alternative_Text:"Testo Alternativo",Caption:"Caption",Summary:"Summary",Number_Of_Rows:"Numero di Righe",Number_Of_Cols:"Numero di Colonne",Submit:"Invia",Cancel:"Cancella",Choose:"Scegli",Preview:"Anteprima",Paste_From_Word:"Incolla",Tools:"Tools",Containers:"Contenitori",Classes:"Classi",Status:"Stato",Source_Code:"Codice Sorgente"},WYMeditor.STRINGS.ja={Strong:"強調<strong>",Emphasis:"強調<em>",Superscript:"上付き",Subscript:"下付き",Ordered_List:"番号付きリスト",Unordered_List:"番号無リスト",Indent:"インデントを増やす",Outdent:"インデントを減らす",Undo:"元に戻す",Redo:"やり直す",Link:"リンク",Unlink:"リンク取消",Image:"画像",Table:"テーブル",HTML:"HTML",Paragraph:"段落",Heading_1:"見出し 1",Heading_2:"見出し 2",Heading_3:"見出し 3",Heading_4:"見出し 4",Heading_5:"見出し 5",Heading_6:"見出し 6",Preformatted:"整形済みテキスト",Blockquote:"引用文",Table_Header:"表見出し",URL:"URL",Title:"タイトル",Alternative_Text:"代替テキスト",Caption:"キャプション",Summary:"サマリー",Number_Of_Rows:"行数",Number_Of_Cols:"列数",Submit:"送信",Cancel:"キャンセル",Choose:"選択",Preview:"プレビュー",Paste_From_Word:"貼り付け",Tools:"ツール",Containers:"コンテナ",Classes:"クラス",Status:"ステータス",Source_Code:"ソースコード"},WYMeditor.STRINGS.lt={Strong:"Pusjuodis",Emphasis:"Kursyvas",Superscript:"Viršutinis indeksas",Subscript:"Apatinis indeksas",Ordered_List:"Numeruotas sąrašas",Unordered_List:"Suženklintas sąrašas",Indent:"Padidinti įtrauką",Outdent:"Sumažinti įtrauką",Undo:"Atšaukti",Redo:"Atstatyti",Link:"Nuoroda",Unlink:"Panaikinti nuorodą",Image:"Vaizdas",Table:"Lentelė",HTML:"HTML",Paragraph:"Paragrafas",Heading_1:"Antraštinis 1",Heading_2:"Antraštinis 2",Heading_3:"Antraštinis 3",Heading_4:"Antraštinis 4",Heading_5:"Antraštinis 5",Heading_6:"Antraštinis 6",Preformatted:"Formuotas",Blockquote:"Citata",Table_Header:"Lentelės antraštė",URL:"URL",Title:"Antraštinis tekstas",Relationship:"Sąryšis",Alternative_Text:"Alternatyvus tekstas",Caption:"Antraštė",Summary:"Santrauka",Number_Of_Rows:"Eilučių skaičius",Number_Of_Cols:"Stulpelių skaičius",Submit:"Išsaugoti",Cancel:"Nutraukti",Choose:"Rinktis",Preview:"Peržiūra",Paste_From_Word:"Įkelti iš MS Word",Tools:"Įrankiai",Containers:"Stiliai",Classes:"Klasės",Status:"Statusas",Source_Code:"Išeities tekstas"},WYMeditor.STRINGS.nb={Strong:"Fet",Emphasis:"Uthevet",Superscript:"Opphøyet",Subscript:"Nedsenket",Ordered_List:"Nummerert liste",Unordered_List:"Punktliste",Indent:"Rykk inn",Outdent:"Rykk ut",Undo:"Angre",Redo:"Gjenta",Link:"Lenke",Unlink:"Ta bort lenken",Image:"Bilde",Table:"Tabell",HTML:"HTML",Paragraph:"Avsnitt",Heading_1:"Overskrift 1",Heading_2:"Overskrift 2",Heading_3:"Overskrift 3",Heading_4:"Overskrift 4",Heading_5:"Overskrift 5",Heading_6:"Overskrift 6",Preformatted:"Preformatert",Blockquote:"Sitat",Table_Header:"Tabelloverskrift",URL:"URL",Title:"Tittel",Alternative_Text:"Alternativ tekst",Caption:"Overskrift",Summary:"Sammendrag",Number_Of_Rows:"Antall rader",Number_Of_Cols:"Antall kolonner",Submit:"Ok",Cancel:"Avbryt",Choose:"Velg",Preview:"Forhåndsvis",Paste_From_Word:"Lim inn fra Word",Tools:"Verktøy",Containers:"Formatering",Classes:"Klasser",Status:"Status",Source_Code:"Kildekode"},WYMeditor.STRINGS.nl={Strong:"Sterk benadrukken",Emphasis:"Benadrukken",Superscript:"Bovenschrift",Subscript:"Onderschrift",Ordered_List:"Geordende lijst",Unordered_List:"Ongeordende lijst",Indent:"Inspringen",Outdent:"Terugspringen",Undo:"Ongedaan maken",Redo:"Opnieuw uitvoeren",Link:"Linken",Unlink:"Ontlinken",Image:"Afbeelding",Table:"Tabel",HTML:"HTML",Paragraph:"Paragraaf",Heading_1:"Kop 1",Heading_2:"Kop 2",Heading_3:"Kop 3",Heading_4:"Kop 4",Heading_5:"Kop 5",Heading_6:"Kop 6",Preformatted:"Voorgeformatteerd",Blockquote:"Citaat",Table_Header:"Tabel-kop",URL:"URL",Title:"Titel",Relationship:"Relatie",Alternative_Text:"Alternatieve tekst",Caption:"Bijschrift",Summary:"Summary",Number_Of_Rows:"Aantal rijen",Number_Of_Cols:"Aantal kolommen",Submit:"Versturen",Cancel:"Annuleren",Choose:"Kiezen",Preview:"Voorbeeld bekijken",Paste_From_Word:"Plakken uit Word",Tools:"Hulpmiddelen",Containers:"Teksttypes",Classes:"Klassen",Status:"Status",Source_Code:"Broncode"},WYMeditor.STRINGS.nn={Strong:"Feit",Emphasis:"Utheva",Superscript:"Opphøgd",Subscript:"Nedsenka",Ordered_List:"Nummerert liste",Unordered_List:"Punktliste",Indent:"Rykk inn",Outdent:"Rykk ut",Undo:"Angre",Redo:"Gjentaka",Link:"Lenkje",Unlink:"Ta bort lenkja",Image:"Bilete",Table:"Tabell",HTML:"HTML",Paragraph:"Avsnitt",Heading_1:"Overskrift 1",Heading_2:"Overskrift 2",Heading_3:"Overskrift 3",Heading_4:"Overskrift 4",Heading_5:"Overskrift 5",Heading_6:"Overskrift 6",Preformatted:"Preformatert",Blockquote:"Sitat",Table_Header:"Tabelloverskrift",URL:"URL",Title:"Tittel",Alternative_Text:"Alternativ tekst",Caption:"Overskrift",Summary:"Samandrag",Number_Of_Rows:"Tal på rader",Number_Of_Cols:"Tal på kolonnar",Submit:"Ok",Cancel:"Avbryt",Choose:"Vel",Preview:"Førehandsvis",Paste_From_Word:"Lim inn frå Word",Tools:"Verkty",Containers:"Formatering",Classes:"Klassar",Status:"Status",Source_Code:"Kjeldekode"},WYMeditor.STRINGS.pl={Strong:"Nacisk",Emphasis:"Emfaza",Superscript:"Indeks górny",Subscript:"Indeks dolny",Ordered_List:"Lista numerowana",Unordered_List:"Lista wypunktowana",Indent:"Zwiększ wcięcie",Outdent:"Zmniejsz wcięcie",Undo:"Cofnij",Redo:"Ponów",Link:"Wstaw link",Unlink:"Usuń link",Image:"Obraz",Table:"Tabela",HTML:"Źródło HTML",Paragraph:"Akapit",Heading_1:"Nagłówek 1",Heading_2:"Nagłówek 2",Heading_3:"Nagłówek 3",Heading_4:"Nagłówek 4",Heading_5:"Nagłówek 5",Heading_6:"Nagłówek 6",Preformatted:"Preformatowany",Blockquote:"Cytat blokowy",Table_Header:"Nagłówek tabeli",URL:"URL",Title:"Tytuł",Alternative_Text:"Tekst alternatywny",Caption:"Tytuł tabeli",Summary:"Summary",Number_Of_Rows:"Liczba wierszy",Number_Of_Cols:"Liczba kolumn",Submit:"Wyślij",Cancel:"Anuluj",Choose:"Wybierz",Preview:"Podgląd",Paste_From_Word:"Wklej z Worda",Tools:"Narzędzia",Containers:"Format",Classes:"Styl",Status:"Status",Source_Code:"Kod źródłowy"},WYMeditor.STRINGS["pt-br"]={Strong:"Resaltar",Emphasis:"Enfatizar",Superscript:"Sobre escrito",Subscript:"Sub escrito ",Ordered_List:"Lista ordenada",Unordered_List:"Lista desordenada",Indent:"Indentado",Outdent:"Desidentar",Undo:"Desfazer",Redo:"Refazer",Link:"Link",Unlink:"Remover Link",Image:"Imagem",Table:"Tabela",HTML:"HTML",Paragraph:"Parágrafo",Heading_1:"Título 1",Heading_2:"Título 2",Heading_3:"Título 3",Heading_4:"Título 4",Heading_5:"Título 5",Heading_6:"Título 6",Preformatted:"Preformatado",Blockquote:"Citação",Table_Header:"Título de tabela",URL:"URL",Title:"Título",Alternative_Text:"Texto alternativo",Caption:"Legenda",Summary:"Summary",Number_Of_Rows:"Número de linhas",Number_Of_Cols:"Número de colunas",Submit:"Enviar",Cancel:"Cancelar",Choose:"Selecionar",Preview:"Previsualizar",Paste_From_Word:"Copiar do Word",Tools:"Ferramentas",Containers:"Conteneiners",Classes:"Classes",Status:"Estado",Source_Code:"Código fonte"},WYMeditor.STRINGS.pt={Strong:"Negrito",Emphasis:"Itálico",Superscript:"Sobrescrito",Subscript:"Subsescrito",Ordered_List:"Lista Numerada",Unordered_List:"Lista Marcada",Indent:"Aumentar Indentaçã",Outdent:"Diminuir Indentaçã",Undo:"Desfazer",Redo:"Restaurar",Link:"Link",Unlink:"Tirar link",Image:"Imagem",Table:"Tabela",HTML:"HTML",Paragraph:"Parágrafo",Heading_1:"Título 1",Heading_2:"Título 2",Heading_3:"Título 3",Heading_4:"Título 4",Heading_5:"Título 5",Heading_6:"Título 6",Preformatted:"Pré-formatado",Blockquote:"Citação",Table_Header:"Cabeçalho Tabela",URL:"URL",Title:"Título",Alternative_Text:"Texto Alterativo",Caption:"Título Tabela",Summary:"Summary",Number_Of_Rows:"Número de Linhas",Number_Of_Cols:"Número de Colunas",Submit:"Enviar",Cancel:"Cancelar",Choose:"Escolha",Preview:"Prever",Paste_From_Word:"Colar do Word",Tools:"Ferramentas",Containers:"Containers",Classes:"Classes",Status:"Status",Source_Code:"Código Fonte"},WYMeditor.STRINGS.ru={Strong:"Жирный",Emphasis:"Наклонный",Superscript:"Надстрочный",Subscript:"Подстрочный",Ordered_List:"Нумерованый список",Unordered_List:"Ненумерованый список",Indent:"Увеличить отступ",Outdent:"Уменьшить отступ",Undo:"Отменить",Redo:"Повторить",Link:"Ссылка",Unlink:"Удалить ссылку",Image:"Изображение",Table:"Таблица",HTML:"Править HTML",Paragraph:"Параграф",Heading_1:"Заголовок 1",Heading_2:"Заголовок 2",Heading_3:"Заголовок 3",Heading_4:"Заголовок 4",Heading_5:"Заголовок 5",Heading_6:"Заголовок 6",Preformatted:"Preformatted",Blockquote:"Цитата",Table_Header:"Заголовок таблицы",URL:"URL",Title:"Заголовок",Alternative_Text:"Альтернативный текст",Caption:"Надпись",Summary:"Summary",Number_Of_Rows:"Кол-во строк",Number_Of_Cols:"Кол-во столбцов",Submit:"Отправить",Cancel:"Отмена",Choose:"Выбор",Preview:"Просмотр",Paste_From_Word:"Вставить из Word",Tools:"Инструменты",Containers:"Контейнеры",Classes:"Классы",Status:"Статус",Source_Code:"Исходный код"},WYMeditor.STRINGS.sk={Strong:"Tučné",Emphasis:"Kurzíva",Superscript:"Horný index",Subscript:"Dolný index",Ordered_List:"Číslovaný zoznam",Unordered_List:"Nečíslovaný zoznam",Indent:"Zväčšiť odsadenie",Outdent:"Zmenšiť odsadenie",Undo:"Vrátiť",Redo:"Opakovať",Link:"Vytvoriť odkaz",Unlink:"Zrušiť odkaz",Image:"Obrázok",Table:"Tabuľka",HTML:"HTML",Paragraph:"Odstavec",Heading_1:"Nadpis 1. úrovne",Heading_2:"Nadpis 2. úrovne",Heading_3:"Nadpis 3. úrovne",Heading_4:"Nadpis 4. úrovne",Heading_5:"Nadpis 5. úrovne",Heading_6:"Nadpis 6. úrovne",Preformatted:"Predformátovaný text",Blockquote:"Citácia",Table_Header:"Hlavička tabuľky",URL:"URL adresa",Title:"Titulok",Alternative_Text:"Alternatívny text",Caption:"Titulok tabuľky",Summary:"Zhrnutie obsahu",Number_Of_Rows:"Počet riadkov",Number_Of_Cols:"Počet stĺpcov",Submit:"Odoslať",Cancel:"Zrušiť",Choose:"Vybrať",Preview:"Náhľad",Paste_From_Word:"Vložiť z Wordu",Tools:"Nástroje",Containers:"Typy obsahu",Classes:"Triedy",Status:"Stav",Source_Code:"Zdrojový kód"},WYMeditor.STRINGS.sv={Strong:"Viktigt",Emphasis:"Betoning",Superscript:"Upphöjt",Subscript:"Nedsänkt",Ordered_List:"Nummerlista",Unordered_List:"Punktlista",Indent:"Indrag",Outdent:"Utdrag",Undo:"Ångra",Redo:"Gör om",Link:"Länk",Unlink:"Ta bort länk",Image:"Bild",Table:"Tabell",HTML:"HTML",Paragraph:"Paragraf",Heading_1:"Rubrik 1",Heading_2:"Rubrik 2",Heading_3:"Rubrik 3",Heading_4:"Rubrik 4",Heading_5:"Rubrik 5",Heading_6:"Rubrik 6",Preformatted:"Förformaterad",Blockquote:"Blockcitat",Table_Header:"Tabellrubrik",URL:"URL",Title:"Titel",Relationship:"Relation",Alternative_Text:"Alternativ text",Caption:"Överskrift",Summary:"Summary",Number_Of_Rows:"Antal rader",Number_Of_Cols:"Antal kolumner",Submit:"Skicka",Cancel:"Avbryt",Choose:"Välj",Preview:"Förhandsgranska",Paste_From_Word:"Klistra in från Word",Tools:"Verktyg",Containers:"Formatering",Classes:"Klasser",Status:"Status",Source_Code:"Källkod"},WYMeditor.STRINGS.tr={Strong:"Kalın",Emphasis:"Vurgu",Superscript:"Üstsimge",Subscript:"Altsimge",Ordered_List:"Sıralı List",Unordered_List:"Sırasız List",Indent:"Girintile",Outdent:"Çıkıntıla",Undo:"Geri Al",Redo:"Yinele",Link:"Bağlantı",Unlink:"Bağlantıyı Kaldır",Image:"Resim",Table:"Tablo",HTML:"HTML",Paragraph:"Parağraf",Heading_1:"Başlık 1",Heading_2:"Başlık 2",Heading_3:"Başlık 3",Heading_4:"Başlık 4",Heading_5:"Başlık 5",Heading_6:"Başlık 6",Preformatted:"Önceden Formatlı",Blockquote:"Alıntı",Table_Header:"Tablo Başlığı",URL:"URL",Title:"Başlık",Alternative_Text:"Alternatif Metin",Caption:"Etiket",Summary:"Özet",Number_Of_Rows:"Satır sayısı",Number_Of_Cols:"Sütun sayısı",Submit:"Gönder",Cancel:"İptal",Choose:"Seç",Preview:"Önizleme",Paste_From_Word:"Word'den yapıştır",Tools:"Araçlar",Containers:"Kapsayıcılar",Classes:"Sınıflar",Status:"Durum",Source_Code:"Kaynak Kodu"},WYMeditor.STRINGS.zh_cn={Strong:"加粗",Emphasis:"斜体",Superscript:"上标",Subscript:"下标",Ordered_List:"有序列表",Unordered_List:"无序列表",Indent:"增加缩进",Outdent:"减少缩进",Undo:"撤消",Redo:"重做",Link:"链接",Unlink:"取消链接",Image:"图片",Table:"表格",HTML:"HTML源代码",Paragraph:"段落",Heading_1:"标题 1",Heading_2:"标题 2",Heading_3:"标题 3",Heading_4:"标题 4",Heading_5:"标题 5",Heading_6:"标题 6",Preformatted:"原始文本",Blockquote:"引语",Table_Header:"表头",URL:"地址",Title:"提示文字",Alternative_Text:"失效文字",Caption:"标题",Summary:"Summary",Number_Of_Rows:"行数",Number_Of_Cols:"列数",Submit:"提交",Cancel:"放弃",Choose:"选择",Preview:"预览",Paste_From_Word:"从Word粘贴纯文本",Tools:"工具",Containers:"容器",Classes:"预定义样式",Status:"状态",Source_Code:"源代码",Attachment:"附件",NewParagraph:"新段落"},WYMeditor.STRINGS.zh_tw={Strong:"加粗",Emphasis:"斜體",Superscript:"上標",Subscript:"下標",Ordered_List:"有序列表",Unordered_List:"無序列表",Indent:"增加縮排",Outdent:"減少縮排",Undo:"取消",Redo:"重做",Link:"鏈結",Unlink:"取消鏈結",Image:"圖片",Table:"表格",HTML:"HTML 源代碼",Paragraph:"段落",Heading_1:"標題 1",Heading_2:"標題 2",Heading_3:"標題 3",Heading_4:"標題 4",Heading_5:"標題 5",Heading_6:"標題 6",Preformatted:"原始文本",Blockquote:"引語",Table_Header:"表格頂部",URL:"地址",Title:"提示文字",Alternative_Text:"失效文字",Caption:"主題",Summary:"大綱",Number_Of_Rows:"行數",Number_Of_Cols:"列數",Submit:"提交",Cancel:"放棄",Choose:"選擇",Preview:"預覽",Paste_From_Word:"從Word複制純文本",Tools:"工具",Containers:"容器",Classes:"預定義樣式",Status:"狀態",Source_Code:"源代碼",Attachment:"附件",NewParagraph:"新段落"},window.rangy=function(){function a(a,b){var c=typeof a[b];return c==l||!(c!=k||!a[b])||"unknown"==c}function b(a,b){return!(typeof a[b]!=k||!a[b])}function c(a,b){return typeof a[b]!=m}function d(a){return function(b,c){for(var d=c.length;d--;)if(!a(b,c[d]))return!1;return!0}}function e(a){return a&&r(a,q)&&t(a,p)}function f(a){window.alert("Rangy not supported in your browser. Reason: "+a),u.initialized=!0,u.supported=!1}function g(a){var b="Rangy warning: "+a;u.config.alertOnWarn?window.alert(b):typeof window.console!=m&&typeof window.console.log!=m&&window.console.log(b)}function h(){if(!u.initialized){var c,d=!1,g=!1;a(document,"createRange")&&(c=document.createRange(),r(c,o)&&t(c,n)&&(d=!0),c.detach());var h=b(document,"body")?document.body:document.getElementsByTagName("body")[0];h&&a(h,"createTextRange")&&(c=h.createTextRange(),e(c)&&(g=!0)),d||g||f("Neither Range nor TextRange are implemented"),u.initialized=!0,u.features={implementsDomRange:d,implementsTextRange:g};for(var i=w.concat(v),j=0,k=i.length;k>j;++j)try{i[j](u)}catch(l){b(window,"console")&&a(window.console,"log")&&window.console.log("Init listener threw an exception. Continuing.",l)}}}function i(a){a=a||window,h();for(var b=0,c=x.length;c>b;++b)x[b](a)}function j(a){this.name=a,this.initialized=!1,this.supported=!1}var k="object",l="function",m="undefined",n=["startContainer","startOffset","endContainer","endOffset","collapsed","commonAncestorContainer","START_TO_START","START_TO_END","END_TO_START","END_TO_END"],o=["setStart","setStartBefore","setStartAfter","setEnd","setEndBefore","setEndAfter","collapse","selectNode","selectNodeContents","compareBoundaryPoints","deleteContents","extractContents","cloneContents","insertNode","surroundContents","cloneRange","toString","detach"],p=["boundingHeight","boundingLeft","boundingTop","boundingWidth","htmlText","text"],q=["collapse","compareEndPoints","duplicate","getBookmark","moveToBookmark","moveToElementText","parentElement","pasteHTML","select","setEndPoint","getBoundingClientRect"],r=d(a),s=d(b),t=d(c),u={version:"1.2.2",initialized:!1,supported:!0,util:{isHostMethod:a,isHostObject:b,isHostProperty:c,areHostMethods:r,areHostObjects:s,areHostProperties:t,isTextRange:e},features:{},modules:{},config:{alertOnWarn:!1,preferTextRange:!1}};u.fail=f,u.warn=g,{}.hasOwnProperty?u.util.extend=function(a,b){for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c])}:f("hasOwnProperty not supported");var v=[],w=[];u.init=h,u.addInitListener=function(a){u.initialized?a(u):v.push(a)};var x=[];u.addCreateMissingNativeApiListener=function(a){x.push(a)},u.createMissingNativeApi=i,j.prototype.fail=function(a){throw this.initialized=!0,this.supported=!1,new Error("Module '"+this.name+"' failed to load: "+a)},j.prototype.warn=function(a){u.warn("Module "+this.name+": "+a)},j.prototype.createError=function(a){return new Error("Error in Rangy "+this.name+" module: "+a)},u.createModule=function(a,b){var c=new j(a);u.modules[a]=c,w.push(function(a){b(a,c),c.initialized=!0,c.supported=!0})},u.requireModules=function(a){for(var b,c,d=0,e=a.length;e>d;++d){if(c=a[d],b=u.modules[c],!(b&&b instanceof j))throw new Error("Module '"+c+"' not found");if(!b.supported)throw new Error("Module '"+c+"' not supported")}};var y=!1,z=function(a){y||(y=!0,u.initialized||h())};return typeof window==m?void f("No window found"):typeof document==m?void f("No document found"):(a(document,"addEventListener")&&document.addEventListener("DOMContentLoaded",z,!1),a(window,"addEventListener")?window.addEventListener("load",z,!1):a(window,"attachEvent")?window.attachEvent("onload",z):f("Window does not have required addEventListener or attachEvent method"),u)}(),rangy.createModule("DomUtil",function(a,b){function c(a){var b;return typeof a.namespaceURI==z||null===(b=a.namespaceURI)||"http://www.w3.org/1999/xhtml"==b}function d(a){var b=a.parentNode;return 1==b.nodeType?b:null}function e(a){for(var b=0;a=a.previousSibling;)b++;return b}function f(a){var b;return j(a)?a.length:(b=a.childNodes)?b.length:0}function g(a,b){var c,d=[];for(c=a;c;c=c.parentNode)d.push(c);for(c=b;c;c=c.parentNode)if(D(d,c))return c;return null}function h(a,b,c){for(var d=c?b:b.parentNode;d;){if(d===a)return!0;d=d.parentNode}return!1}function i(a,b,c){for(var d,e=c?a:a.parentNode;e;){if(d=e.parentNode,d===b)return e;e=d}return null}function j(a){var b=a.nodeType;return 3==b||4==b||8==b}function k(a,b){var c=b.nextSibling,d=b.parentNode;return c?d.insertBefore(a,c):d.appendChild(a),a}function l(a,b){var c=a.cloneNode(!1);return c.deleteData(0,b),a.deleteData(b,a.length-b),k(c,a),c}function m(a){if(9==a.nodeType)return a;if(typeof a.ownerDocument!=z)return a.ownerDocument;if(typeof a.document!=z)return a.document;if(a.parentNode)return m(a.parentNode);throw new Error("getDocument: no document found for node")}function n(a){var b=m(a);if(typeof b.defaultView!=z)return b.defaultView;if(typeof b.parentWindow!=z)return b.parentWindow;throw new Error("Cannot get a window object for node")}function o(a){if(typeof a.contentDocument!=z)return a.contentDocument;if(typeof a.contentWindow!=z)return a.contentWindow.document;throw new Error("getIframeWindow: No Document object found for iframe element")}function p(a){if(typeof a.contentWindow!=z)return a.contentWindow;if(typeof a.contentDocument!=z)return a.contentDocument.defaultView;throw new Error("getIframeWindow: No Window object found for iframe element")}function q(a){return A.isHostObject(a,"body")?a.body:a.getElementsByTagName("body")[0]}function r(a){for(var b;b=a.parentNode;)a=b;return a}function s(a,b,c,d){var f,h,j,k,l;if(a==c)return b===d?0:d>b?-1:1;if(f=i(c,a,!0))return b<=e(f)?-1:1;if(f=i(a,c,!0))return e(f)<d?-1:1;if(h=g(a,c),j=a===h?h:i(a,h,!0),k=c===h?h:i(c,h,!0),j===k)throw new Error("comparePoints got to case 4 and childA and childB are the same!");for(l=h.firstChild;l;){if(l===j)return-1;if(l===k)return 1;l=l.nextSibling}throw new Error("Should not be here!")}function t(a){for(var b,c=m(a).createDocumentFragment();b=a.firstChild;)c.appendChild(b);return c}function u(a){if(!a)return"[No node]";if(j(a))return'"'+a.data+'"';if(1==a.nodeType){var b=a.id?' id="'+a.id+'"':"";return"<"+a.nodeName+b+">["+a.childNodes.length+"]"}return a.nodeName}function v(a){this.root=a,this._next=a}function w(a){return new v(a)}function x(a,b){this.node=a,this.offset=b}function y(a){this.code=this[a],this.codeName=a,this.message="DOMException: "+this.codeName}var z="undefined",A=a.util;A.areHostMethods(document,["createDocumentFragment","createElement","createTextNode"])||b.fail("document missing a Node creation method"),A.isHostMethod(document,"getElementsByTagName")||b.fail("document missing getElementsByTagName method");var B=document.createElement("div");A.areHostMethods(B,["insertBefore","appendChild","cloneNode"]||!A.areHostObjects(B,["previousSibling","nextSibling","childNodes","parentNode"]))||b.fail("Incomplete Element implementation"),A.isHostProperty(B,"innerHTML")||b.fail("Element is missing innerHTML property");var C=document.createTextNode("test");A.areHostMethods(C,["splitText","deleteData","insertData","appendData","cloneNode"]||!A.areHostObjects(B,["previousSibling","nextSibling","childNodes","parentNode"])||!A.areHostProperties(C,["data"]))||b.fail("Incomplete Text Node implementation");var D=function(a,b){for(var c=a.length;c--;)if(a[c]===b)return!0;return!1};v.prototype={_current:null,hasNext:function(){return!!this._next},next:function(){var a,b,c=this._current=this._next;if(this._current)if(a=c.firstChild)this._next=a;else{for(b=null;c!==this.root&&!(b=c.nextSibling);)c=c.parentNode;this._next=b}return this._current},detach:function(){this._current=this._next=this.root=null}},x.prototype={equals:function(a){return this.node===a.node&this.offset==a.offset},inspect:function(){return"[DomPosition("+u(this.node)+":"+this.offset+")]"}},y.prototype={INDEX_SIZE_ERR:1,HIERARCHY_REQUEST_ERR:3,WRONG_DOCUMENT_ERR:4,NO_MODIFICATION_ALLOWED_ERR:7,NOT_FOUND_ERR:8,NOT_SUPPORTED_ERR:9,INVALID_STATE_ERR:11},y.prototype.toString=function(){return this.message},a.dom={arrayContains:D,isHtmlNamespace:c,parentElement:d,getNodeIndex:e,getNodeLength:f,getCommonAncestor:g,isAncestorOf:h,getClosestAncestorIn:i,isCharacterDataNode:j,insertAfter:k,splitDataNode:l,getDocument:m,getWindow:n,getIframeWindow:p,getIframeDocument:o,getBody:q,getRootContainer:r,comparePoints:s,inspectNode:u,fragmentFromNodeChildren:t,createIterator:w,DomPosition:x},a.DOMException=y}),rangy.createModule("DomRange",function(a,b){function c(a,b){return 3!=a.nodeType&&(L.isAncestorOf(a,b.startContainer,!0)||L.isAncestorOf(a,b.endContainer,!0))}function d(a){return L.getDocument(a.startContainer)}function e(a,b,c){var d=a._listeners[b];if(d)for(var e=0,f=d.length;f>e;++e)d[e].call(a,{target:a,args:c})}function f(a){return new M(a.parentNode,L.getNodeIndex(a))}function g(a){return new M(a.parentNode,L.getNodeIndex(a)+1)}function h(a,b,c){var d=11==a.nodeType?a.firstChild:a;return L.isCharacterDataNode(b)?c==b.length?L.insertAfter(a,b):b.parentNode.insertBefore(a,0==c?b:L.splitDataNode(b,c)):c>=b.childNodes.length?b.appendChild(a):b.insertBefore(a,b.childNodes[c]),d}function i(a){for(var b,c,e,f=d(a.range).createDocumentFragment();c=a.next();){if(b=a.isPartiallySelectedSubtree(),c=c.cloneNode(!b),b&&(e=a.getSubtreeIterator(),c.appendChild(i(e)),e.detach(!0)),10==c.nodeType)throw new N("HIERARCHY_REQUEST_ERR");f.appendChild(c)}return f}function j(a,b,c){var d,e;c=c||{stop:!1};for(var f,g;f=a.next();)if(a.isPartiallySelectedSubtree()){if(b(f)===!1)return void(c.stop=!0);if(g=a.getSubtreeIterator(),j(g,b,c),g.detach(!0),c.stop)return}else for(d=L.createIterator(f);e=d.next();)if(b(e)===!1)return void(c.stop=!0)}function k(a){for(var b;a.next();)a.isPartiallySelectedSubtree()?(b=a.getSubtreeIterator(),k(b),b.detach(!0)):a.remove()}function l(a){for(var b,c,e=d(a.range).createDocumentFragment();b=a.next();){if(a.isPartiallySelectedSubtree()?(b=b.cloneNode(!1),c=a.getSubtreeIterator(),b.appendChild(l(c)),c.detach(!0)):a.remove(),10==b.nodeType)throw new N("HIERARCHY_REQUEST_ERR");e.appendChild(b)}return e}function m(a,b,c){var d,e=!(!b||!b.length),f=!!c;e&&(d=new RegExp("^("+b.join("|")+")$"));var g=[];return j(new o(a,!1),function(a){e&&!d.test(a.nodeType)||f&&!c(a)||g.push(a)}),g}function n(a){var b="undefined"==typeof a.getName?"Range":a.getName();return"["+b+"("+L.inspectNode(a.startContainer)+":"+a.startOffset+", "+L.inspectNode(a.endContainer)+":"+a.endOffset+")]"}function o(a,b){if(this.range=a,this.clonePartiallySelectedTextNodes=b,!a.collapsed){this.sc=a.startContainer,this.so=a.startOffset,this.ec=a.endContainer,this.eo=a.endOffset;var c=a.commonAncestorContainer;this.sc===this.ec&&L.isCharacterDataNode(this.sc)?(this.isSingleCharacterDataNode=!0,this._first=this._last=this._next=this.sc):(this._first=this._next=this.sc!==c||L.isCharacterDataNode(this.sc)?L.getClosestAncestorIn(this.sc,c,!0):this.sc.childNodes[this.so],
-this._last=this.ec!==c||L.isCharacterDataNode(this.ec)?L.getClosestAncestorIn(this.ec,c,!0):this.ec.childNodes[this.eo-1])}}function p(a){this.code=this[a],this.codeName=a,this.message="RangeException: "+this.codeName}function q(a,b,c){this.nodes=m(a,b,c),this._next=this.nodes[0],this._position=0}function r(a){return function(b,c){for(var d,e=c?b:b.parentNode;e;){if(d=e.nodeType,L.arrayContains(a,d))return e;e=e.parentNode}return null}}function s(a,b){if(W(a,b))throw new p("INVALID_NODE_TYPE_ERR")}function t(a){if(!a.startContainer)throw new N("INVALID_STATE_ERR")}function u(a,b){if(!L.arrayContains(b,a.nodeType))throw new p("INVALID_NODE_TYPE_ERR")}function v(a,b){if(0>b||b>(L.isCharacterDataNode(a)?a.length:a.childNodes.length))throw new N("INDEX_SIZE_ERR")}function w(a,b){if(U(a,!0)!==U(b,!0))throw new N("WRONG_DOCUMENT_ERR")}function x(a){if(V(a,!0))throw new N("NO_MODIFICATION_ALLOWED_ERR")}function y(a,b){if(!a)throw new N(b)}function z(a){return!L.arrayContains(P,a.nodeType)&&!U(a,!0)}function A(a,b){return b<=(L.isCharacterDataNode(a)?a.length:a.childNodes.length)}function B(a){if(t(a),z(a.startContainer)||z(a.endContainer)||!A(a.startContainer,a.startOffset)||!A(a.endContainer,a.endOffset))throw new Error("Range error: Range is no longer valid after DOM mutation ("+a.inspect()+")")}function C(){}function D(a){a.START_TO_START=aa,a.START_TO_END=ba,a.END_TO_END=ca,a.END_TO_START=da,a.NODE_BEFORE=ea,a.NODE_AFTER=fa,a.NODE_BEFORE_AND_AFTER=ga,a.NODE_INSIDE=ha}function E(a){D(a),D(a.prototype)}function F(a,b){return function(){B(this);var c,d,e=this.startContainer,f=this.startOffset,h=this.commonAncestorContainer,i=new o(this,!0);e!==h&&(c=L.getClosestAncestorIn(e,h,!0),d=g(c),e=d.node,f=d.offset),j(i,x),i.reset();var k=a(i);return i.detach(),b(this,e,f,e,f),k}}function G(b,d,e){function h(a,b){return function(c){t(this),u(c,O),u(T(c),P);var d=(a?f:g)(c);(b?i:j)(this,d.node,d.offset)}}function i(a,b,c){var e=a.endContainer,f=a.endOffset;(b!==a.startContainer||c!==a.startOffset)&&((T(b)!=T(e)||1==L.comparePoints(b,c,e,f))&&(e=b,f=c),d(a,b,c,e,f))}function j(a,b,c){var e=a.startContainer,f=a.startOffset;(b!==a.endContainer||c!==a.endOffset)&&((T(b)!=T(e)||-1==L.comparePoints(b,c,e,f))&&(e=b,f=c),d(a,e,f,b,c))}function m(a,b,c){(b!==a.startContainer||c!==a.startOffset||b!==a.endContainer||c!==a.endOffset)&&d(a,b,c,b,c)}b.prototype=new C,a.util.extend(b.prototype,{setStart:function(a,b){t(this),s(a,!0),v(a,b),i(this,a,b)},setEnd:function(a,b){t(this),s(a,!0),v(a,b),j(this,a,b)},setStartBefore:h(!0,!0),setStartAfter:h(!1,!0),setEndBefore:h(!0,!1),setEndAfter:h(!1,!1),collapse:function(a){B(this),a?d(this,this.startContainer,this.startOffset,this.startContainer,this.startOffset):d(this,this.endContainer,this.endOffset,this.endContainer,this.endOffset)},selectNodeContents:function(a){t(this),s(a,!0),d(this,a,0,a,L.getNodeLength(a))},selectNode:function(a){t(this),s(a,!1),u(a,O);var b=f(a),c=g(a);d(this,b.node,b.offset,c.node,c.offset)},extractContents:F(l,d),deleteContents:F(k,d),canSurroundContents:function(){B(this),x(this.startContainer),x(this.endContainer);var a=new o(this,!0),b=a._first&&c(a._first,this)||a._last&&c(a._last,this);return a.detach(),!b},detach:function(){e(this)},splitBoundaries:function(){B(this);var a=this.startContainer,b=this.startOffset,c=this.endContainer,e=this.endOffset,f=a===c;L.isCharacterDataNode(c)&&e>0&&e<c.length&&L.splitDataNode(c,e),L.isCharacterDataNode(a)&&b>0&&b<a.length&&(a=L.splitDataNode(a,b),f?(e-=b,c=a):c==a.parentNode&&e>=L.getNodeIndex(a)&&e++,b=0),d(this,a,b,c,e)},normalizeBoundaries:function(){B(this);var a=this.startContainer,b=this.startOffset,c=this.endContainer,e=this.endOffset,f=function(a){var b=a.nextSibling;b&&b.nodeType==a.nodeType&&(c=a,e=a.length,a.appendData(b.data),b.parentNode.removeChild(b))},g=function(d){var f=d.previousSibling;if(f&&f.nodeType==d.nodeType){a=d;var g=d.length;if(b=f.length,d.insertData(0,f.data),f.parentNode.removeChild(f),a==c)e+=b,c=a;else if(c==d.parentNode){var h=L.getNodeIndex(d);e==h?(c=d,e=g):e>h&&e--}}},h=!0;if(L.isCharacterDataNode(c))c.length==e&&f(c);else{if(e>0){var i=c.childNodes[e-1];i&&L.isCharacterDataNode(i)&&f(i)}h=!this.collapsed}if(h){if(L.isCharacterDataNode(a))0==b&&g(a);else if(b<a.childNodes.length){var j=a.childNodes[b];j&&L.isCharacterDataNode(j)&&g(j)}}else a=c,b=e;d(this,a,b,c,e)},collapseToPoint:function(a,b){t(this),s(a,!0),v(a,b),m(this,a,b)}}),E(b)}function H(a){a.collapsed=a.startContainer===a.endContainer&&a.startOffset===a.endOffset,a.commonAncestorContainer=a.collapsed?a.startContainer:L.getCommonAncestor(a.startContainer,a.endContainer)}function I(a,b,c,d,f){var g=a.startContainer!==b||a.startOffset!==c,h=a.endContainer!==d||a.endOffset!==f;a.startContainer=b,a.startOffset=c,a.endContainer=d,a.endOffset=f,H(a),e(a,"boundarychange",{startMoved:g,endMoved:h})}function J(a){t(a),a.startContainer=a.startOffset=a.endContainer=a.endOffset=null,a.collapsed=a.commonAncestorContainer=null,e(a,"detach",null),a._listeners=null}function K(a){this.startContainer=a,this.startOffset=0,this.endContainer=a,this.endOffset=0,this._listeners={boundarychange:[],detach:[]},H(this)}a.requireModules(["DomUtil"]);var L=a.dom,M=L.DomPosition,N=a.DOMException;o.prototype={_current:null,_next:null,_first:null,_last:null,isSingleCharacterDataNode:!1,reset:function(){this._current=null,this._next=this._first},hasNext:function(){return!!this._next},next:function(){var a=this._current=this._next;return a&&(this._next=a!==this._last?a.nextSibling:null,L.isCharacterDataNode(a)&&this.clonePartiallySelectedTextNodes&&(a===this.ec&&(a=a.cloneNode(!0)).deleteData(this.eo,a.length-this.eo),this._current===this.sc&&(a=a.cloneNode(!0)).deleteData(0,this.so))),a},remove:function(){var a,b,c=this._current;!L.isCharacterDataNode(c)||c!==this.sc&&c!==this.ec?c.parentNode&&c.parentNode.removeChild(c):(a=c===this.sc?this.so:0,b=c===this.ec?this.eo:c.length,a!=b&&c.deleteData(a,b-a))},isPartiallySelectedSubtree:function(){var a=this._current;return c(a,this.range)},getSubtreeIterator:function(){var a;if(this.isSingleCharacterDataNode)a=this.range.cloneRange(),a.collapse();else{a=new K(d(this.range));var b=this._current,c=b,e=0,f=b,g=L.getNodeLength(b);L.isAncestorOf(b,this.sc,!0)&&(c=this.sc,e=this.so),L.isAncestorOf(b,this.ec,!0)&&(f=this.ec,g=this.eo),I(a,c,e,f,g)}return new o(a,this.clonePartiallySelectedTextNodes)},detach:function(a){a&&this.range.detach(),this.range=this._current=this._next=this._first=this._last=this.sc=this.so=this.ec=this.eo=null}},p.prototype={BAD_BOUNDARYPOINTS_ERR:1,INVALID_NODE_TYPE_ERR:2},p.prototype.toString=function(){return this.message},q.prototype={_current:null,hasNext:function(){return!!this._next},next:function(){return this._current=this._next,this._next=this.nodes[++this._position],this._current},detach:function(){this._current=this._next=this.nodes=null}};var O=[1,3,4,5,7,8,10],P=[2,9,11],Q=[5,6,10,12],R=[1,3,4,5,7,8,10,11],S=[1,3,4,5,7,8],T=L.getRootContainer,U=r([9,11]),V=r(Q),W=r([6,10,12]),X=document.createElement("style"),Y=!1;try{X.innerHTML="<b>x</b>",Y=3==X.firstChild.nodeType}catch(Z){}a.features.htmlParsingConforms=Y;var $=Y?function(a){var b=this.startContainer,c=L.getDocument(b);if(!b)throw new N("INVALID_STATE_ERR");var d=null;return 1==b.nodeType?d=b:L.isCharacterDataNode(b)&&(d=L.parentElement(b)),d=null===d||"HTML"==d.nodeName&&L.isHtmlNamespace(L.getDocument(d).documentElement)&&L.isHtmlNamespace(d)?c.createElement("body"):d.cloneNode(!1),d.innerHTML=a,L.fragmentFromNodeChildren(d)}:function(a){t(this);var b=d(this),c=b.createElement("body");return c.innerHTML=a,L.fragmentFromNodeChildren(c)},_=["startContainer","startOffset","endContainer","endOffset","collapsed","commonAncestorContainer"],aa=0,ba=1,ca=2,da=3,ea=0,fa=1,ga=2,ha=3;C.prototype={attachListener:function(a,b){this._listeners[a].push(b)},compareBoundaryPoints:function(a,b){B(this),w(this.startContainer,b.startContainer);var c,d,e,f,g=a==da||a==aa?"start":"end",h=a==ba||a==aa?"start":"end";return c=this[g+"Container"],d=this[g+"Offset"],e=b[h+"Container"],f=b[h+"Offset"],L.comparePoints(c,d,e,f)},insertNode:function(a){if(B(this),u(a,R),x(this.startContainer),L.isAncestorOf(a,this.startContainer,!0))throw new N("HIERARCHY_REQUEST_ERR");var b=h(a,this.startContainer,this.startOffset);this.setStartBefore(b)},cloneContents:function(){B(this);var a,b;if(this.collapsed)return d(this).createDocumentFragment();if(this.startContainer===this.endContainer&&L.isCharacterDataNode(this.startContainer))return a=this.startContainer.cloneNode(!0),a.data=a.data.slice(this.startOffset,this.endOffset),b=d(this).createDocumentFragment(),b.appendChild(a),b;var c=new o(this,!0);return a=i(c),c.detach(),a},canSurroundContents:function(){B(this),x(this.startContainer),x(this.endContainer);var a=new o(this,!0),b=a._first&&c(a._first,this)||a._last&&c(a._last,this);return a.detach(),!b},surroundContents:function(a){if(u(a,S),!this.canSurroundContents())throw new p("BAD_BOUNDARYPOINTS_ERR");var b=this.extractContents();if(a.hasChildNodes())for(;a.lastChild;)a.removeChild(a.lastChild);h(a,this.startContainer,this.startOffset),a.appendChild(b),this.selectNode(a)},cloneRange:function(){B(this);for(var a,b=new K(d(this)),c=_.length;c--;)a=_[c],b[a]=this[a];return b},toString:function(){B(this);var a=this.startContainer;if(a===this.endContainer&&L.isCharacterDataNode(a))return 3==a.nodeType||4==a.nodeType?a.data.slice(this.startOffset,this.endOffset):"";var b=[],c=new o(this,!0);return j(c,function(a){(3==a.nodeType||4==a.nodeType)&&b.push(a.data)}),c.detach(),b.join("")},compareNode:function(a){B(this);var b=a.parentNode,c=L.getNodeIndex(a);if(!b)throw new N("NOT_FOUND_ERR");var d=this.comparePoint(b,c),e=this.comparePoint(b,c+1);return 0>d?e>0?ga:ea:e>0?fa:ha},comparePoint:function(a,b){return B(this),y(a,"HIERARCHY_REQUEST_ERR"),w(a,this.startContainer),L.comparePoints(a,b,this.startContainer,this.startOffset)<0?-1:L.comparePoints(a,b,this.endContainer,this.endOffset)>0?1:0},createContextualFragment:$,toHtml:function(){B(this);var a=d(this).createElement("div");return a.appendChild(this.cloneContents()),a.innerHTML},intersectsNode:function(a,b){if(B(this),y(a,"NOT_FOUND_ERR"),L.getDocument(a)!==d(this))return!1;var c=a.parentNode,e=L.getNodeIndex(a);y(c,"NOT_FOUND_ERR");var f=L.comparePoints(c,e,this.endContainer,this.endOffset),g=L.comparePoints(c,e+1,this.startContainer,this.startOffset);return b?0>=f&&g>=0:0>f&&g>0},isPointInRange:function(a,b){return B(this),y(a,"HIERARCHY_REQUEST_ERR"),w(a,this.startContainer),L.comparePoints(a,b,this.startContainer,this.startOffset)>=0&&L.comparePoints(a,b,this.endContainer,this.endOffset)<=0},intersectsRange:function(a,b){if(B(this),d(a)!=d(this))throw new N("WRONG_DOCUMENT_ERR");var c=L.comparePoints(this.startContainer,this.startOffset,a.endContainer,a.endOffset),e=L.comparePoints(this.endContainer,this.endOffset,a.startContainer,a.startOffset);return b?0>=c&&e>=0:0>c&&e>0},intersection:function(a){if(this.intersectsRange(a)){var b=L.comparePoints(this.startContainer,this.startOffset,a.startContainer,a.startOffset),c=L.comparePoints(this.endContainer,this.endOffset,a.endContainer,a.endOffset),d=this.cloneRange();return-1==b&&d.setStart(a.startContainer,a.startOffset),1==c&&d.setEnd(a.endContainer,a.endOffset),d}return null},union:function(a){if(this.intersectsRange(a,!0)){var b=this.cloneRange();return-1==L.comparePoints(a.startContainer,a.startOffset,this.startContainer,this.startOffset)&&b.setStart(a.startContainer,a.startOffset),1==L.comparePoints(a.endContainer,a.endOffset,this.endContainer,this.endOffset)&&b.setEnd(a.endContainer,a.endOffset),b}throw new p("Ranges do not intersect")},containsNode:function(a,b){return b?this.intersectsNode(a,!1):this.compareNode(a)==ha},containsNodeContents:function(a){return this.comparePoint(a,0)>=0&&this.comparePoint(a,L.getNodeLength(a))<=0},containsRange:function(a){return this.intersection(a).equals(a)},containsNodeText:function(a){var b=this.cloneRange();b.selectNode(a);var c=b.getNodes([3]);if(c.length>0){b.setStart(c[0],0);var d=c.pop();b.setEnd(d,d.length);var e=this.containsRange(b);return b.detach(),e}return this.containsNodeContents(a)},createNodeIterator:function(a,b){return B(this),new q(this,a,b)},getNodes:function(a,b){return B(this),m(this,a,b)},getDocument:function(){return d(this)},collapseBefore:function(a){t(this),this.setEndBefore(a),this.collapse(!1)},collapseAfter:function(a){t(this),this.setStartAfter(a),this.collapse(!0)},getName:function(){return"DomRange"},equals:function(a){return K.rangesEqual(this,a)},inspect:function(){return n(this)}},G(K,I,J),a.rangePrototype=C.prototype,K.rangeProperties=_,K.RangeIterator=o,K.copyComparisonConstants=E,K.createPrototypeRange=G,K.inspect=n,K.getRangeDocument=d,K.rangesEqual=function(a,b){return a.startContainer===b.startContainer&&a.startOffset===b.startOffset&&a.endContainer===b.endContainer&&a.endOffset===b.endOffset},a.DomRange=K,a.RangeException=p}),rangy.createModule("WrappedRange",function(a,b){function c(a){var b=a.parentElement(),c=a.duplicate();c.collapse(!0);var d=c.parentElement();c=a.duplicate(),c.collapse(!1);var e=c.parentElement(),f=d==e?d:h.getCommonAncestor(d,e);return f==b?f:h.getCommonAncestor(b,f)}function d(a){return 0==a.compareEndPoints("StartToEnd",a)}function e(a,b,c,d){var e=a.duplicate();e.collapse(c);var f=e.parentElement();if(h.isAncestorOf(b,f,!0)||(f=b),!f.canHaveHTML)return new i(f.parentNode,h.getNodeIndex(f));var g,j,k,l,m,n=h.getDocument(f).createElement("span"),o=c?"StartToStart":"StartToEnd";do f.insertBefore(n,n.previousSibling),e.moveToElementText(n);while((g=e.compareEndPoints(o,a))>0&&n.previousSibling);if(m=n.nextSibling,-1==g&&m&&h.isCharacterDataNode(m)){e.setEndPoint(c?"EndToStart":"EndToEnd",a);var p;if(/[\r\n]/.test(m.data)){var q=e.duplicate(),r=q.text.replace(/\r\n/g,"\r").length;for(p=q.moveStart("character",r);-1==(g=q.compareEndPoints("StartToEnd",q));)p++,q.moveStart("character",1)}else p=e.text.length;l=new i(m,p)}else j=(d||!c)&&n.previousSibling,k=(d||c)&&n.nextSibling,l=k&&h.isCharacterDataNode(k)?new i(k,0):j&&h.isCharacterDataNode(j)?new i(j,j.length):new i(f,h.getNodeIndex(n));return n.parentNode.removeChild(n),l}function f(a,b){var c,d,e,f,g=a.offset,i=h.getDocument(a.node),j=i.body.createTextRange(),k=h.isCharacterDataNode(a.node);return k?(c=a.node,d=c.parentNode):(f=a.node.childNodes,c=g<f.length?f[g]:null,d=a.node),e=i.createElement("span"),e.innerHTML="&#feff;",c?d.insertBefore(e,c):d.appendChild(e),j.moveToElementText(e),j.collapse(!b),d.removeChild(e),k&&j[b?"moveStart":"moveEnd"]("character",g),j}a.requireModules(["DomUtil","DomRange"]);var g,h=a.dom,i=h.DomPosition,j=a.DomRange;if(!a.features.implementsDomRange||a.features.implementsTextRange&&a.config.preferTextRange){if(a.features.implementsTextRange){g=function(a){this.textRange=a,this.refresh()},g.prototype=new j(document),g.prototype.refresh=function(){var a,b,f=c(this.textRange);d(this.textRange)?b=a=e(this.textRange,f,!0,!0):(a=e(this.textRange,f,!0,!1),b=e(this.textRange,f,!1,!1)),this.setStart(a.node,a.offset),this.setEnd(b.node,b.offset)},j.copyComparisonConstants(g);var k=function(){return this}();"undefined"==typeof k.Range&&(k.Range=g),a.createNativeRange=function(a){return a=a||document,a.body.createTextRange()}}}else!function(){function b(a){for(var b,c=k.length;c--;)b=k[c],a[b]=a.nativeRange[b]}function c(a,b,c,d,e){var f=a.startContainer!==b||a.startOffset!=c,g=a.endContainer!==d||a.endOffset!=e;(f||g)&&(a.setEnd(d,e),a.setStart(b,c))}function d(a){a.nativeRange.detach(),a.detached=!0;for(var b,c=k.length;c--;)b=k[c],a[b]=null}var e,f,i,k=j.rangeProperties;g=function(a){if(!a)throw new Error("Range must be specified");this.nativeRange=a,b(this)},j.createPrototypeRange(g,c,d),e=g.prototype,e.selectNode=function(a){this.nativeRange.selectNode(a),b(this)},e.deleteContents=function(){this.nativeRange.deleteContents(),b(this)},e.extractContents=function(){var a=this.nativeRange.extractContents();return b(this),a},e.cloneContents=function(){return this.nativeRange.cloneContents()},e.surroundContents=function(a){this.nativeRange.surroundContents(a),b(this)},e.collapse=function(a){this.nativeRange.collapse(a),b(this)},e.cloneRange=function(){return new g(this.nativeRange.cloneRange())},e.refresh=function(){b(this)},e.toString=function(){return this.nativeRange.toString()};var l=document.createTextNode("test");h.getBody(document).appendChild(l);var m=document.createRange();m.setStart(l,0),m.setEnd(l,0);try{m.setStart(l,1),f=!0,e.setStart=function(a,c){this.nativeRange.setStart(a,c),b(this)},e.setEnd=function(a,c){this.nativeRange.setEnd(a,c),b(this)},i=function(a){return function(c){this.nativeRange[a](c),b(this)}}}catch(n){f=!1,e.setStart=function(a,c){try{this.nativeRange.setStart(a,c)}catch(d){this.nativeRange.setEnd(a,c),this.nativeRange.setStart(a,c)}b(this)},e.setEnd=function(a,c){try{this.nativeRange.setEnd(a,c)}catch(d){this.nativeRange.setStart(a,c),this.nativeRange.setEnd(a,c)}b(this)},i=function(a,c){return function(d){try{this.nativeRange[a](d)}catch(e){this.nativeRange[c](d),this.nativeRange[a](d)}b(this)}}}e.setStartBefore=i("setStartBefore","setEndBefore"),e.setStartAfter=i("setStartAfter","setEndAfter"),e.setEndBefore=i("setEndBefore","setStartBefore"),e.setEndAfter=i("setEndAfter","setStartAfter"),m.selectNodeContents(l),m.startContainer==l&&m.endContainer==l&&0==m.startOffset&&m.endOffset==l.length?e.selectNodeContents=function(a){this.nativeRange.selectNodeContents(a),b(this)}:e.selectNodeContents=function(a){this.setStart(a,0),this.setEnd(a,j.getEndOffset(a))},m.selectNodeContents(l),m.setEnd(l,3);var o=document.createRange();o.selectNodeContents(l),o.setEnd(l,4),o.setStart(l,2),-1==m.compareBoundaryPoints(m.START_TO_END,o)&1==m.compareBoundaryPoints(m.END_TO_START,o)?e.compareBoundaryPoints=function(a,b){return b=b.nativeRange||b,a==b.START_TO_END?a=b.END_TO_START:a==b.END_TO_START&&(a=b.START_TO_END),this.nativeRange.compareBoundaryPoints(a,b)}:e.compareBoundaryPoints=function(a,b){return this.nativeRange.compareBoundaryPoints(a,b.nativeRange||b)},a.util.isHostMethod(m,"createContextualFragment")&&(e.createContextualFragment=function(a){return this.nativeRange.createContextualFragment(a)}),h.getBody(document).removeChild(l),m.detach(),o.detach()}(),a.createNativeRange=function(a){return a=a||document,a.createRange()};a.features.implementsTextRange&&(g.rangeToTextRange=function(a){if(a.collapsed){var b=f(new i(a.startContainer,a.startOffset),!0);return b}var c=f(new i(a.startContainer,a.startOffset),!0),d=f(new i(a.endContainer,a.endOffset),!1),e=h.getDocument(a.startContainer).body.createTextRange();return e.setEndPoint("StartToStart",c),e.setEndPoint("EndToEnd",d),e}),g.prototype.getName=function(){return"WrappedRange"},a.WrappedRange=g,a.createRange=function(b){return b=b||document,new g(a.createNativeRange(b))},a.createRangyRange=function(a){return a=a||document,new j(a)},a.createIframeRange=function(b){return a.createRange(h.getIframeDocument(b))},a.createIframeRangyRange=function(b){return a.createRangyRange(h.getIframeDocument(b))},a.addCreateMissingNativeApiListener(function(b){var c=b.document;"undefined"==typeof c.createRange&&(c.createRange=function(){return a.createRange(this)}),c=b=null})}),rangy.createModule("WrappedSelection",function(a,b){function c(a){return(a||window).getSelection()}function d(a){return(a||window).document.selection}function e(a,b,c){var d=c?"end":"start",e=c?"start":"end";a.anchorNode=b[d+"Container"],a.anchorOffset=b[d+"Offset"],a.focusNode=b[e+"Container"],a.focusOffset=b[e+"Offset"]}function f(a){var b=a.nativeSelection;a.anchorNode=b.anchorNode,a.anchorOffset=b.anchorOffset,a.focusNode=b.focusNode,a.focusOffset=b.focusOffset}function g(a){a.anchorNode=a.focusNode=null,a.anchorOffset=a.focusOffset=0,a.rangeCount=0,a.isCollapsed=!0,a._ranges.length=0}function h(b){var c;return b instanceof y?(c=b._selectionNativeRange,c||(c=a.createNativeRange(w.getDocument(b.startContainer)),c.setEnd(b.endContainer,b.endOffset),c.setStart(b.startContainer,b.startOffset),b._selectionNativeRange=c,b.attachListener("detach",function(){this._selectionNativeRange=null}))):b instanceof z?c=b.nativeRange:a.features.implementsDomRange&&b instanceof w.getWindow(b.startContainer).Range&&(c=b),c}function i(a){if(!a.length||1!=a[0].nodeType)return!1;for(var b=1,c=a.length;c>b;++b)if(!w.isAncestorOf(a[0],a[b]))return!1;return!0}function j(a){var b=a.getNodes();if(!i(b))throw new Error("getSingleElementFromRange: range "+a.inspect()+" did not consist of a single element");return b[0]}function k(a){return!!a&&"undefined"!=typeof a.text}function l(a,b){var c=new z(b);a._ranges=[c],e(a,c,!1),a.rangeCount=1,a.isCollapsed=c.collapsed}function m(b){if(b._ranges.length=0,"None"==b.docSelection.type)g(b);else{var c=b.docSelection.createRange();if(k(c))l(b,c);else{b.rangeCount=c.length;for(var d,f=w.getDocument(c.item(0)),h=0;h<b.rangeCount;++h)d=a.createRange(f),d.selectNode(c.item(h)),b._ranges.push(d);b.isCollapsed=1==b.rangeCount&&b._ranges[0].collapsed,e(b,b._ranges[b.rangeCount-1],!1)}}}function n(a,b){for(var c=a.docSelection.createRange(),d=j(b),e=w.getDocument(c.item(0)),f=w.getBody(e).createControlRange(),g=0,h=c.length;h>g;++g)f.add(c.item(g));try{f.add(d)}catch(i){throw new Error("addRange(): Element within the specified Range could not be added to control selection (does it have layout?)")}f.select(),m(a)}function o(a,b,c){this.nativeSelection=a,this.docSelection=b,this._ranges=[],this.win=c,this.refresh()}function p(a,b){for(var c,d=w.getDocument(b[0].startContainer),e=w.getBody(d).createControlRange(),f=0;f<rangeCount;++f){c=j(b[f]);try{e.add(c)}catch(g){throw new Error("setRanges(): Element within the one of the specified Ranges could not be added to control selection (does it have layout?)")}}e.select(),m(a)}function q(a,b){if(a.anchorNode&&w.getDocument(a.anchorNode)!==w.getDocument(b))throw new A("WRONG_DOCUMENT_ERR")}function r(a){var b=[],c=new B(a.anchorNode,a.anchorOffset),d=new B(a.focusNode,a.focusOffset),e="function"==typeof a.getName?a.getName():"Selection";if("undefined"!=typeof a.rangeCount)for(var f=0,g=a.rangeCount;g>f;++f)b[f]=y.inspect(a.getRangeAt(f));return"["+e+"(Ranges: "+b.join(", ")+")(anchor: "+c.inspect()+", focus: "+d.inspect()+"]"}a.requireModules(["DomUtil","DomRange","WrappedRange"]),a.config.checkSelectionRanges=!0;var s,t,u="boolean",v="_rangySelection",w=a.dom,x=a.util,y=a.DomRange,z=a.WrappedRange,A=a.DOMException,B=w.DomPosition,C="Control",D=a.util.isHostMethod(window,"getSelection"),E=a.util.isHostObject(document,"selection"),F=E&&(!D||a.config.preferTextRange);F?(s=d,a.isSelectionValid=function(a){var b=(a||window).document,c=b.selection;return"None"!=c.type||w.getDocument(c.createRange().parentElement())==b}):D?(s=c,a.isSelectionValid=function(){return!0}):b.fail("Neither document.selection or window.getSelection() detected."),a.getNativeSelection=s;var G=s(),H=a.createNativeRange(document),I=w.getBody(document),J=x.areHostObjects(G,["anchorNode","focusNode"]&&x.areHostProperties(G,["anchorOffset","focusOffset"]));a.features.selectionHasAnchorAndFocus=J;var K=x.isHostMethod(G,"extend");a.features.selectionHasExtend=K;var L="number"==typeof G.rangeCount;a.features.selectionHasRangeCount=L;var M=!1,N=!0;x.areHostMethods(G,["addRange","getRangeAt","removeAllRanges"])&&"number"==typeof G.rangeCount&&a.features.implementsDomRange&&!function(){var a=document.createElement("iframe");I.appendChild(a);var b=w.getIframeDocument(a);b.open(),b.write("<html><head></head><body>12</body></html>"),b.close();var c=w.getIframeWindow(a).getSelection(),d=b.documentElement,e=d.lastChild,f=e.firstChild,g=b.createRange();g.setStart(f,1),g.collapse(!0),c.addRange(g),N=1==c.rangeCount,c.removeAllRanges();var h=g.cloneRange();g.setStart(f,0),h.setEnd(f,2),c.addRange(g),c.addRange(h),M=2==c.rangeCount,g.detach(),h.detach(),I.removeChild(a)}(),a.features.selectionSupportsMultipleRanges=M,a.features.collapsedNonEditableSelectionsSupported=N;var O,P=!1;I&&x.isHostMethod(I,"createControlRange")&&(O=I.createControlRange(),x.areHostProperties(O,["item","add"])&&(P=!0)),a.features.implementsControlRange=P,t=J?function(a){return a.anchorNode===a.focusNode&&a.anchorOffset===a.focusOffset}:function(a){return a.rangeCount?a.getRangeAt(a.rangeCount-1).collapsed:!1};var Q;x.isHostMethod(G,"getRangeAt")?Q=function(a,b){try{return a.getRangeAt(b)}catch(c){return null}}:J&&(Q=function(b){var c=w.getDocument(b.anchorNode),d=a.createRange(c);return d.setStart(b.anchorNode,b.anchorOffset),d.setEnd(b.focusNode,b.focusOffset),d.collapsed!==this.isCollapsed&&(d.setStart(b.focusNode,b.focusOffset),d.setEnd(b.anchorNode,b.anchorOffset)),d}),a.getSelection=function(a){a=a||window;var b=a[v],c=s(a),e=E?d(a):null;return b?(b.nativeSelection=c,b.docSelection=e,b.refresh(a)):(b=new o(c,e,a),a[v]=b),b},a.getIframeSelection=function(b){return a.getSelection(w.getIframeWindow(b))};var R=o.prototype;if(!F&&J&&x.areHostMethods(G,["removeAllRanges","addRange"])){R.removeAllRanges=function(){this.nativeSelection.removeAllRanges(),g(this)};var S=function(b,c){var d=y.getRangeDocument(c),e=a.createRange(d);e.collapseToPoint(c.endContainer,c.endOffset),b.nativeSelection.addRange(h(e)),b.nativeSelection.extend(c.startContainer,c.startOffset),b.refresh()};L?R.addRange=function(b,c){if(P&&E&&this.docSelection.type==C)n(this,b);else if(c&&K)S(this,b);else{var d;if(M?d=this.rangeCount:(this.removeAllRanges(),d=0),this.nativeSelection.addRange(h(b)),this.rangeCount=this.nativeSelection.rangeCount,this.rangeCount==d+1){if(a.config.checkSelectionRanges){var f=Q(this.nativeSelection,this.rangeCount-1);f&&!y.rangesEqual(f,b)&&(b=new z(f))}this._ranges[this.rangeCount-1]=b,e(this,b,V(this.nativeSelection)),this.isCollapsed=t(this)}else this.refresh()}}:R.addRange=function(a,b){b&&K?S(this,a):(this.nativeSelection.addRange(h(a)),this.refresh())},R.setRanges=function(a){if(P&&a.length>1)p(this,a);else{this.removeAllRanges();for(var b=0,c=a.length;c>b;++b)this.addRange(a[b])}}}else{if(!(x.isHostMethod(G,"empty")&&x.isHostMethod(H,"select")&&P&&F))return b.fail("No means of selecting a Range or TextRange was found"),!1;R.removeAllRanges=function(){try{if(this.docSelection.empty(),"None"!=this.docSelection.type){var a;if(this.anchorNode)a=w.getDocument(this.anchorNode);else if(this.docSelection.type==C){var b=this.docSelection.createRange();b.length&&(a=w.getDocument(b.item(0)).body.createTextRange())}if(a){var c=a.body.createTextRange();c.select(),this.docSelection.empty()}}}catch(d){}g(this)},R.addRange=function(a){this.docSelection.type==C?n(this,a):(z.rangeToTextRange(a).select(),this._ranges[0]=a,this.rangeCount=1,this.isCollapsed=this._ranges[0].collapsed,e(this,a,!1))},R.setRanges=function(a){this.removeAllRanges();var b=a.length;b>1?p(this,a):b&&this.addRange(a[0])}}R.getRangeAt=function(a){if(0>a||a>=this.rangeCount)throw new A("INDEX_SIZE_ERR");return this._ranges[a]};var T;if(F)T=function(b){var c;a.isSelectionValid(b.win)?c=b.docSelection.createRange():(c=w.getBody(b.win.document).createTextRange(),c.collapse(!0)),b.docSelection.type==C?m(b):k(c)?l(b,c):g(b)};else if(x.isHostMethod(G,"getRangeAt")&&"number"==typeof G.rangeCount)T=function(b){if(P&&E&&b.docSelection.type==C)m(b);else if(b._ranges.length=b.rangeCount=b.nativeSelection.rangeCount,b.rangeCount){for(var c=0,d=b.rangeCount;d>c;++c)b._ranges[c]=new a.WrappedRange(b.nativeSelection.getRangeAt(c));e(b,b._ranges[b.rangeCount-1],V(b.nativeSelection)),b.isCollapsed=t(b)}else g(b)};else{if(!J||typeof G.isCollapsed!=u||typeof H.collapsed!=u||!a.features.implementsDomRange)return b.fail("No means of obtaining a Range or TextRange from the user's selection was found"),!1;T=function(a){var b,c=a.nativeSelection;c.anchorNode?(b=Q(c,0),a._ranges=[b],a.rangeCount=1,f(a),a.isCollapsed=t(a)):g(a)}}R.refresh=function(a){var b=a?this._ranges.slice(0):null;if(T(this),a){var c=b.length;if(c!=this._ranges.length)return!1;for(;c--;)if(!y.rangesEqual(b[c],this._ranges[c]))return!1;return!0}};var U=function(a,b){var c=a.getAllRanges(),d=!1;a.removeAllRanges();for(var e=0,f=c.length;f>e;++e)d||b!==c[e]?a.addRange(c[e]):d=!0;a.rangeCount||g(a)};P?R.removeRange=function(a){if(this.docSelection.type==C){for(var b,c=this.docSelection.createRange(),d=j(a),e=w.getDocument(c.item(0)),f=w.getBody(e).createControlRange(),g=!1,h=0,i=c.length;i>h;++h)b=c.item(h),b!==d||g?f.add(c.item(h)):g=!0;f.select(),m(this)}else U(this,a)}:R.removeRange=function(a){U(this,a)};var V;!F&&J&&a.features.implementsDomRange?(V=function(a){var b=!1;return a.anchorNode&&(b=1==w.comparePoints(a.anchorNode,a.anchorOffset,a.focusNode,a.focusOffset)),b},R.isBackwards=function(){return V(this)}):V=R.isBackwards=function(){return!1},R.toString=function(){for(var a=[],b=0,c=this.rangeCount;c>b;++b)a[b]=""+this._ranges[b];return a.join("")},R.collapse=function(b,c){q(this,b);var d=a.createRange(w.getDocument(b));d.collapseToPoint(b,c),this.removeAllRanges(),this.addRange(d),this.isCollapsed=!0},R.collapseToStart=function(){if(!this.rangeCount)throw new A("INVALID_STATE_ERR");var a=this._ranges[0];this.collapse(a.startContainer,a.startOffset)},R.collapseToEnd=function(){if(!this.rangeCount)throw new A("INVALID_STATE_ERR");var a=this._ranges[this.rangeCount-1];this.collapse(a.endContainer,a.endOffset)},R.selectAllChildren=function(b){q(this,b);var c=a.createRange(w.getDocument(b));c.selectNodeContents(b),this.removeAllRanges(),this.addRange(c)},R.deleteFromDocument=function(){if(P&&E&&this.docSelection.type==C){for(var a,b=this.docSelection.createRange();b.length;)a=b.item(0),b.remove(a),a.parentNode.removeChild(a);this.refresh()}else if(this.rangeCount){var c=this.getAllRanges();this.removeAllRanges();for(var d=0,e=c.length;e>d;++d)c[d].deleteContents();this.addRange(c[e-1])}},R.getAllRanges=function(){return this._ranges.slice(0)},R.setSingleRange=function(a){this.setRanges([a])},R.containsNode=function(a,b){for(var c=0,d=this._ranges.length;d>c;++c)if(this._ranges[c].containsNode(a,b))return!0;return!1},R.toHtml=function(){var a="";if(this.rangeCount){for(var b=y.getRangeDocument(this._ranges[0]).createElement("div"),c=0,d=this._ranges.length;d>c;++c)b.appendChild(this._ranges[c].cloneContents());a=b.innerHTML}return a},R.getName=function(){return"WrappedSelection"},R.inspect=function(){return r(this)},R.detach=function(){this.win[v]=null,this.win=this.anchorNode=this.focusNode=null},o.inspect=r,a.Selection=o,a.selectionPrototype=R,a.addCreateMissingNativeApiListener(function(b){"undefined"==typeof b.getSelection&&(b.getSelection=function(){return a.getSelection(this)}),b=null})}),rangy.createModule("SaveRestore",function(a,b){function c(a,b){return(b||document).getElementById(a)}function d(a,b){var c,d="selectionBoundary_"+ +new Date+"_"+(""+Math.random()).slice(2),e=k.getDocument(a.startContainer),f=a.cloneRange();return f.collapse(b),c=e.createElement("span"),c.id=d,c.style.lineHeight="0",c.style.display="none",c.className="rangySelectionBoundary",c.appendChild(e.createTextNode(l)),f.insertNode(c),f.detach(),c}function e(a,d,e,f){var g=c(e,a);g?(d[f?"setStartBefore":"setEndBefore"](g),g.parentNode.removeChild(g)):b.warn("Marker element has been removed. Cannot restore selection.")}function f(a,b){return b.compareBoundaryPoints(a.START_TO_START,a)}function g(e){e=e||window;var g=e.document;if(!a.isSelectionValid(e))return void b.warn("Cannot save selection. This usually happens when the selection is collapsed and the selection document has lost focus.");var h,i,j,k=a.getSelection(e),l=k.getAllRanges(),m=[];l.sort(f);for(var n=0,o=l.length;o>n;++n)j=l[n],j.collapsed?(i=d(j,!1),m.push({markerId:i.id,collapsed:!0})):(i=d(j,!1),h=d(j,!0),m[n]={startMarkerId:h.id,endMarkerId:i.id,collapsed:!1,backwards:1==l.length&&k.isBackwards()});for(n=o-1;n>=0;--n)j=l[n],j.collapsed?j.collapseBefore(c(m[n].markerId,g)):(j.setEndBefore(c(m[n].endMarkerId,g)),j.setStartAfter(c(m[n].startMarkerId,g)));
-return k.setRanges(l),{win:e,doc:g,rangeInfos:m,restored:!1}}function h(d,f){if(!d.restored){for(var g,h,i=d.rangeInfos,j=a.getSelection(d.win),k=[],l=i.length,m=l-1;m>=0;--m){if(g=i[m],h=a.createRange(d.doc),g.collapsed){var n=c(g.markerId,d.doc);if(n){n.style.display="inline";var o=n.previousSibling;o&&3==o.nodeType?(n.parentNode.removeChild(n),h.collapseToPoint(o,o.length)):(h.collapseBefore(n),n.parentNode.removeChild(n))}else b.warn("Marker element has been removed. Cannot restore selection.")}else e(d.doc,h,g.startMarkerId,!0),e(d.doc,h,g.endMarkerId,!1);1==l&&h.normalizeBoundaries(),k[m]=h}1==l&&f&&a.features.selectionHasExtend&&i[0].backwards?(j.removeAllRanges(),j.addRange(k[0],!0)):j.setRanges(k),d.restored=!0}}function i(a,b){var d=c(b,a);d&&d.parentNode.removeChild(d)}function j(a){for(var b,c=a.rangeInfos,d=0,e=c.length;e>d;++d)b=c[d],b.collapsed?i(a.doc,b.markerId):(i(a.doc,b.startMarkerId),i(a.doc,b.endMarkerId))}a.requireModules(["DomUtil","DomRange","WrappedRange"]);var k=a.dom,l="\ufeff";a.saveSelection=g,a.restoreSelection=h,a.removeMarkerElement=i,a.removeMarkers=j}),WYMeditor.SKINS.compact={init:function(a){jQuery(a._options.containersSelector+", "+a._options.classesSelector,a._box).appendTo(jQuery("div.wym_area_top",a._box)).addClass("wym_dropdown").css({"margin-right":"10px",width:"120px","float":"left"}),jQuery(a._options.toolsSelector,a._box).addClass("wym_buttons").css({"margin-right":"10px","float":"left"}),jQuery(".wym_section",a._box).hover(function(){jQuery(this).addClass("hover")},function(){jQuery(this).removeClass("hover")});var b=a._options.postInit;a._options.postInit=function(a){b&&b.call(a,a),a.$body().css("background-color","#f0f0f0")}}},WYMeditor.SKINS["default"]={init:function(a){jQuery(a._box).find(a._options.classesSelector).addClass("wym_panel"),jQuery(a._box).find(a._options.toolsSelector).addClass("wym_buttons"),jQuery(a._box).find(a._options.containersSelector).addClass("wym_dropdown").find(WYMeditor.H2).append("<span> ></span>"),jQuery(a._box).find("div.wym_area_right ul").parents("div.wym_area_right").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-right":"155px"}),jQuery(a._box).find("div.wym_area_left ul").parents("div.wym_area_left").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-left":"155px"}),jQuery(a._box).find(".wym_section").hover(function(){jQuery(this).addClass("hover")},function(){jQuery(this).removeClass("hover")})}},WYMeditor.SKINS.legacy={init:function(a){jQuery(a._box).find(a._options.classesSelector).addClass("wym_panel"),jQuery(a._box).find(a._options.toolsSelector).addClass("wym_buttons"),jQuery(a._box).find(a._options.containersSelector).addClass("wym_dropdown").find(WYMeditor.H2).append("<span> ></span>"),jQuery(a._box).find("div.wym_area_right ul").parents("div.wym_area_right").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-right":"155px"}),jQuery(a._box).find("div.wym_area_left ul").parents("div.wym_area_left").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-left":"155px"}),jQuery(a._box).find(".wym_section").hover(function(){jQuery(this).addClass("hover")},function(){jQuery(this).removeClass("hover")})}},jQuery.fn.selectify=function(){var a=this;return a.each(function(){var a=this;jQuery(a).hover(function(){var a=this;jQuery("h2",a).css("background-position","0px -18px"),jQuery("ul",a).fadeIn("fast")},function(){var a=this;jQuery("h2",a).css("background-position",""),jQuery("ul",a).fadeOut("fast")})})},WYMeditor.SKINS.minimal={init:function(a){jQuery(a._box).find(a._options.toolsSelector+", "+a._options.containersSelector+", "+a._options.classesSelector).addClass("wym_dropdown").selectify()}},function(a){var b=function(b,c){this.options=a.extend({},a.fn.wymAffix.defaults,c),this.$window=a(window),this.$window.bind("scroll.affix.data-api",a.proxy(this.checkPosition,this)),this.$window.bind("click.affix.data-api",a.proxy(function(){setTimeout(a.proxy(this.checkPosition,this),1)},this)),this.$element=a(b),this.checkPosition()};b.prototype.checkPosition=function(){var a,b=this.$window.scrollTop(),c=this.options.offset,d=c.bottom,e=c.top,f="affix affix-top affix-bottom",g=!0,h=!0;"object"!=typeof c&&(d=e=c),"function"==typeof e&&(e=c.top()),"function"==typeof d&&(d=c.bottom()),null!==e&&(g=b>e),null!==d&&(h=b+this.$element.height()<d),a=g&&h?"affix":h===!1?"affix-bottom":"affix-top",this.currentAffixType!==a&&(this.$element.removeClass(f).addClass(a),this.currentAffixType=a)},a.fn.wymAffix=function(c){var d=this;return d.each(function(){var d=this,e=a(d),f=e.data("affix"),g="object"==typeof c&&c;f||e.data("affix",f=new b(d,g)),"string"==typeof c&&f[c]()})},a.fn.wymAffix.Constructor=b,a.fn.wymAffix.defaults={offset:0}}(jQuery),WYMeditor.SKINS.seamless={OPTS:{iframeHtml:["",'<div class="wym_iframe wym_section">','<iframe src="'+WYMeditor.IFRAME_BASE_PATH+'wymiframe.html" ','frameborder="0" ','border="0" ','scrolling="no" ','marginheight="0px" ','marginwidth="0px" ',">","</iframe>","</div>"].join(""),initIframeCheckFrequency:50,imagesLoadedCheckFrequency:300,imagesLoadedCheckTimeout:5e3},init:function(a){var b=WYMeditor.SKINS.seamless;Date.now||(Date.now=function(){return(new Date).getTime()}),a.seamlessSkinOpts=jQuery.extend(b.OPTS,{initialIframeResizeTimer:null,resizeAfterImagesLoadTimer:null,_imagesLoadedCheckStartedTime:0,minimumHeight:jQuery(a.element).height()}),b.initUIChrome(a),jQuery(a.element).bind(WYMeditor.EVENTS.postIframeInitialization,b.postIframeInit)},postIframeInit:function(a,b){var c=WYMeditor.SKINS.seamless;c.resizeIframeOnceBodyExists(b),jQuery(b.element).bind(WYMeditor.EVENTS.postBlockMaybeCreated,function(){c.resizeAndScrollIfNeeded(b)})},initUIChrome:function(a){var b,c,d=WYMeditor.SKINS.seamless,e=jQuery([a._options.containersSelector,a._options.classesSelector].join(", "),a._box);c=jQuery("div.wym_area_top",a._box),e.appendTo(c),e.addClass("wym_dropdown"),jQuery(".wym_dropdown",a._box).click(function(){var a=this;jQuery(a).toggleClass("hover")}),b=jQuery(a._options.toolsSelector,a._box),b.addClass("wym_buttons"),d.affixTopControls(a)},affixTopControls:function(a){var b,c,d,e,f=5;b=jQuery("div.wym_area_top",a._box),c=jQuery('<div class="wym_skin_seamless wym_area_top_wrapper">'),b.wrap(c),c=b.parent(),c.wrap('<div class="wym_area_top_affix_placeholder">'),e=c.parent(),e.height(b.height()),d=function(){c.width(e.width())},d(),jQuery(window).resize(d),c.wymAffix({offset:{top:function(){return e.offset().top-f},bottom:function(){return e.offset().top+a.seamlessSkinIframeHeight}}})},resizeIframeOnceBodyExists:function(a){var b,c=WYMeditor.SKINS.seamless;return a.seamlessSkinOpts.initialIframeResizeTimer&&(window.clearTimeout(a.seamlessSkinOpts.initialIframeResizeTimer),a.seamlessSkinOpts.initialIframeResizeTimer=null),"undefined"==typeof a._doc.body||null===a._doc.body?void(a.seamlessSkinOpts.initialIframeResizeTimer=window.setTimeout(function(){c.resizeIframeOnceBodyExists(a)},a.seamlessSkinOpts.initIframeCheckFrequency)):(b=a._doc.body.scrollHeight,c.resizeIframe(a),void c.resizeIframeOnceImagesLoaded(a))},resizeIframeOnceImagesLoaded:function(a){var b,c,d,e=WYMeditor.SKINS.seamless,f=0,g=!0,h=a.seamlessSkinOpts;if(("undefined"==typeof h._imagesLoadedCheckStartedTime||0===h._imagesLoadedCheckStartedTime)&&(h._imagesLoadedCheckStartedTime=Date.now()),null!==h.resizeAfterImagesLoadTimer&&(window.clearTimeout(h.resizeAfterImagesLoadTimer),h.resizeAfterImagesLoadTimer=null),b=a.$body().find("img"),c=b.length,0!==c){for(f=0;c>f;f+=1)if(!e._imageIsLoaded(b[f])){g=!1;break}return e.resizeAndScrollIfNeeded(a),g===!0?void(h._imagesLoadedCheckStartedTime=0):(d=Date.now()-h._imagesLoadedCheckStartedTime,d>h.imagesLoadedCheckTimeout?void(h._imagesLoadedCheckStartedTime=0):void(h.resizeAfterImagesLoadTimer=window.setTimeout(function(){e.resizeIframeOnceImagesLoaded(a)},h.imagesLoadedCheckFrequency)))}},_imageIsLoaded:function(a){return a.complete!==!0?!1:"undefined"!=typeof a.naturalWidth&&0===a.naturalWidth?!1:!0},_getIframeHeightStrategy:function(a){var b,c,d,e,f;if(c=jQuery(a._doc).children().eq(0),b=a._doc.body.scrollHeight,d=c.height(),e=c[0].scrollHeight,WYMeditor.isInternetExplorerPre11())return f=function(a){var b=jQuery(a._doc).children().eq(0),c=b[0].scrollHeight;return c-10};if(d>=b)return f=function(a){var b=jQuery(a._doc).children().eq(0),c=b.height();return c};if(b>e)return f=function(a){return a._doc.body.scrollHeight};throw new Error("unsupported browser")},resizeIframe:function(a){var b,c=WYMeditor.SKINS.seamless,d=jQuery(a._iframe),e=d.height();return"undefined"==typeof WYMeditor.IFRAME_HEIGHT_GETTER&&(WYMeditor.IFRAME_HEIGHT_GETTER=c._getIframeHeightStrategy(a)),b=WYMeditor.IFRAME_HEIGHT_GETTER(a),b<a.seamlessSkinOpts.minimumHeight&&(b=a.seamlessSkinOpts.minimumHeight),e!==b?(d.height(b),a.seamlessSkinIframeHeight=b,!0):!1},scrollIfNeeded:function(a){var b,c,d,e,f=jQuery(a._iframe).offset(),g=f.top,h=jQuery(a.selectedContainer()),i=h.offset(),j=20,k=jQuery(window),l=jQuery(document.body);0!==h.length&&(c=g+i.top,c+=h.outerHeight(),b=k.scrollTop()+k.height(),e=c-b,e>0&&(d=l.scrollTop()+e+j,l.scrollTop(d)))},resizeAndScrollIfNeeded:function(a){var b=WYMeditor.SKINS.seamless,c=b.resizeIframe(a);c===!0&&b.scrollIfNeeded(a)}},jQuery.fn.selectify=function(){var a=this;return a.each(function(){var a=this;jQuery(a).hover(function(){var a=this;jQuery("h2",a).css("background-position","0px -18px"),jQuery("ul",a).fadeIn("fast")},function(){var a=this;jQuery("h2",a).css("background-position",""),jQuery("ul",a).fadeOut("fast")})})},WYMeditor.SKINS.silver={init:function(a){jQuery(a._box).append('<div class="clear"></div>').wrapInner('<div class="wym_inner"></div>'),jQuery(a._box).find(a._options.classesSelector).addClass("wym_panel"),jQuery(a._box).find(a._options.toolsSelector).addClass("wym_buttons"),jQuery(a._box).find(a._options.containersSelector).addClass("wym_dropdown").selectify(),jQuery(a._box).find("div.wym_area_right ul").parents("div.wym_area_right").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-right":"155px"}),jQuery(a._box).find("div.wym_area_left ul").parents("div.wym_area_left").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-left":"155px"}),jQuery(a._box).find(".wym_section").hover(function(){var a=this;jQuery(a).addClass("hover")},function(){var a=this;jQuery(a).removeClass("hover")})}},WYMeditor.SKINS.twopanels={init:function(a){jQuery(a._box).find(a._options.containersSelector).appendTo("div.wym_area_left"),jQuery(a._box).find(a._options.classesSelector+", "+a._options.containersSelector).addClass("wym_panel"),jQuery(a._box).find(a._options.toolsSelector).addClass("wym_buttons"),jQuery(a._box).find("div.wym_area_right ul").parents("div.wym_area_right").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-right":"155px"}),jQuery(a._box).find("div.wym_area_left ul").parents("div.wym_area_left").show().parents(a._options.boxSelector).find("div.wym_area_main").css({"margin-left":"115px"}),jQuery(a._box).find(".wym_section").hover(function(){jQuery(this).addClass("hover")},function(){jQuery(this).removeClass("hover")})}};
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/embed/jquery.wymeditor.embed.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/embed/jquery.wymeditor.embed.js
deleted file mode 100644
index 79daa16de5..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/embed/jquery.wymeditor.embed.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        jquery.wymeditor.embed.js
- *        Experimental embed plugin
- *
- * File Authors:
- *        Jonatan Lundin (jonatan.lundin a-t gmail dotcom)
- *        Roger Hu (roger.hu a-t gmail dotcom)
- *        Scott Nixon (citadelgrad a-t gmail dotcom)
- */
-
-(function () {
-    function removeItem(item, arr) {
-        for (var i = arr.length; i--;) {
-            if (arr[i] === item) {
-                arr.splice(i, 1);
-            }
-        }
-        return arr;
-    }
-    if (WYMeditor && WYMeditor.XhtmlValidator._tags.param.attributes) {
-
-        WYMeditor.XhtmlValidator._tags.embed = {
-            "attributes":[
-                "allowscriptaccess",
-                "allowfullscreen",
-                "height",
-                "src",
-                "type",
-                "width"
-            ]
-        };
-
-        WYMeditor.XhtmlValidator._tags.param.attributes = {
-            '0':'name',
-            '1':'type',
-            'valuetype':/^(data|ref|object)$/,
-            '2':'valuetype',
-            '3':'value'
-        };
-
-        WYMeditor.XhtmlValidator._tags.iframe = {
-            "attributes":[
-                "allowfullscreen",
-                "width",
-                "height",
-                "src",
-                "title",
-                "frameborder"
-            ]
-        };
-
-        // Override the XhtmlSaxListener to allow param, embed and iframe.
-        //
-        // We have to do an explicit override
-        // of the function instead of just changing the startup parameters
-        // because those are only used on creation, and changing them after
-        // the fact won't affect the existing XhtmlSaxListener
-        var XhtmlSaxListener = WYMeditor.XhtmlSaxListener;
-        WYMeditor.XhtmlSaxListener = function () {
-            var listener = XhtmlSaxListener.call(this);
-            // param, embed and iframe should be inline tags so that they can
-            // be nested inside other elements
-            removeItem('param', listener.block_tags);
-            listener.inline_tags.push('param');
-            listener.inline_tags.push('embed');
-            listener.inline_tags.push('iframe');
-
-            return listener;
-        };
-
-        WYMeditor.XhtmlSaxListener.prototype = XhtmlSaxListener.prototype;
-    }
-})();
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/fullscreen/icon_fullscreen.gif b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/fullscreen/icon_fullscreen.gif
deleted file mode 100644
index d2a8b0ab98..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/fullscreen/icon_fullscreen.gif and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/fullscreen/jquery.wymeditor.fullscreen.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/fullscreen/jquery.wymeditor.fullscreen.js
deleted file mode 100644
index faaa69376a..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/fullscreen/jquery.wymeditor.fullscreen.js
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        jquery.wymeditor.fullscreen.js
- *        Fullscreen plugin for WYMeditor
- *
- * File Authors:
- *        Luis Santos (luis.santos a-t openquest dotpt)
- *        Jonatan Lundin (jonatan.lundin a-t gmail dotcom)
- *        Gerd Riesselmann (gerd a-t gyro-php dot org) : Fixed issue with new skin layout
- *        Philipp Cordes (pc a-t irgendware dotnet)
- */
-
-//Extend WYMeditor
-WYMeditor.editor.prototype.fullscreen = function() {
-    var wym = this,
-        $box = jQuery(wym._box),
-        $iframe = jQuery(wym._iframe),
-        $overlay = null,
-        $window = jQuery(window),
-
-        editorMargin = 15;     // Margin from window (without padding)
-
-
-    //construct the button's html
-    var html = '' +
-        "<li class='wym_tools_fullscreen'>" +
-            "<a name='Fullscreen' href='#' " +
-                "title='Fullscreen' " +
-                "style='background-image: url(" +
-                    wym._options.basePath +
-                    "plugins/fullscreen/icon_fullscreen.gif)'>" +
-                "Fullscreen" +
-            "</a>" +
-        "</li>";
-    //add the button to the tools box
-    $box.find(wym._options.toolsSelector + wym._options.toolsListSelector)
-        .append(html);
-
-    function resize () {
-        // Calculate margins
-        var uiHeight = $box.outerHeight(true) - $iframe.outerHeight(true);
-        var editorPadding = $box.outerWidth() - $box.width();
-
-        // Calculate heights
-        var screenHeight = $window.height();
-        var iframeHeight = (screenHeight - uiHeight - (editorMargin * 2)) + 'px';
-
-        // Calculate witdths
-        var screenWidth = $window.width();
-        var boxWidth = (screenWidth - editorPadding - (editorMargin * 2)) + 'px';
-
-        $box.css('width', boxWidth);
-        $iframe.css('height', iframeHeight);
-        $overlay.css({
-            'height': screenHeight + 'px',
-            'width': screenWidth + 'px'
-        });
-    }
-
-    //handle click event
-    $box.find('li.wym_tools_fullscreen a').click(function() {
-        if ($box.css('position') != 'fixed') {
-            // Store previous inline styles
-            $box.data('wym-inline-css', $box.attr('style'));
-            $iframe.data('wym-inline-css', $iframe.attr('style'));
-
-            // Create overlay
-            $overlay = jQuery('<div id="wym-fullscreen-overlay"></div>')
-                .appendTo('body').css({
-                    'position': 'fixed',
-                    'background-color': 'rgb(0, 0, 0)',
-                    'opacity': '0.75',
-                    'z-index': '98',
-                    'top': '0px',
-                    'left': '0px'
-                });
-
-            // Possition the editor
-            $box.css({
-                'position': 'fixed',
-                'z-index': '99',
-                'top': editorMargin + 'px',
-                'left': editorMargin + 'px'
-            });
-
-            // Bind event listeners
-            $window.bind('resize', resize);
-            $box.find('li.wym_tools_html a').bind('click', resize);
-
-            // Force resize
-            resize();
-        } else {
-            // Unbind event listeners
-            $window.unbind('resize', resize);
-            $box.find('li.wym_tools_html a').unbind('click', resize);
-
-            // Remove inline styles
-            $box.css({
-                'position': 'static',
-                'z-index': '',
-                'width': '',
-                'top': '',
-                'left': ''
-            });
-            $iframe.css('height', '');
-
-            // Remove overlay
-            $overlay.remove();
-            $overlay = null;
-
-            // Retore previous inline styles
-            $box.attr('style', $box.data('wym-inline-css'));
-            $iframe.attr('style', $iframe.data('wym-inline-css'));
-        }
-
-        return false;
-    });
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js
deleted file mode 100644
index 41d70ada1a..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/*jslint evil: true */
-/**
-    WYMeditor.hovertools
-    ====================
-
-    A hovertools plugin.
-*/
-
-WYMeditor.editor.prototype.hovertools = function() {
-    var wym = this;
-
-    wym.status('&#160;');
-
-    // Bind events on buttons
-    jQuery(wym._box).find(wym._options.toolSelector).hover(
-        function() {
-            var button = this;
-            wym.status(jQuery(button).html());
-        },
-        function() {
-            wym.status('&#160;');
-        }
-    );
-
-    // Classes: add/remove a style attr to matching elems
-    // while mouseover/mouseout
-    jQuery(wym._box).find(wym._options.classSelector).hover(
-        function() {
-            var button = this,
-                aClasses = eval(wym._options.classesItems),
-                sName = jQuery(button).attr(WYMeditor.NAME),
-                oClass = WYMeditor.Helper._getFromArrayByName(aClasses, sName);
-
-            if (oClass){
-                jqexpr = oClass.expr;
-                // Don't use jQuery.find() on the iframe body
-                // because of MSIE + jQuery + expando issue (#JQ1143)
-                if (!WYMeditor.isInternetExplorerPre11()) {
-                    wym.$body().find(jqexpr).css('background-color','#cfc');
-                }
-            }
-        },
-        function() {
-            // Don't use jQuery.find() on the iframe body
-            // because of MSIE + jQuery + expando issue (#JQ1143)
-            if (!WYMeditor.isInternetExplorerPre11()) {
-                wym.$body().find('*').removeAttr('style');
-            }
-        }
-    );
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/list/jquery.wymeditor.list.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/list/jquery.wymeditor.list.js
deleted file mode 100644
index b009e2587b..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/list/jquery.wymeditor.list.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Copyright (c) 2011 PolicyStat LLC.
- * MIT licensed (MIT-license.txt)
- *
- * This plugin adds the ability to use tab and shift+tab to indent/outdent
- * lists, mimicking a user's expected behavior when inside an editor.
- *
- * @author Wes Winham (winhamwr@gmail.com)
- */
-
-function ListPlugin(options, wym) {
-    var listPlugin = this;
-    ListPlugin._options = jQuery.extend({}, options);
-    listPlugin._wym = wym;
-
-    listPlugin.init();
-}
-
-ListPlugin.prototype.init = function() {
-    var listPlugin = this;
-    listPlugin._wym.listPlugin = listPlugin;
-
-    listPlugin.bindEvents();
-};
-
-ListPlugin.prototype.bindEvents = function() {
-    var listPlugin = this,
-        wym = listPlugin._wym;
-
-    wym.keyboard.combokeys.bind(
-        "tab",
-        function () {
-            wym.indent();
-            return false;
-        }
-    );
-    wym.keyboard.combokeys.bind(
-        "shift+tab",
-        function () {
-            wym.outdent();
-            return false;
-        }
-    );
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/rdfa/jquery.wymeditor.rdfa.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/rdfa/jquery.wymeditor.rdfa.js
deleted file mode 100644
index 23234400c9..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/rdfa/jquery.wymeditor.rdfa.js
+++ /dev/null
@@ -1,192 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2011 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *        http://www.wymeditor.org/
- *
- * File Name:
- *        jquery.wymeditor.rdfa.js
- *        RDFa plugin for WYMeditor
- *
- * File Authors:
- *        Jean-Francois Hovinne (@jfhovinne)
- */
-
-//Extend WYMeditor
-WYMeditor.editor.prototype.rdfa = function (options) {
-    var wym = this,
-        rdfa = new WYMeditor.RDFa(options, wym);
-    return rdfa;
-};
-
-//RDFa constructor
-WYMeditor.RDFa = function (options, wym) {
-    var rdfa = this;
-    options = jQuery.extend({
-        setStdNameSpaces: true,
-        extendXHTMLParser: true,
-        buttons: {}
-    }, options);
-
-    rdfa._options = options;
-    rdfa._wym = wym;
-    rdfa.init();
-};
-
-//RDFa plugin init
-WYMeditor.RDFa.prototype.init = function () {
-    var rdfa = this;
-    if (rdfa._options.setStdNameSpaces) {
-        rdfa.setStdNameSpaces();
-    }
-    if (rdfa._options.extendXHTMLParser) {
-        rdfa.extendXHTMLParser();
-    }
-    rdfa.setButtons();
-};
-
-//Adding the namespaces to the document
-WYMeditor.RDFa.prototype.setStdNameSpaces = function () {
-    var rdfa = this;
-    rdfa.addNameSpace('xmlns', 'http://www.w3.org/1999/xhtml');
-    rdfa.addNameSpace('version', 'XHTML+RDFa 1.0');
-};
-
-WYMeditor.RDFa.prototype.addNameSpace = function (attr, value) {
-    var rdfa = this;
-    jQuery('html', rdfa._wym._doc)
-        .attr(attr, value);
-};
-
-WYMeditor.RDFa.prototype.extendXHTMLParser = function () {
-    var rdfa = this;
-    rdfa.extendAttributes();
-    rdfa.setStdVocabularies();
-    rdfa.extendLinkAttributes();
-};
-
-WYMeditor.RDFa.prototype.extendAttributes = function () {
-    //Add the RDFa attributes
-    WYMeditor.XhtmlValidator._attributes.core.attributes.push(
-        'rel',
-        'rev',
-        'content',
-        'href',
-        'src',
-        'about',
-        'property',
-        'resource',
-        'datatype',
-        'typeof'
-    );
-};
-
-WYMeditor.RDFa.prototype.setStdVocabularies = function () {
-    var rdfa = this;
-    //Add the 'standard' vocabularies
-    vocabularies = [
-        'xmlns:biblio',
-        'xmlns:cc',
-        'xmlns:dbp',
-        'xmlns:dbr',
-        'xmlns:dc',
-        'xmlns:ex',
-        'xmlns:foaf',
-        'xmlns:rdf',
-        'xmlns:rdfs',
-        'xmlns:taxo',
-        'xmlns:xhv',
-        'xmlns:xsd'
-    ];
-    jQuery.each(vocabularies, function (index, vocabulary) {
-        rdfa.addVocabulary(vocabulary);
-    });
-};
-
-WYMeditor.RDFa.prototype.addVocabulary = function (vocabulary) {
-    WYMeditor.XhtmlValidator._attributes.core.attributes.push(vocabulary);
-};
-
-WYMeditor.RDFa.prototype.extendLinkAttributes = function () {
-    //Overwrite the <a> attributes 'rel' and 'rev'
-    WYMeditor.XhtmlValidator._tags.a = {
-        "attributes": {
-            "0": "charset",
-            "1": "coords",
-            "2": "href",
-            "3": "hreflang",
-            "4": "name",
-            "5": "rel",
-            "6": "rev",
-            "shape": /^(rect|rectangle|circ|circle|poly|polygon)$/,
-            "7": "type"
-        }
-    };
-};
-
-WYMeditor.RDFa.prototype.setButtons = function () {
-    var rdfa = this,
-        list = jQuery(rdfa._wym._box).find('div.wym_classes ul');
-    jQuery.each(rdfa._options.buttons, function (index, button) {
-        list
-            .append('<li></li>')
-            .children(':last')
-            .append('<a></a>')
-            .children(':last')
-            .attr('href', '#')
-            .text(button.title)
-            .bind('click',
-                {
-                    instance: rdfa._wym,
-                    button: button,
-                    ns: button.ns,
-                    attr: button.attr,
-                    value: button.value
-                },
-                rdfa.clickButtonHandler);
-    });
-};
-
-WYMeditor.RDFa.prototype.clickButtonHandler = function (evt) {
-    var wym = evt.data.instance,
-        selected  = wym.selectedContainer();
-
-    //the attribute already exists, remove it
-    if (typeof jQuery(selected).attr(evt.data.attr) !== 'undefined' &&
-            jQuery(selected).attr(evt.data.attr) !== '') {
-        WYMeditor.console.log(
-            'attribute already exists, remove it:',
-            evt.data.attr,
-            jQuery(selected).attr(evt.data.attr)
-        );
-        jQuery(selected)
-            .removeAttr(evt.data.attr)
-            .removeClass(evt.data.ns)
-            .removeClass(evt.data.attr)
-            .removeClass(evt.data.value);
-
-    //else, add it
-    } else {
-        WYMeditor.console.log('attribute does not exist, add it:', evt.data.attr, evt.data.value);
-        if (evt.data.value) { //value available
-            jQuery(selected)
-                .attr(evt.data.attr, evt.data.ns + ':' + evt.data.value)
-                .addClass(evt.data.ns)
-                .addClass(evt.data.attr)
-                .addClass(evt.data.value);
-        } else { //value not available
-            evt.data.value = prompt('Value', '');
-            if (evt.data.value !== null) {
-                jQuery(selected)
-                    .attr(evt.data.attr, evt.data.value)
-                    .addClass(evt.data.ns)
-                    .addClass(evt.data.attr)
-                    .addClass(evt.data.value);
-            }
-        }
-    }
-    return false;
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/resizable/jquery.wymeditor.resizable.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/resizable/jquery.wymeditor.resizable.js
deleted file mode 100644
index 51b012188d..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/resizable/jquery.wymeditor.resizable.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/* global -$ */
-"use strict";
-
-/**
- * The resizable plugin makes the wymeditor box vertically resizable.
- * It it based on the ui.resizable.js plugin of the jQuery UI library.
- *
- * The WYMeditor resizable plugin supports all parameters of the jQueryUI
- * resizable plugin. The parameters are passed like this:
- *
- *         wym.resizable({ handles: "s,e",
- *                         maxHeight: 600 });
- *
- * DEPENDENCIES: jQuery UI, jQuery UI resizable
- *
- * @param options options for the plugin
- */
-WYMeditor.editor.prototype.resizable = function (options) {
-    var wym = this,
-        $iframe = jQuery(wym._box).find('iframe'),
-        $iframeDiv = jQuery(wym._box).find('.wym_iframe'),
-        // Define some default options
-        defaultOptions = {
-            resize: function () {
-                $iframeDiv.height($iframe.height());
-            },
-            alsoResize: $iframe,
-            handles: "s,e,se",
-            minHeight: 250
-        },
-        // Merge given options with default options. Given options override
-        // default ones.
-        finalOptions = jQuery.extend(defaultOptions, options);
-
-    if (jQuery.isFunction(jQuery.fn.resizable)) {
-        jQuery(wym._box).resizable(finalOptions);
-    } else {
-        WYMeditor.console.error('Oops, jQuery UI.resizable unavailable.');
-    }
-
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/jquery.wymeditor.structured_headings.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/jquery.wymeditor.structured_headings.js
deleted file mode 100644
index bf71387eab..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/jquery.wymeditor.structured_headings.js
+++ /dev/null
@@ -1,512 +0,0 @@
-/* jshint maxlen: 90 */
-"use strict";
-
-// In case the script is included on a page without WYMeditor, define the
-// WYMeditor and WYMeditor.editor objects to hold the constants used.
-if (typeof (WYMeditor) === 'undefined') {
-    /* jshint -W020 */
-    WYMeditor = {};
-    /* jshint +W020 */
-    WYMeditor.HEADING_ELEMENTS = ["h1", "h2", "h3", "h4", "h5", "h6"];
-    WYMeditor.KEY_CODE = {
-        BACKSPACE: 8,
-        ENTER: 13,
-        DELETE: 46
-    };
-}
-if (typeof (WYMeditor.editor) === 'undefined') {
-    WYMeditor.editor = {};
-    WYMeditor.editor.prototype = {};
-}
-
-WYMeditor.STRUCTURED_HEADINGS_POLYFILL_REQUIRED =
-    jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 8.0;
-
-// Constants for class names used in structuring the headings
-WYMeditor.STRUCTURED_HEADINGS_START_NODE_CLASS = 'wym-structured-headings-start';
-WYMeditor.STRUCTURED_HEADINGS_LEVEL_CLASSES = ['wym-structured-heading-level1',
-                                               'wym-structured-heading-level2',
-                                               'wym-structured-heading-level3',
-                                               'wym-structured-heading-level4',
-                                               'wym-structured-heading-level5',
-                                               'wym-structured-heading-level6'];
-WYMeditor.STRUCTURED_HEADINGS_NUMBERING_SPAN_CLASS = 'wym-structured-heading-numbering';
-
-// Key codes for the keyup events that the heading numberings should be
-// recalculated on
-WYMeditor.STRUCTURED_HEADINGS_POTENTIAL_HEADING_MODIFICATION_KEYS =
-    [WYMeditor.KEY_CODE.BACKSPACE, WYMeditor.KEY_CODE.DELETE, WYMeditor.KEY_CODE.ENTER];
-
-/*
-    getHeadingLevel
-    ===============
-
-    Returns the integer heading level of the passed heading DOM element. For
-    example, if the passed heading was an `h2` element, the function would
-    return the integer `2`.
-*/
-function getHeadingLevel(heading) {
-    return parseInt(heading.nodeName.slice(-1), 10);
-}
-
-
-
-/**
-    StructuredHeadingsManager
-    =========================
-
-    A heading structure management object that makes it easier for a user to
-    structure the headings in a document by simplifying the user interface and
-    adding features such as heading numbering.
-
-    @param options A configuration object.
-    @param wym The WYMeditor instance to which the StructuredHeadingsManager
-               object should attach.
-    @class
-*/
-function StructuredHeadingsManager(options, wym) {
-    var shm = this;
-    options = jQuery.extend({
-        headingIndentToolSelector: "li.wym_tools_indent a",
-        headingOutdentToolSelector: "li.wym_tools_outdent a",
-
-        enableFixHeadingStructureButton: false,
-        fixHeadingStructureButtonHtml: String() +
-        '<li class="wym_tools_fix_heading_structure">' +
-            '<a name="fix_heading_structure" href="#" title="Fix Heading Structure" ' +
-                'style="background-image: ' +
-                    "url('" + wym._options.basePath +
-                        "plugins/structured_headings/ruler_arrow.png')" + '">' +
-                'Fix Heading Structure' +
-            '</a>' +
-        '</li>',
-        fixHeadingStructureSelector: "li.wym_tools_fix_heading_structure a",
-
-        headingContainerPanelHtml: String() +
-            '<li class="wym_containers_heading">' +
-                '<a href="#" name="HEADING">Heading</a>' +
-            '</li>',
-        headingContainerPanelSelector: "li.wym_containers_heading a",
-
-        highestAllowableHeadingLevel: 1,
-        lowestAllowableHeadingLevel: 6
-
-    }, options);
-
-    shm._headingElements = WYMeditor.HEADING_ELEMENTS
-        .slice(options.highestAllowableHeadingLevel - 1,
-               options.lowestAllowableHeadingLevel);
-    shm._limitedHeadingSel = shm._headingElements.join(", ");
-    shm._fullHeadingSel = WYMeditor.HEADING_ELEMENTS.join(", ");
-    shm._options = options;
-    shm._wym = wym;
-
-    shm.init();
-}
-
-/**
-    init
-    ====
-
-    Initializes the heading structure object used in the plugin for the
-    wymeditor instance. Creates the user interface adjustments, binds any
-    required listeners, and applies the necessary CSS stylesheets.
-*/
-StructuredHeadingsManager.prototype.init = function () {
-    var shm = this;
-    shm.createUI();
-    shm.bindEvents();
-    shm.addCssStylesheet();
-};
-
-/**
-    createUI
-    ========
-
-    Creates the structured headings user interface by adding the tools to the
-    tool bar and modifying the container selection panel.
-*/
-StructuredHeadingsManager.prototype.createUI = function () {
-    var shm = this,
-        wym = shm._wym,
-        $tools = jQuery(wym._box).find(
-            wym._options.toolsSelector + wym._options.toolsListSelector
-        ),
-        $containerItems,
-        $containerLink,
-        i;
-
-    // Add tool panel buttons if necessary
-    if (shm._options.enableFixHeadingStructureButton) {
-        $tools.append(shm._options.fixHeadingStructureButtonHtml);
-    }
-
-    // Remove normal heading links from the containers panel list
-    $containerItems = jQuery(wym._box).find(wym._options.containersSelector)
-                                      .find('li');
-    for (i = 0; i < $containerItems.length; ++i) {
-        $containerLink = $containerItems.eq(i).find('a');
-        if (jQuery.inArray($containerLink[0].name.toLowerCase(),
-                           WYMeditor.HEADING_ELEMENTS) > -1) {
-            $containerItems.eq(i).remove();
-        }
-    }
-
-    // Add new single heading container to the containers panel list
-    $containerItems.eq(0).after(shm._options.headingContainerPanelHtml);
-};
-
-/**
-    bindEvents
-    ==========
-
-    Binds the click events for the buttons in the tool bar and the container
-    link in the containers panel.
-*/
-StructuredHeadingsManager.prototype.bindEvents = function () {
-    var shm = this,
-        wym = shm._wym,
-        $box = jQuery(wym._box),
-        sel;
-
-    // Bind click events to tool buttons
-    $box.find(shm._options.headingOutdentToolSelector).click(function () {
-        sel = wym.selection();
-        shm.changeSelectedHeadingsLevel(sel, "up");
-    });
-    $box.find(shm._options.headingIndentToolSelector).click(function () {
-        sel = wym.selection();
-        shm.changeSelectedHeadingsLevel(sel, "down");
-    });
-    if (shm._options.enableFixHeadingStructureButton) {
-        $box.find(shm._options.fixHeadingStructureSelector).click(function () {
-            shm.fixHeadingStructure();
-        });
-    }
-
-    // Bind click event to the new single heading link
-    $box.find(shm._options.headingContainerPanelSelector).click(function () {
-        shm.switchToHeading(wym.getRootContainer());
-    });
-};
-
-/**
-    addCssStylesheet
-    ================
-
-    Adds the CSS stylesheet for the heading numbering to the wymeditor iframe
-    and stores the CSS for access through the printCss function.
-*/
-StructuredHeadingsManager.prototype.addCssStylesheet = function () {
-    var shm = this,
-        wym = shm._wym,
-        iframeHead = jQuery(wym._doc).find('head')[0],
-        stylesheetHref,
-        cssLink,
-        cssRequest;
-
-    cssLink = wym._doc.createElement('link');
-    cssLink.rel = 'stylesheet';
-    cssLink.type = 'text/css';
-
-    stylesheetHref = '/plugins/structured_headings/structured_headings.css';
-    cssLink.href = '../..' + stylesheetHref; // Adjust path for iframe
-    iframeHead.appendChild(cssLink);
-
-    // Get stylesheet CSS and store it in WYMeditor so that it can be accessed
-    // to put on other pages.
-    cssRequest = new XMLHttpRequest();
-    cssRequest.open('GET', wym._options.basePath + stylesheetHref, false);
-    cssRequest.send('');
-    WYMeditor.structuredHeadingsCSS = cssRequest.responseText;
-};
-
-/**
-    canRaiseHeadingLevel
-    ====================
-
-    Checks the context of the passed heading DOM node to see if it can validly
-    have its heading level raised. Returns true if the heading's level can
-    validly be raised, false if otherwise.
-
-    @param heading A heading DOM node for checking if it can validly have its
-                   heading level raised
-*/
-StructuredHeadingsManager.prototype.canRaiseHeadingLevel = function (heading) {
-    var shm = this,
-        headingLevel = getHeadingLevel(heading),
-        headingLevelDifference,
-        nextHeading,
-        nextHeadingLevel;
-
-    // The level of a heading cannot be raised if it is already at the highest
-    // allowable level.
-    if (headingLevel === shm._options.highestAllowableHeadingLevel) {
-        return false;
-    }
-
-    // The level of a heading cannot be raised if the heading level is any
-    // higher than the level of its following heading.
-    nextHeading = jQuery(heading).nextAll(shm._fullHeadingSel)[0];
-    if (nextHeading) {
-        nextHeadingLevel = getHeadingLevel(nextHeading);
-        headingLevelDifference = headingLevel - nextHeadingLevel;
-        if (headingLevelDifference < 0) {
-            return false;
-        }
-    }
-
-    return true;
-};
-
-/**
-    canLowerHeadingLevel
-    ====================
-
-    Checks the context of the passed heading DOM node to see if it can validly
-    have its heading level lowered. Returns true if the heading's level can
-    validly be lowered, false if otherwise.
-
-    @param heading A heading DOM node for checking if it can validly have its
-                   heading level lowered
-*/
-StructuredHeadingsManager.prototype.canLowerHeadingLevel = function (heading) {
-    var shm = this,
-        headingLevel = getHeadingLevel(heading),
-        headingLevelDifference,
-        prevHeading,
-        prevHeadingLevel;
-
-    // The level of a heading cannot be lowered if it is already at the lowest
-    // allowable level.
-    if (headingLevel === shm._options.lowestAllowableHeadingLevel) {
-        return false;
-    }
-
-    // The user cannot lower the level of a heading if the heading level is any
-    // lower than the level of its previous heading.
-    prevHeading = jQuery(heading).prevAll(shm._fullHeadingSel)[0];
-    if (prevHeading) {
-        prevHeadingLevel = getHeadingLevel(prevHeading);
-        headingLevelDifference = prevHeadingLevel - headingLevel;
-        if (headingLevelDifference < 0) {
-            return false;
-        }
-    }
-
-    return true;
-};
-
-/**
-    changeSelectedHeadingsLevel
-    ===========================
-
-    Iterates through the headings in the passed selection and raises or lowers
-    the level of each heading if it is allowable.
-
-    The level of a heading can only be raised if it is not the highest
-    allowable level and if the level of the heading is not higher than the
-    level of its following heading after all headings in the selection have had
-    their heading level attempted to be raised.
-
-    The level of a heading can only be lowered if it is not the lowest
-    allowable level and if the level of the heading is not lower than the level
-    of its preceding heading after all headings in the selection have had their
-    heading level attempted to be lowered.
-
-    @param selection A rangy selection object to have the level of its
-                     containing headings raised if allowable.
-    @param upOrDown A string being either "up" or "down" that specifies if the
-                    selected headings should have their level raised up or
-                    lowered down.
-*/
-StructuredHeadingsManager.prototype.changeSelectedHeadingsLevel = function (
-    selection, upOrDown
-) {
-    var shm = this,
-        wym = shm._wym,
-        shouldRaise = (upOrDown === 'up'),
-        i,
-        iStart = (shouldRaise ? selection.rangeCount - 1 : 0),
-        iLimit = (shouldRaise ? -1 : selection.rangeCount),
-        iterChange = (shouldRaise ? -1 : 1),
-        range,
-        heading,
-        $headingList,
-        j,
-        jStart,
-        jLimit,
-        $selectedNodes;
-
-    // Iterate through the headings in the selection from bottom to top if the
-    // level of the headings should be raised or top to bottom if the level of
-    // the headings should be lowered. This ordering is necessary to ensure
-    // each heading has had its relevant context of surrounding heading levels
-    // modified so that it can be assessed if the heading can validly be raised
-    // or lowered.
-    for (i = iStart; i !== iLimit; i += iterChange) {
-        range = selection.getRangeAt(i);
-        if (range.collapsed) {
-            heading = wym.findUp(range.startContainer,
-                                 WYMeditor.HEADING_ELEMENTS);
-            shm.changeHeadingLevel(heading, upOrDown);
-        } else {
-            $selectedNodes = jQuery(wym._getSelectedNodes());
-            $headingList = $selectedNodes.filter(shm._fullHeadingSel);
-            if (!$headingList.length && $selectedNodes.length) {
-                // If there are some nodes in the range, but none of the are
-                // headings, it's possible that all of the nodes are contained
-                // within a heading.
-                $headingList = [wym.findUp(
-                    $selectedNodes[0],
-                    WYMeditor.HEADING_ELEMENTS
-                )];
-            }
-
-            jStart = (shouldRaise ? $headingList.length - 1 : 0);
-            jLimit = (shouldRaise ? -1 : $headingList.length);
-            for (j = jStart; j !== jLimit; j += iterChange) {
-                shm.changeHeadingLevel($headingList[j], upOrDown);
-            }
-        }
-    }
-};
-
-/**
-    changeHeadingLevel
-    ==================
-
-    If the passed heading DOM node exists in the documet, changes the level of
-    that heading up or down by one level if it is allowable. The heading will not
-    have its level moved up if the heading following it is at a lower level
-    than the passed heading's current level. A heading will not have its
-    level moved down if the heading preceding it is at a higher level than the
-    passed heading's current level.
-
-    @param heading The DOM node of a heading element in the document.
-    @param upOrDown A string either being "up" or "down" that indicates if the
-                    heading level should be raised or lowered.
-*/
-StructuredHeadingsManager.prototype.changeHeadingLevel = function (
-    heading, upOrDown
-) {
-    var shm = this,
-        wym = shm._wym,
-        changeLevelUp = (upOrDown === "up"),
-        levelAdjustment = (changeLevelUp ? -1 : 1),
-        headingLevel;
-
-    // If the heading doesn't exist, don't do anything.
-    if (!heading) {
-        return;
-    }
-
-    // Check if the requested change in the heading level is valid. If it is
-    // not valid, don't modify the heading.
-    headingLevel = getHeadingLevel(heading);
-    if (changeLevelUp && !shm.canRaiseHeadingLevel(heading)) {
-        return;
-    }
-    if (!changeLevelUp && !shm.canLowerHeadingLevel(heading)) {
-        return;
-    }
-
-    wym.switchTo(heading, 'h' + (headingLevel + levelAdjustment));
-};
-
-/**
-    switchToHeading
-    ===============
-
-    Switches the passed DOM node (if it exists) to a heading with the same
-    heading level as the preceding heading to the node. If there is no
-    preceding heading to the node, the node is switched to a heading with the
-    specified highest allowable heading level in the options.
-
-    @param node The DOM node to be switched to a heading.
-*/
-StructuredHeadingsManager.prototype.switchToHeading = function (node) {
-    var shm = this,
-        wym = shm._wym,
-        $prevHeading;
-
-    // If the node doesn't exist, don't do anything.
-    if (!node) {
-        return;
-    }
-
-    $prevHeading = jQuery(node).prev(shm._fullHeadingSel);
-    if ($prevHeading.length) {
-        wym.switchTo(node, $prevHeading[0].nodeName);
-    } else {
-        wym.switchTo(node, 'h' + shm._options.highestAllowableHeadingLevel);
-    }
-};
-
-/**
-    fixHeadingStructure
-    ===================
-
-    Fixes the structure of the headings in the editor if needed so that they
-    follow proper standards of heading usage. The main fix this applies is
-    preventing headings from being more than one level apart while descending
-    (e.g. an H1 followed by an H3 or an H2 followed by an H4).
-
-    This function is pretty simple now and will need more work in the future to
-    make it smarter.
-*/
-StructuredHeadingsManager.prototype.fixHeadingStructure = function () {
-    var shm = this,
-        wym = shm._wym,
-        $headings = wym.$body().find(shm._limitedHeadingSel),
-        heading,
-        headingLevel,
-        prevHeadingLevel,
-        i;
-
-    // If there are no headings in the document, don't do anything.
-    if (!$headings.length) {
-        return;
-    }
-
-    prevHeadingLevel = getHeadingLevel($headings[0]);
-    for (i = 1; i < $headings.length; ++i) {
-        heading = $headings[i];
-        headingLevel = getHeadingLevel(heading);
-        if (headingLevel - prevHeadingLevel > 1) {
-            wym.switchTo(heading, 'h' + (prevHeadingLevel + 1));
-            ++prevHeadingLevel;
-        } else {
-            prevHeadingLevel = headingLevel;
-        }
-    }
-};
-
-/**
-    WYMeditor.printStructuredHeadingsCss
-    ====================================
-
-    Function to output the plugin CSS to the console log so that it can be
-    copied over to other pages.
-*/
-WYMeditor.printStructuredHeadingsCSS = function () {
-    WYMeditor.console.log(WYMeditor.structuredHeadingsCSS);
-};
-
-/**
-    structuredHeadings
-    ==================
-
-    Construct and return a heading structure object using the given options
-    object. This should be called in the `postInit` function when initializing
-    a wymeditor instance.
-
-    @param options A configuration object.
-*/
-WYMeditor.editor.prototype.structuredHeadings = function (options) {
-    var wym = this,
-    structuredHeadingsManager = new StructuredHeadingsManager(options, wym);
-    wym.structuredHeadingsManager = structuredHeadingsManager;
-
-    return structuredHeadingsManager;
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/ruler_arrow.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/ruler_arrow.png
deleted file mode 100644
index a11b94fa9d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/ruler_arrow.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/structured_headings.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/structured_headings.css
deleted file mode 100644
index 3def5cb68a..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/structured_headings/structured_headings.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* Structured Headings Plugin CSS */
-body {
-    counter-reset: cntr-h1;
-}
-
-h1 {
-    counter-reset: cntr-h2;
-}
-
-h1:before {
-    content: counter(cntr-h1) " ";
-    counter-increment: cntr-h1;
-}
-
-h2 {
-    counter-reset: cntr-h3;
-}
-
-h2:before {
-    content: counter(cntr-h1) "." counter(cntr-h2) " ";
-    counter-increment: cntr-h2;
-}
-
-h3 {
-    counter-reset: cntr-h4;
-}
-
-h3:before {
-    content: counter(cntr-h1) "." counter(cntr-h2) "." counter(cntr-h3) " ";
-    counter-increment: cntr-h3;
-}
-
-h4 {
-    counter-reset: cntr-h5;
-}
-
-h4:before {
-    content: counter(cntr-h1) "." counter(cntr-h2) "." counter(cntr-h3) "." counter(cntr-h4) " ";
-    counter-increment: cntr-h4;
-}
-
-h5 {
-    counter-reset: cntr-h6;
-}
-
-h5:before {
-    content: counter(cntr-h1) "." counter(cntr-h2) "." counter(cntr-h3) "." counter(cntr-h4) "." counter(cntr-h5) " ";
-    counter-increment: cntr-h5;
-}
-
-h6:before {
-    content: counter(cntr-h1) "." counter(cntr-h2) "." counter(cntr-h3) "." counter(cntr-h4) "." counter(cntr-h5) "." counter(cntr-h6) " ";
-    counter-increment: cntr-h6;
-}
-
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/jquery.wymeditor.table.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/jquery.wymeditor.table.js
deleted file mode 100644
index d258cb5cf1..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/jquery.wymeditor.table.js
+++ /dev/null
@@ -1,761 +0,0 @@
-/* global rangy */
-"use strict";
-
-// Fugue icons by Yusuke Kamiyamane http://p.yusukekamiyamane.com/
-// and licensed under Creative Commons Attribution
-
-/**
- * A Table editing plugin that gives the user ability to add and remove
- * rows and columns as well as merge rows and columns.
- *
- * @param options A configuration object.
- * @param wym The WYMeditor instance to which the TableEditor should attach.
- * @class
- */
-function TableEditor(options, wym) {
-    var tableEditor = this;
-    options = jQuery.extend({
-        sMergeRowButtonHtml: String() +
-            '<li class="wym_tools_merge_row">' +
-                '<a name="merge_row" href="#" title="Merge Cells" ' +
-                    'style="background-image: ' +
-                        "url('" + wym._options.basePath +
-                            "plugins/table/table_join_row.png')" + '">' +
-                    'Merge Table Row' +
-                '</a>' +
-            '</li>',
-
-        sMergeRowButtonSelector: "li.wym_tools_merge_row a",
-
-        sAddRowButtonHtml: String() +
-            "<li class='wym_tools_add_row'>" +
-                "<a name='add_row' href='#' " +
-                    "title='Add Row' " +
-                    "style='background-image:" +
-                        " url(" + wym._options.basePath +
-                            "plugins/table/table_insert_row.png)'>" +
-                    "Add Table Row" +
-                "</a>" +
-            "</li>",
-        sAddRowButtonSelector: "li.wym_tools_add_row a",
-
-        sRemoveRowButtonHtml: String() +
-            "<li class='wym_tools_remove_row'>" +
-                "<a name='remove_row' href='#' " +
-                    "title='Remove Row' " +
-                    "style='background-image: " +
-                        "url(" + wym._options.basePath +
-                            "plugins/table/table_delete_row.png)'>" +
-                    "Remove Table Row" +
-                "</a>" +
-            "</li>",
-        sRemoveRowButtonSelector: "li.wym_tools_remove_row a",
-
-        sAddColumnButtonHtml: String() +
-            "<li class='wym_tools_add_column'>" +
-                "<a name='add_column' href='#' " +
-                    "title='Add Column' " +
-                    "style='background-image: " +
-                        "url(" + wym._options.basePath +
-                            "plugins/table/table_insert_column.png)'>" +
-                    "Add Table Column" +
-                "</a>" +
-            "</li>",
-        sAddColumnButtonSelector: "li.wym_tools_add_column a",
-
-        sRemoveColumnButtonHtml: String() +
-            "<li class='wym_tools_remove_column'>" +
-                "<a name='remove_column' href='#' " +
-                    "title='Remove Column' " +
-                    "style='background-image: " +
-                        "url(" + wym._options.basePath +
-                            "plugins/table/table_delete_column.png)'>" +
-                    "Remove Table Column" +
-                "</a>" +
-            "</li>",
-        sRemoveColumnButtonSelector: "li.wym_tools_remove_column a",
-
-        enableCellTabbing: true
-
-    }, options);
-
-    tableEditor._options = options;
-    tableEditor._wym = wym;
-
-    tableEditor.init();
-}
-
-/**
- * Construct and return a table objects using the given options object.
- *
- * @param options The configuration object.
- */
-WYMeditor.editor.prototype.table = function (options) {
-    var wym = this,
-        tableEditor = new TableEditor(options, wym);
-    wym.tableEditor = tableEditor;
-
-    return tableEditor;
-};
-
-/**
- * Initialize the TableEditor object by adding appropriate toolbar buttons and
- * binding any required event listeners.
- */
-TableEditor.prototype.init = function () {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-    // Add the tool panel buttons
-        tools = jQuery(wym._box).find(
-            wym._options.toolsSelector + wym._options.toolsListSelector
-        );
-
-    tools.append(tableEditor._options.sMergeRowButtonHtml);
-    tools.append(tableEditor._options.sAddRowButtonHtml);
-    tools.append(tableEditor._options.sRemoveRowButtonHtml);
-    tools.append(tableEditor._options.sAddColumnButtonHtml);
-    tools.append(tableEditor._options.sRemoveColumnButtonHtml);
-
-    tableEditor.bindEvents();
-    rangy.init();
-};
-
-/**
- * Bind all required event listeners, including button listeners and support
- * for tabbing through table cells if enableCellTabbing is true.
- */
-TableEditor.prototype.bindEvents = function () {
-    var tableEditor = this,
-        wym = tableEditor._wym;
-
-    // Handle tool button click
-    jQuery(wym._box).find(
-        tableEditor._options.sMergeRowButtonSelector
-    ).click(function () {
-        tableEditor.mergeRow();
-        return false;
-    });
-    jQuery(wym._box).find(
-        tableEditor._options.sAddRowButtonSelector
-    ).click(function () {
-        return tableEditor.addRow(wym.selectedContainer());
-    });
-    jQuery(wym._box).find(
-        tableEditor._options.sRemoveRowButtonSelector
-    ).click(function () {
-        return tableEditor.removeRow(wym.selectedContainer());
-    });
-    jQuery(wym._box).find(
-        tableEditor._options.sAddColumnButtonSelector
-    ).click(function () {
-        return tableEditor.addColumn(wym.selectedContainer());
-    });
-    jQuery(wym._box).find(
-        tableEditor._options.sRemoveColumnButtonSelector
-    ).click(function () {
-        return tableEditor.removeColumn(wym.selectedContainer());
-    });
-
-    // Handle tab clicks
-    if (tableEditor._options.enableCellTabbing) {
-        jQuery(wym._doc).bind('keydown', tableEditor.keyDown);
-    }
-};
-
-/**
- * Get the number of columns in a given tr element, accounting for colspan and
- * rowspan. This function assumes that the table structure is valid, and will
- * return incorrect results for uneven tables.
- *
- * @param tr The <tr> node whose number of columns we need to count.
- *
- * @returns {Number} The number of columns in the given tr, accounting for
- * colspan and rowspan.
- */
-TableEditor.prototype.getNumColumns = function (tr) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        numColumns = 0,
-        table,
-        firstTr;
-
-    table = wym.findUp(tr, 'table');
-    firstTr = jQuery(table).find('tr:eq(0)');
-
-    // Count the tds and ths in the FIRST ROW of this table, accounting for
-    // colspan. We count the first td because it won't have any rowspan's
-    // before it to complicate things
-    jQuery(firstTr).children('td,th').each(function (index, elmnt) {
-        numColumns += TableEditor.GET_COLSPAN_PROP(elmnt);
-    });
-
-    return numColumns;
-};
-
-/**
-    TableEditor.GET_COLSPAN_PROP
-    ============================
-
-    Get the integer value of the inferred colspan property on the given cell in
-    a cross-browser compatible way that's also compatible across jquery
-    versions.
-
-    jquery 1.6 changed the way .attr works, which affected certain browsers
-    differently with regard to colspan and rowspan for cells that didn't
-    explicitly have that attribute set.
-*/
-TableEditor.GET_COLSPAN_PROP = function (cell) {
-    var colspan = jQuery(cell).attr('colspan');
-    if (typeof colspan === 'undefined') {
-        colspan = 1;
-    }
-    return parseInt(colspan, 10);
-};
-
-/**
-    TableEditor.GET_ROWSPAN_PROP
-    ============================
-
-    Get the integer value of the inferred rowspan property on the given cell in
-    a cross-browser compatible way that's also compatible across jquery
-    versions.
-
-    See GET_COLSPAN_PROP for details
-*/
-TableEditor.GET_ROWSPAN_PROP = function (cell) {
-    var rowspan = jQuery(cell).attr('rowspan');
-    if (typeof rowspan === 'undefined') {
-        rowspan = 1;
-    }
-    return parseInt(rowspan, 10);
-};
-/**
- * Get the X grid index of the given td or th table cell (0-indexed). This
- * takes in to account all colspans and rowspans.
- *
- * @param cell The td or th node whose X index we're returning.
- */
-TableEditor.prototype.getCellXIndex = function (cell) {
-    var tableEditor = this,
-        i,
-        parentTr,
-        baseRowColumns,
-        rowColCount,
-        missingCells,
-        rowspanIndexes,
-        checkTr,
-        rowOffset,
-        trChildren,
-        elmnt,
-        colspan,
-        indexCounter,
-        cellIndex;
-    parentTr = jQuery(cell).parent('tr')[0];
-
-    baseRowColumns = tableEditor.getNumColumns(parentTr);
-
-    // Figure out how many explicit cells are missing which is how many
-    // rowspans we're affected by
-    rowColCount = 0;
-    jQuery(parentTr).children('td,th').each(function (index, elmnt) {
-        rowColCount += TableEditor.GET_COLSPAN_PROP(elmnt);
-    });
-
-    missingCells = baseRowColumns - rowColCount;
-    rowspanIndexes = [];
-    checkTr = parentTr;
-    rowOffset = 1;
-
-    // If this cell is affected by a rowspan from farther up the table,
-    // we need to take in to account any possible colspan attributes on that
-    // cell. Store the real X index of the cells to the left of our cell to use
-    // in the colspan calculation.
-    while (missingCells > 0) {
-        checkTr = jQuery(checkTr).prev('tr');
-        rowOffset += 1;
-        trChildren = jQuery(checkTr).children('td,th');
-        for (i = 0; i < trChildren.length; i++) {
-            elmnt = trChildren[i];
-            if (TableEditor.GET_ROWSPAN_PROP(elmnt) >= rowOffset) {
-                // Actually affects our source row
-                missingCells -= 1;
-                colspan = TableEditor.GET_COLSPAN_PROP(elmnt);
-                rowspanIndexes[tableEditor.getCellXIndex(elmnt)] = colspan;
-            }
-        }
-    }
-
-    indexCounter = 0;
-    cellIndex = null;
-    // Taking in to account the real X indexes of all of the columns to the
-    // left of this cell, determine the real X index.
-    jQuery(parentTr).children('td,th').each(function (index, elmnt) {
-        if (cellIndex !== null) {
-            // We've already iterated to the cell we're checking
-            return;
-        }
-        // Account for an inferred colspan created by a rowspan from above
-        while (typeof rowspanIndexes[indexCounter] !== 'undefined') {
-            indexCounter += parseInt(rowspanIndexes[indexCounter], 10);
-        }
-        if (elmnt === cell) {
-            // We're at our cell, no need to keep moving to the right.
-            // Signal this by setting the cellIndex
-            cellIndex = indexCounter;
-            return;
-        }
-        // Account for an explicit colspan on this cell
-        indexCounter += TableEditor.GET_COLSPAN_PROP(elmnt);
-    });
-
-    if (cellIndex === null) {
-        // Somehow, we never found the cell when iterating over its row.
-        throw "Cell index not found";
-    }
-    return cellIndex;
-};
-
-/**
- * Get the number of columns represented by the given array of contiguous cell
- * (td/th) nodes.
- * Accounts for colspan and rowspan attributes.
- *
- * @param cells An array of td/th nodes whose total column span we're checking.
- *
- * @return {Number} The number of columns represented by the "cells"
- */
-TableEditor.prototype.getTotalColumns = function (cells) {
-    var tableEditor = this,
-        rootTr = tableEditor.getCommonParentTr(cells),
-        baseRowColumns,
-        colspanCount,
-        rowColCount,
-        lastCell,
-        firstCell;
-
-    if (rootTr === null) {
-        // Non-contiguous columns
-        throw "getTotalColumns only allowed for contiguous cells";
-    }
-
-    baseRowColumns = tableEditor.getNumColumns(rootTr);
-
-    // Count the number of simple columns, not accounting for rowspans
-    colspanCount = 0;
-    jQuery(cells).each(function (index, elmnt) {
-        colspanCount += TableEditor.GET_COLSPAN_PROP(elmnt);
-    });
-
-    // Determine if we're affected by rowspans. If the number of simple columns
-    // in the row equals the number of columns in the first row, we don't have
-    // any rowspans
-    rowColCount = 0;
-    jQuery(rootTr).children('td,th').each(function (index, elmnt) {
-        rowColCount += TableEditor.GET_COLSPAN_PROP(elmnt);
-    });
-
-    if (rowColCount === baseRowColumns) {
-        // Easy case. No rowspans to deal with
-        return colspanCount;
-    } else {
-        if (cells.length === 1) {
-            // Easy. Just the colspan
-            return TableEditor.GET_COLSPAN_PROP(cells[0]);
-        } else {
-            lastCell = jQuery(cells).eq(cells.length - 1)[0];
-            firstCell = jQuery(cells).eq(0)[0];
-            // On jQuery 1.4 upgrade, jQuery(cells).eq(-1)
-            return 1 + tableEditor.getCellXIndex(lastCell) -
-                tableEditor.getCellXIndex(firstCell);
-        }
-    }
-};
-
-/**
- * Merge the table cells in the given selection using a colspan.
- *
- * @return {Boolean} true if changes are made, false otherwise
- */
-TableEditor.prototype.mergeRow = function () {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        // Get all of the affected nodes in the range
-        nodes = wym._getSelectedNodes(),
-        cells,
-        rootTr,
-        mergeCell,
-        $elmnt,
-        rowspanProp,
-        newContent,
-        combinedColspan;
-
-    wym.deselect();
-
-    // Just use the td and th nodes
-    cells = jQuery(nodes).filter('td,th');
-    if (cells.length === 0) {
-        return false;
-    }
-
-    // If the selection is across multiple tables, don't merge
-    rootTr = tableEditor.getCommonParentTr(cells);
-    if (rootTr === null) {
-        return false;
-    }
-
-    mergeCell = cells[0];
-    // If any of the cells have a rowspan, create the inferred cells
-    jQuery(cells).each(function (i, elmnt) {
-        $elmnt = jQuery(elmnt);
-        rowspanProp = TableEditor.GET_ROWSPAN_PROP(elmnt);
-        if (rowspanProp <= 1) {
-            // We don't care about cells without a rowspan
-            return;
-        }
-
-        // This cell has an actual rowspan, we need to account for it
-        // Figure out the x index for this cell in the table grid
-        var index = tableEditor.getCellXIndex(elmnt),
-            // Create the previously-inferred cell in the appropriate index
-            // with one less rowspan
-            newRowspan = rowspanProp - 1,
-            newTd,
-            insertionIndex,
-            insertionCells,
-            cellInserted,
-            xIndex;
-        if (newRowspan === 1) {
-            newTd = '<td>' + $elmnt.html() + '</td>';
-        } else {
-            newTd = String() +
-                '<td rowspan="' + newRowspan + '">' +
-                $elmnt.html() +
-                '</td>';
-        }
-        if (index === 0) {
-            $elmnt.parent('tr')
-                .next('tr')
-                .prepend(newTd);
-        } else {
-            // TODO: account for colspan/rowspan with insertion
-            // Account for colspan/rowspan by walking from right to left
-            // looking for the cell closest to the desired index to APPEND to
-            insertionIndex = index - 1;
-            insertionCells = $elmnt.parent('tr').next('tr').find('td,th');
-            cellInserted = false;
-            for (i = insertionCells.length - 1; i >= 0; i--) {
-                xIndex = tableEditor.getCellXIndex(insertionCells[i]);
-                if (xIndex <= insertionIndex) {
-                    jQuery(insertionCells[i]).after(newTd);
-                    cellInserted = true;
-                    break;
-                }
-            }
-            if (!cellInserted) {
-                // Bail out now before we clear HTML and break things
-                throw "Cell rowspan invalid";
-            }
-        }
-
-        // Clear the cell's html, since we just moved it down
-        $elmnt.html('');
-    });
-
-    // Remove any rowspan from the mergecell now that we've shifted rowspans
-    // down
-    // ie fails when we try to remove a rowspan for some reason
-    try {
-        jQuery(mergeCell).removeAttr('rowspan');
-    } catch (err) {
-        jQuery(mergeCell).attr('rowspan', 1);
-    }
-
-    // Build the content of the new combined cell from all of the included
-    // cells
-    newContent = '';
-    jQuery(cells).each(function (index, elmnt) {
-        newContent += jQuery(elmnt).html();
-    });
-
-    // Add a colspan to the farthest-left cell
-    combinedColspan = tableEditor.getTotalColumns(cells);
-    if (jQuery.browser.msie) {
-        // jQuery.attr doesn't work for colspan in ie
-        mergeCell.colSpan = combinedColspan;
-    } else {
-        jQuery(mergeCell).attr('colspan', combinedColspan);
-    }
-
-    // Delete the rest of the cells
-    jQuery(cells).each(function (index, elmnt) {
-        if (index !== 0) {
-            jQuery(elmnt).remove();
-        }
-    });
-
-    // Change the content in our newly-merged cell
-    jQuery(mergeCell).html(newContent);
-
-    tableEditor.selectElement(mergeCell);
-
-    wym.registerModification();
-    return true;
-};
-
-/**
- * Add a row to the given elmnt (representing a <tr> or a child of a <tr>).
- *
- * @param The node which will have a row appended after its parent row.
- */
-TableEditor.prototype.addRow = function (elmnt) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        tr = tableEditor._wym.findUp(elmnt, 'tr'),
-        numColumns,
-        tdHtml,
-        i;
-
-    if (tr === null) {
-        return false;
-    }
-
-    numColumns = tableEditor.getNumColumns(tr);
-
-    tdHtml = '';
-    for (i = 0; i < numColumns; i++) {
-        tdHtml += '<td>&nbsp;</td>';
-    }
-    jQuery(tr).after('<tr>' + tdHtml + '</tr>');
-
-    wym.registerModification();
-    return false;
-};
-
-/**
- * Remove the given table if it doesn't have any rows/columns.
- *
- * @param table The table to delete if it is empty.
- */
-TableEditor.prototype.removeEmptyTable = function (table) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        cells = jQuery(table).find('td,th'),
-        $table;
-    if (cells.length === 0) {
-        $table = jQuery(table);
-        $table.prev('br.' + WYMeditor.BLOCKING_ELEMENT_SPACER_CLASS).remove();
-        $table.next('br.' + WYMeditor.BLOCKING_ELEMENT_SPACER_CLASS).remove();
-        $table.remove();
-        wym.prepareDocForEditing();
-    }
-};
-
-/**
- * Remove the row for the given element (representing a <tr> or a child
- * of a <tr>).
- *
- * @param elmnt The node whose parent tr will be removed.
- */
-TableEditor.prototype.removeRow = function (elmnt) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        tr = wym.findUp(elmnt, 'tr'),
-        table;
-
-    if (tr === null) {
-        return false;
-    }
-    table = wym.findUp(elmnt, 'table');
-    if (
-        wym.hasSelection() === true &&
-        wym.doesElementContainSelection(elmnt) === true
-    ) {
-        wym.deselect();
-    }
-    jQuery(tr).remove();
-    tableEditor.removeEmptyTable(table);
-
-    wym.registerModification();
-    return false;
-};
-
-/**
- * Add a column to the given elmnt (representing a <td> or a child of a <td>).
- *
- * @param elmnt The node which will have a column appended afterward.
- */
-TableEditor.prototype.addColumn = function (elmnt) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        td = wym.findUp(elmnt, ['td', 'th']),
-        prevTds,
-        tdIndex,
-        tr,
-        newTd = '<td>&nbsp;</td>',
-        newTh = '<th>&nbsp;</th>',
-        insertionElement;
-
-    if (td === null) {
-        return false;
-    }
-    prevTds = jQuery(td).prevAll();
-    tdIndex = prevTds.length;
-
-    tr = wym.findUp(td, 'tr');
-    jQuery(tr).siblings('tr').andSelf().each(function (index, element) {
-        insertionElement = newTd;
-        if (jQuery(element).find('th').length > 0) {
-            // The row has a TH, so insert a th
-            insertionElement = newTh;
-        }
-
-        jQuery(element).find('td,th').eq(tdIndex).after(insertionElement);
-    });
-
-    wym.registerModification();
-    return false;
-};
-
-/**
- * Remove the column to the right of the given elmnt (representing a <td> or a
- * child of a <td>).
- */
-TableEditor.prototype.removeColumn = function (elmnt) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        td = wym.findUp(elmnt, ['td', 'th']),
-        table,
-        prevTds,
-        tdIndex,
-        tr;
-    if (td === null) {
-        return false;
-    }
-    table = wym.findUp(elmnt, 'table');
-    prevTds = jQuery(td).prevAll();
-    tdIndex = prevTds.length;
-
-    tr = wym.findUp(td, 'tr');
-    jQuery(tr).siblings('tr').addBack().each(function (index, element) {
-        var $cell = jQuery(element).find("td, th").eq(tdIndex);
-        if (
-            wym.hasSelection() === true &&
-            wym.doesElementContainSelection($cell[0]) === true
-        ) {
-            wym.deselect();
-        }
-        $cell.remove();
-    });
-    tableEditor.removeEmptyTable(table);
-
-    wym.registerModification();
-    return false;
-};
-
-/**
- * keyDown event handler used for consistent tab key cell movement.
- */
-TableEditor.prototype.keyDown = function (evt) {
-    var doc = this,
-        wym = WYMeditor.INSTANCES[doc.title],
-        tableEditor = wym.tableEditor;
-
-    if (evt.which === WYMeditor.KEY_CODE.TAB) {
-        return tableEditor.selectNextCell(wym.selectedContainer());
-    }
-
-    return null;
-};
-
-/**
- * Move the focus to the next cell.
- */
-TableEditor.prototype.selectNextCell = function (elmnt) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        cell = wym.findUp(elmnt, ['td', 'th']),
-        nextCells,
-        tr,
-        nextRows;
-
-    if (cell === null) {
-        return null;
-    }
-
-    // Try moving to the next cell to the right
-    nextCells = jQuery(cell).next('td,th');
-    if (nextCells.length > 0) {
-        tableEditor.selectElement(nextCells[0]);
-        return false;
-    }
-
-    // There was no cell to the right, use the first cell in the next row
-    tr = wym.findUp(cell, 'tr');
-    nextRows = jQuery(tr).next('tr');
-    if (nextRows.length !== 0) {
-        nextCells = jQuery(nextRows).children('td,th');
-        if (nextCells.length > 0) {
-            tableEditor.selectElement(nextCells[0]);
-            return false;
-        }
-    }
-
-    // There is no next row. Do a normal tab
-    return null;
-};
-
-/**
- * Select the given element using rangy selectors.
- */
-TableEditor.prototype.selectElement = function (elmnt) {
-    var tableEditor = this,
-        wym = tableEditor._wym,
-        sel = wym.selection(),
-        range = rangy.createRange(wym._doc);
-
-    range.setStart(elmnt, 0);
-    range.setEnd(elmnt, 0);
-    range.collapse(false);
-
-    try {
-        sel.setSingleRange(range);
-    } catch (err) {
-        // ie8 can raise an "unkown runtime error" trying to empty the range
-    }
-    // Old IE selection hack
-    if (WYMeditor.isInternetExplorerPre11()) {
-        wym._saveCaret();
-    }
-};
-
-/**
- * Get the common parent tr for the given table cell nodes. If the closest
- * parent tr for each cell isn't the same, returns null.
- */
-TableEditor.prototype.getCommonParentTr = function (cells) {
-    var firstCell,
-        parentTrList,
-        rootTr;
-
-    cells = jQuery(cells).filter('td,th');
-    if (cells.length === 0) {
-        return null;
-    }
-    firstCell = cells[0];
-    parentTrList = jQuery(firstCell).parent('tr');
-
-    if (parentTrList.length === 0) {
-        return null;
-    }
-    rootTr = parentTrList[0];
-
-    // Ensure that all of the cells have the same parent tr
-    jQuery(cells).each(function (index, elmnt) {
-        parentTrList = jQuery(elmnt).parent('tr');
-        if (parentTrList.length === 0 || parentTrList[0] !== rootTr) {
-            return null;
-        }
-    });
-
-    return rootTr;
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_delete_column.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_delete_column.png
deleted file mode 100644
index 9022d686f6..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_delete_column.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_delete_row.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_delete_row.png
deleted file mode 100644
index f9d956f05a..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_delete_row.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_insert_column.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_insert_column.png
deleted file mode 100644
index 49226ec5ec..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_insert_column.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_insert_row.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_insert_row.png
deleted file mode 100644
index da435c33ac..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_insert_row.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_join_row.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_join_row.png
deleted file mode 100644
index 70e5983c7d..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/table/table_join_row.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/tidy/jquery.wymeditor.tidy.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/tidy/jquery.wymeditor.tidy.js
deleted file mode 100644
index 5798aa5d0c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/tidy/jquery.wymeditor.tidy.js
+++ /dev/null
@@ -1,74 +0,0 @@
-"use strict";
-
-function WymTidy(options, wym) {
-    var wymTidy = this,
-        wandUrl = wym._options.basePath + "plugins/tidy/wand.png";
-    options = jQuery.extend({
-        sUrl:            wym._options.basePath + "plugins/tidy/tidy.php",
-        sButtonHtml:     "" +
-            "<li class='wym_tools_tidy'>" +
-                "<a name='CleanUp' href='#'" +
-                    " style='background-image: url(" + wandUrl + ")'>" +
-                    "Clean up HTML" +
-                "</a>" +
-            "</li>",
-
-        sButtonSelector: "li.wym_tools_tidy a"
-
-    }, options);
-
-    wymTidy._options = options;
-    wymTidy._wym = wym;
-}
-
-//Extend WYMeditor
-WYMeditor.editor.prototype.tidy = function (options) {
-    var wym = this,
-        tidy = new WymTidy(options, wym);
-    return tidy;
-};
-
-
-//WymTidy initialization
-WymTidy.prototype.init = function () {
-    var tidy = this,
-        wym = tidy._wym;
-
-    jQuery(wym._box).find(
-        wym._options.toolsSelector + wym._options.toolsListSelector
-    ).append(tidy._options.sButtonHtml);
-
-    //handle click event
-    jQuery(wym._box).find(
-        tidy._options.sButtonSelector
-    ).click(
-        function () {
-            tidy.cleanup();
-            return false;
-        }
-    );
-};
-
-//WymTidy cleanup
-WymTidy.prototype.cleanup = function () {
-    var tidy = this,
-        wym = tidy._wym,
-        html = "<html><body>" + wym.html() + "</body></html>";
-
-    jQuery.post(
-        tidy._options.sUrl,
-        {html: html},
-        function (data) {
-            if (data.length > 0 && data !== '0') {
-                if (data.indexOf("<?php") === 0) {
-                    wym.status("Ooops... Is PHP installed?");
-                } else {
-                    wym.html(data);
-                    wym.status("HTML has been cleaned up.");
-                }
-            } else {
-                wym.status("An error occurred.");
-            }
-        }
-    );
-};
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/tidy/wand.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/tidy/wand.png
deleted file mode 100644
index bb55eeab4f..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/plugins/tidy/wand.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/popup.html b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/popup.html
deleted file mode 100644
index 0b4f522556..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/popup.html
+++ /dev/null
@@ -1 +0,0 @@
-<!-- Workaround for IE https://github.com/wymeditor/wymeditor/issues/731 -->
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/compact/icons.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/compact/icons.png
deleted file mode 100644
index c6eb463f11..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/compact/icons.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/compact/skin.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/compact/skin.css
deleted file mode 100644
index 2becf0b146..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/compact/skin.css
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *      http://www.wymeditor.org/
- *
- * File Name:
- *      screen.css
- *      main stylesheet for the WYMeditor skin
- *      See the documentation for more info.
- *
- * File Authors:
- *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
- *      Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
-*/
-
-/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
-        .wym_skin_compact p, .wym_skin_compact h2, .wym_skin_compact h3,
-        .wym_skin_compact ul, .wym_skin_compact li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
-
-
-/*HIDDEN BY DEFAULT*/
-        .wym_skin_compact .wym_area_left          { display: none; }
-        .wym_skin_compact .wym_area_right         { display: none; }
-
-
-/*TYPO*/    
-        .wym_skin_compact                { font-size: 10px; font-family: Verdana, Arial, sans-serif; }
-        .wym_skin_compact h2             { font-size: 110%; /* = 11px */}
-        .wym_skin_compact h3             { font-size: 100%; /* = 10px */}
-        .wym_skin_compact li             { font-size: 100%; /* = 10px */}
-
-
-/*WYM_BOX*/
-        .wym_skin_compact                { border: 1px solid gray; padding: 5px}
-
-    /*auto-clear the wym_box*/
-        .wym_skin_compact:after 	 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_compact                { height: 1%;}
-
-
-/*WYM_HTML*/
-        .wym_skin_compact .wym_html               { width: 98%;}
-        .wym_skin_compact .wym_html textarea      { font-size: 120%; width: 100%; height: 200px; border: 1px solid gray; background: white; }
-
-
-/*WYM_IFRAME*/
-        .wym_skin_compact .wym_iframe             { width: 98%;}
-        .wym_skin_compact .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white; display: block; }
-
-
-/*AREAS*/
-        .wym_skin_compact .wym_area_left          { width: 100px; float: left;}
-        .wym_skin_compact .wym_area_right         { width: 150px; float: right;}
-        .wym_skin_compact .wym_area_bottom        { height: 1%; clear: both;}
- * html .wym_skin_compact .wym_area_main          { height: 1%;}
- * html .wym_skin_compact .wym_area_top           { height: 1%;}
- *+html .wym_skin_compact .wym_area_top           { height: 1%;}
-
-/*SECTIONS SYSTEM*/
-
-    /*common defaults for all sections*/
-        .wym_skin_compact .wym_section            { margin-bottom: 5px; }
-        .wym_skin_compact .wym_section h2,
-        .wym_skin_compact .wym_section h3         { padding: 1px 3px; margin: 0; }
-        .wym_skin_compact .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
-        .wym_skin_compact .wym_section a:hover    { background-color: yellow; }
-      /*hide section titles by default*/
-        .wym_skin_compact .wym_section h2         { display: none; }
-      /*disable any margin-collapse*/
-        .wym_skin_compact .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
-      /*auto-clear sections*/
-        .wym_skin_compact .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_compact .wym_section ul         { height: 1%;}
-
-    /*option: add this class to a section to make it render as a panel*/
-        .wym_skin_compact .wym_panel              { }
-        .wym_skin_compact .wym_panel h2           { display: block; }
-
-    /*option: add this class to a section to make it render as a dropdown menu*/
-        .wym_skin_compact .wym_dropdown h2        { display: block; }
-        .wym_skin_compact .wym_dropdown ul        { display: none; position: absolute; background: white; }
-        .wym_skin_compact .wym_dropdown:hover ul,
-        .wym_skin_compact .wym_dropdown.hover ul  { display: block; }
-
-    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
-        .wym_skin_compact .wym_buttons li         { float:left;}
-        .wym_skin_compact .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
-      /*image replacements*/
-        .wym_skin_compact .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;} 
-        .wym_skin_compact .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
-        .wym_skin_compact .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
-
-/*DECORATION*/
-        .wym_skin_compact .wym_section h2             { background: #f0f0f0; border: solid gray; border-width: 0 0 1px;}
-        .wym_skin_compact .wym_section h2 span        { color: gray;}
-        .wym_skin_compact .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}    
-        .wym_skin_compact .wym_panel ul               { margin: 2px 0 5px; }        
-        .wym_skin_compact .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
-        .wym_skin_compact .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
-        
-/*DIALOGS*/
-        .wym_dialog div.row         { margin-bottom: 5px;}
-        .wym_dialog div.row input   { margin-right: 5px;}
-        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
-        .wym_dialog div.row-indent  { padding-left: 160px; }
-        /*autoclearing*/        
-        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-        .wym_dialog div.row                  { display: inline-block; }
-            /* Hides from IE-mac \*/
-            * html .wym_dialog div.row       { height: 1%; }
-            .wym_dialog div.row              { display: block; }
-            /* End hide from IE-mac */                
-            
-/*WYMEDITOR_LINK*/
-        a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/default/icons.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/default/icons.png
deleted file mode 100644
index c6eb463f11..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/default/icons.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/default/skin.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/default/skin.css
deleted file mode 100644
index bbffd6e81a..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/default/skin.css
+++ /dev/null
@@ -1,133 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *      http://www.wymeditor.org/
- *
- * File Name:
- *      skin.css
- *      main stylesheet for the default WYMeditor skin
- *      See the documentation for more info.
- *
- * File Authors:
- *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
-*/
-
-/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
-        .wym_skin_default p, .wym_skin_default h2, .wym_skin_default h3,
-        .wym_skin_default ul, .wym_skin_default li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
-
-
-/*HIDDEN BY DEFAULT*/
-        .wym_skin_default .wym_area_left          { display: none; }
-        .wym_skin_default .wym_area_right         { display: block; }
-
-
-/*TYPO*/    
-        .wym_skin_default                { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
-        .wym_skin_default h2             { font-size: 110%; /* = 11px */}
-        .wym_skin_default h3             { font-size: 100%; /* = 10px */}
-        .wym_skin_default li             { font-size: 100%; /* = 10px */}
-
-
-/*WYM_BOX*/
-        .wym_skin_default                { border: 1px solid gray; background: #f2f2f2; padding: 5px}
-
-    /*auto-clear the wym_box*/
-        .wym_skin_default:after 	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_default                { height: 1%;}
-
-
-/*WYM_HTML*/
-        .wym_skin_default .wym_html               { width: 98%;}
-        .wym_skin_default .wym_html textarea      { width: 100%; height: 200px; border: 1px solid gray; background: white;  }
-
-
-/*WYM_IFRAME*/
-        .wym_skin_default .wym_iframe             { width: 98%;}
-        .wym_skin_default .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }
-
-
-/*AREAS*/
-        .wym_skin_default .wym_area_left          { width: 150px; float: left;}
-        .wym_skin_default .wym_area_right         { width: 150px; float: right;}
-        .wym_skin_default .wym_area_bottom        { height: 1%; clear: both;}
- * html .wym_skin_default .wym_area_main          { height: 1%;}
- * html .wym_skin_default .wym_area_top           { height: 1%;}
- *+html .wym_skin_default .wym_area_top           { height: 1%;}
-
-/*SECTIONS SYSTEM*/
-
-    /*common defaults for all sections*/
-        .wym_skin_default .wym_section            { margin-bottom: 5px; }
-        .wym_skin_default .wym_section h2,
-        .wym_skin_default .wym_section h3         { padding: 1px 3px; margin: 0; }
-        .wym_skin_default .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
-        .wym_skin_default .wym_section a:hover    { background-color: yellow; }
-      /*hide section titles by default*/
-        .wym_skin_default .wym_section h2         { display: none; }
-      /*disable any margin-collapse*/
-        .wym_skin_default .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
-      /*auto-clear sections*/
-        .wym_skin_default .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_default .wym_section ul         { height: 1%;}
-
-    /*option: add this class to a section to make it render as a panel*/
-        .wym_skin_default .wym_panel              { }
-        .wym_skin_default .wym_panel h2           { display: block; }
-
-    /*option: add this class to a section to make it render as a dropdown menu*/
-        .wym_skin_default .wym_dropdown h2        { display: block; }
-        .wym_skin_default .wym_dropdown ul        { display: none; position: absolute; background: white; }
-        .wym_skin_default .wym_dropdown:hover ul,
-        .wym_skin_default .wym_dropdown.hover ul  { display: block; }
-
-    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
-        .wym_skin_default .wym_buttons li         { float:left;}
-        .wym_skin_default .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
-      /*image replacements*/
-        .wym_skin_default .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;} 
-        .wym_skin_default .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
-        .wym_skin_default .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
-        .wym_skin_default .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
-        .wym_skin_default .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
-        .wym_skin_default .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
-        .wym_skin_default .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
-        .wym_skin_default .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
-        .wym_skin_default .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
-        .wym_skin_default .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
-        .wym_skin_default .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
-        .wym_skin_default .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
-        .wym_skin_default .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
-        .wym_skin_default .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
-        .wym_skin_default .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
-        .wym_skin_default .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
-        .wym_skin_default .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
-        .wym_skin_default .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
-
-/*DECORATION*/
-        .wym_skin_default .wym_section h2             { background: #ddd; border: solid gray; border-width: 0 0 1px;}
-        .wym_skin_default .wym_section h2 span        { color: gray;}
-        .wym_skin_default .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}    
-        .wym_skin_default .wym_panel ul               { margin: 2px 0 5px; }        
-        .wym_skin_default .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
-        .wym_skin_default .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
-        
-/*DIALOGS*/
-        .wym_dialog div.row         { margin-bottom: 5px;}
-        .wym_dialog div.row input   { margin-right: 5px;}
-        .wym_dialog div.row label   { float: left; width: 120px; display: block; text-align: right; margin-right: 10px; }
-        .wym_dialog div.row-indent  { padding-left: 160px; }
-        /*autoclearing*/        
-        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-        .wym_dialog div.row                  { display: inline-block; }
-            /* Hides from IE-mac \*/
-            * html .wym_dialog div.row       { height: 1%; }
-            .wym_dialog div.row              { display: block; }
-            /* End hide from IE-mac */                
-            
-/*WYMEDITOR_LINK*/
-        a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/legacy/icons.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/legacy/icons.png
deleted file mode 100644
index c6eb463f11..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/legacy/icons.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/legacy/skin.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/legacy/skin.css
deleted file mode 100644
index cc936dff3f..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/legacy/skin.css
+++ /dev/null
@@ -1,115 +0,0 @@
-/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
-        .wym_skin_legacy p, .wym_skin_legacy h2, .wym_skin_legacy h3,
-        .wym_skin_legacy ul, .wym_skin_legacy li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
-
-
-/*HIDDEN BY DEFAULT*/
-        .wym_skin_legacy .wym_area_left          { display: none; }
-        .wym_skin_legacy .wym_area_right         { display: block; }
-
-
-/*TYPO*/
-        .wym_skin_legacy                { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
-        .wym_skin_legacy h2             { font-size: 110%; /* = 11px */}
-        .wym_skin_legacy h3             { font-size: 100%; /* = 10px */}
-        .wym_skin_legacy li             { font-size: 100%; /* = 10px */}
-
-
-/*WYM_BOX*/
-        .wym_skin_legacy                { border: 1px solid gray; background: #f2f2f2; padding: 5px}
-
-    /*auto-clear the wym_box*/
-        .wym_skin_legacy:after 	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_legacy                { height: 1%;}
-
-
-/*WYM_HTML*/
-        .wym_skin_legacy .wym_html               { width: 98%;}
-        .wym_skin_legacy .wym_html textarea      { width: 100%; height: 200px; border: 1px solid gray; background: white;  }
-
-
-/*WYM_IFRAME*/
-        .wym_skin_legacy .wym_iframe             { width: 98%;}
-        .wym_skin_legacy .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }
-
-
-/*AREAS*/
-        .wym_skin_legacy .wym_area_left          { width: 150px; float: left;}
-        .wym_skin_legacy .wym_area_right         { width: 150px; float: right;}
-        .wym_skin_legacy .wym_area_bottom        { height: 1%; clear: both;}
- * html .wym_skin_legacy .wym_area_main          { height: 1%;}
- * html .wym_skin_legacy .wym_area_top           { height: 1%;}
- *+html .wym_skin_legacy .wym_area_top           { height: 1%;}
-
-/*SECTIONS SYSTEM*/
-
-    /*common defaults for all sections*/
-        .wym_skin_legacy .wym_section            { margin-bottom: 5px; }
-        .wym_skin_legacy .wym_section h2,
-        .wym_skin_legacy .wym_section h3         { padding: 1px 3px; margin: 0; }
-        .wym_skin_legacy .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
-        .wym_skin_legacy .wym_section a:hover    { background-color: yellow; }
-      /*hide section titles by default*/
-        .wym_skin_legacy .wym_section h2         { display: none; }
-      /*disable any margin-collapse*/
-        .wym_skin_legacy .wym_section            { padding-top: 1px; padding-bottom: 1px; }
-      /*auto-clear sections*/
-        .wym_skin_legacy .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_legacy .wym_section ul         { height: 1%;}
-
-    /*option: add this class to a section to make it render as a panel*/
-        .wym_skin_legacy .wym_panel              { }
-        .wym_skin_legacy .wym_panel h2           { display: block; }
-
-    /*option: add this class to a section to make it render as a dropdown menu*/
-        .wym_skin_legacy .wym_dropdown h2        { display: block; }
-        .wym_skin_legacy .wym_dropdown ul        { display: none; position: absolute; background: white; }
-        .wym_skin_legacy .wym_dropdown:hover ul,
-        .wym_skin_legacy .wym_dropdown.hover ul  { display: block; }
-
-    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
-        .wym_skin_legacy .wym_buttons li         { float:left;}
-        .wym_skin_legacy .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
-      /*image replacements*/
-        .wym_skin_legacy .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
-        .wym_skin_legacy .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
-
-/*DECORATION*/
-        .wym_skin_legacy .wym_section h2             { background: #ddd; border: solid gray; border-width: 0 0 1px;}
-        .wym_skin_legacy .wym_section h2 span        { color: gray;}
-        .wym_skin_legacy .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}
-        .wym_skin_legacy .wym_panel ul               { margin: 2px 0 5px; }
-        .wym_skin_legacy .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
-        .wym_skin_legacy .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
-
-/*DIALOGS*/
-        .wym_dialog div.row         { margin-bottom: 5px;}
-        .wym_dialog div.row input   { margin-right: 5px;}
-        .wym_dialog div.row label   { float: left; width: 120px; display: block; text-align: right; margin-right: 10px; }
-        .wym_dialog div.row-indent  { padding-left: 160px; }
-        /*autoclearing*/
-        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-        .wym_dialog div.row                  { display: inline-block; }
-            /* Hides from IE-mac \*/
-            * html .wym_dialog div.row       { height: 1%; }
-            .wym_dialog div.row              { display: block; }
-            /* End hide from IE-mac */
-
-/*WYMEDITOR_LINK*/
-        a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.header.gif b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.header.gif
deleted file mode 100644
index b2d2907bde..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.header.gif and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.selector.silver.gif b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.selector.silver.gif
deleted file mode 100644
index e65976bdda..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.selector.silver.gif and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.wymeditor.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.wymeditor.png
deleted file mode 100644
index 1e84813f7e..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/bg.wymeditor.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/icons.silver.gif b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/icons.silver.gif
deleted file mode 100644
index 8c6a4fbfbe..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/images/icons.silver.gif and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/skin.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/skin.css
deleted file mode 100644
index cea8d842cb..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/minimal/skin.css
+++ /dev/null
@@ -1,131 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *      http://www.wymeditor.org/
- *
- * File Name:
- *      skin.css
- *      main stylesheet for the minimal WYMeditor skin
- *      See the documentation for more info.
- *
- * File Authors:
- *      Jean-Francois Hovinne
- *      Scott Lewis (see Silver skin)
-*/
-
-/* Set iframe */
-.wym_skin_minimal div.wym_iframe iframe {
-    width: 90%;
-    height: 200px;
-}
-
-/* Hide h2 by default */
-.wym_skin_minimal h2 {
-    display: none;
-}
-
-/* Show specific h2 */
-.wym_skin_minimal div.wym_tools h2,
-.wym_skin_minimal div.wym_containers h2,
-.wym_skin_minimal div.wym_classes h2 {
-    display: block;
-}
-
-.wym_skin_minimal div.wym_section ul {
-    margin: 0;
-}
-
-.wym_skin_minimal div.wym_section ul li {
-    float: left;
-    list-style-type: none;
-    margin-right: 5px;
-}
-
-.wym_skin_minimal div.wym_area_top,
-.wym_skin_minimal div.wym_area_right,
-.wym_skin_minimal div.wym_containers,
-.wym_skin_minimal div.wym_classes {
-    float: left;
-}
-
-.wym_skin_minimal div.wym_area_main {
-    clear: both;
-}
-
-.wym_skin_minimal div.wym_html {
-    width: 90%;
-}
-
-.wym_skin_minimal textarea.wym_html_val {
-    width: 100%;
-    height: 100px;
-}
-
-/* DROPDOWNS (see Silver skin) */
-.wym_skin_minimal div.wym_dropdown {
-  cursor: pointer;
-  margin: 0px 4px 10px 0px;
-  padding: 0px;
-  z-index: 1001;
-  display: block;
-}
-
-.wym_skin_minimal div.wym_dropdown ul {
-  display: none;
-  width: 124px;
-  padding: 0px;
-  margin: 0px;
-  list-style-type: none;
-  list-style-image: none;
-  z-index: 1002;
-  position: absolute;
-  border-top: 1px solid #AAA;
-}
-
-.wym_skin_minimal div.wym_dropdown ul li {
-  width: 146px;
-  height: 20px;
-  padding: 0px;
-  margin: 0px;
-  border: 1px solid #777;
-  border-top: none;
-  background: #EEE;
-  list-style-image: none;
-}
-
-.wym_skin_minimal div.wym_dropdown h2 {
-  width: 138px;
-  height: 16px;
-  color: #000;
-  background-image: url(images/bg.selector.silver.gif);
-  background-position: 0px -18px;
-  background-repeat: no-repeat;
-  border: none;
-  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
-  font-size: 12px;
-  font-weight: bold;
-  padding: 2px 0px 0px 10px;
-  margin: 0px;
-}
-
-.wym_skin_minimal div.wym_dropdown a {
-  text-decoration: none;
-  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
-  font-size: 12px;
-  padding: 5px 0px 0px 10px;
-  display: block;
-  width: 136px;
-  height: 15px;
-  color: #000;
-  text-align: left;
-  margin-left: 0px;
-}
-
-.wym_skin_minimal div.wym_dropdown a:hover {
-  background: #BBB;
-  border-bottom: none;
-}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/seamless/icons.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/seamless/icons.png
deleted file mode 100644
index c6eb463f11..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/seamless/icons.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/seamless/skin.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/seamless/skin.css
deleted file mode 100644
index c48d618565..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/seamless/skin.css
+++ /dev/null
@@ -1,306 +0,0 @@
-/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
-.wym_skin_seamless p,
-.wym_skin_seamless h2,
-.wym_skin_seamless h3,
-.wym_skin_seamless ul,
-.wym_skin_seamless li {
-    background: transparent url();
-    margin: 0;
-    padding: 0;
-    border-width: 0;
-    list-style: none;
-}
-
-/*HIDDEN BY DEFAULT*/
-.wym_skin_seamless .wym_area_left {
-    display: none;
-}
-.wym_skin_seamless .wym_area_right {
-    display: block;
-}
-
-/*TYPOGRAPHY*/
-.wym_skin_seamless {
-    font-size: 62.5%;
-    font-family: Verdana, Arial, sans-serif;
-}
-.wym_skin_seamless h2 {
-    font-size: 110%; /* = 11px */
-}
-.wym_skin_seamless h3 {
-    font-size: 100%; /* = 10px */
-}
-.wym_skin_seamless li {
-    font-size: 100%; /* = 10px */
-}
-
-/*WYM_BOX*/
-.wym_box {
-    margin:   0;
-    overflow: visible;
-    width:    98%;
-}
-.wym_skin_seamless {
-    border-style: none;
-    padding: 1px;
-}
-
-/*WYM_HTML*/
-.wym_skin_seamless .wym_html {
-    width: 98%;
-}
-.wym_skin_seamless .wym_html textarea {
-    width: 100%;
-    height: 200px;
-    border: 1px solid gray;
-    background: white;
-}
-
-/* Top controls */
-.wym_skin_seamless .wym_area_top {
-    width: 802px;
-    margin-left: auto;
-    margin-right: auto;
-    height: 24px;
-}
-.wym_skin_seamless .wym_area_top_affix_placeholder {
-    margin: 0px;
-    padding: 0px;
-}
-.wym_skin_seamless .affix {
-    position: fixed;
-    top: 0px;
-    width: 100%;
-    background: white;
-}
-
-/*WYM_IFRAME*/
-.wym_skin_seamless .wym_iframe {
-    width: 802px;
-    margin-left: auto;
-    margin-right: auto;
-}
-.wym_skin_seamless .wym_iframe iframe {
-    width: 100%;
-    /* Don't set a height. That will be dynamic based on the content. */
-    border-style: none;
-    background: white;
-    display: block;
-    vertical-align: bottom;
-}
-
-/*AREAS*/
-.wym_skin_seamless .wym_area_left {
-    width: 150px;
-    float: left;
-}
-.wym_skin_seamless .wym_area_right {
-    width: 150px;
-    float: right;
-}
-.wym_skin_seamless .wym_area_bottom {
-    height: 1%;
-    clear: both;
-}
-
-/*SECTIONS SYSTEM*/
-/*common defaults for all sections*/
-.wym_skin_seamless .wym_section {
-    margin-bottom: 5px;
-}
-.wym_skin_seamless .wym_section h2,
-.wym_skin_seamless .wym_section h3 {
-    padding: 1px 3px;
-    margin: 0;
-}
-.wym_skin_seamless .wym_section a {
-    display: block;
-    text-decoration: none;
-    color: black;
-}
-.wym_skin_seamless .wym_section a:hover {
-    background-color: yellow;
-}
-/*hide section titles by default*/
-.wym_skin_seamless .wym_section h2 {
-    display: none;
-}
-/*disable any margin-collapse*/
-.wym_skin_seamless .wym_section {
-    padding-top: 1px;
-    padding-bottom: 1px;
-}
-
-/*option: add this class to a section to make it render as a panel*/
-.wym_skin_seamless .wym_panel {
-}
-.wym_skin_seamless .wym_panel h2 {
-    display: block;
-}
-
-/*option: add this class to a section to make it render as a dropdown menu*/
-.wym_skin_seamless .wym_dropdown {
-    padding: 0;
-    background: #ddd;
-    border: solid gray;
-    margin-right: 10px;
-    width: 110px;
-    float: left;
-    border-width: 1px 1px 1px 1px;
-}
-.wym_skin_seamless .wym_dropdown h2 {
-    display: block;
-    font-size: 2.0em;
-    line-height: 20px;
-}
-.wym_skin_seamless .wym_dropdown ul {
-    display: none;
-    position: absolute;
-    background: white;
-    font-size: 1.7em;
-    /* If there's a top margin, we hit a gap and break the hover
-     * when scrolling down */
-    margin-top: 0px;
-    margin-left: -1px;
-    padding: 5px 10px 5px 3px;
-}
-.wym_skin_seamless .wym_dropdown:hover ul,
-.wym_skin_seamless .wym_dropdown.hover ul {
-    display: block;
-}
-.wym_skin_seamless .wym_dropdown li {
-    width: 120px;
-}
-
-/* option: add this class to a section to make its elements render buttons
-   (icons are only available for the wym_tools section for now)
- */
-.wym_skin_seamless .wym_buttons {
-    margin-right: 5px;
-    float: left;
-}
-.wym_skin_seamless .wym_buttons li {
-    float:left;
-}
-.wym_skin_seamless .wym_buttons a {
-    width: 20px;
-    height: 20px;
-    overflow: hidden;
-    padding: 2px;
-}
-/*image replacements*/
-.wym_skin_seamless .wym_buttons li a {
-    background: url(icons.png) no-repeat;
-    text-indent: -9999px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_strong a {
-    background-position: 0 -382px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_emphasis a {
-    background-position: 0 -22px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_superscript a {
-    background-position: 0 -430px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_subscript a {
-    background-position: 0 -454px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_ordered_list a {
-    background-position: 0 -48px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_unordered_list a {
-    background-position: 0 -72px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_indent a {
-    background-position: 0 -574px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_outdent a {
-    background-position: 0 -598px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_undo a {
-    background-position: 0 -502px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_redo a {
-    background-position: 0 -526px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_link a {
-    background-position: 0 -96px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_unlink a {
-    background-position: 0 -168px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_image a {
-    background-position: 0 -121px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_table a {
-    background-position: 0 -144px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_paste a {
-    background-position: 0 -552px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_html a {
-    background-position: 0 -193px;
-}
-.wym_skin_seamless .wym_buttons li.wym_tools_preview a {
-    background-position: 0 -408px;
-}
-
-/*DECORATION*/
-.wym_skin_seamless .wym_panel {
-    padding: 0;
-    border: solid gray;
-    border-width: 1px;
-    background: white;
-}
-.wym_skin_seamless .wym_panel ul {
-    margin: 2px 0 5px;
-}
-
-/*DIALOGS*/
-.wym_dialog div.row {
-    margin-bottom: 5px;
-}
-.wym_dialog div.row input {
-    margin-right: 5px;
-}
-.wym_dialog div.row label {
-    float: left;
-    width: 120px;
-    display: block;
-    text-align: right;
-    margin-right: 10px;
-}
-.wym_dialog div.row-indent {
-    padding-left: 160px;
-}
-/*autoclearing*/
-.wym_dialog div.row:after {
-    content: ".";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-}
-.wym_dialog div.row {
-    display: inline-block;
-}
-/* Hides from IE-mac \*/
-* html .wym_dialog div.row {
-    height: 1%;
-}
-.wym_dialog div.row {
-    display: block;
-}
-/* End hide from IE-mac */
-
-/*WYMEDITOR_LINK*/
-a.wym_wymeditor_link {
-    text-indent: -9999px;
-    float: right;
-    display: block;
-    width: 50px;
-    height: 15px;
-    background: url(../wymeditor_icon.png);
-    overflow: hidden;
-    text-decoration: none;
-}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.header.gif b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.header.gif
deleted file mode 100644
index b2d2907bde..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.header.gif and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.selector.silver.gif b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.selector.silver.gif
deleted file mode 100644
index e65976bdda..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.selector.silver.gif and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.wymeditor.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.wymeditor.png
deleted file mode 100644
index 1e84813f7e..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/bg.wymeditor.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/icons.silver.gif b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/icons.silver.gif
deleted file mode 100644
index 8c6a4fbfbe..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/images/icons.silver.gif and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/skin.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/skin.css
deleted file mode 100644
index 8284d81ba2..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/silver/skin.css
+++ /dev/null
@@ -1,297 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *      http://www.wymeditor.org/
- *
- * File Name:
- *      screen.css
- *      main stylesheet for the default WYMeditor skin
- *      See the documentation for more info.
- *
- * File Authors:
- *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
- *      Scott Edwin Lewis
-*/
-
-/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
-        .wym_skin_silver p, .wym_skin_silver h2, .wym_skin_silver h3,
-        .wym_skin_silver ul, .wym_skin_silver li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
-
-
-/*HIDDEN BY DEFAULT*/
-        .wym_skin_silver .wym_area_left          { display: none; }
-        .wym_skin_silver .wym_area_right         { display: block; }
-
-
-/*TYPO*/    
-        .wym_skin_silver                { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
-        .wym_skin_silver h2             { font-size: 110%; /* = 11px */}
-        .wym_skin_silver h3             { font-size: 100%; /* = 10px */}
-        .wym_skin_silver li             { font-size: 100%; /* = 10px */}
-
-
-/*WYM_BOX*/
-        .wym_skin_silver                { border: 1px solid gray; background: #f2f2f2; padding: 0px; margin: 0px;}
-
-    /*auto-clear the wym_box*/
-        .wym_skin_silver:after 	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_silver                { height: 1%;}
-
-
-/*WYM_HTML*/
-        .wym_skin_silver .wym_html               { width: 98%;}
-        .wym_skin_silver .wym_html textarea      { width: 100%; height: 200px; border: 1px solid gray; background: white;  }
-
-
-/*WYM_IFRAME*/
-        .wym_skin_silver .wym_iframe             { width: 98%;}
-        .wym_skin_silver .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }
-
-
-/*AREAS*/
-        .wym_skin_silver .wym_area_left          { width: 150px; float: left;}
-        .wym_skin_silver .wym_area_right         { width: 150px; float: right;}
-        .wym_skin_silver .wym_area_bottom        { height: 1%; clear: both;}
- * html .wym_skin_silver .wym_area_main          { height: 1%;}
- * html .wym_skin_silver .wym_area_top           { height: 1%;}
- *+html .wym_skin_silver .wym_area_top           { height: 1%;}
-
-/*SECTIONS SYSTEM*/
-
-    /*common defaults for all sections*/
-        .wym_skin_silver .wym_section            { margin-bottom: 5px; }
-        .wym_skin_silver .wym_section h2,
-        .wym_skin_silver .wym_section h3         { padding: 1px 3px; margin: 0; cursor: pointer; }
-        .wym_skin_silver .wym_section a          { padding: 5px 0px 0px 10px; display: block; text-decoration: none; color: black; }
-        .wym_skin_silver .wym_section a:hover    { /*background-color: #DDD;*/}
-      /*hide section titles by default*/
-        .wym_skin_silver .wym_section h2         { display: none; }
-      /*disable any margin-collapse*/
-        .wym_skin_silver .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
-      /*auto-clear sections*/
-        .wym_skin_silver .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; padding: 0px; }
- * html .wym_skin_silver .wym_section ul         { height: 1%;}
-        .wym_skin_silver .wym_section li         {}
-        
-    /*option: add this class to a section to make it render as a panel*/
-        .wym_skin_silver .wym_panel              { }
-        .wym_skin_silver .wym_panel h2           { display: block; font-size: 11px; }
-
-    /*option: add this class to a section to make it render as a dropdown menu*/
-        .wym_skin_silver .wym_dropdown h2        { display: block; font-size: 11px;}
-        .wym_skin_silver .wym_dropdown ul        { position: absolute; background: white; padding: 0px;}
-        .wym_skin_silver .wym_dropdown:hover ul,
-        .wym_skin_silver .wym_dropdown.hover ul  { cursor: pointer;}
-        .wym_skin_silver .wym_dropdown ul li a   {/*border-bottom: 1px solid #AAA;*/}
-
-    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
-        .wym_skin_silver .wym_buttons li         { float:left;}
-        .wym_skin_silver .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px; text-decoration: none !important;  border: 1px solid #666; }
-        .wym_skin_silver .wym_buttons a:hover    { text-decoration: none !important;  border: 1px solid #000;}
-      /*image replacements*/
-        .wym_skin_silver .wym_buttons li a                         { background: url(images/icons.silver.gif) no-repeat; text-indent: -9999px;} 
-        .wym_skin_silver .wym_buttons li.wym_tools_strong a        { background-position: 0 -384px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -24px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_superscript a   { background-position: 0 -432px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_subscript a     { background-position: 0 -456px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_indent a        { background-position: 0 -600px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_outdent a       { background-position: 0 -624px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_undo a          { background-position: 0 -504px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_redo a          { background-position: 0 -528px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_image a         { background-position: 0 -120px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_html a          { background-position: 0 -192px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_gadget a        { background-position: 0 -576px;}
-        
-        .wym_skin_silver .wym_buttons li.wym_tools_strong a:hover        { background-position: -24px -384px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_emphasis a:hover      { background-position: -24px -24px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_superscript a:hover   { background-position: -24px -432px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_subscript a:hover     { background-position: -24px -456px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_ordered_list a:hover  { background-position: -24px -48px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_unordered_list a:hover{ background-position: -24px -72px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_indent a:hover        { background-position: -24px -600px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_outdent a:hover       { background-position: -24px -624px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_undo a:hover          { background-position: -24px -504px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_redo a:hover          { background-position: -24px -528px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_link a:hover          { background-position: -24px -96px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_unlink a:hover        { background-position: -24px -168px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_image a:hover         { background-position: -24px -120px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_table a:hover         { background-position: -24px -144px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_paste a:hover         { background-position: -24px -552px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_html a:hover          { background-position: -24px -192px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_preview a:hover       { background-position: -24px -408px;}
-        .wym_skin_silver .wym_buttons li.wym_tools_gadget a:hover        { background-position: -24px -576px;}
-
-/*DECORATION*/
-        .wym_skin_silver .wym_section h2             { background: #ddd; border: none;}
-        .wym_skin_silver .wym_section h2 span        { color: gray;}
-        .wym_skin_silver .wym_panel                  { padding: 0; border: solid gray; border-width: 0px;}    
-        .wym_skin_silver .wym_panel ul               { margin: 2px 0 5px; }        
-        .wym_skin_silver .wym_dropdown               { padding: 0; border: none; }
-        .wym_skin_silver .wym_dropdown ul            { border: none; margin-left: -1px; padding: 0px;}
-        
-/*DIALOGS*/
-        .wym_dialog div.row         { margin-bottom: 5px;}
-        .wym_dialog div.row input   { margin-right: 5px;}
-        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
-        .wym_dialog div.row-indent  { padding-left: 160px; }
-        /*autoclearing*/        
-        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-        .wym_dialog div.row                  { display: inline-block; }
-            /* Hides from IE-mac \*/
-            * html .wym_dialog div.row       { height: 1%; }
-            .wym_dialog div.row              { display: block; }
-            /* End hide from IE-mac */                
-            
-/*WYMEDITOR_LINK*/
-        a.wym_wymeditor_link 
-        { 
-          text-indent: -9999px; 
-          float: right; 
-          display: block; 
-          width: 50px; 
-          height: 15px; 
-          background: url(../wymeditor_icon.png);  
-          background-position: 1px 1px;
-          background-repeat: no-repeat;
-          overflow: hidden; 
-          text-decoration: none; 
-          padding: 1px !important; 
-          border: 1px solid #333 !important;  
-          background-color: #FFF !important;
-        }
-
-.wym_box
-{
-  padding: 0px !important;
-  margin: 0px;
-}
-.wym_inner
-{
-  border-left: 1px solid #FFF;
-  border-top: 1px solid #FFF;
-  border-right: 1px solid #FFF;
-  border-bottom: 1px solid #FFF;
-  padding: 5px;
-  background-color: #B8C1C4;
-  height: auto;
-}
-
-.clear {clear: both;}
-
-div.wym_dropdown
-{
-  cursor: pointer;
-  width: 138px !important;
-  margin: 0px 4px 10px 0px !important;
-  padding: 0px;
-  z-index: 1001;
-  display: block;
-  border: 1px solid red;
-}
-
-div.wym_dropdown ul
-{
-  display: none;
-  width: 124px;
-  padding: 0px !important;
-  margin: 0px !important;
-  list-style-type: none;
-  list-style-image: none;
-  z-index: 1002;
-  position: absolute;
-  border-top: 1px solid #AAA;
-}
-
-div.wym_dropdown ul li
-{
-  width: 146px;
-  height: 20px;
-  padding: 0px !important;
-  margin: 0px;
-  border: 1px solid #777;
-  border-top: none;
-  background: #DDD;
-  list-style-image: none;
-}
-
-div.wym_dropdown h2
-{
-  width: 138px;
-  height: 16px;
-  color: #000 !important;
-  background-image: url(images/bg.selector.silver.gif) !important;
-  background-position: 0px -18px;
-  background-repeat: no-repeat;
-  border: none;
-  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
-  font-size: 12px !important;
-  font-weight: bold !important;
-  padding: 2px 0px 0px 10px !important;
-  margin: 0px !important;
-}
-
-.wym_skin_silver .wym_panel h2 
-{
-  width: 138px;
-  height: 16px;
-  color: #000 !important;
-  background-image: url(images/bg.header.gif) !important;
-  background-position: 0px 0px;
-  background-repeat: no-repeat;
-  border: none;
-  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
-  font-size: 12px !important;
-  font-weight: bold !important;
-  padding: 2px 0px 0px 10px !important;
-  margin: 0px !important;
-}
-
-.wym_skin_silver .wym_panel ul
-{
-  margin-top: 0px !important;
-}
-
-.wym_skin_silver .wym_panel ul li
-{
-  width: 146px;
-  height: 20px;
-  padding: 0px !important;
-  margin: 0px;
-  border: 1px solid #777;
-  border-top: none;
-  background: #DDD;
-  list-style-image: none;
-}
-
-.wym_skin_silver .wym_panel a,
-div.wym_dropdown a
-{
-  text-decoration: none;
-  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
-  font-size: 12px;
-  padding: 5px 0px 0px 10px !important;
-  display: block;
-  width: 136px;
-  height: 15px;
-  color: #000;
-  text-align: left !important;
-  margin-left: 0px !important;
-}
-
-div.wym_dropdown a:hover,
-.wym_skin_silver .wym_panel a:hover
-{
-  background: #BBB;
-  border-bottom: none !important;
-}
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/twopanels/icons.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/twopanels/icons.png
deleted file mode 100644
index c6eb463f11..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/twopanels/icons.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/twopanels/skin.css b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/twopanels/skin.css
deleted file mode 100644
index 7e6b8fda2f..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/twopanels/skin.css
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * WYMeditor : what you see is What You Mean web-based editor
- * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
- * Dual licensed under the MIT (MIT-license.txt)
- * and GPL (GPL-license.txt) licenses.
- *
- * For further information visit:
- *      http://www.wymeditor.org/
- *
- * File Name:
- *      screen.css
- *      main stylesheet for the WYMeditor skin
- *      See the documentation for more info.
- *
- * File Authors:
- *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
- *      Jean-Francois Hovinne
-*/
-
-/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
-        .wym_skin_twopanels p, .wym_skin_twopanels h2, .wym_skin_twopanels h3,
-        .wym_skin_twopanels ul, .wym_skin_twopanels li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
-
-
-/*HIDDEN BY DEFAULT*/
-        .wym_skin_twopanels .wym_area_left          { display: block; }
-        .wym_skin_twopanels .wym_area_right         { display: block; }
-
-
-/*TYPO*/    
-        .wym_skin_twopanels                { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
-        .wym_skin_twopanels h2             { font-size: 110%; /* = 11px */}
-        .wym_skin_twopanels h3             { font-size: 100%; /* = 10px */}
-        .wym_skin_twopanels li             { font-size: 100%; /* = 10px */}
-
-
-/*WYM_BOX*/
-        .wym_skin_twopanels                { border: 1px solid gray; background: #f2f2f2; padding: 5px}
-
-    /*auto-clear the wym_box*/
-        .wym_skin_twopanels:after 	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_twopanels                { height: 1%;}
-
-
-/*WYM_HTML*/
-        .wym_skin_twopanels .wym_html               { width: 98%;}
-        .wym_skin_twopanels .wym_html textarea      { width: 100%; height: 200px; border: 1px solid gray; background: white;  }
-
-
-/*WYM_IFRAME*/
-        .wym_skin_twopanels .wym_iframe             { width: 98%;}
-        .wym_skin_twopanels .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }
-
-
-/*AREAS*/
-        .wym_skin_twopanels .wym_area_left          { width: 100px; float: left;}
-        .wym_skin_twopanels .wym_area_right         { width: 150px; float: right;}
-        .wym_skin_twopanels .wym_area_bottom        { height: 1%; clear: both;}
- * html .wym_skin_twopanels .wym_area_main          { height: 1%;}
- * html .wym_skin_twopanels .wym_area_top           { height: 1%;}
- *+html .wym_skin_twopanels .wym_area_top           { height: 1%;}
-
-/*SECTIONS SYSTEM*/
-
-    /*common defaults for all sections*/
-        .wym_skin_twopanels .wym_section            { margin-bottom: 5px; }
-        .wym_skin_twopanels .wym_section h2,
-        .wym_skin_twopanels .wym_section h3         { padding: 1px 3px; margin: 0; }
-        .wym_skin_twopanels .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
-        .wym_skin_twopanels .wym_section a:hover    { background-color: yellow; }
-      /*hide section titles by default*/
-        .wym_skin_twopanels .wym_section h2         { display: none; }
-      /*disable any margin-collapse*/
-        .wym_skin_twopanels .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
-      /*auto-clear sections*/
-        .wym_skin_twopanels .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
- * html .wym_skin_twopanels .wym_section ul         { height: 1%;}
-
-    /*option: add this class to a section to make it render as a panel*/
-        .wym_skin_twopanels .wym_panel              { }
-        .wym_skin_twopanels .wym_panel h2           { display: block; }
-
-    /*option: add this class to a section to make it render as a dropdown menu*/
-        .wym_skin_twopanels .wym_dropdown h2        { display: block; }
-        .wym_skin_twopanels .wym_dropdown ul        { display: none; position: absolute; background: white; }
-        .wym_skin_twopanels .wym_dropdown:hover ul,
-        .wym_skin_twopanels .wym_dropdown.hover ul  { display: block; }
-
-    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
-        .wym_skin_twopanels .wym_buttons li         { float:left;}
-        .wym_skin_twopanels .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
-      /*image replacements*/
-        .wym_skin_twopanels .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;} 
-        .wym_skin_twopanels .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
-        .wym_skin_twopanels .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
-
-/*DECORATION*/
-        .wym_skin_twopanels .wym_section h2             { background: #ddd; border: solid gray; border-width: 0 0 1px;}
-        .wym_skin_twopanels .wym_section h2 span        { color: gray;}
-        .wym_skin_twopanels .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}    
-        .wym_skin_twopanels .wym_panel ul               { margin: 2px 0 5px; }        
-        .wym_skin_twopanels .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
-        .wym_skin_twopanels .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
-        
-/*DIALOGS*/
-        .wym_dialog div.row         { margin-bottom: 5px;}
-        .wym_dialog div.row input   { margin-right: 5px;}
-        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
-        .wym_dialog div.row-indent  { padding-left: 160px; }
-        /*autoclearing*/        
-        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-        .wym_dialog div.row                  { display: inline-block; }
-            /* Hides from IE-mac \*/
-            * html .wym_dialog div.row       { height: 1%; }
-            .wym_dialog div.row              { display: block; }
-            /* End hide from IE-mac */                
-            
-/*WYMEDITOR_LINK*/
-        a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/wymeditor_icon.png b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/wymeditor_icon.png
deleted file mode 100644
index d4fc155fd9..0000000000
Binary files a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/wymeditor/skins/wymeditor_icon.png and /dev/null differ
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/xml-c14n-sync.js b/src/main/webapp/static/com/atomgraph/linkeddatahub/js/xml-c14n-sync.js
deleted file mode 100644
index d74806aa00..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/js/xml-c14n-sync.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{var e={237:(e,t,n)=>{var r=n(291),i={algorithms:{"http://www.w3.org/2001/10/xml-exc-c14n#":function(e){return new r(e)},"http://www.w3.org/2001/10/xml-exc-c14n#WithComments":function(e){return(e=Object.create(e||null)).includeComments=!0,new r(e)}}},o=e.exports=function e(){if(!(this instanceof e))return new e;this.algorithms=Object.create(i.algorithms)};o.prototype.registerAlgorithm=function(e,t){return this.algorithms[e]=t,this},o.prototype.getAlgorithm=function(e){return this.algorithms[e]},o.prototype.createCanonicaliser=function(e,t){return this.algorithms[e](t)}},936:e=>{var t=e.exports=function(e){};t.prototype.name=function(){return null},t.prototype.canonicalise=function(e,t){setImmediate((function(){return t(Error("not implemented"))}))},t.prototype.canonicaliseSync=function(e){throw Error("not implemented")}},291:(e,t,n)=>{var r=n(418),i=n(936),o=e.exports=function(e){i.call(this,e),e=e||{},this.includeComments=!!e.includeComments,this.inclusiveNamespaces=e.inclusiveNamespaces||[]};o.prototype=Object.create(i.prototype,{constructor:{value:o}}),o.prototype.name=function(){return"http://www.w3.org/2001/10/xml-exc-c14n#"+(this.includeComments?"WithComments":"")},o.prototype.canonicalise=function(e,t){var n=this;setImmediate((function(){try{var r=n._processInner(e)}catch(e){return t(e)}return t(null,r)}))},o.prototype.canonicaliseSync=function(e){return this._processInner(e)},o.prototype.getIncludeComments=function(){return!!this.includeComments},o.prototype.setIncludeComments=function(e){this.includeComments=!!e},o.prototype.getInclusiveNamespaces=function(){return this.inclusiveNamespaces.slice()},o.prototype.setInclusiveNamespaces=function(e){return this.inclusiveNamespaces=e.slice(),this},o.prototype.addInclusiveNamespace=function(e){return this.inclusiveNamespaces.push(e),this};var s=function(e,t){return!e.prefix&&t.prefix?-1:!t.prefix&&e.prefix?1:e.name.localeCompare(t.name)},a=function(e,t){var n=e.prefix+e.namespaceURI,r=t.prefix+t.namespaceURI;return n===r?0:n.localeCompare(r)};o.prototype._renderAttributes=function(e){return(e.attributes?[].slice.call(e.attributes):[]).filter((function(e){return 0!==e.name.indexOf("xmlns")})).sort(s).map((function(e){return" "+e.name+'="'+r.attributeEntities(e.value)+'"'})).join("")},o.prototype._renderNamespace=function(e,t,n){var i="",o=n,s=t.slice(),c=[],u=e.namespaceURI||"";if(e.prefix){if((m=s.filter((function(t){return t.prefix===e.prefix})).shift())&&m.namespaceURI!==e.namespaceURI){for(var p=0;p<s.length;++p)s[p].prefix===e.prefix&&s.splice(p--,1);m=null}m||(c.push({prefix:e.prefix,namespaceURI:e.namespaceURI}),s.push({prefix:e.prefix,namespaceURI:e.namespaceURI}))}else n!==u&&(o=u,i+=' xmlns="'+r.attributeEntities(o)+'"');if(e.attributes)for(p=0;p<e.attributes.length;p++){var l=e.attributes[p],m=null;if(l.prefix&&"xmlns"!==l.prefix&&(m=s.filter((function(e){return e.prefix===l.prefix})).shift())&&m.namespaceURI!==l.namespaceURI){for(p=0;p<s.length;++p)s[p].prefix===l.prefix&&s.splice(p--,1);m=null}l.prefix&&!m&&"xmlns"!==l.prefix?(c.push({prefix:l.prefix,namespaceURI:l.namespaceURI}),s.push({prefix:l.prefix,namespaceURI:l.namespaceURI})):l.prefix&&"xmlns"===l.prefix&&-1!==this.inclusiveNamespaces.indexOf(l.localName)&&c.push({prefix:l.localName,namespaceURI:l.nodeValue})}for(c.sort(a),p=0;p<c.length;++p)i+=" xmlns:"+c[p].prefix+'="'+r.attributeEntities(c[p].namespaceURI)+'"';return{rendered:i,newDefaultNamespace:o,newPrefixesInScope:s}},o.prototype._renderComment=function(e){var t=null,n=null;if(e.ownerDocument===e.parentNode){for(var i=e,o=e;null!==i;){if(i===e.ownerDocument.documentElement){t=!0;break}i=i.nextSibling}for(;null!==o;){if(o===e.ownerDocument.documentElement){n=!0;break}o=o.previousSibling}}return(n?"\n":"")+"\x3c!--"+r.textEntities(e.data)+"--\x3e"+(t?"\n":"")},o.prototype._renderProcessingInstruction=function(e){if("xml"===e.tagName)return"";var t=null,n=null;if(e.ownerDocument===e.parentNode){for(var i=e,o=e;null!==i;){if(i===e.ownerDocument.documentElement){t=!0;break}i=i.nextSibling}for(;null!==o;){if(o===e.ownerDocument.documentElement){n=!0;break}o=o.previousSibling}}return(n?"\n":"")+"<?"+e.tagName+(e.data?" "+r.textEntities(e.data):"")+"?>"+(t?"\n":"")},o.prototype._processInner=function(e,t,n){if(n=n||"",t=t||[],3===e.nodeType)return e.ownerDocument===e.parentNode?r.textEntities(e.data.trim()):r.textEntities(e.data);if(7===e.nodeType)return this._renderProcessingInstruction(e);if(8===e.nodeType)return this.includeComments?this._renderComment(e):"";if(10===e.nodeType)return"";var i=this._renderNamespace(e,t,n),o=this;return[e.tagName?"<"+e.tagName+i.rendered+this._renderAttributes(e)+">":"",[].slice.call(e.childNodes).map((function(e){return o._processInner(e,i.newPrefixesInScope,i.newDefaultNamespace)})).join(""),e.tagName?"</"+e.tagName+">":""].join("")}},418:(e,t)=>{var n=t.entities={"&":"&amp;",'"':"&quot;","<":"&lt;",">":"&gt;","\t":"&#x9;","\n":"&#xA;","\r":"&#xD;"};t.attributeEntities=function(e){return e.replace(/([\&<"\t\n\r])/g,(function(e){return n[e]}))},t.textEntities=function(e){return e.replace(/([\&<>\r])/g,(function(e){return n[e]}))}}},t={},n=function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}(237);window["xml-c14n-sync.js"]=n})();
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/admin/countries.rdf b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/admin/countries.rdf
similarity index 100%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/admin/countries.rdf
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/admin/countries.rdf
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/admin/signup.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/admin/signup.xsl
similarity index 50%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/admin/signup.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/admin/signup.xsl
index e0d56de28c..d7b50e1734 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/admin/signup.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/admin/signup.xsl
@@ -45,108 +45,54 @@ xmlns:dct="&dct;"
 xmlns:foaf="&foaf;"
 xmlns:sioc="&sioc;"
 xmlns:spin="&spin;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:map="http://www.w3.org/2005/xpath-functions/map"
-extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all">
 
-    <!-- intercept signup form submit to route the success callback through ldh:signup-form-response -->
-    <xsl:template match="form[@id = 'form-signup']" mode="ixsl:onsubmit" priority="3">
-        <xsl:next-match>
-            <xsl:with-param name="callback" select="ldh:signup-form-response#1"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <xsl:function name="ldh:signup-form-response" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="status" select="$response?status" as="xs:double"/>
-
-        <xsl:choose>
-            <xsl:when test="$status = 201 and map:contains($response?headers, 'location')">
-                <xsl:for-each select="$response">
-                    <xsl:call-template name="bs2:SignUpComplete"/>
-                </xsl:for-each>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:sequence select="ldh:row-form-response($context)"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:function>
-
-    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:ContentBody" priority="2">
-        <div class="container-fluid content-body">
+    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ldh:ContentBody" priority="2">
+        <div class="content-body">
             <xsl:apply-templates select="key('resources', ac:absolute-path(ldh:base-uri(.)))" mode="ldh:ContentList"/>
 
-            <xsl:apply-templates select="." mode="bs2:Row"/>
+            <xsl:apply-templates select="." mode="ldh:BlockRow"/>
         </div>
     </xsl:template>
 
     <!-- hide "Create" button which otherwise would be shown because acl:Append is allowed for signup -->
-    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:Create" priority="2"/>
-
-    <!-- hide "Add data" button which otherwise would be shown because acl:Append is allowed for signup -->
-    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:AddData" priority="2"/>
-
-    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:ModeList" priority="2"/>
-
-    <!-- disable the right nav (backlinks etc.) -->
-    <xsl:template match="*[*][@rdf:about or @rdf:nodeID][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:Right"/>
-
-    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:Row" priority="2">
-        <xsl:variable name="placeholder-id" select="'signup-form-placeholder'" as="xs:string"/>
-
-        <div id="{$placeholder-id}"/>
-
-        <xsl:variable name="context" as="map(*)" select="map{
-            'forClass': xs:anyURI('&foaf;Person'),
-            'placeholder-id': $placeholder-id,
-            'action': ac:absolute-path(ldh:base-uri(.))
-        }"/>
-
-        <ixsl:promise select="ixsl:resolve($context) =>
-            ixsl:then(ldh:load-constructed-doc#1) =>
-            ixsl:then(ldh:http-request-threaded(?, 'constructed-doc-request', 'constructed-doc-response')) =>
-            ixsl:then(ldh:handle-response(?, 'constructed-doc-response')) =>
-            ixsl:then(ldh:set-constructed-doc#1) =>
-            ixsl:then(ldh:render-signup-form#1)"
-            on-failure="ldh:promise-failure#1"/>
+    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:Create" priority="2"/>
+
+    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:ModeSwitcher" priority="2"/>
+
+    <!-- disable the block links popover (backlinks) -->
+    <xsl:template match="*[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ldh:BlockLinksPopover"/>
+
+    <!-- Renders the signup form synchronously on both products: ldh:parse-query behind ldh:construct-instance is dual-declared (SPARQL.js in the browser, the ParseQuery Jena extension server-side), so the same template serves the server-rendered page and client-side re-renders -->
+    <xsl:template match="rdf:RDF[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ldh:BlockRow" priority="2">
+        <xsl:variable name="forClass" select="xs:anyURI('&foaf;Person')" as="xs:anyURI"/>
+        <xsl:variable name="results-uri" select="ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': ldh:constructor-query($forClass), 'accept': 'application/sparql-results+xml' })" as="xs:anyURI"/>
+        <xsl:variable name="results" select="document(ldh:href($results-uri, map{}))" as="document-node()"/>
+        <xsl:variable name="constructed-doc" select="ldh:construct-instance(distinct-values($results//srx:binding[@name = 'text']/srx:literal), $forClass)" as="document-node()"/>
+
+        <!-- select element children of rdf:RDF only — the constructed document is not strip-space'd, so unguarded apply-templates would copy whitespace text nodes -->
+        <xsl:apply-templates select="$constructed-doc/rdf:RDF/*" mode="ldh:RowForm">
+            <xsl:with-param name="form-id" select="'form-signup'"/>
+            <xsl:with-param name="method" select="'post'"/> <!-- don't use PATCH which is the default -->
+            <xsl:with-param name="action" select="ac:absolute-path(ldh:base-uri(.))" tunnel="yes"/>
+            <xsl:with-param name="enctype" select="()"/> <!-- don't use 'multipart/form-data' which is the default -->
+            <xsl:with-param name="create-resource" select="false()"/>
+            <xsl:with-param name="base-uri" select="ac:absolute-path(ldh:base-uri(.))" tunnel="yes"/> <!-- base-uri() is empty on constructed documents -->
+        </xsl:apply-templates>
     </xsl:template>
 
-    <xsl:function name="ldh:render-signup-form" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="placeholder-id" select="$context('placeholder-id')" as="xs:string"/>
-        <xsl:variable name="action" select="$context('action')" as="xs:anyURI"/>
-        <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
-        <xsl:variable name="placeholder" select="id($placeholder-id, ixsl:page())" as="element()?"/>
-
-        <xsl:for-each select="$placeholder">
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <!-- select element children of rdf:RDF only — ?body is not strip-space'd, so unguarded apply-templates would copy whitespace text nodes -->
-                <xsl:apply-templates select="$constructed-doc/rdf:RDF/*" mode="bs2:RowForm">
-                    <xsl:with-param name="form-id" select="'form-signup'"/>
-                    <xsl:with-param name="method" select="'post'"/> <!-- don't use PATCH which is the default -->
-                    <xsl:with-param name="action" select="$action" tunnel="yes"/>
-                    <xsl:with-param name="enctype" select="()"/> <!-- don't use 'multipart/form-data' which is the default -->
-                    <xsl:with-param name="create-resource" select="false()"/>
-                    <xsl:with-param name="base-uri" select="$action" tunnel="yes"/> <!-- base-uri() is empty on constructed documents -->
-                </xsl:apply-templates>
-            </xsl:result-document>
-        </xsl:for-each>
-    </xsl:function>
-
     <!-- hide resources from constructed models -->
-    <xsl:template match="rdf:Description[not(rdf:type/@rdf:resource = ('&foaf;Person', '&adm;SignUp'))][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:RowForm" priority="3"/>
+    <xsl:template match="rdf:Description[not(rdf:type/@rdf:resource = ('&foaf;Person', '&adm;SignUp'))][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ldh:RowForm" priority="3"/>
 
     <!-- hide type control -->
-    <xsl:template match="*[*][@rdf:about or @rdf:nodeID][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:TypeControl" priority="2">
+    <xsl:template match="*[*][@rdf:about or @rdf:nodeID][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ldh:TypeControl" priority="2">
         <xsl:next-match>
             <xsl:with-param name="hidden" select="true()"/>
         </xsl:next-match>
     </xsl:template>
 
-    <xsl:template match="*[*][@rdf:about or @rdf:nodeID][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:FormControl" priority="1">
+    <xsl:template match="*[*][@rdf:about or @rdf:nodeID][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:FormControl" priority="1">
         <xsl:next-match>
             <xsl:with-param name="show-subject" select="false()" tunnel="yes"/>
             <xsl:with-param name="legend" select="false()"/>
@@ -154,70 +100,46 @@ exclude-result-prefixes="#all">
         </xsl:next-match>
     </xsl:template>
     
-    <xsl:template match="foaf:based_near/@rdf:*[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:FormControl" priority="1">
+    <xsl:template match="foaf:based_near/@rdf:*[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:FormControl" priority="1">
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
         
-        <select name="ou">
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-            <xsl:if test="$disabled">
-                <xsl:attribute name="disabled" select="'disabled'"/>
-            </xsl:if>
-            
-            <xsl:variable name="selected" select="." as="xs:anyURI"/>
-            <xsl:for-each select="document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/admin/countries.rdf', $lapp:origin))/rdf:RDF/*[@rdf:about]">
-                <xsl:sort select="ac:label(.)" lang="{$ac:lang}"/>
-                <xsl:apply-templates select="." mode="xhtml:Option">
-                    <xsl:with-param name="selected" select="@rdf:about = $selected"/>
-                </xsl:apply-templates>
-            </xsl:for-each>
-        </select>
-        
-        <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
-        </xsl:if>
-    </xsl:template>
-        
-    <!-- change foaf:mbox object type from resource to literal -->
-    <!-- TO-DO: apply this from Client's foaf.xsl instead - likely needs import restructuring -->
-    <xsl:template match="foaf:mbox/@rdf:*" mode="bs2:FormControl">
-        <xsl:param name="type" select="'text'" as="xs:string"/>
-        <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" as="xs:string?"/>
-        <xsl:param name="type-label" select="true()" as="xs:boolean"/>
-
-        <xsl:call-template name="xhtml:Input">
-            <xsl:with-param name="name" select="'ol'"/>
-            <xsl:with-param name="type" select="'text'"/>
-            <xsl:with-param name="id" select="$id"/>
-            <xsl:with-param name="class" select="$class"/>
-            <xsl:with-param name="value" select="substring-after(., 'mailto:')"/>
-        </xsl:call-template>
+        <xsl:apply-templates select="." mode="ac:SelectShell">
+            <xsl:with-param name="select" as="item()*">
+                <select name="ou">
+                    <xsl:if test="$id">
+                        <xsl:attribute name="id" select="$id"/>
+                    </xsl:if>
+                    <xsl:if test="$class">
+                        <xsl:attribute name="class" select="$class"/>
+                    </xsl:if>
+                    <xsl:if test="$disabled">
+                        <xsl:attribute name="disabled" select="'disabled'"/>
+                    </xsl:if>
+
+                    <!-- empty placeholder, so an untouched form does not submit the first country; ldh:parse-rdf-post drops the empty-valued statement -->
+                    <option value=""></option>
+
+                    <xsl:variable name="selected" select="." as="xs:anyURI"/>
+                    <xsl:for-each select="document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/admin/countries.rdf', $lapp:origin))/rdf:RDF/*[@rdf:about]">
+                        <xsl:sort select="ac:label(.)" lang="{ac:langs()[1]}"/>
+                        <xsl:apply-templates select="." mode="xhtml:Option">
+                            <xsl:with-param name="selected" select="@rdf:about = $selected"/>
+                        </xsl:apply-templates>
+                    </xsl:for-each>
+                </select>
+            </xsl:with-param>
+        </xsl:apply-templates>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
-                <xsl:with-param name="type" select="$type"/>
-            </xsl:apply-templates>
-        </xsl:if>
-    </xsl:template>
-
-    <xsl:template match="foaf:mbox/@rdf:*" mode="bs2:FormControlTypeLabel">
-        <xsl:param name="type" as="xs:string?"/>
-
-        <xsl:if test="not($type = 'hidden')">
-            <span class="help-inline">Literal</span>
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations"/>
         </xsl:if>
     </xsl:template>
-    
+        
     <!-- make properties required -->
-    <xsl:template match="foaf:givenName[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:familyName[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:mbox[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | cert:key[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:FormControl" priority="1">
+    <xsl:template match="foaf:givenName[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:familyName[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:mbox[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | cert:key[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:FormControl" priority="1">
         <xsl:param name="violations" as="element()*"/>
 
         <xsl:next-match>
@@ -226,7 +148,7 @@ exclude-result-prefixes="#all">
         </xsl:next-match>
     </xsl:template>
     
-    <xsl:template match="cert:key/@rdf:*[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:FormControl" priority="1">
+    <xsl:template match="cert:key/@rdf:*[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:FormControl" priority="1">
         <xsl:param name="type" select="'password'" as="xs:string"/>
         <xsl:param name="id" as="xs:string?"/>
         <xsl:param name="class" as="xs:string?"/>
@@ -242,23 +164,22 @@ exclude-result-prefixes="#all">
             <input type="hidden" name="ou" value="&cert;X509Certificate"/>
             
             <xsl:variable name="violations" select="key('violations-by-value', .) | key('violations-by-root', .)" as="element()*"/>
-            <xsl:apply-templates select="$violations" mode="bs2:Violation"/>
-        
-            <xsl:call-template name="lacl:password">
-                <xsl:with-param name="type" select="$type"/>
-                <xsl:with-param name="class" select="$class"/>
-                <xsl:with-param name="disabled" select="$disabled"/>
-                <xsl:with-param name="for" select="concat($id, '-pwd1')"/>
-                <xsl:with-param name="violations" select="$violations"/>
-            </xsl:call-template>
-            <!-- double the password input -->
-            <xsl:call-template name="lacl:password">
-                <xsl:with-param name="type" select="$type"/>
-                <xsl:with-param name="class" select="$class"/>
-                <xsl:with-param name="disabled" select="$disabled"/>
-                <xsl:with-param name="for" select="concat($id, '-pwd2')"/>
-                <xsl:with-param name="violations" select="$violations"/>
-            </xsl:call-template>
+
+            <div class="ldh-prop-form is-form-mode">
+                <xsl:call-template name="lacl:password">
+                    <xsl:with-param name="type" select="$type"/>
+                    <xsl:with-param name="disabled" select="$disabled"/>
+                    <xsl:with-param name="for" select="concat($id, '-pwd1')"/>
+                    <xsl:with-param name="violations" select="$violations"/>
+                </xsl:call-template>
+                <!-- double the password input -->
+                <xsl:call-template name="lacl:password">
+                    <xsl:with-param name="type" select="$type"/>
+                    <xsl:with-param name="disabled" select="$disabled"/>
+                    <xsl:with-param name="for" select="concat($id, '-pwd2')"/>
+                    <xsl:with-param name="violations" select="$violations"/>
+                </xsl:call-template>
+            </div>
         </fieldset>
 
         <!-- restore subject context -->
@@ -268,10 +189,10 @@ exclude-result-prefixes="#all">
     </xsl:template>
     
     <!-- do not show secretary URI input -->
-    <xsl:template match="acl:delegates[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:FormControl" priority="1"/>
+    <xsl:template match="acl:delegates[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:FormControl" priority="1"/>
 
     <!-- do not show the email hash value -->
-    <xsl:template match="foaf:mbox_sha1sum[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:FormControl" priority="1"/>
+    <xsl:template match="foaf:mbox_sha1sum[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:FormControl" priority="1"/>
 
     <xsl:template name="lacl:password">
         <xsl:param name="this" select="xs:anyURI('&lacl;password')" as="xs:anyURI"/>
@@ -283,37 +204,72 @@ exclude-result-prefixes="#all">
         <xsl:param name="required" select="true()" as="xs:boolean"/>
         <xsl:param name="violations" as="element()*"/>
         <xsl:param name="error" select="@rdf:resource = $violations/ldh:violationValue or $violations/spin:violationPath/@rdf:resource = $this" as="xs:boolean"/>
-        <xsl:param name="class" select="concat('control-group', if ($error) then ' error' else (), if ($required) then ' required' else ())" as="xs:string?"/>
-        
+        <xsl:param name="row-violations" select="$violations[spin:violationPath/@rdf:resource = $this][rdfs:label]" as="element()*"/>
+        <xsl:param name="class" select="concat('ldh-prop-group', if ($error) then ' is-violation' else (), if ($required) then ' required' else ())" as="xs:string?"/>
+
         <div>
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
             <input type="hidden" name="pu" value="&lacl;password"/>
 
-            <label class="control-label" for="{$for}">
-                <xsl:value-of>
+            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                <xsl:with-param name="this" select="$this"/>
+                <xsl:with-param name="label" as="item()*">
                     <xsl:apply-templates select="key('resources', '&lacl;password', document(ac:document-uri('&lacl;')))" mode="ac:label"/>
-                </xsl:value-of>
-            </label>
-            <div class="controls">
-                <xsl:call-template name="xhtml:Input">
-                    <xsl:with-param name="name" select="'ol'"/>
-                    <xsl:with-param name="type" select="$type"/>
-                    <xsl:with-param name="id" select="$for"/>
-                    <xsl:with-param name="class" select="$class"/>
-                    <xsl:with-param name="disabled" select="$disabled"/>
-                </xsl:call-template>
+                </xsl:with-param>
+                <xsl:with-param name="required" select="$required"/>
+            </xsl:apply-templates>
 
-                <xsl:if test="$type-label">
-                    <span class="help-inline">Literal</span>
-                </xsl:if>
+            <div class="ldh-prop-row{if (position() = last()) then ' is-last' else ()}{if ($error) then ' is-violation' else ()}">
+                <div class="value val-stack">
+                    <div class="val-main">
+                        <xsl:apply-templates select="." mode="ac:FieldShell">
+                            <xsl:with-param name="type" select="$type"/>
+                            <xsl:with-param name="control" as="item()*">
+                                <xsl:call-template name="xhtml:Input">
+                                    <xsl:with-param name="name" select="'ol'"/>
+                                    <xsl:with-param name="type" select="$type"/>
+                                    <xsl:with-param name="id" select="$for"/>
+                                    <xsl:with-param name="disabled" select="$disabled"/>
+                                </xsl:call-template>
+                            </xsl:with-param>
+                        </xsl:apply-templates>
+
+                        <xsl:if test="$type-label">
+                            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-literal'"/>
+                                <xsl:with-param name="label" as="item()*">
+                                    <xsl:apply-templates select="key('resources', 'literal', ldh:translations())" mode="ac:label"/>
+                                </xsl:with-param>
+                            </xsl:apply-templates>
+                        </xsl:if>
+                    </div>
+
+                    <!-- the password violations are authored server-side (mismatch, length, character set) - inline their messages like the shared property template does -->
+                    <xsl:if test="exists($row-violations)">
+                        <div class="ldh-vmsgs">
+                            <xsl:for-each select="$row-violations">
+                                <span class="ldhc-help va-negative sz-sm" role="alert">
+                                    <span class="msi outline sm" aria-hidden="true">error</span>
+                                    <span>
+                                        <xsl:value-of>
+                                            <xsl:apply-templates select="." mode="ac:label"/>
+                                        </xsl:value-of>
+                                    </span>
+                                </span>
+                            </xsl:for-each>
+                        </div>
+                    </xsl:if>
+                </div>
+
+                <div class="row-actions"></div>
             </div>
         </div>
     </xsl:template>
     
     <!--  hide properties -->
-    <xsl:template match="dh:slug[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:primaryTopic[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:isPrimaryTopicOf[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | cert:modulus[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | cert:exponent[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:FormControl" priority="3">
+    <xsl:template match="dh:slug[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:primaryTopic[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | foaf:isPrimaryTopicOf[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | cert:modulus[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())] | cert:exponent[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:FormControl" priority="3">
         <xsl:apply-templates select="." mode="xhtml:Input">
             <xsl:with-param name="type" select="'hidden'"/>
         </xsl:apply-templates>
@@ -327,11 +283,11 @@ exclude-result-prefixes="#all">
 
     <xsl:template match="*[@rdf:about = '&foaf;mbox'][ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ac:label" priority="1">
         <xsl:value-of>
-            <xsl:apply-templates select="key('resources', 'email', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+            <xsl:apply-templates select="key('resources', 'email', ldh:translations())" mode="ac:label"/>
         </xsl:value-of>
     </xsl:template>
 
     <!-- turn off additional properties -->
-    <xsl:template match="*[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="bs2:PropertyControl" priority="1"/>
+    <xsl:template match="*[ac:absolute-path(ldh:request-uri()) = resolve-uri(encode-for-uri('sign up'), ldt:base())]" mode="ldh:PropertyControl" priority="1"/>
 
 </xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block.xsl
deleted file mode 100644
index 9cb2569592..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block.xsl
+++ /dev/null
@@ -1,1101 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE xsl:stylesheet [
-    <!ENTITY def    "https://w3id.org/atomgraph/linkeddatahub/default#">
-    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
-    <!ENTITY lapp   "https://w3id.org/atomgraph/linkeddatahub/apps#">
-    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
-    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
-    <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
-    <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
-    <!ENTITY geo    "http://www.w3.org/2003/01/geo/wgs84_pos#">
-    <!ENTITY acl    "http://www.w3.org/ns/auth/acl#">
-    <!ENTITY ldt    "https://www.w3.org/ns/ldt#">
-    <!ENTITY dh     "https://www.w3.org/ns/ldt/document-hierarchy#">
-    <!ENTITY sd     "http://www.w3.org/ns/sparql-service-description#">
-    <!ENTITY sioc   "http://rdfs.org/sioc/ns#">
-    <!ENTITY sp     "http://spinrdf.org/sp#">
-    <!ENTITY srx    "http://www.w3.org/2005/sparql-results#">
-    <!ENTITY spin   "http://spinrdf.org/spin#">
-    <!ENTITY dct    "http://purl.org/dc/terms/">
-    <!ENTITY nfo    "http://www.semanticdesktop.org/ontologies/2007/03/22/nfo#">
-]>
-<xsl:stylesheet version="3.0"
-xmlns="http://www.w3.org/1999/xhtml"
-xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
-xmlns:prop="http://saxonica.com/ns/html-property"
-xmlns:xhtml="http://www.w3.org/1999/xhtml"
-xmlns:xs="http://www.w3.org/2001/XMLSchema"
-xmlns:map="http://www.w3.org/2005/xpath-functions/map"
-xmlns:json="http://www.w3.org/2005/xpath-functions"
-xmlns:array="http://www.w3.org/2005/xpath-functions/array"
-xmlns:ac="&ac;"
-xmlns:ldh="&ldh;"
-xmlns:lapp="&lapp;"
-xmlns:rdf="&rdf;"
-xmlns:rdfs="&rdfs;"
-xmlns:geo="&geo;"
-xmlns:acl="&acl;"
-xmlns:ldt="&ldt;"
-xmlns:sioc="&sioc;"
-xmlns:sd="&sd;"
-xmlns:sp="&sp;"
-xmlns:srx="&srx;"
-xmlns:spin="&spin;"
-xmlns:dct="&dct;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
-xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
-extension-element-prefixes="ixsl"
-exclude-result-prefixes="#all"
->
-
-    <xsl:variable name="block-delete-string" as="xs:string">
-        <!-- TO-DO: refactor to update the following index properties -->
-        <![CDATA[
-            PREFIX  rdf:  <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
-
-            DELETE
-            {
-                $this ?seq $block .
-                $block ?p ?o .
-            }
-            WHERE
-            {
-                $this ?seq $block .
-                FILTER(strstarts(str(?seq), concat(str(rdf:), "_")))
-                OPTIONAL
-                {
-                    $block ?p ?o
-                }
-            }
-        ]]>
-    </xsl:variable>
-    <xsl:variable name="block-swap-string" as="xs:string">
-        <![CDATA[
-            PREFIX  xsd:  <http://www.w3.org/2001/XMLSchema#>
-            PREFIX  rdf:  <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
-
-            DELETE {
-              $this ?sourceSeq $sourceBlock .
-              $this ?targetSeq $targetBlock .
-              $this ?seq ?block .
-            }
-            INSERT {
-              $this ?newSourceSeq $sourceBlock .
-              $this ?newTargetSeq $targetBlock .
-              $this ?newSeq ?block .
-            }
-            WHERE
-              { $this  ?sourceSeq  $sourceBlock
-                FILTER(strstarts(str(?sourceSeq), concat(str(rdf:), "_")))
-                BIND(xsd:integer(substr(str(?sourceSeq), 45)) AS ?sourceIndex)
-                $this  ?targetSeq  $targetBlock
-                FILTER(strstarts(str(?targetSeq), concat(str(rdf:), "_")))
-                BIND(xsd:integer(substr(str(?targetSeq), 45)) AS ?targetIndex)
-                BIND(if(( ?sourceIndex < ?targetIndex ), ( ?targetIndex - 1 ), ?targetIndex) AS ?newTargetIndex)
-                BIND(if(( ?sourceIndex < ?targetIndex ), ?targetIndex, ( ?targetIndex + 1 )) AS ?newSourceIndex)
-                BIND(IRI(concat(str(rdf:), "_", str(?newSourceIndex))) AS ?newSourceSeq)
-                BIND(IRI(concat(str(rdf:), "_", str(?newTargetIndex))) AS ?newTargetSeq)
-                OPTIONAL
-                  { $this  ?sourceSeq  $sourceBlock
-                    FILTER(strstarts(str(?sourceSeq), concat(str(rdf:), "_")))
-                    BIND(xsd:integer(substr(str(?sourceSeq), 45)) AS ?sourceIndex)
-                    $this  ?targetSeq  $targetBlock
-                    FILTER(strstarts(str(?targetSeq), concat(str(rdf:), "_")))
-                    BIND(xsd:integer(substr(str(?targetSeq), 45)) AS ?targetIndex)
-                    $this  ?seq  ?block
-                    FILTER strstarts(str(?seq), str(rdf:_))
-                    BIND(xsd:integer(substr(str(?seq), 45)) AS ?index)
-                    BIND(( ( ?index > ?sourceIndex ) && ( ?index < ?targetIndex ) ) AS ?isBetweenSourceAndTarget)
-                    BIND(( ( ?index < ?sourceIndex ) && ( ?index > ?targetIndex ) ) AS ?isBetweenTargetAndSource)
-                    FILTER ( ?isBetweenSourceAndTarget || ?isBetweenTargetAndSource )
-                    BIND(( ?index + if(?isBetweenSourceAndTarget, -1, +1) ) AS ?newIndex)
-                    BIND(IRI(concat(str(rdf:), "_", str(?newIndex))) AS ?newSeq)
-                  }
-              }
-        ]]>
-    </xsl:variable>
-    
-    <!-- combined forward + inverse view-block lookup; substitutes VALUES ?type { ... } from the resource's rdf:types.
-         Besides ?block, binds the inline-creation metadata: attachment ?property, ?inverse direction flag, the ?forClass
-         to construct (property range for forward views, domain for inverse ones) and the view's ldh:container/ldh:showWhenEmpty.
-         Runs against the /ns ontology union, so ldh:container asserted on a package view from the app's own namespace is visible. -->
-    <xsl:variable name="ontology-view-query" as="xs:string">
-        <![CDATA[
-            PREFIX  rdfs: <http://www.w3.org/2000/01/rdf-schema#>
-            PREFIX  ldh:  <https://w3id.org/atomgraph/linkeddatahub#>
-
-            SELECT DISTINCT ?block ?property ?inverse ?forClass ?container ?showWhenEmpty
-            WHERE {
-              {
-                ?property  ldh:view  ?block .
-                  { ?property  rdfs:domain  ?type }
-                UNION
-                  { ?property  rdfs:subPropertyOf+/rdfs:domain  ?type }
-                BIND(false AS ?inverse)
-                OPTIONAL {
-                    { ?property  rdfs:range  ?forClass }
-                  UNION
-                    { ?property  rdfs:subPropertyOf+/rdfs:range  ?forClass }
-                }
-              }
-              UNION
-              {
-                ?property  ldh:inverseView  ?block .
-                  { ?property  rdfs:range  ?type }
-                UNION
-                  { ?property  rdfs:subPropertyOf+/rdfs:range  ?type }
-                BIND(true AS ?inverse)
-                OPTIONAL {
-                    { ?property  rdfs:domain  ?forClass }
-                  UNION
-                    { ?property  rdfs:subPropertyOf+/rdfs:domain  ?forClass }
-                }
-              }
-              OPTIONAL { ?block  ldh:container  ?container }
-              OPTIONAL { ?block  ldh:showWhenEmpty  ?showWhenEmpty }
-            }
-        ]]>
-        <!-- VALUES ?type goes here -->
-    </xsl:variable>
-
-    <xsl:key name="element-by-about" match="*[@about]" use="@about"/>
-
-    <!-- TEMPLATES -->
-
-    <!-- identity transform -->
-   
-    <xsl:template match="@* | node()" mode="ldh:Identity">
-        <xsl:copy>
-            <xsl:apply-templates select="@* | node()" mode="#current"/>
-        </xsl:copy>
-    </xsl:template>
-    
-    <!-- render row -->
-
-    <xsl:template match="*" mode="ldh:RenderRow" as="(function(item()?) as map(*))*">
-        <xsl:apply-templates mode="#current"/>
-
-        <!--
-            inject ontology-driven view blocks for any Saxon-JS wrapper produced by resource.xsl:
-            outer div.block[@about] whose div.span12 child contains the inner typed resource block
-            (class='row-fluid block').
-
-            Typed-block wrappers (Object/View/Query/Chart from resource.xsl:463) are excluded
-            automatically: the wrapper template no longer matches those types, and even if
-            RenderRow visits their resource.xsl:463-produced wrapper, the inner
-            [contains-token(@class, 'block')] predicate excludes their inner (class='row-fluid'
-            from resource.xsl:518).
-        -->
-        <xsl:for-each select="self::div[contains-token(@class, 'block')][@about]/div[contains-token(@class, 'span12')]/div[contains-token(@class, 'block')][@typeof]">
-            <xsl:variable name="typeof-uris" select="tokenize(@typeof, ' ') ! xs:anyURI(.)" as="xs:anyURI*"/>
-            <xsl:variable name="values-clause" select="' VALUES ?type { ' || string-join(for $t in $typeof-uris return '&lt;' || $t || '&gt;', ' ') || ' }'" as="xs:string"/>
-            <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': $ontology-view-query || $values-clause }), map{})" as="xs:anyURI"/>
-            <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
-            <xsl:variable name="context" as="map(*)" select="
-                map{
-                    'request': $request,
-                    'container': ../..,
-                    'base-uri': ac:absolute-path(ldh:base-uri(.)),
-                    'endpoint': sd:endpoint()
-                }"/>
-            <xsl:sequence select="ldh:load-block#3($context, ldh:ontology-view-self-thunk#1, ?)"/>
-        </xsl:for-each>
-    </xsl:template>
-
-    <xsl:template match="text()" mode="ldh:RenderRow" as="(function(item()?) as map(*))*"/>
-    
-    <!-- hide type control -->
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']" mode="bs2:TypeControl" priority="1">
-        <xsl:next-match>
-            <xsl:with-param name="hidden" select="true()"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- provide a property label which otherwise would default to local-name() client-side (since $property-metadata is not loaded) -->
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']/rdfs:label | *[rdf:type/@rdf:resource = '&ldh;XHTML']/ac:mode" mode="bs2:FormControl">
-        <xsl:next-match>
-            <xsl:with-param name="label" select="ac:property-label(.)"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']/rdf:value/xhtml:*" mode="bs2:FormControlTypeLabel" priority="1"/>
-
-    <!-- autosave via ixsl:onfocusout replaces the Save button; suppress form-actions for XHTML blocks.
-        Non-tunnel params do not survive xsl:next-match, so the caller-passed ones (method='post' from the ADD flow etc.) are re-declared and forwarded — otherwise the ADD form falls back to the default method='patch', whose DELETE/INSERT/WHERE update is a no-op for a resource with no triples yet -->
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']" mode="bs2:RowForm" priority="1">
-        <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
-        <xsl:param name="method" select="'patch'" as="xs:string"/>
-        <xsl:param name="show-cancel-button" select="true()" as="xs:boolean"/>
-        <xsl:next-match>
-            <xsl:with-param name="about" select="$about"/>
-            <xsl:with-param name="method" select="$method"/>
-            <xsl:with-param name="show-cancel-button" select="$show-cancel-button"/>
-            <xsl:with-param name="show-form-actions" select="false()"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- EVENT LISTENERS -->
-    
-    <!-- show block controls -->
-    
-    <xsl:template match="div[contains-token(@class, 'block')][key('elements-by-class', 'row-block-controls', .)][acl:mode() = '&acl;Write']" mode="ixsl:onmousemove"> <!-- TO-DO: better selector -->        
-        <!-- there might be multiple .row-block-controls in a block if the main block is followed by blocks rendered from ldh:block -->
-        <xsl:variable name="row-block-controls" select="key('elements-by-class', 'row-block-controls', .)[1]" as="element()"/>
-        <xsl:variable name="btn-edit" select="key('elements-by-class', 'btn-edit', $row-block-controls)" as="element()?"/>
-        
-        <xsl:if test="$btn-edit">
-            <xsl:variable name="dom-x" select="ixsl:get(ixsl:event(), 'clientX')" as="xs:double"/>
-            <xsl:variable name="dom-y" select="ixsl:get(ixsl:event(), 'clientY')" as="xs:double"/>
-            <xsl:variable name="rect" select="ixsl:call(., 'getBoundingClientRect', [])"/>
-            <xsl:variable name="offset-x" select="$dom-x - ixsl:get($rect, 'x')" as="xs:double"/>
-            <xsl:variable name="offset-y" select="$dom-y - ixsl:get($rect, 'y')" as="xs:double"/>
-            <xsl:variable name="width" select="ixsl:get($rect, 'width')" as="xs:double"/>
-            <xsl:variable name="offset-x-treshold" select="120" as="xs:double"/>
-            <xsl:variable name="offset-y-treshold" select="20" as="xs:double"/>
-
-            <!-- check that the mouse is on the top edge and show the block controls if they're not already shown -->
-            <xsl:if test="$offset-x &gt;= $width - $offset-x-treshold and $offset-y &lt;= $offset-y-treshold and ixsl:style($row-block-controls)?z-index = '-1'">
-                <ixsl:set-style name="z-index" select="'1'" object="$row-block-controls"/>
-                <ixsl:set-style name="display" select="'block'" object="$btn-edit"/>
-            </xsl:if>
-            <!-- check that the mouse is outside the top edge and hide the block controls if they're not already hidden -->
-            <xsl:if test="$offset-x &lt; $width - $offset-x-treshold and $offset-y &gt; $offset-y-treshold and ixsl:style($row-block-controls)?z-index = '1'">
-                <ixsl:set-style name="z-index" select="'-1'" object="$row-block-controls"/>
-                <ixsl:set-style name="display" select="'none'" object="$btn-edit"/>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- show drag handle on left edge hover, but not when left sidebar is active -->
-
-    <xsl:template match="div[contains-token(@class, 'block')][key('elements-by-class', 'drag-handle', .)][acl:mode() = '&acl;Write'][not(ixsl:style(ancestor::div[contains-token(@class, 'tab-pane')]/div[contains-token(@class, 'left-sidebar')])?display = 'block')]" mode="ixsl:onmousemove" priority="2">
-        <xsl:variable name="uri" select="xs:anyURI(ancestor::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
-        <xsl:variable name="contents" select="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
-        <xsl:variable name="cache-key" select="'`' || $uri || '`'" as="xs:string"/>
-        <!-- cache may not have an entry for the hovered block's document URI (e.g. inactive tab); skip silently to avoid an ixsl:get warning on every mousemove -->
-        <xsl:if test="ixsl:contains($contents, $cache-key) and ixsl:contains(ixsl:get($contents, $cache-key), 'results')">
-            <xsl:variable name="results" select="ixsl:get(ixsl:get($contents, $cache-key), 'results')" as="document-node()"/>
-            <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-
-            <xsl:if test="$mode = xs:anyURI('&ldh;ContentMode')">
-            <xsl:variable name="dom-x" select="ixsl:get(ixsl:event(), 'clientX')" as="xs:double"/>
-            <xsl:variable name="rect" select="ixsl:call(., 'getBoundingClientRect', [])"/>
-            <xsl:variable name="offset-x" select="$dom-x - ixsl:get($rect, 'x')" as="xs:double"/>
-            <xsl:variable name="left-edge-threshold" select="30" as="xs:double"/>
-
-            <xsl:variable name="drag-handle" select="key('elements-by-class', 'drag-handle', .)[1]" as="element()"/>
-
-            <!-- check that the mouse is on the left edge -->
-            <xsl:choose>
-                <xsl:when test="$offset-x &lt;= $left-edge-threshold and ixsl:style($drag-handle)?display = 'none'">
-                    <!-- get both block and span12 rectangles to calculate intersection -->
-                    <xsl:variable name="span12" select="$drag-handle/parent::*[contains-token(@class, 'span12')]" as="element()"/>
-                    <xsl:variable name="block-rect" select="$rect"/> <!-- block's getBoundingClientRect -->
-                    <xsl:variable name="span12-rect" select="ixsl:call($span12, 'getBoundingClientRect', [])"/>
-
-                    <!-- calculate intersection of block and span12 -->
-                    <xsl:variable name="left" select="max((ixsl:get($block-rect, 'left'), ixsl:get($span12-rect, 'left')))" as="xs:double"/>
-                    <xsl:variable name="top" select="max((ixsl:get($block-rect, 'top'), ixsl:get($span12-rect, 'top')))" as="xs:double"/>
-                    <xsl:variable name="right" select="min((ixsl:get($block-rect, 'right'), ixsl:get($span12-rect, 'right')))" as="xs:double"/>
-                    <xsl:variable name="bottom" select="min((ixsl:get($block-rect, 'bottom'), ixsl:get($span12-rect, 'bottom')))" as="xs:double"/>
-                    <xsl:variable name="visible-height" select="max((0, $bottom - $top))" as="xs:double"/>
-
-                    <!-- only show drag-handle if there's actually visible area -->
-                    <xsl:if test="$visible-height > 0">
-                        <!-- position drag-handle to cover the visible intersection area -->
-                        <ixsl:set-style name="position" select="'fixed'" object="$drag-handle"/>
-                        <ixsl:set-style name="left" select="$left || 'px'" object="$drag-handle"/>
-                        <ixsl:set-style name="top" select="$top || 'px'" object="$drag-handle"/>
-                        <ixsl:set-style name="height" select="$visible-height || 'px'" object="$drag-handle"/>
-                        <ixsl:set-style name="z-index" select="'999'" object="$drag-handle"/>
-                        <!-- enable draggable on the block when drag-handle is shown -->
-                        <ixsl:set-attribute name="draggable" select="'true'" object="."/>
-                        <!-- show drag-handle -->
-                        <ixsl:set-style name="display" select="'block'" object="$drag-handle"/>
-                    </xsl:if>
-                </xsl:when>
-                <xsl:when test="$offset-x &gt; $left-edge-threshold and ixsl:style($drag-handle)?display = 'block'">
-                    <!-- disable draggable on the block when drag-handle is hidden -->
-                    <ixsl:set-attribute name="draggable" select="'false'" object="."/>
-                    <!-- hide drag-handle when mouse moves away from left edge -->
-                    <ixsl:set-style name="display" select="'none'" object="$drag-handle"/>
-                </xsl:when>
-            </xsl:choose>
-
-            <!-- call the next matching template to preserve existing block controls functionality -->
-                <xsl:next-match/>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- hide drag handle when mouse leaves block -->
-    
-    <xsl:template match="div[contains-token(@class, 'block')][key('elements-by-class', 'drag-handle', .)][acl:mode() = '&acl;Write']" mode="ixsl:onmouseout">
-        <xsl:variable name="related-target" select="ixsl:get(ixsl:event(), 'relatedTarget')" as="element()?"/> <!-- the element mouse entered -->
-        <xsl:variable name="drag-handle" select="key('elements-by-class', 'drag-handle', .)[1]" as="element()"/>
-        
-        <!-- only hide if the related target does not have this div as ancestor (is not its child) -->
-        <xsl:if test="not($related-target/ancestor-or-self::div[. is current()])">
-            <ixsl:set-style name="display" select="'none'" object="$drag-handle"/>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- exit/save on click-outside is handled by the ixsl:onfocusout autosave below: the canvas holds
-         focus throughout editing (toolbar/breadcrumb/find chrome all preventDefault on mousedown to keep
-         it), so any exit click blurs the canvas and fires focusout. A separate onclick handler here would
-         double-submit - focusout fires on mousedown, the click on mouseup - and the second PATCH 412s on
-         the now-stale If-Match. -->
-
-    <!-- click anywhere on XHTML content to enter edit mode (skip if text is selected) -->
-
-    <xsl:template match="div[@typeof = '&ldh;XHTML'][not(descendant::form)][acl:mode() = '&acl;Write']//div[contains-token(@class, 'main')]" mode="ixsl:onclick">
-        <xsl:if test="ixsl:call(ixsl:call(ixsl:window(), 'getSelection', []), 'toString', []) = ''">
-            <xsl:variable name="main" select="." as="element()"/>
-            <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-            <xsl:variable name="btn-edit" select="($block//button[contains-token(@class, 'btn-edit')][not(contains-token(@class, 'disabled'))])[1]" as="element()?"/>
-            <xsl:if test="$btn-edit">
-                <!-- Anchor the caret to the content structure, not pixels: record which content block the
-                     click landed in and the char offset within it, re-resolved in the editor DOM after
-                     render (ldh:focus-editable) - immune to the read/edit re-render and chrome. -->
-                <xsl:variable name="ldh-state" select="ixsl:get(ixsl:window(), 'LinkedDataHub')"/>
-                <xsl:variable name="caret" as="map(*)?" select="rdfae:caret-at-point(xs:double(ixsl:get(ixsl:event(), 'clientX')), xs:double(ixsl:get(ixsl:event(), 'clientY')))"/>
-                <!-- the content block: a top-level element of the XHTML content (div.main > content-div > block) -->
-                <xsl:variable name="content-block" as="element()?" select="$caret?node/ancestor-or-self::*[parent::*[parent::* is $main]][1]"/>
-                <ixsl:set-property name="pendingCaretBlock" select="$content-block ! count(preceding-sibling::*)" object="$ldh-state"/>
-                <ixsl:set-property name="pendingCaretOffset" select="$content-block ! ldh:char-offset-before(., $caret?node, $caret?offset)" object="$ldh-state"/>
-                <xsl:sequence select="ixsl:call($btn-edit, 'click', [])"/>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- autosave XMLLiteral when focus leaves the editor region (but not to the toolbar or other editor UI) -->
-
-    <xsl:template match="div[contains-token(@class, 'rdfa-editor-content')]" mode="ixsl:onfocusout">
-        <xsl:variable name="self" select="." as="element()"/>
-        <xsl:variable name="related" select="ixsl:get(ixsl:event(), 'relatedTarget')" as="item()?"/>
-        <xsl:if test="empty($related) or empty($related/ancestor-or-self::*[. is $self or @id = ('edit-toolbar', 'rdfa-editor-breadcrumb') or contains-token(@class, 'rdfa-editor-ui')])">
-            <xsl:variable name="form" select="ancestor::form[contains-token(@class, 'form-horizontal')][1]" as="element()?"/>
-            <xsl:if test="$form">
-                <xsl:sequence select="ixsl:call($form, 'requestSubmit', [])"/>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- rdfae:inject-chrome (edit.xsl) injects the block drag handle with class="drag-handle" -
-         a leftover token from when this file's WYMeditor block handle was ported into the editor.
-         In LDH that token collides with bootstrap.css's `.row-fluid.block .drag-handle { display: none }`,
-         which hides every chrome handle rendered inside an edited ldh:XHTML document block. Re-inject the
-         handle under an editor-specific class so the shared RDFa-Editor code needs no change (and so
-         block.xsl's own key('elements-by-class', 'drag-handle') stops miscounting the chrome as an old
-         block handle); the two drag gestures below re-match that class. Styling is unaffected - the
-         handle is styled off data-role="chrome" in rdfa-editor.css. Keep the body in sync with edit.xsl's
-         rdfae:inject-chrome (XSLT overrides the whole named template, so only the class string differs). -->
-    <xsl:template name="rdfae:inject-chrome">
-        <xsl:param name="block" as="element()"/>
-        <xsl:if test="empty($block/*[@data-role = 'chrome'])">
-            <xsl:variable name="chrome" as="element()" select="rdfae:element('span')"/>
-            <ixsl:set-attribute name="data-role" select="'chrome'" object="$chrome"/>
-            <ixsl:set-attribute name="class" select="'rdfa-editor-drag-handle'" object="$chrome"/>
-            <ixsl:set-attribute name="contenteditable" select="'false'" object="$chrome"/>
-            <ixsl:set-attribute name="title" select="'Drag to reorder'" object="$chrome"/>
-            <ixsl:set-property name="textContent" select="'&#x283F;'" object="$chrome"/>
-            <xsl:sequence select="ixsl:call($block, 'prepend', [ $chrome ])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:if>
-    </xsl:template>
-
-    <xsl:template match="span[contains-token(@class, 'rdfa-editor-drag-handle')]" mode="ixsl:onmousedown">
-        <xsl:for-each select="rdfae:handle-block(.)">
-            <ixsl:set-attribute name="draggable" select="'true'"/>
-        </xsl:for-each>
-    </xsl:template>
-
-    <xsl:template match="span[contains-token(@class, 'rdfa-editor-drag-handle')]" mode="ixsl:onmouseup">
-        <xsl:for-each select="rdfae:handle-block(.)">
-            <ixsl:remove-attribute name="draggable"/>
-        </xsl:for-each>
-        <xsl:call-template name="rdfae:disarm-sweep"/>
-    </xsl:template>
-
-    <!-- override inline editing form for block types (do nothing if the button is disabled) - prioritize over form.xsl -->
-
-    <xsl:template match="div[following-sibling::div[@typeof = ('&ldh;XHTML', '&ldh;Object')]]//button[contains-token(@class, 'btn-edit')][not(contains-token(@class, 'disabled'))]" mode="ixsl:onclick" priority="1">
-        <xsl:param name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <!-- for block types, button.btn-edit is placed in its own div.row-fluid, therefore the next row is the actual container -->
-        <xsl:param name="container" select="$block/descendant::div[@typeof][1]" as="element()"/> <!-- other resources can be nested within object -->
-        
-        <xsl:next-match>
-<!--            <xsl:with-param name="container" select="$container"/>-->
-        </xsl:next-match>
-    </xsl:template>
-    
-    <!-- append new block form onsubmit (using POST) -->
-    
-    <xsl:template match="div[@typeof = ('&ldh;XHTML', '&ldh;Object')]//form[contains-token(@class, 'form-horizontal')][upper-case(@method) = 'POST']" mode="ixsl:onsubmit" priority="2"> <!-- prioritize over form.xsl -->
-        <xsl:param name="elements" select=".//input | .//textarea | .//select" as="element()*"/>
-        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        <!-- pre-process form before submitting it: syncs input values, so it must precede ldh:parse-rdf-post -->
-        <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
-        <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>
-        <!-- canonicalize XML in rdf:XMLLiterals -->
-        <xsl:variable name="triples" as="element()*">
-            <xsl:apply-templates select="$triples" mode="ldh:CanonicalizeXML"/>
-        </xsl:variable>
-        <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI(.//input[@name = 'su'] => ixsl:get('value'))" as="xs:anyURI"/>
-        <xsl:variable name="sequence-number" select="count($block/preceding-sibling::div[@about]) + 1" as="xs:integer"/>
-        <xsl:variable name="sequence-property" select="xs:anyURI('&rdf;_' || $sequence-number)" as="xs:anyURI"/>
-        <xsl:variable name="sequence-triple" as="element()">
-            <json:map>
-                <json:string key="subject"><xsl:sequence select="ac:absolute-path(ldh:base-uri(.))"/></json:string>
-                <json:string key="predicate"><xsl:sequence select="$sequence-property"/></json:string>
-                <json:string key="object"><xsl:sequence select="$block-uri"/></json:string>
-            </json:map>
-        </xsl:variable>
-        
-        <xsl:next-match>
-            <xsl:with-param name="block" select="$block"/>
-            <!-- append $sequence-triple to $request-body that is sent with the HTTP request, but not to $resources which are rendered after the block update (don't want to show it) -->
-            <xsl:with-param name="request-body" as="document-node()">
-                <xsl:document>
-                    <rdf:RDF>
-                        <xsl:sequence select="ldh:triples-to-descriptions(($triples, $sequence-triple))"/>
-                    </rdf:RDF>
-                </xsl:document>
-            </xsl:with-param>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- delete block onclick (increased priority to take precedence over form.xsl .btn-remove-resource) -->
-    
-    <xsl:template match="div[@typeof = ('&ldh;XHTML', '&ldh;Object')]//button[contains-token(@class, 'btn-remove-resource')]" mode="ixsl:onclick" priority="3">
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-
-        <xsl:choose>
-            <!-- delete existing block -->
-            <xsl:when test="$block/@about">
-                <!-- show a confirmation prompt -->
-                <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))) ])">
-                    <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-                    <xsl:variable name="block-uri" select="$block/@about" as="xs:anyURI"/>
-                    <xsl:variable name="update-string" select="replace($block-delete-string, '$this', '&lt;' || ac:absolute-path(ldh:base-uri(.)) || '&gt;', 'q')" as="xs:string"/>
-                    <xsl:variable name="update-string" select="replace($update-string, '$block', '&lt;' || $block-uri || '&gt;', 'q')" as="xs:string"/>
-                    <xsl:variable name="request-uri" select="ldh:href(ac:absolute-path(ldh:base-uri(.)), map{})" as="xs:anyURI"/>
-                    <xsl:variable name="request" as="item()*">
-                        <ixsl:schedule-action http-request="map{ 'method': 'PATCH', 'href': $request-uri, 'media-type': 'application/sparql-update', 'body': $update-string }">
-                            <xsl:call-template name="onBlockDelete">
-                                <xsl:with-param name="block" select="$block"/>
-                            </xsl:call-template>
-                        </ixsl:schedule-action>
-                    </xsl:variable>
-                    <xsl:sequence select="$request[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:if>
-            </xsl:when>
-            <!-- remove block that hasn't been saved yet -->
-            <xsl:otherwise>
-                <xsl:for-each select="$block">
-                    <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:for-each>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-
-    <!-- start dragging block when drag-handle is dragged -->
-    
-    <xsl:template match="div[contains-token(@class, 'drag-handle')]" mode="ixsl:ondragstart">
-        <!-- find the parent block to drag -->
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()?"/>
-        <xsl:for-each select="$block">
-            <ixsl:set-property name="dataTransfer.effectAllowed" select="'move'" object="ixsl:event()"/>
-            <xsl:variable name="block-uri" select="@about" as="xs:anyURI"/>
-            <xsl:sequence select="ixsl:call(ixsl:get(ixsl:event(), 'dataTransfer'), 'setData', [ 'text/uri-list', $block-uri ])"/>
-            <!-- make it appear like the whole block is being dragged -->
-            <xsl:sequence select="ixsl:call(ixsl:get(ixsl:event(), 'dataTransfer'), 'setDragImage', [ ., 0, 0 ])"/>
-        </xsl:for-each>
-    </xsl:template>
-    
-    <!-- cleanup after drag ends -->
-    
-    <xsl:template match="div[contains-token(@class, 'drag-handle')]" mode="ixsl:ondragend">
-        <!-- hide the drag-handle -->
-        <ixsl:set-style name="display" select="'none'" object="."/>
-        <!-- disable draggable on the parent block -->
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
-        <xsl:if test="exists($block)">
-            <ixsl:set-attribute name="draggable" select="'false'" object="$block"/>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- dragging block over other block -->
-    <!-- only handle if drag originated from drag-handle (has text/uri-list item) -->
-    <!-- these four document-block DnD handlers (ondragover/enter/leave/drop) exclude the RDFa editor
-         subtree: the editor renders inside a .content-body > .block, so without the guard this pattern
-         also matches every element in .rdfa-editor-content and - having higher import precedence than
-         the imported edit.xsl - shadows the editor's own block DnD (edit.xsl), killing its drop marks
-         and reorder. Excluding the editor lets those events fall through to the editor's handlers. -->
-
-    <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']][not(ancestor-or-self::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondragover" priority="1">
-        <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
-        <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
-        <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-
-        <xsl:if test="$mode = xs:anyURI('&ldh;ContentMode')">
-            <xsl:variable name="items" select="ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'items')"/>
-            <xsl:variable name="has-uri-item" select="if (ixsl:get($items, 'length') > 0) then ixsl:get(ixsl:get($items, '0'), 'type') = 'text/uri-list' else false()" as="xs:boolean"/>
-            <xsl:if test="$has-uri-item">
-                <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-                <ixsl:set-property name="dataTransfer.dropEffect" select="'move'" object="ixsl:event()"/>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- change the style of blocks when block is dragged over them -->
-    <!-- only handle if drag originated from drag-handle (has text/uri-list item) -->
-
-    <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']][not(ancestor-or-self::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondragenter" priority="1">
-        <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
-        <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
-        <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-
-        <xsl:if test="$mode = xs:anyURI('&ldh;ContentMode')">
-            <xsl:variable name="items" select="ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'items')"/>
-            <xsl:variable name="has-uri-item" select="if (ixsl:get($items, 'length') > 0) then ixsl:get(ixsl:get($items, '0'), 'type') = 'text/uri-list' else false()" as="xs:boolean"/>
-            <xsl:if test="$has-uri-item">
-                <xsl:sequence select="ixsl:call(ixsl:get($block, 'classList'), 'toggle', [ 'drag-over', true() ])[current-date() lt xs:date('2000-01-01')]"/>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- only handle if drag originated from drag-handle (has text/uri-list item) -->
-
-    <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']][not(ancestor-or-self::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondragleave" priority="1">
-        <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
-        <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
-        <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-
-        <xsl:if test="$mode = xs:anyURI('&ldh;ContentMode')">
-            <xsl:variable name="items" select="ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'items')"/>
-            <xsl:variable name="has-uri-item" select="if (ixsl:get($items, 'length') > 0) then ixsl:get(ixsl:get($items, '0'), 'type') = 'text/uri-list' else false()" as="xs:boolean"/>
-            <xsl:if test="$has-uri-item">
-                <xsl:variable name="related-target" select="ixsl:get(ixsl:event(), 'relatedTarget')" as="element()?"/> <!-- the element drag entered (optional) -->
-
-                <!-- only remove class if the related target does not have the block as ancestor (i.e. drag actually left the block) -->
-                <xsl:if test="not($related-target/ancestor-or-self::div[. is $block])">
-                    <xsl:sequence select="ixsl:call(ixsl:get($block, 'classList'), 'toggle', [ 'drag-over', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:if>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- dropping block over other top-level block -->
-    <!-- only handle if drag originated from drag-handle (has text/uri-list item) -->
-
-    <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']][not(ancestor-or-self::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondrop" priority="1">
-        <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
-        <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
-        <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-
-        <xsl:if test="$mode = xs:anyURI('&ldh;ContentMode')">
-            <xsl:variable name="items" select="ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'items')"/>
-            <xsl:variable name="has-uri-item" select="if (ixsl:get($items, 'length') > 0) then ixsl:get(ixsl:get($items, '0'), 'type') = 'text/uri-list' else false()" as="xs:boolean"/>
-            <xsl:if test="$has-uri-item">
-                <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-                <xsl:variable name="block-uri" select="$block/@about" as="xs:anyURI?"/>
-                <xsl:variable name="drop-block-uri" select="ixsl:call(ixsl:get(ixsl:event(), 'dataTransfer'), 'getData', [ 'text/uri-list' ])" as="xs:anyURI"/>
-
-                <xsl:sequence select="ixsl:call(ixsl:get($block, 'classList'), 'toggle', [ 'drag-over', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-
-                <!-- only persist the change if the block is already saved and has an @about -->
-                <xsl:if test="$block-uri">
-                    <!-- move dropped element after this element, if they're not the same -->
-                    <xsl:if test="not($block-uri = $drop-block-uri)">
-                        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-                        <!-- TO-DO: sketchy workaround to select block-level elements only because we might have duplicate @about values -->
-                        <xsl:variable name="drop-block" select="key('element-by-about', $drop-block-uri)[contains-token(@class, 'block')]" as="element()"/>
-                        <xsl:sequence select="ixsl:call($block, 'after', [ $drop-block ])"/>
-                        <!-- TO-DO: use a VALUES block instead -->
-                        <xsl:variable name="update-string" select="replace($block-swap-string, '$this', '&lt;' || ac:absolute-path(ldh:base-uri(.)) || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="update-string" select="replace($update-string, '$targetBlock', '&lt;' || $block-uri || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="update-string" select="replace($update-string, '$sourceBlock', '&lt;' || $drop-block-uri || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="request-uri" select="ldh:href(ac:absolute-path(ldh:base-uri(.)), map{})" as="xs:anyURI"/>
-                        <xsl:variable name="request" as="item()*">
-                            <ixsl:schedule-action http-request="map{ 'method': 'PATCH', 'href': $request-uri, 'media-type': 'application/sparql-update', 'body': $update-string }">
-                                <xsl:call-template name="onBlockSwap"/>
-                            </ixsl:schedule-action>
-                        </xsl:variable>
-                        <xsl:sequence select="$request[current-date() lt xs:date('2000-01-01')]"/>
-                    </xsl:if>
-                </xsl:if>
-            </xsl:if>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- CALLBACKS -->
-    
-    <xsl:function name="ldh:load-block" ixsl:updating="yes" as="map(*)">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:param name="thunk" as="function(map(*)) as item()*"/>
-        <xsl:param name="ignored" as="item()?"/>
-
-        <xsl:sequence select="
-            $thunk($context) =>
-                ixsl:then(
-                    ldh:hide-block-progress-bar(
-                        $context,
-                        ?
-                        )
-                    )
-          "/>
-    </xsl:function>
-
-    <!-- ontology-view block injection: ontology query (?property ldh:view ?block) → per-URI RDF fetch → render via bs2:Row → insert + hydrate -->
-
-    <xsl:function name="ldh:ontology-view-self-thunk" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:message>ldh:ontology-view-self-thunk</xsl:message>
-
-        <xsl:sequence select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:ontology-view-query-thunk#1)
-        "/>
-    </xsl:function>
-
-    <xsl:function name="ldh:ontology-view-query-thunk" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:message>ldh:ontology-view-query-thunk</xsl:message>
-
-        <xsl:sequence select="
-            ixsl:http-request($context('request')) =>
-                ixsl:then(ldh:rethread-response($context, ?)) =>
-                ixsl:then(ldh:handle-response#1) =>
-                ixsl:then(ldh:ontology-view-fetch-thunk#1)
-        "/>
-    </xsl:function>
-
-    <!-- handle SPARQL XML response: fan out one HTTP fetch per view URI -->
-    <xsl:function name="ldh:ontology-view-fetch-thunk" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-
-        <xsl:message>ldh:ontology-view-fetch-thunk</xsl:message>
-
-        <xsl:if test="$response?status = 200 and $response?media-type = 'application/sparql-results+xml'">
-            <xsl:variable name="results" select="$response?body" as="document-node()"/>
-
-            <!-- one fetch per view; the first row of each group supplies the inline-creation metadata (multiple ?type/?forClass rows can occur) -->
-            <xsl:for-each-group select="$results/srx:sparql/srx:results/srx:result[srx:binding[@name = 'block']/srx:uri]" group-by="srx:binding[@name = 'block']/srx:uri">
-                <xsl:variable name="view-uri" select="xs:anyURI(current-grouping-key())" as="xs:anyURI"/>
-                <xsl:variable name="view-request-uri" select="ldh:href(ac:document-uri($view-uri), map{})" as="xs:anyURI"/>
-                <xsl:variable name="view-request" select="map{ 'method': 'GET', 'href': $view-request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-                <!-- ?forClass is read from srx:uri only: bnode ranges (e.g. owl:unionOf lists) cannot be constructed -->
-                <xsl:variable name="view-metadata" as="map(*)*">
-                    <xsl:for-each select="srx:binding[@name = 'property']/srx:uri">
-                        <xsl:sequence select="map{ 'view-property': xs:anyURI(.) }"/>
-                    </xsl:for-each>
-                    <xsl:if test="srx:binding[@name = 'inverse']/srx:literal = 'true'">
-                        <xsl:sequence select="map{ 'view-inverse': true() }"/>
-                    </xsl:if>
-                    <xsl:for-each select="srx:binding[@name = 'forClass']/srx:uri">
-                        <xsl:sequence select="map{ 'view-for-class': xs:anyURI(.) }"/>
-                    </xsl:for-each>
-                    <xsl:for-each select="srx:binding[@name = 'container']/srx:uri">
-                        <xsl:sequence select="map{ 'view-container': xs:anyURI(.) }"/>
-                    </xsl:for-each>
-                    <xsl:for-each select="srx:binding[@name = 'showWhenEmpty']/srx:literal">
-                        <xsl:sequence select="map{ 'view-show-when-empty': string(.) }"/>
-                    </xsl:for-each>
-                </xsl:variable>
-                <xsl:variable name="view-context" as="map(*)" select="map:merge(($context, map{ 'request': $view-request, 'view-uri': $view-uri }, $view-metadata))"/>
-
-                <ixsl:promise select="
-                    ixsl:http-request($view-request) =>
-                        ixsl:then(ldh:rethread-response($view-context, ?)) =>
-                        ixsl:then(ldh:handle-response#1) =>
-                        ixsl:then(ldh:load-object-metadata#1) =>
-                        ixsl:then(ldh:http-request-threaded(?, 'metadata-request', 'metadata-response')) =>
-                        ixsl:then(ldh:handle-response(?, 'metadata-response')) =>
-                        ixsl:then(ldh:set-object-metadata#1) =>
-                        ixsl:then(ldh:http-request-threaded(?, 'ns-metadata-request', 'ns-metadata-response')) =>
-                        ixsl:then(ldh:handle-response(?, 'ns-metadata-response')) =>
-                        ixsl:then(ldh:set-object-metadata-ns#1) =>
-                        ixsl:then(ldh:merge-object-metadata#1) =>
-                        ixsl:then(ldh:load-property-metadata#1) =>
-                        ixsl:then(ldh:http-request-threaded(?, 'property-metadata-request', 'property-metadata-response')) =>
-                        ixsl:then(ldh:handle-response(?, 'property-metadata-response')) =>
-                        ixsl:then(ldh:set-property-metadata#1) =>
-                        ixsl:then(ldh:ontology-view-render-thunk#1)
-                    "
-                    on-failure="ldh:promise-failure#1"/>
-            </xsl:for-each-group>
-        </xsl:if>
-
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-
-    <!-- render one view block from its loaded RDF. Creatable views (ldh:container + inferred forClass) first HEAD the container for its acl:mode Link headers, which gate the Create button; the rest insert directly -->
-    <xsl:function name="ldh:ontology-view-render-thunk" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:message>ldh:ontology-view-render-thunk</xsl:message>
-
-        <xsl:choose>
-            <xsl:when test="map:contains($context, 'view-container') and map:contains($context, 'view-for-class')">
-                <xsl:variable name="container-request" select="map{ 'method': 'HEAD', 'href': ldh:href($context('view-container'), map{}), 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-                <xsl:variable name="container-context" select="map:merge(($context, map{ 'container-request': $container-request }))" as="map(*)"/>
-
-                <ixsl:promise select="
-                    ixsl:resolve($container-context) =>
-                        ixsl:then(ldh:http-request-threaded(?, 'container-request', 'container-response')) =>
-                        ixsl:then(ldh:handle-response(?, 'container-response')) =>
-                        ixsl:then(ldh:set-container-acl-modes#1) =>
-                        ixsl:then(ldh:ontology-view-insert#1)
-                    "
-                    on-failure="ldh:promise-failure#1"/>
-
-                <xsl:sequence select="$context"/>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:sequence select="ldh:ontology-view-insert($context)"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:function>
-
-    <!-- extract acl:mode URIs from the container HEAD response's Link headers (emitted by ResponseHeadersFilter, forwarded for remote containers by ProxyRequestFilter); same parsing as ldh:rdf-document-response. A non-200 response yields no modes, which downstream reads as no Create button -->
-    <xsl:function name="ldh:set-container-acl-modes" as="map(*)" ixsl:updating="no">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('container-response')" as="map(*)"/>
-        <xsl:variable name="acl-mode-links" select="tokenize($response?headers?link, ',')[contains(., '&acl;mode')]" as="xs:string*"/>
-        <xsl:variable name="acl-modes" select="for $mode-link in $acl-mode-links return xs:anyURI(substring-before(substring-after(substring-before($mode-link, ';'), '&lt;'), '&gt;'))" as="xs:anyURI*"/>
-
-        <xsl:sequence select="map:merge(($context, map{ 'container-acl-modes': $acl-modes }))"/>
-    </xsl:function>
-
-    <!-- append the rendered view block into the wrapper's .span12 alongside the typed resource block, stamp the inline-creation metadata as data-* attributes, hydrate via existing ldh:RenderRow chain -->
-    <xsl:function name="ldh:ontology-view-insert" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="span12" select="$container/div[contains-token(@class, 'span12')]" as="element()"/>
-        <xsl:variable name="view-uri" select="$context('view-uri')" as="xs:anyURI"/>
-        <xsl:variable name="base-uri" select="$context('base-uri')" as="xs:anyURI"/>
-
-        <xsl:message>ldh:ontology-view-insert</xsl:message>
-
-        <xsl:if test="$response?status = 200 and $response?media-type = 'application/rdf+xml'">
-            <xsl:variable name="view-rdf" select="$response?body" as="document-node()"/>
-            <xsl:variable name="view-resource" select="key('resources', $view-uri, $view-rdf)" as="element()?"/>
-
-            <xsl:if test="$view-resource">
-                <xsl:variable name="id" select="'id' || ac:uuid()" as="xs:string"/>
-                <xsl:variable name="view-block-html" as="element()">
-                    <xsl:apply-templates select="$view-resource" mode="bs2:Row">
-                        <xsl:with-param name="about" select="xs:anyURI($base-uri || $id)"/>
-                        <xsl:with-param name="id" select="$id"/>
-                        <xsl:with-param name="property-metadata" select="$context('property-metadata')" tunnel="yes"/>
-                        <xsl:with-param name="object-metadata" select="$context('object-metadata')" tunnel="yes"/>
-                    </xsl:apply-templates>
-                </xsl:variable>
-
-                <!-- append into the wrapper's .span12 so the new block's ancestor::*[@about][1] is the outer #this with @about ending in #this -->
-                <xsl:sequence select="ixsl:call($span12, 'append', [ $view-block-html ])[current-date() lt xs:date('2000-01-01')]"/>
-
-                <!-- hydrate the freshly-injected wrapper via the existing view.xsl:62 RenderRow handler -->
-                <xsl:variable name="injected" select="$span12/*[last()]" as="element()?"/>
-                <xsl:if test="$injected">
-                    <!-- stamp inline-creation metadata before hydration so ldh:RenderViewResults can read it off the wrapper -->
-                    <xsl:for-each select="$injected">
-                        <xsl:if test="map:contains($context, 'view-property')">
-                            <ixsl:set-attribute name="data-property" select="string($context('view-property'))" object="."/>
-                        </xsl:if>
-                        <xsl:if test="map:contains($context, 'view-inverse')">
-                            <ixsl:set-attribute name="data-inverse" select="'true'" object="."/>
-                        </xsl:if>
-                        <xsl:if test="map:contains($context, 'view-for-class')">
-                            <ixsl:set-attribute name="data-for-class" select="string($context('view-for-class'))" object="."/>
-                        </xsl:if>
-                        <xsl:if test="map:contains($context, 'view-container')">
-                            <ixsl:set-attribute name="data-container" select="string($context('view-container'))" object="."/>
-                        </xsl:if>
-                        <xsl:if test="map:contains($context, 'view-show-when-empty')">
-                            <ixsl:set-attribute name="data-show-when-empty" select="string($context('view-show-when-empty'))" object="."/>
-                        </xsl:if>
-                        <xsl:if test="map:contains($context, 'container-acl-modes')">
-                            <ixsl:set-attribute name="data-acl-modes" select="string-join($context('container-acl-modes'), ' ')" object="."/>
-                        </xsl:if>
-                    </xsl:for-each>
-                    <xsl:variable name="factories" as="(function(item()?) as item()*)*">
-                        <xsl:apply-templates select="$injected" mode="ldh:RenderRow"/>
-                    </xsl:variable>
-                    <xsl:for-each select="$factories">
-                        <xsl:variable name="factory" select="."/>
-                        <ixsl:promise select="$factory(())" on-failure="ldh:promise-failure#1"/>
-                    </xsl:for-each>
-                </xsl:if>
-            </xsl:if>
-        </xsl:if>
-
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-
-    <!-- object-metadata fetch helpers: shared between view.xsl's view-results chain and client.xsl's document-load chain. Build a metadata-request from the cross-doc object URIs in the response RDF (read from $response-key in context); the chain then fires it via ldh:http-request-threaded(?, 'metadata-request', 'metadata-response') and ldh:set-object-metadata stores the result body under 'object-metadata' for the $object-metadata tunnel consumed by ac:object-label. -->
-
-    <xsl:function name="ldh:load-object-metadata" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:sequence select="ldh:load-object-metadata($context, 'response')"/>
-    </xsl:function>
-
-    <xsl:function name="ldh:load-object-metadata" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:param name="response-key" as="xs:string"/>
-        <xsl:variable name="endpoint" select="$context('endpoint')" as="xs:anyURI"/>
-        <!-- prefer caller-supplied object-uris in context (form flows compute these from $resource or $body upstream); fall back to extracting from the named response (block flows) -->
-        <xsl:variable name="object-uris" as="xs:string*" select="
-            if (map:contains($context, 'object-uris')) then $context('object-uris')
-            else
-                let $response := $context($response-key)
-                return if ($response?status = 200 and $response?media-type = 'application/rdf+xml')
-                       then distinct-values($response?body/rdf:RDF/rdf:Description/*/@rdf:resource[not(key('resources', .))])
-                       else ()"/>
-        <xsl:variable name="values" select="' VALUES $this { ' || string-join(for $uri in $object-uris return '&lt;' || $uri || '&gt;', ' ') || ' }'" as="xs:string"/>
-        <xsl:variable name="query-string" select="$object-metadata-query || $values" as="xs:string"/>
-        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href($endpoint), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-        <!-- second request resolves labels of object URIs that are ontology terms (rdf:type/class values etc.) from the /ns endpoint, whose graph-free query targets the in-memory ontology default graph; merged with the /sparql result by ldh:merge-object-metadata -->
-        <xsl:variable name="ns-query-string" select="$object-metadata-ns-query || $values" as="xs:string"/>
-        <xsl:variable name="ns-request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $ns-query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-
-        <xsl:message>ldh:load-object-metadata</xsl:message>
-
-        <!-- always emit both requests so the downstream http-request-threaded steps have keys to read; empty VALUES results in empty responses which set-object-metadata / set-object-metadata-ns store as empty documents and ac:object-label falls through to its fragment fallback -->
-        <xsl:sequence select="map:merge(($context, map{ 'metadata-request': $request, 'ns-metadata-request': $ns-request }))"/>
-    </xsl:function>
-
-    <xsl:function name="ldh:set-object-metadata" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('metadata-response')" as="map(*)"/>
-
-        <xsl:message>ldh:set-object-metadata</xsl:message>
-
-        <!-- view-block chain tracks progress; document-load chain doesn't -->
-        <xsl:if test="map:contains($context, 'cache')">
-            <xsl:sequence select="ldh:update-progress-counter($context('cache'), $context, 'complete', ())"/>
-        </xsl:if>
-
-        <xsl:for-each select="$response">
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
-                    <xsl:variable name="object-metadata" select="?body" as="document-node()?"/>
-                    <xsl:sequence select="map:merge(($context, map{ 'object-metadata': $object-metadata }))"/>
-                </xsl:when>
-                <xsl:otherwise>
-                    <!-- ignore object metadata loading errors - treat as empty metadata -->
-                    <xsl:sequence select="$context"/>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:for-each>
-    </xsl:function>
-
-    <!-- stores the /ns object-metadata response (labels for object URIs that are ontology terms) under 'object-metadata-ns'; ldh:merge-object-metadata folds it into 'object-metadata'. Error-tolerant: a non-2xx response is treated as empty metadata -->
-    <xsl:function name="ldh:set-object-metadata-ns" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('ns-metadata-response')" as="map(*)"/>
-
-        <xsl:message>ldh:set-object-metadata-ns</xsl:message>
-
-        <xsl:for-each select="$response">
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
-                    <xsl:variable name="object-metadata-ns" select="?body" as="document-node()?"/>
-                    <xsl:sequence select="map:merge(($context, map{ 'object-metadata-ns': $object-metadata-ns }))"/>
-                </xsl:when>
-                <xsl:otherwise>
-                    <!-- ignore ontology metadata loading errors - treat as empty metadata -->
-                    <xsl:sequence select="$context"/>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:for-each>
-    </xsl:function>
-
-    <!-- merges the /sparql ('object-metadata') and /ns ('object-metadata-ns') label documents into a single 'object-metadata' document (via ldh:merge-metadata → ldh:MergeRDF mode) consumed by ac:object-label. use-last because 'object-metadata' already exists in the context -->
-    <xsl:function name="ldh:merge-object-metadata" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:message>ldh:merge-object-metadata</xsl:message>
-
-        <xsl:variable name="merged" select="ldh:merge-metadata($context('object-metadata'), $context('object-metadata-ns'))" as="document-node()"/>
-        <xsl:sequence select="map:merge(($context, map{ 'object-metadata': $merged }), map{ 'duplicates': 'use-last' })"/>
-    </xsl:function>
-
-    <!-- property-metadata fetch helpers: mirror the object-metadata pair above, but DESCRIBE the property URIs (rdfs:label / skos:prefLabel etc. resolved via the application's /ns ontology store) so that ac:property-label can resolve vocabulary labels client-side. Chain wiring: ldh:http-request-threaded(?, 'property-metadata-request', 'property-metadata-response') then ldh:set-property-metadata stores the body under 'property-metadata' for the tunnel consumed by ac:property-label. -->
-
-    <xsl:function name="ldh:load-property-metadata" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:sequence select="ldh:load-property-metadata($context, 'response')"/>
-    </xsl:function>
-
-    <xsl:function name="ldh:load-property-metadata" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:param name="response-key" as="xs:string"/>
-        <!-- prefer caller-supplied property-uris in context (form flows compute these from $resource or $body upstream); fall back to extracting from the named response (block flows) -->
-        <xsl:variable name="property-uris" as="xs:string*" select="
-            if (map:contains($context, 'property-uris')) then $context('property-uris')
-            else
-                let $response := $context($response-key)
-                return if ($response?status = 200 and $response?media-type = 'application/rdf+xml')
-                       then distinct-values($response?body/rdf:RDF/rdf:Description/*/concat(namespace-uri(), local-name()))
-                       else ()"/>
-        <xsl:variable name="query-string" select="$property-metadata-query || ' VALUES $Type { ' || string-join(for $uri in $property-uris return '&lt;' || $uri || '&gt;', ' ') || ' }'" as="xs:string"/>
-        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-
-        <xsl:message>ldh:load-property-metadata</xsl:message>
-
-        <xsl:sequence select="map:merge(($context, map{ 'property-metadata-request': $request }))"/>
-    </xsl:function>
-
-    <xsl:function name="ldh:set-property-metadata" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('property-metadata-response')" as="map(*)"/>
-
-        <xsl:message>ldh:set-property-metadata</xsl:message>
-
-        <xsl:for-each select="$response">
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
-                    <xsl:variable name="property-metadata" select="?body" as="document-node()?"/>
-                    <xsl:sequence select="map:merge(($context, map{ 'property-metadata': $property-metadata }))"/>
-                </xsl:when>
-                <xsl:otherwise>
-                    <!-- ignore property metadata loading errors - treat as empty metadata -->
-                    <xsl:sequence select="$context"/>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:for-each>
-    </xsl:function>
-
-    <xsl:function name="ldh:hide-block-progress-bar" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:param name="ignored" as="item()?"/>
-              
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        
-        <!-- hide the progress bar -->
-        <xsl:for-each select="$container/ancestor::div[contains-token(@class, 'span12')][contains-token(@class, 'progress')][contains-token(@class, 'active')]">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'progress', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'progress-striped', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:for-each>
-        
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-
-    <!-- Progress tracking with dynamic counters -->
-
-    <xsl:function name="ldh:update-progress-counter" as="empty-sequence()" ixsl:updating="yes">
-        <xsl:param name="cache" as="item()"/>
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:param name="action" as="xs:string"/>
-        <xsl:param name="value" as="xs:integer?"/>
-
-        <xsl:choose>
-            <!-- Initialize with total step count -->
-            <xsl:when test="$action = 'init'">
-                <xsl:variable name="total-steps" select="if (exists($value)) then $value else 4" as="xs:integer"/>
-                <xsl:variable name="step-size" select="100 div $total-steps" as="xs:double"/>
-
-                <ixsl:set-property name="current-progress" select="0" object="$cache"/>
-                <ixsl:set-property name="step-size" select="$step-size" object="$cache"/>
-                <ixsl:set-property name="completed-steps" select="0" object="$cache"/>
-                <ixsl:set-property name="total-steps" select="$total-steps" object="$cache"/>
-                <ixsl:set-property name="start-time" select="ixsl:call(ixsl:window(), 'Date.now', [])" object="$cache"/>
-
-                <!-- Display 0% -->
-                <xsl:sequence select="ldh:display-progress($cache, $context, 0)"/>
-            </xsl:when>
-
-            <!-- Increment progress by one step -->
-            <xsl:when test="$action = 'complete'">
-                <xsl:variable name="step-size" select="ixsl:get($cache, 'step-size')" as="xs:double"/>
-                <xsl:variable name="completed-steps" select="xs:integer(ixsl:get($cache, 'completed-steps')) + 1" as="xs:integer"/>
-                <xsl:variable name="total-steps" select="xs:integer(ixsl:get($cache, 'total-steps'))" as="xs:integer"/>
-                <xsl:variable name="progress" select="min((($completed-steps * $step-size), 100))" as="xs:double"/>
-                <xsl:variable name="elapsed" select="ixsl:call(ixsl:window(), 'Date.now', []) - ixsl:get($cache, 'start-time')" as="xs:double"/>
-
-                <ixsl:set-property name="completed-steps" select="$completed-steps" object="$cache"/>
-                <ixsl:set-property name="current-progress" select="$progress" object="$cache"/>
-
-                <xsl:sequence select="ldh:display-progress($cache, $context, $progress)"/>
-            </xsl:when>
-        </xsl:choose>
-    </xsl:function>
-
-    <!-- Helper: Update visual progress bar -->
-    <xsl:function name="ldh:display-progress" as="empty-sequence()" ixsl:updating="yes">
-        <xsl:param name="cache" as="item()"/>
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:param name="percent" as="xs:double"/>
-
-        <xsl:if test="map:contains($context, 'container')">
-            <xsl:variable name="container" select="$context('container')" as="element()"/>
-
-            <xsl:for-each select="$container/ancestor::div[contains-token(@class, 'progress')][contains-token(@class, 'active')][1]">
-                <ixsl:set-style name="width" select="$percent || '%'" object=".//div[contains-token(@class, 'bar')]"/>
-
-                <!-- auto-hide when 100% -->
-                <xsl:if test="$percent ge 100">
-                    <ixsl:set-style name="z-index" select="'-1'" object="./div[contains-token(@class, 'row-block-controls')]"/>
-
-                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'progress', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'progress-striped', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:if>
-            </xsl:for-each>
-        </xsl:if>
-    </xsl:function>
-
-    <!-- block delete -->
-
-    <xsl:template name="onBlockDelete">
-        <xsl:context-item as="map(*)" use="required"/>
-        <xsl:param name="block" as="element()"/>
-
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-
-        <xsl:choose>
-            <xsl:when test="?status = (200, 204)">
-                <xsl:for-each select="$block">
-                    <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:for-each>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ 'Could not delete block' ])[current-date() lt xs:date('2000-01-01')]"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-    
-    <!-- block swap (drag & drop) -->
-    
-    <xsl:template name="onBlockSwap">
-        <xsl:context-item as="map(*)" use="required"/>
-
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-        
-        <xsl:choose>
-            <xsl:when test="?status = 204">
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ 'Could not swap block' ])[current-date() lt xs:date('2000-01-01')]"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-    
-</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/view.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/view.xsl
deleted file mode 100644
index 752a54ec9d..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/view.xsl
+++ /dev/null
@@ -1,2578 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE xsl:stylesheet [
-    <!ENTITY def    "https://w3id.org/atomgraph/linkeddatahub/default#">
-    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
-    <!ENTITY lapp   "https://w3id.org/atomgraph/linkeddatahub/apps#">
-    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
-    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
-    <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
-    <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
-    <!ENTITY srx    "http://www.w3.org/2005/sparql-results#">
-    <!ENTITY acl    "http://www.w3.org/ns/auth/acl#">
-    <!ENTITY ldt    "https://www.w3.org/ns/ldt#">
-    <!ENTITY sd     "http://www.w3.org/ns/sparql-service-description#">
-    <!ENTITY sp     "http://spinrdf.org/sp#">
-    <!ENTITY spin   "http://spinrdf.org/spin#">
-    <!ENTITY foaf   "http://xmlns.com/foaf/0.1/">
-    <!ENTITY dct    "http://purl.org/dc/terms/">
-]>
-<xsl:stylesheet version="3.0"
-xmlns="http://www.w3.org/1999/xhtml"
-xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
-xmlns:prop="http://saxonica.com/ns/html-property"
-xmlns:xhtml="http://www.w3.org/1999/xhtml"
-xmlns:xs="http://www.w3.org/2001/XMLSchema"
-xmlns:map="http://www.w3.org/2005/xpath-functions/map"
-xmlns:json="http://www.w3.org/2005/xpath-functions"
-xmlns:array="http://www.w3.org/2005/xpath-functions/array"
-xmlns:ac="&ac;"
-xmlns:ldh="&ldh;"
-xmlns:lapp="&lapp;"
-xmlns:rdf="&rdf;"
-xmlns:rdfs="&rdfs;"
-xmlns:srx="&srx;"
-xmlns:acl="&acl;"
-xmlns:ldt="&ldt;"
-xmlns:sd="&sd;"
-xmlns:sp="&sp;"
-xmlns:spin="&spin;"
-xmlns:foaf="&foaf;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
-extension-element-prefixes="ixsl"
-exclude-result-prefixes="#all"
->
-
-    <xsl:key name="resources-by-primary-topic" match="*[@rdf:about] | *[@rdf:nodeID]" use="foaf:primaryTopic/@rdf:resource"/>
-    
-    <xsl:param name="class-modes" as="map(xs:string, xs:anyURI)">
-        <xsl:map>
-            <xsl:map-entry key="'read-mode'" select="xs:anyURI('&ac;ReadMode')"/>
-            <xsl:map-entry key="'list-mode'" select="xs:anyURI('&ac;ListMode')"/>
-            <xsl:map-entry key="'table-mode'" select="xs:anyURI('&ac;TableMode')"/>
-            <xsl:map-entry key="'grid-mode'" select="xs:anyURI('&ac;GridMode')"/>
-            <xsl:map-entry key="'chart-mode'" select="xs:anyURI('&ac;ChartMode')"/>
-            <xsl:map-entry key="'map-mode'" select="xs:anyURI('&ac;MapMode')"/>
-            <xsl:map-entry key="'graph-mode'" select="xs:anyURI('&ac;GraphMode')"/>
-        </xsl:map>
-    </xsl:param>
-        
-    <!-- TEMPLATES -->
-
-    <!-- render view -->
-
-    <xsl:template match="*[@typeof = '&ldh;View'][descendant::*[@property = '&spin;query'][@resource]]" mode="ldh:RenderRow" as="function(item()?) as map(*)" priority="2"> <!-- prioritize above block.xsl -->
-        <xsl:param name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:param name="this" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/> <!-- document URL -->
-        <xsl:param name="parent-about" select="$block/ancestor::*[@about][1]/@about" as="xs:anyURI"/> <!-- outer @about context -->
-        <xsl:param name="container" select="." as="element()"/>
-        <xsl:param name="graph" select="descendant::*[@property = '&ldh;graph']/@resource" as="xs:anyURI?"/>
-        <xsl:param name="mode" select="descendant::*[@property = '&ac;mode']/@resource" as="xs:anyURI?"/>
-        <xsl:param name="refresh-content" as="xs:boolean?"/>
-        <xsl:param name="query-uri" select="descendant::*[@property = '&spin;query']/@resource" as="xs:anyURI"/>
-
-        <!-- create cache entry for the block -->
-        <xsl:if test="not(ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`'))">
-            <ixsl:set-property name="{'`' || $block/@about || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
-        </xsl:if>
-
-        <!-- Initialize progress counters -->
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`')"/>
-        
-        <xsl:sequence select="ldh:update-progress-counter($cache, map{'container': $container}, 'init', 3)"/>
-
-        <xsl:variable name="request-uri" select="ldh:href(ac:document-uri($query-uri), map{})" as="xs:anyURI"/>
-        <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-        <!-- $about in the query gets set to the @about of the *parent* block  -->
-        <xsl:variable name="context" as="map(*)" select="
-          map{
-            'request': $request,
-            'this': $this,
-            'about': $parent-about,
-            'block': $block,
-            'container': $container,
-            'mode': $mode,
-            'refresh-content': $refresh-content,
-            'query-uri': $query-uri,
-            'cache': ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`')
-          }"/>
-
-        <xsl:sequence select="
-            ldh:load-block#3(
-                $context,
-                ldh:view-self-thunk#1,
-                ?
-            )
-        "/>
-    </xsl:template>
-    
-    <!-- flatten a SPARQL.js predicate node to its candidate URIs: simple URI (json:string) returns one; alt-path (pathType '|') recurses through items; sequence/inverse/variable predicates return empty -->
-    <xsl:function name="ldh:alt-path-uris" as="xs:anyURI*">
-        <xsl:param name="node" as="element()"/>
-        <xsl:choose>
-            <xsl:when test="$node/self::json:string[not(starts-with(., '?'))]">
-                <xsl:sequence select="xs:anyURI($node)"/>
-            </xsl:when>
-            <xsl:when test="$node/self::json:map[json:string[@key = 'type'] = 'path'][json:string[@key = 'pathType'] = '|']">
-                <xsl:sequence select="for $item in $node/json:array[@key = 'items']/* return ldh:alt-path-uris($item)"/>
-            </xsl:when>
-        </xsl:choose>
-    </xsl:function>
-
-    <xsl:function name="ldh:view-self-thunk" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:message>ldh:view-self-thunk</xsl:message>
-
-        <xsl:sequence select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-query-thunk#1) =>
-                ixsl:then(ldh:view-results-thunk#1)
-        "/>
-    </xsl:function>
-    
-    <xsl:function name="ldh:view-query-thunk" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:message>ldh:view-query-thunk</xsl:message>
-
-        <xsl:sequence select="
-            ixsl:http-request($context('request')) =>
-                ixsl:then(ldh:rethread-response($context, ?)) =>
-                ixsl:then(ldh:handle-response#1) =>
-                ixsl:then(ldh:view-query-response#1)
-        "/>
-    </xsl:function>
-    
-    <xsl:function name="ldh:view-results-thunk" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:message>ldh:view-results-thunk</xsl:message>
-
-        <xsl:sequence select="
-            ixsl:http-request($context('request')) =>
-                ixsl:then(ldh:rethread-response($context, ?, 'view-results-response')) =>
-                ixsl:then(ldh:handle-response(?, 'view-results-response')) =>
-                ixsl:then(ldh:view-results-error-handler#1) =>
-                ixsl:then(ldh:load-object-metadata(?, 'view-results-response')) =>
-                ixsl:then(ldh:http-request-threaded(?, 'metadata-request', 'metadata-response')) =>
-                ixsl:then(ldh:handle-response(?, 'metadata-response')) =>
-                ixsl:then(ldh:set-object-metadata#1) =>
-                ixsl:then(ldh:http-request-threaded(?, 'ns-metadata-request', 'ns-metadata-response')) =>
-                ixsl:then(ldh:handle-response(?, 'ns-metadata-response')) =>
-                ixsl:then(ldh:set-object-metadata-ns#1) =>
-                ixsl:then(ldh:merge-object-metadata#1) =>
-                ixsl:then(ldh:load-property-metadata(?, 'view-results-response')) =>
-                ixsl:then(ldh:http-request-threaded(?, 'property-metadata-request', 'property-metadata-response')) =>
-                ixsl:then(ldh:handle-response(?, 'property-metadata-response')) =>
-                ixsl:then(ldh:set-property-metadata#1) =>
-                ixsl:then(ldh:render-view#1)
-        "/>
-    </xsl:function>
-
-    <!-- view-results-specific HTTP error UI: renders an alert into $container, hides the block progress bar, raises ldh:HTTPError; the generic ldh:load-object-metadata in client/block.xsl has no error UI of its own -->
-    <xsl:function name="ldh:view-results-error-handler" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('view-results-response')" as="map(*)"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="endpoint" select="$context('endpoint')" as="xs:anyURI"/>
-
-        <xsl:for-each select="$response">
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
-                    <xsl:sequence select="$context"/>
-                </xsl:when>
-                <xsl:otherwise>
-                    <xsl:for-each select="$container">
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <div class="alert alert-block">
-                                <strong>Could not load query results from <a href="{$endpoint}"><xsl:value-of select="$endpoint"/></a></strong>
-                                <pre>
-                                    <xsl:value-of select="$response?message"/>
-                                </pre>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
-
-                    <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
-
-                    <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-
-                    <xsl:sequence select="
-                      error(
-                        QName('&ldh;', 'ldh:HTTPError'),
-                        concat('HTTP ', ?status, ' returned: ', ?message),
-                        $response
-                      )
-                    "/>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:for-each>
-    </xsl:function>
-
-    <!-- provide a property label which otherwise would default to local-name() client-side (since $property-metadata is not loaded) -->
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;View']/rdfs:label | *[rdf:type/@rdf:resource = '&ldh;View']/ac:mode" mode="bs2:FormControl">
-        <xsl:next-match>
-            <xsl:with-param name="label" select="ac:property-label(.)"/>
-        </xsl:next-match>
-    </xsl:template>
-    
-    <!-- result count -->
-    
-    <xsl:template match="srx:binding[@name][srx:literal]" mode="bs2:ViewResultCount" priority="1">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" as="xs:string?"/>
-        <xsl:param name="count-var-name" as="xs:string" tunnel="yes"/>
-
-        <xsl:choose>
-            <xsl:when test="@name = $count-var-name">
-                <strong>
-                    <xsl:apply-templates select="key('resources', 'total-results', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    <xsl:text> </xsl:text>
-                    <span class="badge badge-inverse">
-                        <xsl:value-of select="srx:literal"/>
-                    </span>
-                </strong>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:next-match/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-
-    <xsl:template match="srx:*" mode="bs2:ViewResultCount">
-        <xsl:apply-templates mode="#current"/>
-    </xsl:template>
-    
-    <!-- facets -->
-    
-    <xsl:template match="srx:result" mode="bs2:FacetValueItem">
-        <xsl:param name="object-var-name" as="xs:string"/>
-        <xsl:param name="count-var-name" as="xs:string"/>
-        <xsl:param name="label-sample-var-name" as="xs:string?"/>
-        <xsl:param name="label" as="xs:string?"/>
-        
-        <li>
-            <label class="checkbox">
-                <!-- store value type ('uri'/'literal') in a hidden input -->
-                <input type="hidden" name="type" value="{srx:binding[@name = $object-var-name]/srx:*/local-name()}"/>
-                <xsl:if test="srx:binding[@name = $object-var-name]/srx:literal/@datatype">
-                    <input type="hidden" name="datatype" value="{srx:binding[@name = $object-var-name]/srx:literal/@datatype}"/>
-                </xsl:if>
-                <!-- store count in a hidden input -->
-                <input type="hidden" name="count" value="{srx:binding[@name = $count-var-name]/srx:literal}"/>
-
-                <input type="checkbox" name="{$object-var-name}" value="{srx:binding[@name = $object-var-name]/srx:*}"/> <!-- can be srx:literal -->
-                <span title="{srx:binding[@name = $object-var-name]/srx:*}">
-                    <xsl:choose>
-                        <!-- label explicitly supplied -->
-                        <xsl:when test="$label">
-                            <xsl:value-of select="$label"/>
-                        </xsl:when>
-                        <!-- there is a separate ?label value - show it -->
-                        <xsl:when test="srx:binding[@name = $label-sample-var-name]/srx:literal">
-                            <xsl:value-of select="srx:binding[@name = $label-sample-var-name]/srx:literal"/>
-                        </xsl:when>
-                        <!-- show the raw value -->
-                        <xsl:otherwise>
-                            <xsl:value-of select="srx:binding[@name = $object-var-name]/srx:*"/>
-                        </xsl:otherwise>
-                    </xsl:choose>
-                    
-                    <xsl:text> (</xsl:text>
-                    <xsl:value-of select="srx:binding[@name = $count-var-name]/srx:literal"/>
-                    <xsl:text>)</xsl:text>
-                </span>
-            </label>
-        </li>
-    </xsl:template>
-    
-    <!-- facet predicate block -->
-    <xsl:template match="rdf:Description[@rdf:about]" mode="bs2:FilterIn">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'sidebar-nav faceted-nav'" as="xs:string?"/>
-        <xsl:param name="subject-var-name" as="xs:string"/>
-        <xsl:param name="object-var-name" as="xs:string"/>
-
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <h2 class="nav-header btn" title="{@rdf:about}">
-                <xsl:value-of>
-                    <xsl:apply-templates select="." mode="ac:label"/>
-                </xsl:value-of>
-
-                <span class="caret caret-reversed pull-right"></span>
-                <input type="hidden" name="subject" value="{$subject-var-name}"/>
-                <input type="hidden" name="predicate" value="{@rdf:about}"/>
-                <input type="hidden" name="object" value="{$object-var-name}"/>
-            </h2>
-
-            <!-- facet values will be loaded into an <ul> here -->
-        </div>
-    </xsl:template>
-    
-    <!-- result counts -->
-    
-    <xsl:template name="ldh:ResultCount">
-        <xsl:context-item as="element()" use="required"/>
-        <xsl:param name="count-var-name" select="'count'" as="xs:string"/>
-        <xsl:param name="endpoint" as="xs:anyURI"/>
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="focus-var-name" as="xs:string"/>
-        <xsl:param name="cache" as="item()"/>
-        <xsl:variable name="select-xml" as="document-node()">
-            <xsl:document>
-                <!-- unset ORDER BY/LIMIT/OFFSET - we want to COUNT all of the container's children; ordering is irrelevant -->
-                <xsl:variable name="select-xml" as="document-node()">
-                    <xsl:document>
-                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit"/>
-                    </xsl:document>
-                </xsl:variable>
-                <xsl:variable name="select-xml" as="document-node()">
-                    <xsl:document>
-                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
-                    </xsl:document>
-                </xsl:variable>
-                <xsl:variable name="select-xml" as="document-node()">
-                    <xsl:document>
-                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-order-by"/>
-                    </xsl:document>
-                </xsl:variable>
-                <xsl:apply-templates select="$select-xml" mode="ldh:result-count">
-                    <xsl:with-param name="count-var-name" select="$count-var-name" tunnel="yes"/>
-                    <xsl:with-param name="expression-var-name" select="$focus-var-name" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:document>
-        </xsl:variable>
-        <xsl:variable name="select-json-string" select="xml-to-json($select-xml)" as="xs:string"/>
-        <xsl:variable name="select-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $select-json-string ])"/>
-        <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $select-json ]), 'toString', [])" as="xs:string"/>
-        <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
-        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
-        <xsl:variable name="context" as="map(*)" select="
-          map {
-            'request': $request,
-            'container': .,
-            'count-var-name': $count-var-name,
-            'cache': $cache
-          }"/>
-
-        <ixsl:promise select="ixsl:http-request($context('request')) =>
-            ixsl:then(ldh:rethread-response($context, ?)) =>
-            ixsl:then(ldh:handle-response#1) =>
-            ixsl:then(ldh:result-count-response#1)"
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-    
-    <!-- pager -->
-
-    <xsl:template name="bs2:PagerList">
-        <xsl:param name="result-count" as="xs:integer?"/>
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:variable name="offset" select="if ($select-xml/json:map/json:number[@key = 'offset']) then xs:integer($select-xml/json:map/json:number[@key = 'offset']) else 0" as="xs:integer"/>
-        <xsl:variable name="limit" select="if ($select-xml/json:map/json:number[@key = 'limit']) then xs:integer($select-xml/json:map/json:number[@key = 'limit']) else 0" as="xs:integer"/>
-        <xsl:variable name="show" select="($offset - $limit) &gt;= 0 or $result-count &gt;= $limit" as="xs:boolean"/>
-
-        <!-- do not show pagination if the children document count is less than the page limit -->
-        <xsl:if test="$show">
-            <ul class="pager">
-                <li class="previous">
-                    <xsl:choose>
-                        <xsl:when test="($offset - $limit) &gt;= 0">
-                            <a class="active">
-                                <!-- event listener will handle the click -->
-                            </a>
-                        </xsl:when>
-                        <xsl:otherwise>
-                            <xsl:attribute name="class" select="'previous disabled'"/>
-                            <a></a>
-                        </xsl:otherwise>
-                    </xsl:choose>
-                </li>
-                <li class="next">
-                    <xsl:choose>
-                        <xsl:when test="$result-count &gt;= $limit">
-                            <a class="active">
-                                <!-- event listener will handle the click -->
-                            </a>
-                        </xsl:when>
-                        <xsl:otherwise>
-                            <xsl:attribute name="class" select="'next disabled'"/>
-                            <a></a>
-                        </xsl:otherwise>
-                    </xsl:choose>
-                </li>
-            </ul>
-        </xsl:if>
-    </xsl:template>
-
-    <!-- view mode dropdown -->
-
-    <xsl:template name="bs2:ViewModeList">
-        <xsl:param name="active-mode" as="xs:anyURI"/>
-        <xsl:param name="id" select="'view-modes'" as="xs:string?"/>
-        <xsl:param name="mode-button-classes" as="map(xs:string, xs:string)">
-            <xsl:map>
-                <xsl:map-entry key="'&ac;ReadMode'" select="'btn-read'"/>
-                <xsl:map-entry key="'&ac;ListMode'" select="'btn-list'"/>
-                <xsl:map-entry key="'&ac;TableMode'" select="'btn-table'"/>
-                <xsl:map-entry key="'&ac;GridMode'" select="'btn-grid'"/>
-                <xsl:map-entry key="'&ac;ChartMode'" select="'btn-chart'"/>
-                <xsl:map-entry key="'&ac;MapMode'" select="'btn-map'"/>
-                <xsl:map-entry key="'&ac;GraphMode'" select="'btn-graph'"/>
-            </xsl:map>
-        </xsl:param>
-
-        <div class="btn-group pull-right">
-            <button type="button" title="{ac:label(key('resources', '&ac;Mode', document(ac:document-uri('&ac;'))))}">
-                <xsl:if test="$id">
-                    <xsl:attribute name="id" select="$id"/>
-                </xsl:if>
-
-                <xsl:attribute name="class" select="'btn dropdown-toggle ' || (map:get($mode-button-classes, string($active-mode)), 'btn-read')[1]"/>
-
-                <xsl:text> </xsl:text>
-                <span class="caret"></span>
-            </button>
-
-            <ul class="dropdown-menu view-mode-list">
-                <xsl:for-each select="('&ac;ReadMode', '&ac;ListMode', '&ac;TableMode', '&ac;GridMode', '&ac;ChartMode', '&ac;MapMode', '&ac;GraphMode')">
-                    <xsl:for-each select="key('resources', ., document(ac:document-uri('&ac;')))">
-                        <xsl:apply-templates select="." mode="bs2:ModeListItem">
-                            <xsl:with-param name="active" select="@rdf:about = $active-mode"/>
-                            <xsl:with-param name="href" select="()"/>
-                        </xsl:apply-templates>
-                    </xsl:for-each>
-                </xsl:for-each>
-            </ul>
-        </div>
-    </xsl:template>
-    
-    <!-- render view -->
-    
-    <xsl:template name="ldh:RenderView">
-        <xsl:param name="container" as="element()"/>
-        <xsl:param name="select-string" as="xs:string"/>
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="endpoint" select="xs:anyURI"/>
-        <xsl:param name="initial-var-name" as="xs:string"/>
-        <xsl:param name="focus-var-name" select="$select-xml/json:map/json:array[@key = 'variables']/json:string[1]/substring-after(., '?')" as="xs:string"/>
-        <xsl:param name="active-mode" as="xs:anyURI"/>
-        <xsl:param name="refresh-content" as="xs:boolean?"/>
-        <xsl:param name="cache" as="item()"/>
-
-        <!-- wrap SELECT into a DESCRIBE -->
-        <xsl:variable name="query-xml" as="element()">
-            <xsl:apply-templates select="$select-xml" mode="ldh:wrap-describe"/>
-        </xsl:variable>
-        <xsl:variable name="query-json-string" select="xml-to-json($query-xml)" as="xs:string"/>
-        <xsl:variable name="query-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $query-json-string ])"/>
-        <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $query-json ]), 'toString', [])" as="xs:string"/>
-        <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
-        <xsl:variable name="headers" as="map(xs:string, xs:string)">
-            <xsl:map>
-                <xsl:map-entry key="'Accept'" select="'application/rdf+xml'"/>
-
-                <xsl:if test="$refresh-content">
-                    <xsl:map-entry key="'Cache-Control'" select="'no-cache, no-store, must-revalidate'"/>
-                </xsl:if>
-            </xsl:map>
-        </xsl:variable>
-        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': $headers }" as="map(*)"/>
-        <xsl:sequence select="
-          map{
-            'request': $request,
-            'container': $container,
-            'container-id': generate-id($container),
-            'active-mode': $active-mode,
-            'select-string': $select-string,
-            'select-xml': $select-xml,
-            'initial-var-name': $initial-var-name,
-            'focus-var-name': $focus-var-name,
-            'endpoint': $endpoint,
-            'cache': $cache
-          }"/>
-    </xsl:template>
-
-    <xsl:template name="ldh:ViewPage">
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="direction" as="xs:string"/> <!-- 'previous' or 'next' -->
-
-        <xsl:variable name="offset" select="if ($select-xml/json:map/json:number[@key = 'offset']) then xs:integer($select-xml/json:map/json:number[@key = 'offset']) else 0" as="xs:integer"/>
-        <xsl:variable name="offset" select="if ($direction = 'previous') then $offset - $page-size else $offset + $page-size" as="xs:integer"/>
-
-        <xsl:document>
-            <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset">
-                <xsl:with-param name="offset" select="$offset" tunnel="yes"/>
-            </xsl:apply-templates>
-        </xsl:document>
-    </xsl:template>
-
-    <xsl:template name="ldh:ViewOrder">
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="var-name" as="xs:string?"/>
-
-        <xsl:document>
-            <xsl:apply-templates select="$select-xml" mode="ldh:replace-order-by">
-                <xsl:with-param name="var-name" select="$var-name" tunnel="yes"/>
-            </xsl:apply-templates>
-        </xsl:document>
-    </xsl:template>
-
-    <xsl:template name="ldh:ViewOrderDirection">
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="desc" as="xs:boolean"/>
-
-        <xsl:document>
-            <xsl:apply-templates select="$select-xml" mode="ldh:toggle-desc">
-                <xsl:with-param name="desc" select="not($desc)" tunnel="yes"/>
-            </xsl:apply-templates>
-        </xsl:document>
-    </xsl:template>
-
-    <!-- $container here is the inner result container, not the content container! -->
-    <xsl:template name="ldh:RenderViewMode">
-        <xsl:param name="container" as="element()"/>
-        <xsl:param name="container-id" as="xs:string"/>
-        <xsl:param name="endpoint" as="xs:anyURI"/>
-        <xsl:param name="results" as="document-node()"/>
-        <xsl:param name="object-metadata" as="document-node()?"/>
-        <xsl:param name="active-mode" as="xs:anyURI"/>
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="cache" as="item()"/>
-
-        <!-- Skip ViewModeChoice replace-content for GraphMode: its canvas lives in the persistent graph-host (sibling of $container), not in container-results, so re-rendering this area would only churn unused DOM. -->
-        <xsl:if test="not($active-mode = '&ac;GraphMode')">
-            <xsl:for-each select="$container">
-                <xsl:result-document href="?." method="ixsl:replace-content">
-                    <xsl:call-template name="ldh:ViewModeChoice">
-                        <xsl:with-param name="container-id" select="$container-id"/>
-                        <xsl:with-param name="select-xml" select="$select-xml"/>
-                        <xsl:with-param name="endpoint" select="$endpoint"/>
-                        <xsl:with-param name="results" select="$results"/>
-                        <xsl:with-param name="active-mode" select="$active-mode"/>
-                        <xsl:with-param name="object-metadata" select="$object-metadata"/>
-                    </xsl:call-template>
-                </xsl:result-document>
-            </xsl:for-each>
-        </xsl:if>
-
-        <!-- toggle visibility between persistent graph-host (GraphMode) and ephemeral container-results (everything else) -->
-        <xsl:variable name="graph-host" select="id($container-id || '-graph-host', ixsl:page())" as="element()?"/>
-        <xsl:if test="exists($graph-host)">
-            <xsl:choose>
-                <xsl:when test="$active-mode = '&ac;GraphMode'">
-                    <ixsl:set-style name="display" select="'none'" object="$container"/>
-                    <ixsl:set-style name="display" select="'block'" object="$graph-host"/>
-                </xsl:when>
-                <xsl:otherwise>
-                    <ixsl:set-style name="display" select="'block'" object="$container"/>
-                    <ixsl:set-style name="display" select="'none'" object="$graph-host"/>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:if>
-
-        <!-- after we've created the map container element, create the JS objects using it -->
-        <xsl:if test="$active-mode = '&ac;MapMode'">
-            <!-- unset LIMIT and OFFSET - we want all of the container's children on the map -->
-            <xsl:variable name="select-xml" as="document-node()">
-                <xsl:document>
-                    <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit"/>
-                </xsl:document>
-            </xsl:variable>
-            <xsl:variable name="select-xml" as="document-node()">
-                <xsl:document>
-                    <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
-                </xsl:document>
-            </xsl:variable>
-
-            <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-            <xsl:variable name="canvas-id" select="$container-id || '-map-canvas'" as="xs:string"/>
-            <xsl:variable name="initial-load" select="not(ixsl:contains($cache, 'map'))" as="xs:boolean"/>
-            <xsl:variable name="map" select="if ($initial-load) then ldh:create-map($canvas-id, 0, 0, 4) else ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), 'map')" as="item()"/>  <!-- OpenLayers map object -->
-
-            <xsl:if test="not($initial-load)">
-                <ixsl:set-property name="map" select="$map" object="$cache"/>
-            </xsl:if>
-                        
-            <!-- dettach the old canvas element (since it's destroyed and regenerated during AJAX page load) -->
-            <xsl:sequence select="ixsl:call($map, 'setTarget', [ () ])[current-date() lt xs:date('2000-01-01')]"/>
-            <!-- attach the new canvas element -->
-            <xsl:sequence select="ixsl:call($map, 'setTarget', [ $canvas-id ])[current-date() lt xs:date('2000-01-01')]"/>
-            <xsl:sequence select="ixsl:call($map, 'updateSize', [])[current-date() lt xs:date('2000-01-01')]"/>
-
-            <xsl:call-template name="ldh:LoadGeoResources">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="container-id" select="$container-id"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="map" select="$map"/>
-                <xsl:with-param name="initial-load" select="$initial-load"/>
-            </xsl:call-template>
-        </xsl:if>
-        <xsl:if test="$active-mode = '&ac;ChartMode'">
-            <xsl:variable name="canvas-id" select="$container-id || '-chart-canvas'" as="xs:string"/>
-            <xsl:variable name="chart-type" select="xs:anyURI('&ac;Table')" as="xs:anyURI"/>
-            <xsl:variable name="category" as="xs:string?"/>
-            <xsl:variable name="series" select="distinct-values($results/*/*/concat(namespace-uri(), local-name()))" as="xs:string*"/>
-            <xsl:variable name="data-table" select="ac:rdf-data-table($results, $category, $series)"/>
-
-            <ixsl:set-property name="data-table" select="$data-table" object="$cache"/>
-
-            <xsl:call-template name="ldh:RenderChart">
-                <xsl:with-param name="data-table" select="$data-table"/>
-                <xsl:with-param name="canvas-id" select="$canvas-id"/>
-                <xsl:with-param name="chart-type" select="$chart-type"/>
-                <xsl:with-param name="category" select="$category"/>
-                <xsl:with-param name="series" select="$series"/>
-            </xsl:call-template>
-        </xsl:if>
-        <!-- GraphMode: the persistent canvas lives in graph-host (visible since the toggle above). Lazily emit the canvas div + init ForceGraph3D on first activation; subsequent re-renders just feed new $results via redisplay-graph. -->
-        <xsl:if test="$active-mode = '&ac;GraphMode'">
-            <xsl:variable name="canvas-id" select="$container-id || '-graph-canvas'" as="xs:string"/>
-            <xsl:variable name="graph-host" select="id($container-id || '-graph-host', ixsl:page())" as="element()"/>
-            <xsl:variable name="graphs" select="ixsl:get(ixsl:window(), 'LinkedDataHub.graphs')"/>
-            <xsl:variable name="needs-init" select="not(ixsl:contains($graphs, $canvas-id))" as="xs:boolean"/>
-
-            <xsl:if test="$needs-init">
-                <xsl:for-each select="$graph-host">
-                    <xsl:result-document href="?." method="ixsl:append-content">
-                        <div id="{$canvas-id}" class="graph-3d-canvas"/>
-                    </xsl:result-document>
-                </xsl:for-each>
-
-                <xsl:variable name="canvas" select="id($canvas-id, ixsl:page())" as="element()"/>
-                <xsl:variable name="graph-state" as="item()">
-                    <xsl:call-template name="ldh:ForceGraph3D-init">
-                        <xsl:with-param name="graph-id" select="$canvas-id"/>
-                        <xsl:with-param name="container" select="$canvas"/>
-                        <xsl:with-param name="builder" select="ixsl:apply(ixsl:get(ixsl:window(), 'ForceGraph3D'), [])"/>
-                        <xsl:with-param name="graph-width" select="xs:double(ixsl:get($graph-host, 'offsetWidth'))"/>
-                        <xsl:with-param name="graph-height" select="xs:double(600)"/>
-                        <xsl:with-param name="node-rel-size" select="xs:double(4)"/>
-                        <xsl:with-param name="link-width" select="xs:double(1.5)"/>
-                        <xsl:with-param name="node-label-color" select="'white'"/>
-                        <xsl:with-param name="node-label-text-height" select="xs:double(5)"/>
-                        <xsl:with-param name="node-label-position-y" select="xs:double(10)"/>
-                        <xsl:with-param name="link-label-color" select="'lightgrey'"/>
-                        <xsl:with-param name="link-label-text-height" select="xs:double(4)"/>
-                        <xsl:with-param name="link-force-distance" select="xs:double(100)"/>
-                        <xsl:with-param name="charge-force-strength" select="xs:double(-200)"/>
-                        <xsl:with-param name="node-click-event-name" select="'ForceGraph3DNodeClick'"/>
-                        <xsl:with-param name="node-dblclick-event-name" select="'ForceGraph3DNodeDblClick'"/>
-                        <xsl:with-param name="node-rightclick-event-name" select="'ForceGraph3DNodeRightClick'"/>
-                        <xsl:with-param name="node-hover-on-event-name" select="'ForceGraph3DNodeHoverOn'"/>
-                        <xsl:with-param name="node-hover-off-event-name" select="'ForceGraph3DNodeHoverOff'"/>
-                        <xsl:with-param name="link-click-event-name" select="'ForceGraph3DLinkClick'"/>
-                        <xsl:with-param name="background-click-event-name" select="'ForceGraph3DBackgroundClick'"/>
-                    </xsl:call-template>
-                </xsl:variable>
-                <ixsl:set-property name="document" select="$results" object="$graph-state"/>
-                <ixsl:set-property name="loaded-uris" select="ixsl:new('Array', [])" object="$graph-state"/>
-                <ixsl:set-property name="loaded-backlink-uris" select="ixsl:new('Array', [])" object="$graph-state"/>
-                <ixsl:set-property name="{$canvas-id}" select="$graph-state" object="$graphs"/>
-
-                <xsl:call-template name="ldh:AppendGraph3DPanels">
-                    <xsl:with-param name="canvas" select="$canvas"/>
-                    <xsl:with-param name="canvas-id" select="$canvas-id"/>
-                </xsl:call-template>
-            </xsl:if>
-
-            <xsl:variable name="graph-state" select="ixsl:get($graphs, $canvas-id)"/>
-            <xsl:if test="not($needs-init)">
-                <ixsl:set-property name="document" select="$results" object="$graph-state"/>
-            </xsl:if>
-            <xsl:variable name="graph-instance" select="ixsl:get($graph-state, 'instance')"/>
-            <xsl:call-template name="ldh:redisplay-graph">
-                <xsl:with-param name="canvas-id" select="$canvas-id"/>
-                <xsl:with-param name="graph-state" select="$graph-state"/>
-                <xsl:with-param name="graph-instance" select="$graph-instance"/>
-            </xsl:call-template>
-        </xsl:if>
-    </xsl:template>
-    
-    <xsl:template name="render-container-error">
-        <xsl:param name="container" as="element()"/>
-        <xsl:param name="message" as="xs:string"/>
-
-        <xsl:for-each select="$container">
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <div class="alert alert-block">
-                    <strong>Error during query execution:</strong>
-                    <pre>
-                        <xsl:value-of select="$message"/>
-                    </pre>
-                </div>
-            </xsl:result-document>
-        </xsl:for-each>
-    </xsl:template>
-    
-    <!-- view mode choice -->
-    
-    <xsl:template name="ldh:ViewModeChoice">
-        <xsl:param name="container-id" as="xs:string"/>
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="endpoint" as="xs:anyURI"/>
-        <xsl:param name="results" as="document-node()"/>
-        <xsl:param name="object-metadata" as="document-node()?"/>
-        <xsl:param name="active-mode" as="xs:anyURI"/>
-
-        <xsl:choose>
-            <xsl:when test="$active-mode = '&ac;ListMode'">
-                <xsl:apply-templates select="$results" mode="bs2:ContainerBlockList">
-                    <xsl:with-param name="select-xml" select="$select-xml"/>
-                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
-                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:when>
-            <xsl:when test="$active-mode = '&ac;TableMode'">
-                <xsl:apply-templates select="$results" mode="bs2:ContainerTable">
-                    <xsl:with-param name="select-xml" select="$select-xml"/>
-                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
-                    <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:when>
-            <xsl:when test="$active-mode = '&ac;GridMode'">
-                <xsl:apply-templates select="$results" mode="bs2:ContainerGrid">
-                    <xsl:with-param name="select-xml" select="$select-xml"/>
-                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:when>
-            <xsl:when test="$active-mode = '&ac;ChartMode'">
-                <xsl:apply-templates select="$results" mode="bs2:Chart">
-                    <xsl:with-param name="canvas-id" select="$container-id || '-chart-canvas'"/>
-                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:when>
-            <xsl:when test="$active-mode = '&ac;MapMode'">
-                <xsl:apply-templates select="$results" mode="bs2:Map">
-                    <xsl:with-param name="id" select="$container-id || '-map-canvas'"/>
-                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:when>
-            <xsl:when test="$active-mode = '&ac;GraphMode'">
-                <xsl:apply-templates select="$results" mode="bs2:Graph">
-                    <xsl:with-param name="canvas-id" select="$container-id || '-graph-canvas'"/>
-                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:apply-templates select="$results">
-                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
-                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
-                    <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-    
-    <!-- view results -->
-    
-    <xsl:template name="ldh:RenderViewResults">
-        <xsl:context-item as="element()" use="required"/>
-        <xsl:param name="container" as="element()"/>
-        <xsl:param name="results" as="document-node()"/>
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="var-predicates" as="map(xs:string, xs:anyURI*)"/>
-        <xsl:param name="desc" as="xs:boolean?"/>
-        <xsl:param name="order-by-var-name" as="xs:string?"/>
-        <xsl:param name="container-id" as="xs:string"/>
-        <xsl:param name="focus-var-name" as="xs:string"/>
-        <xsl:param name="endpoint" as="xs:anyURI"/>
-        <xsl:param name="result-count-container-id" as="xs:string"/>
-        <xsl:param name="active-mode" as="xs:anyURI"/>
-        <xsl:param name="object-metadata" as="document-node()?"/>
-        <xsl:param name="property-metadata" as="document-node()?"/>
-        <xsl:param name="cache" as="item()"/>
-        <!-- if  the container is full-width row (.row-fluid), render results in the middle column (.main) -->
-        <xsl:variable name="order-by-container-id" select="$container-id || '-container-order'" as="xs:string"/>
-        <xsl:variable name="container-results-id" select="$container-id || '-container-results'" as="xs:string"/>
-
-        <!-- store sorted results as the current view results -->
-        <ixsl:set-property name="results" select="$results" object="$cache"/>
-
-        <xsl:variable name="initial-load" select="empty(.//div[@id = $container-results-id])" as="xs:boolean"/>
-        <xsl:message>$initial-load: <xsl:value-of select="$initial-load"/></xsl:message>
-        <!-- first time rendering the view results -->
-        <xsl:if test="$initial-load">
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:where-populated>
-                    <h2>
-                        <!-- select the value text() only: a lang-tagged dct:title renders as <dd> with a leading language-badge <span> (xhtml:DefinitionDescription), and value-of over the whole element would prepend the badge (e.g. "enCurrent members"). [1] guards against multiple language values. -->
-                        <xsl:value-of select="($container/descendant::*[@property = '&dct;title']/text())[1]"/>
-                    </h2>
-                </xsl:where-populated>
-
-                <xsl:call-template name="bs2:ViewModeList">
-                    <xsl:with-param name="active-mode" select="$active-mode"/>
-                </xsl:call-template>
-
-                <div class="pull-right">
-                    <form class="form-inline">
-                        <label for="{$order-by-container-id}">
-                            <!-- currently no space for the label in the layout -->
-                            <!--<xsl:text>Order by </xsl:text>-->
-
-                            <select id="{$order-by-container-id}" name="order-by" class="input-medium container-order">
-                                <!-- show the default option if the container query does not have an ORDER BY -->
-                                <xsl:if test="not($select-xml/json:map/json:array[@key = 'order'])">
-                                    <option>
-                                        <xsl:value-of>
-                                            <xsl:text>[</xsl:text>
-                                            <xsl:apply-templates select="key('resources', 'none', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                            <xsl:text>]</xsl:text>
-                                        </xsl:value-of>
-                                    </option>
-                                </xsl:if>
-                                <!-- emit all order-by options synchronously: a single-predicate var takes its label from the /ns property-metadata (falling back to the predicate's local name), an alt-path-bound var uses the var name (no single canonical predicate URI) -->
-                                <xsl:for-each select="map:keys($var-predicates)">
-                                    <xsl:sort select="."/>
-                                    <xsl:variable name="var-name" select="." as="xs:string"/>
-                                    <xsl:variable name="predicates" select="$var-predicates(.)" as="xs:anyURI*"/>
-                                    <option value="{$var-name}">
-                                        <xsl:if test="$var-name = $order-by-var-name">
-                                            <xsl:attribute name="selected">selected</xsl:attribute>
-                                        </xsl:if>
-                                        <xsl:choose>
-                                            <xsl:when test="count($predicates) eq 1">
-                                                <xsl:variable name="predicate" select="$predicates[1]" as="xs:anyURI"/>
-                                                <xsl:variable name="predicate-desc" select="$property-metadata!key('resources', $predicate, .)" as="element()?"/>
-                                                <xsl:choose>
-                                                    <xsl:when test="exists($predicate-desc)">
-                                                        <xsl:apply-templates select="$predicate-desc" mode="ac:label"/>
-                                                    </xsl:when>
-                                                    <xsl:otherwise>
-                                                        <xsl:value-of select="tokenize($predicate, '[/#]')[last()]"/>
-                                                    </xsl:otherwise>
-                                                </xsl:choose>
-                                            </xsl:when>
-                                            <xsl:otherwise>
-                                                <xsl:value-of select="$var-name"/>
-                                            </xsl:otherwise>
-                                        </xsl:choose>
-                                    </option>
-                                </xsl:for-each>
-                            </select>
-
-                            <xsl:choose>
-                                <xsl:when test="not($desc)">
-                                    <button type="button" class="btn btn-order-by">
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'ascending', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                        </xsl:value-of>
-                                    </button>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <button type="button" class="btn btn-order-by btn-order-by-desc">
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'descending', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                        </xsl:value-of>
-                                    </button>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </label>
-                    </form>
-                </div>
-
-                <!-- inline creation: Create button for views carrying ldh:container metadata (stamped as data-* attributes by ldh:ontology-view-insert, RDFa as fallback for hand-authored view blocks). Floated last so it lines up left of the mandatory order-by/mode controls, which keep their position across views. PUT into the container requires acl:Write there (checked on the parent URI for new documents); forward views additionally PATCH the linking triple into the current document, hence acl:Write here too -->
-                <xsl:variable name="view-block" select="$container/ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
-                <xsl:variable name="create-container" select="($view-block/@data-container, $container/descendant::*[@property = '&ldh;container']/@resource)[1]" as="xs:string?"/>
-                <xsl:variable name="create-for-class" select="$view-block/@data-for-class" as="xs:string?"/>
-                <xsl:if test="exists($create-container) and exists($create-for-class) and tokenize($view-block/@data-acl-modes, ' ') = '&acl;Write' and (exists($view-block/@data-inverse) or acl:mode() = '&acl;Write')">
-                    <div class="pull-right">
-                        <button type="button" class="btn btn-primary add-instance" data-for-class="{$create-for-class}" data-container="{$create-container}" title="{ac:label(key('resources', 'create-instance-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                    </div>
-                </xsl:if>
-
-                <div>
-                    <p id="{$result-count-container-id}" class="result-count"/>
-
-                    <!-- persistent host for the 3d-force-graph canvas; lives for the lifetime of this view block so the WebGL context + simulation state survive re-renders. Hidden when active-mode is not GraphMode. -->
-                    <div id="{$container-id}-graph-host" class="graph-3d-host" style="display: none;"></div>
-                    <div id="{$container-results-id}" class="container-results"></div>
-                </div>
-            </xsl:result-document>
-        </xsl:if>
-
-        <!-- result count: stays in sync with re-queried results (e.g. modal search keyword changes). Short-circuit the COUNT HTTP request when the entire result set fits in one page — typical for narrowed search queries. -->
-        <xsl:variable name="limit" select="if ($select-xml/json:map/json:number[@key = 'limit']) then xs:integer($select-xml/json:map/json:number[@key = 'limit']) else 0" as="xs:integer"/>
-        <xsl:variable name="offset" select="if ($select-xml/json:map/json:number[@key = 'offset']) then xs:integer($select-xml/json:map/json:number[@key = 'offset']) else 0" as="xs:integer"/>
-        <xsl:variable name="exact-count" select="count($results/rdf:RDF/rdf:Description)" as="xs:integer"/>
-
-        <!-- ldh:showWhenEmpty (default true): when false, hide the whole injected view block while the query returns no results and un-hide it when results appear on a later refresh. Only evaluated on the first page: at offset 0 an empty page means an empty result set, while a non-zero offset implies interaction with a visible block -->
-        <xsl:if test="$offset = 0">
-            <xsl:variable name="view-block" select="$container/ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
-            <xsl:variable name="show-when-empty" select="not(($view-block/@data-show-when-empty, $container/descendant::*[@property = '&ldh;showWhenEmpty']/text())[1] = ('false', '0'))" as="xs:boolean"/>
-            <xsl:if test="not($show-when-empty)">
-                <xsl:for-each select="$view-block">
-                    <ixsl:set-style name="display" select="if ($exact-count = 0) then 'none' else ''" object="."/>
-                </xsl:for-each>
-            </xsl:if>
-        </xsl:if>
-
-        <xsl:choose>
-            <xsl:when test="$offset = 0 and ($limit = 0 or $exact-count lt $limit)">
-                <xsl:for-each select="id($result-count-container-id, ixsl:page())">
-                    <xsl:result-document href="?." method="ixsl:replace-content">
-                        <strong>
-                            <xsl:apply-templates select="key('resources', 'total-results', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            <xsl:text> </xsl:text>
-                            <span class="badge badge-inverse"><xsl:value-of select="$exact-count"/></span>
-                        </strong>
-                    </xsl:result-document>
-                </xsl:for-each>
-                <xsl:sequence select="ldh:update-progress-counter($cache, map{ 'container': $container }, 'complete', ())"/>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:for-each select="id($result-count-container-id, ixsl:page())">
-                    <xsl:call-template name="ldh:ResultCount">
-                        <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
-                        <xsl:with-param name="endpoint" select="$endpoint"/>
-                        <xsl:with-param name="select-xml" select="$select-xml"/>
-                        <xsl:with-param name="cache" select="$cache"/>
-                    </xsl:call-template>
-                </xsl:for-each>
-            </xsl:otherwise>
-        </xsl:choose>
-
-        <xsl:call-template name="ldh:RenderViewMode">
-            <xsl:with-param name="container" select=".//div[contains-token(@class, 'container-results')]"/>
-            <xsl:with-param name="container-id" select="$container-id"/>
-            <xsl:with-param name="endpoint" select="$endpoint"/>
-            <xsl:with-param name="results" select="$results"/>
-            <xsl:with-param name="object-metadata" select="$object-metadata"/>
-            <xsl:with-param name="active-mode" select="$active-mode"/>
-            <xsl:with-param name="select-xml" select="$select-xml"/>
-            <xsl:with-param name="cache" select="$cache"/>
-        </xsl:call-template>
-    </xsl:template>
-    
-    <!-- facets -->
-
-    <xsl:template name="ldh:RenderFacets">
-        <xsl:context-item as="element()" use="required"/>
-        <xsl:param name="sub-container-id" as="xs:string"/>
-        <xsl:param name="select-string" as="xs:string"/>
-        <xsl:param name="property-metadata" as="document-node()?"/>
-        <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
-        <xsl:variable name="select-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ ixsl:call($select-builder, 'build', []) ])" as="xs:string"/>
-        <xsl:variable name="select-xml" select="json-to-xml($select-json-string)" as="document-node()"/>
-        <!-- use the first SELECT variable as the facet variable name (so that we do not generate facets based on other variables) -->
-        <xsl:variable name="initial-var-name" select="$select-xml/json:map/json:array[@key = 'variables']/json:string[1]/substring-after(., '?')" as="xs:string"/>
-        
-        <!-- use the BGPs where the predicate is a URI value and the subject and object are variables -->
-        <xsl:variable name="bgp-triples-map" select="$select-xml//json:map[json:string[@key = 'type'] = 'bgp']/json:array[@key = 'triples']/json:map[json:string[@key = 'subject'] = '?' || $initial-var-name][not(starts-with(json:string[@key = 'predicate'], '?'))][starts-with(json:string[@key = 'object'], '?')]" as="element()*"/>
-
-        <!-- only append facets if they are not already present and there are BGP triples to facet on -->
-        <xsl:if test="not(id($sub-container-id, ixsl:page())) and exists($bgp-triples-map)">
-            <xsl:result-document href="?." method="ixsl:append-content">
-                <xsl:apply-templates select="." mode="ldh:RenderFacets">
-                    <xsl:with-param name="id" select="$sub-container-id"/>
-                </xsl:apply-templates>
-            </xsl:result-document>
-
-            <xsl:variable name="sub-container" select="id($sub-container-id, ixsl:page())" as="element()"/>
-
-            <xsl:for-each select="$bgp-triples-map">
-                <!-- only simple properties in the BGP are supported, not property paths etc. -->
-                <xsl:if test="json:string[@key = 'predicate']">
-                    <xsl:variable name="id" select="generate-id()" as="xs:string"/>
-                    <xsl:variable name="subject-var-name" select="json:string[@key = 'subject']/substring-after(., '?')" as="xs:string"/>
-                    <xsl:variable name="predicate" select="json:string[@key = 'predicate']" as="xs:anyURI"/>
-                    <xsl:variable name="object-var-name" select="json:string[@key = 'object']/substring-after(., '?')" as="xs:string"/>
-                    <!-- render the facet header synchronously from the /ns property-metadata; fall back to the predicate's local name when it is not in the closure -->
-                    <xsl:variable name="predicate-desc" as="element()">
-                        <xsl:variable name="ns-desc" select="$property-metadata!key('resources', $predicate, .)" as="element()?"/>
-                        <xsl:choose>
-                            <xsl:when test="exists($ns-desc)">
-                                <xsl:sequence select="$ns-desc"/>
-                            </xsl:when>
-                            <xsl:otherwise>
-                                <rdf:Description rdf:about="{$predicate}">
-                                    <rdfs:label><xsl:value-of select="tokenize($predicate, '[/#]')[last()]"/></rdfs:label>
-                                </rdf:Description>
-                            </xsl:otherwise>
-                        </xsl:choose>
-                    </xsl:variable>
-                    <xsl:for-each select="$sub-container">
-                        <xsl:result-document href="?." method="ixsl:append-content">
-                            <xsl:apply-templates select="$predicate-desc" mode="bs2:FilterIn">
-                                <xsl:with-param name="subject-var-name" select="$subject-var-name"/>
-                                <xsl:with-param name="object-var-name" select="$object-var-name"/>
-                            </xsl:apply-templates>
-                        </xsl:result-document>
-                    </xsl:for-each>
-                </xsl:if>
-            </xsl:for-each>
-        </xsl:if>
-    </xsl:template>
-    
-    <xsl:template match="*" mode="ldh:RenderFacets">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'well well-small'" as="xs:string?"/>
-                
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-        </div>
-    </xsl:template>
-
-    <!-- block list -->
-
-    <xsl:template match="rdf:RDF" mode="bs2:ContainerBlockList" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:variable name="result-count" select="count(rdf:Description)" as="xs:integer"/>
-
-        <xsl:call-template name="bs2:PagerList">
-            <xsl:with-param name="result-count" select="$result-count"/>
-            <xsl:with-param name="select-xml" select="$select-xml"/>
-        </xsl:call-template>
-
-        <xsl:apply-templates select="." mode="bs2:List"/>
-
-        <xsl:call-template name="bs2:PagerList">
-            <xsl:with-param name="result-count" select="$result-count"/>
-            <xsl:with-param name="select-xml" select="$select-xml"/>
-        </xsl:call-template>
-    </xsl:template>
-
-    <xsl:template match="*[key('resources', foaf:primaryTopic/@rdf:resource)]" mode="bs2:List" priority="1">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'well'" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:apply-templates select="." mode="ldh:logo">
-                <xsl:with-param name="class" select="'well'"/>
-            </xsl:apply-templates>
-            
-            <!-- don't show actions on a document that wraps a thing -->
-            <!--<xsl:apply-templates select="." mode="bs2:Actions"/>-->
-
-            <xsl:apply-templates select="." mode="bs2:TypeList"/>
-
-            <xsl:apply-templates select="." mode="bs2:Timestamp"/>
-            <xsl:text> </xsl:text>
-            <xsl:apply-templates select="@rdf:about | @rdf:nodeID" mode="xhtml:Anchor"/>
-
-            <xsl:apply-templates select="key('resources', foaf:primaryTopic/@rdf:resource)" mode="bs2:Header">
-                <xsl:with-param name="class" select="'well well-small'"/>
-            </xsl:apply-templates>
-        </div>
-    </xsl:template>
-
-    <!-- hide resources that will be shown paired/nested with a document -->
-    <xsl:template match="*[key('resources-by-primary-topic', @rdf:about)]" mode="bs2:List" priority="1"/>
-    
-    <xsl:template match="*[*][@rdf:*[local-name() = ('about', 'nodeID')]]" mode="bs2:List" priority="0.8">
-        <xsl:apply-templates select="." mode="bs2:Header"/>
-    </xsl:template>
-
-    <!-- grid -->
-
-    <!-- override Web-Client's template to avoid sort by ac:label() -->
-    <xsl:template match="rdf:RDF" mode="bs2:Grid">
-        <xsl:param name="thumbnails-per-row" select="2" as="xs:integer"/>
-        <xsl:param name="sort-property" as="xs:anyURI?"/>
-
-        <xsl:variable name="prelim-items" as="item()*">
-            <xsl:apply-templates mode="#current">
-                <xsl:with-param name="thumbnails-per-row" select="$thumbnails-per-row" tunnel="yes"/>
-            </xsl:apply-templates>
-        </xsl:variable>
-        <xsl:variable name="items" select="$prelim-items/self::*" as="element()*"/>
-        
-        <xsl:for-each-group select="$items" group-adjacent="(position() - 1) idiv $thumbnails-per-row">
-            <div class="row-fluid">
-                <ul class="thumbnails">
-                    <xsl:copy-of select="current-group()"/>
-                </ul>
-            </div>
-        </xsl:for-each-group>
-    </xsl:template>
-    
-    <xsl:template match="rdf:RDF" mode="bs2:ContainerGrid" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:variable name="result-count" select="count(rdf:Description)" as="xs:integer"/>
-
-        <xsl:call-template name="bs2:PagerList">
-            <xsl:with-param name="result-count" select="$result-count"/>
-            <xsl:with-param name="select-xml" select="$select-xml"/>
-        </xsl:call-template>
-
-        <xsl:apply-templates select="." mode="bs2:Grid"/>
-
-        <xsl:call-template name="bs2:PagerList">
-            <xsl:with-param name="result-count" select="$result-count"/>
-            <xsl:with-param name="select-xml" select="$select-xml"/>
-        </xsl:call-template>
-    </xsl:template>
-
-    <!-- hide documents that are paired with resources -->
-    <xsl:template match="*[key('resources', foaf:primaryTopic/@rdf:resource)]" mode="bs2:Grid"/>
-
-    <!-- table -->
-
-    <xsl:template match="rdf:RDF" mode="bs2:ContainerTable" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:variable name="result-count" select="count(rdf:Description)" as="xs:integer"/>
-
-        <xsl:call-template name="bs2:PagerList">
-            <xsl:with-param name="result-count" select="$result-count"/>
-            <xsl:with-param name="select-xml" select="$select-xml"/>
-        </xsl:call-template>
-
-        <xsl:apply-templates select="." mode="xhtml:Table"/>
-
-        <xsl:call-template name="bs2:PagerList">
-            <xsl:with-param name="result-count" select="$result-count"/>
-            <xsl:with-param name="select-xml" select="$select-xml"/>
-        </xsl:call-template>
-    </xsl:template>
-
-    <!-- hide documents that are paired with resources -->
-    <xsl:template match="*[key('resources', foaf:primaryTopic/@rdf:resource)]" mode="xhtml:Table"/>
-
-    <!-- graph -->
-
-    <xsl:template match="rdf:RDF" mode="bs2:Graph">
-        <xsl:param name="canvas-id" as="xs:string"/>
-
-        <div id="{$canvas-id}" class="graph-3d-canvas"/>
-    </xsl:template>
-    
-    <!-- parallax -->
-    
-    <xsl:template name="bs2:ParallaxNav">
-        <xsl:context-item as="element()" use="required"/>
-        <xsl:param name="sub-container-id" as="xs:string"/>
-        <xsl:param name="results" as="document-node()"/>
-        <xsl:param name="select-xml" as="document-node()"/>
-        <xsl:param name="endpoint" select="xs:anyURI"/>
-        <xsl:param name="properties-container-id" select="$sub-container-id || '-parallax-properties'" as="xs:string"/>
-        <xsl:param name="focus-var-name" as="xs:string"/>
-        
-         <!-- create a container for parallax controls in the right-nav, if it doesn't exist yet -->
-        <xsl:if test="not(id($sub-container-id, ixsl:page()))">
-            <xsl:result-document href="?." method="ixsl:append-content">
-                <xsl:apply-templates select="." mode="bs2:ParallaxNav">
-                    <xsl:with-param name="id" select="$sub-container-id"/>
-                    <xsl:with-param name="properties-container-id" select="$properties-container-id"/>
-                </xsl:apply-templates>
-            </xsl:result-document>
-        </xsl:if>
-        <!-- clear existing properties in the list -->
-        <xsl:for-each select="id($properties-container-id, ixsl:page())">
-            <xsl:result-document href="?." method="ixsl:replace-content"/>
-        </xsl:for-each>
-
-        <!-- only render parallax if the RDF result contains object resources -->
-        <xsl:if test="$results/rdf:RDF/*/*[@rdf:resource]">
-            <xsl:variable name="query-json-string" select="xml-to-json($select-xml)" as="xs:string"/>
-            <xsl:variable name="query-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $query-json-string ])"/>
-            <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $query-json ]), 'toString', [])" as="xs:string"/>
-            <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
-            <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
-            <xsl:variable name="context" as="map(*)" select="
-              map{
-                'request': $request,
-                'container': id($properties-container-id, ixsl:page()),
-                'var-name': $focus-var-name,
-                'results': $results
-              }"/>
-            <ixsl:promise select="ixsl:http-request($context('request')) =>
-                ixsl:then(ldh:rethread-response($context, ?)) =>
-                ixsl:then(ldh:handle-response#1) =>
-                ixsl:then(ldh:parallax-response#1)"
-                on-failure="ldh:promise-failure#1"/>
-        </xsl:if>
-    </xsl:template>
-
-    <xsl:template match="*" mode="bs2:ParallaxNav">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'well well-small sidebar-nav parallax-nav'" as="xs:string?"/>
-        <xsl:param name="properties-container-id" as="xs:string"/>
-
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-            
-            <h2 class="nav-header btn">
-                <xsl:apply-templates select="key('resources', 'related-results', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-            </h2>
-
-            <ul id="{$properties-container-id}" class="well well-small nav nav-list">
-                <!-- <li> with properties will go here -->
-            </ul>
-        </div>
-    </xsl:template>
-    
-    <!-- EVENT LISTENERS -->
-
-    <!-- view mode dropdown -->
-
-    <xsl:template match="div[@about][contains-token(@class, 'block')]//div[@typeof = '&ldh;View']//ul[contains-token(@class, 'view-mode-list')]/li[not(contains-token(@class, 'active'))]/a" mode="ixsl:onclick" priority="1">
-        <xsl:message>BLOCK DELEGATION: view-mode handler triggered</xsl:message>
-        <xsl:variable name="block" select="ancestor::div[@about][contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:message>BLOCK DELEGATION: block URI = <xsl:value-of select="$block-uri"/></xsl:message>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:message>BLOCK DELEGATION: cache found: <xsl:value-of select="exists($cache)"/></xsl:message>
-
-        <xsl:next-match>
-            <xsl:with-param name="cache" select="$cache"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- pager prev links -->
-
-    <xsl:template match="div[@about][contains-token(@class, 'block')]//div[@typeof = '&ldh;View']//ul[@class = 'pager']/li[@class = 'previous']/a[@class = 'active']" mode="ixsl:onclick" priority="1">
-        <xsl:message>BLOCK DELEGATION: pager previous triggered</xsl:message>
-        <xsl:variable name="block" select="ancestor::div[@about][contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:message>BLOCK DELEGATION: block URI = <xsl:value-of select="$block-uri"/></xsl:message>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:message>BLOCK DELEGATION: cache found: <xsl:value-of select="exists($cache)"/></xsl:message>
-
-        <xsl:next-match>
-            <xsl:with-param name="cache" select="$cache"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- pager next links -->
-
-    <xsl:template match="div[@about][contains-token(@class, 'block')]//div[@typeof = '&ldh;View']//ul[@class = 'pager']/li[@class = 'next']/a[@class = 'active']" mode="ixsl:onclick" priority="1">
-        <xsl:message>BLOCK DELEGATION: pager next triggered</xsl:message>
-        <xsl:variable name="block" select="ancestor::div[@about][contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:message>BLOCK DELEGATION: block URI = <xsl:value-of select="$block-uri"/></xsl:message>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:message>BLOCK DELEGATION: cache found: <xsl:value-of select="exists($cache)"/></xsl:message>
-
-        <xsl:next-match>
-            <xsl:with-param name="cache" select="$cache"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- order by onchange -->
-
-    <xsl:template match="div[@about][contains-token(@class, 'block')]//div[@typeof = '&ldh;View']//select[contains-token(@class, 'container-order')]" mode="ixsl:onchange" priority="1">
-        <xsl:message>BLOCK DELEGATION: container-order triggered</xsl:message>
-        <xsl:variable name="block" select="ancestor::div[@about][contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:message>BLOCK DELEGATION: block URI = <xsl:value-of select="$block-uri"/></xsl:message>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:message>BLOCK DELEGATION: cache found: <xsl:value-of select="exists($cache)"/></xsl:message>
-
-        <xsl:next-match>
-            <xsl:with-param name="cache" select="$cache"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- ascending/descending onclick -->
-    
-    <!-- TO-DO: unify with container ORDER BY onchange -->
-    <xsl:template match="div[@about][contains-token(@class, 'block')]//div[@typeof = '&ldh;View']//button[contains-token(@class, 'btn-order-by')]" mode="ixsl:onclick" priority="1">
-        <xsl:message>BLOCK DELEGATION: btn-order-by triggered</xsl:message>
-        <xsl:variable name="block" select="ancestor::div[@about][contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:message>BLOCK DELEGATION: block URI = <xsl:value-of select="$block-uri"/></xsl:message>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:message>BLOCK DELEGATION: cache found: <xsl:value-of select="exists($cache)"/></xsl:message>
-
-        <xsl:next-match>
-            <xsl:with-param name="cache" select="$cache"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- View pagination - previous page (generic handler for all Views) -->
-    <xsl:template match="div[@typeof = '&ldh;View']//ul[@class = 'pager']/li[@class = 'previous']/a[@class = 'active']" mode="ixsl:onclick">
-        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
-        <xsl:param name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $container/@id || '`')" as="item()"/>
-        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-        <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string"/>
-        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <xsl:variable name="select-xml" as="document-node()">
-            <xsl:call-template name="ldh:ViewPage">
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="direction" select="'previous'"/>
-            </xsl:call-template>
-        </xsl:variable>
-
-        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
-
-        <xsl:variable name="view-context" as="map(*)">
-            <xsl:call-template name="ldh:RenderView">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="active-mode" select="$active-mode"/>
-                <xsl:with-param name="select-string" select="$select-string"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="cache" select="$cache"/>
-            </xsl:call-template>
-        </xsl:variable>
-        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
-
-        <ixsl:promise select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-
-    <!-- View pagination - next page (generic handler for all Views) -->
-    <xsl:template match="div[@typeof = '&ldh;View']//ul[@class = 'pager']/li[@class = 'next']/a[@class = 'active']" mode="ixsl:onclick">
-        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
-        <xsl:param name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $container/@id || '`')" as="item()"/>
-        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-        <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string"/>
-        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <xsl:variable name="select-xml" as="document-node()">
-            <xsl:call-template name="ldh:ViewPage">
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="direction" select="'next'"/>
-            </xsl:call-template>
-        </xsl:variable>
-
-        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
-
-        <xsl:variable name="view-context" as="map(*)">
-            <xsl:call-template name="ldh:RenderView">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="active-mode" select="$active-mode"/>
-                <xsl:with-param name="select-string" select="$select-string"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="cache" select="$cache"/>
-            </xsl:call-template>
-        </xsl:variable>
-        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
-
-        <ixsl:promise select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-
-    <!-- View container-order handler (generic handler for all Views) -->
-    <xsl:template match="div[@typeof = '&ldh;View']//select[contains-token(@class, 'container-order')]" mode="ixsl:onchange">
-        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
-        <xsl:param name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $container/@id || '`')" as="item()"/>
-        <xsl:variable name="var-name" select="ixsl:get(., 'value')" as="xs:string?"/>
-        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-        <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string"/>
-        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <xsl:variable name="select-xml" as="document-node()">
-            <xsl:call-template name="ldh:ViewOrder">
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="var-name" select="$var-name"/>
-            </xsl:call-template>
-        </xsl:variable>
-
-        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
-
-        <xsl:variable name="view-context" as="map(*)">
-            <xsl:call-template name="ldh:RenderView">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="active-mode" select="$active-mode"/>
-                <xsl:with-param name="select-string" select="$select-string"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="cache" select="$cache"/>
-            </xsl:call-template>
-        </xsl:variable>
-        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
-
-        <ixsl:promise select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-
-    <!-- View order-by button handler (generic handler for all Views) -->
-    <xsl:template match="div[@typeof = '&ldh;View']//button[contains-token(@class, 'btn-order-by')]" mode="ixsl:onclick">
-        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
-        <xsl:param name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $container/@id || '`')" as="item()"/>
-        <xsl:variable name="desc" select="contains(@class, 'btn-order-by-desc')" as="xs:boolean"/>
-        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-        <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string"/>
-        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <xsl:variable name="select-xml" as="document-node()">
-            <xsl:call-template name="ldh:ViewOrderDirection">
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="desc" select="$desc"/>
-            </xsl:call-template>
-        </xsl:variable>
-
-        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
-
-        <xsl:variable name="view-context" as="map(*)">
-            <xsl:call-template name="ldh:RenderView">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="active-mode" select="$active-mode"/>
-                <xsl:with-param name="select-string" select="$select-string"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="cache" select="$cache"/>
-            </xsl:call-template>
-        </xsl:variable>
-        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
-
-        <ixsl:promise select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
-            on-failure="ldh:promise-failure#1"/>
-
-        <!-- toggle the arrow direction -->
-        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-order-by-desc' ])[current-date() lt xs:date('2000-01-01')]"/>
-    </xsl:template>
-
-    <!-- View mode handler (generic handler for all Views) -->
-    <xsl:template match="div[@typeof = '&ldh;View']//ul[contains-token(@class, 'view-mode-list')]/li[not(contains-token(@class, 'active'))]/a" mode="ixsl:onclick">
-        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
-        <xsl:param name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $container/@id || '`')" as="item()"/>
-        <xsl:variable name="active-class" select="../@class" as="xs:string"/>
-        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <!-- deactivate other tabs -->
-        <xsl:for-each select="../../li">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:for-each>
-        <!-- activate this tab -->
-        <xsl:for-each select="..">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:for-each>
-
-        <xsl:variable name="view-context" as="map(*)">
-            <xsl:call-template name="ldh:RenderView">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="active-mode" select="$active-mode"/>
-                <xsl:with-param name="select-string" select="$select-string"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="cache" select="$cache"/>
-            </xsl:call-template>
-        </xsl:variable>
-        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
-
-        <ixsl:promise select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-
-    <!-- facet header onclick -->
-    
-    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'faceted-nav')]//*[contains-token(@class, 'nav-header')]" mode="ixsl:onclick">
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:variable name="facet-container" select="ancestor::div[contains-token(@class, 'faceted-nav')]" as="element()"/>
-        <xsl:variable name="subject-var-name" select="input[@name = 'subject']/@value" as="xs:string"/>
-        <xsl:variable name="predicate" select="input[@name = 'predicate']/@value" as="xs:anyURI"/>
-        <xsl:variable name="object-var-name" select="input[@name = 'object']/@value" as="xs:string"/>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <!-- TO-DO: can we get multiple BGPs here with the same ?s/p/?o ? -->
-        <xsl:variable name="bgp-triples-map" select="$select-xml//json:map[json:string[@key = 'type'] = 'bgp']/json:array[@key = 'triples']/json:map[json:string[@key = 'subject'] = '?' || $subject-var-name][json:string[@key = 'predicate'] = $predicate][json:string[@key = 'object'] = '?' || $object-var-name]" as="element()"/>
-
-        <!-- is the current facet loaded? -->
-        <xsl:variable name="loaded" select="exists(following-sibling::ul)" as="xs:boolean"/>
-        <xsl:choose>
-            <!-- if not, load and render its values -->
-            <xsl:when test="not($loaded)">
-                <xsl:for-each select="$container">
-                    <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-                    <!-- the subject is a variable - trim the leading question mark -->
-                    <xsl:variable name="subject-var-name" select="substring-after($bgp-triples-map/json:string[@key = 'subject'], '?')" as="xs:string"/>
-                    <!-- predicate is a URI -->
-                    <xsl:variable name="predicate" select="$bgp-triples-map/json:string[@key = 'predicate']" as="xs:anyURI"/>
-                    <!-- the object is a variable - trim the leading question mark -->
-                    <xsl:variable name="object-var-name" select="substring-after($bgp-triples-map/json:string[@key = 'object'], '?')" as="xs:string"/>
-                    <!-- generate unique variable name for COUNT(?subject) -->
-                    <xsl:variable name="count-var-name" select="'count' || $subject-var-name || generate-id()" as="xs:string"/>
-                    <!-- generate unique variable name for ?label -->
-                    <xsl:variable name="label-var-name" select="'label' || $object-var-name || generate-id()" as="xs:string"/>
-                    <xsl:variable name="label-sample-var-name" select="$label-var-name || 'sample'" as="xs:string"/>
-                    <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-
-                    <!-- strip LIMIT and OFFSET from the query - we want facet counts for the entire dataset, not just the current page -->
-                    <xsl:variable name="select-xml" as="document-node()">
-                        <xsl:document>
-                            <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit"/>
-                        </xsl:document>
-                    </xsl:variable>
-                    <xsl:variable name="select-xml" as="document-node()">
-                        <xsl:document>
-                            <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
-                        </xsl:document>
-                    </xsl:variable>
-
-                    <!-- generate the XML structure of a SPARQL query which is used to load facet values, their counts and labels -->
-                    <xsl:variable name="select-xml" as="document-node()">
-                        <xsl:document>
-                            <xsl:apply-templates select="$select-xml" mode="ldh:bgp-value-counts">
-                                <xsl:with-param name="bgp-triples-map" select="$bgp-triples-map" tunnel="yes"/>
-                                <xsl:with-param name="subject-var-name" select="$subject-var-name" tunnel="yes"/>
-                                <xsl:with-param name="object-var-name" select="$object-var-name" tunnel="yes"/>
-                                <xsl:with-param name="count-var-name" select="$count-var-name" tunnel="yes"/>
-                                <xsl:with-param name="label-var-name" select="$label-var-name" tunnel="yes"/>
-                                <xsl:with-param name="label-sample-var-name" select="$label-sample-var-name" tunnel="yes"/>
-                            </xsl:apply-templates>
-                        </xsl:document>
-                    </xsl:variable>
-                    <xsl:variable name="select-json-string" select="xml-to-json($select-xml)" as="xs:string"/>
-                    <xsl:variable name="select-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $select-json-string ])"/>
-                    <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $select-json ]), 'toString', [])" as="xs:string"/>
-                    <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
-                    <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
-                    <xsl:variable name="context" as="map(*)" select="
-                      map{
-                        'request': $request,
-                        'container': $facet-container,
-                        'predicate': $predicate,
-                        'object-var-name': $object-var-name,
-                        'count-var-name': $count-var-name,
-                        'label-sample-var-name': $label-sample-var-name
-                      }"/>
-
-                    <ixsl:promise select="ixsl:http-request($context('request')) =>
-                        ixsl:then(ldh:rethread-response($context, ?)) =>
-                        ixsl:then(ldh:handle-response#1) =>
-                        ixsl:then(ldh:facet-value-response#1)"
-                        on-failure="ldh:promise-failure#1"/>
-                </xsl:for-each>
-            </xsl:when>
-            <xsl:otherwise>
-                <!-- is the current facet hidden? -->
-                <xsl:variable name="hidden" select="ixsl:style(following-sibling::*[contains-token(@class, 'nav')])?display = 'none'" as="xs:boolean"/>
-
-                <!-- toggle the caret direction -->
-                <xsl:for-each select="span[contains-token(@class, 'caret')]">
-                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'caret-reversed' ])[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:for-each>
-
-                <!-- toggle the value list visibility -->
-                <xsl:choose>
-                    <xsl:when test="$hidden">
-                        <ixsl:set-style name="display" select="'block'" object="following-sibling::*[contains-token(@class, 'nav')]"/>
-                    </xsl:when>
-                    <xsl:otherwise>
-                        <ixsl:set-style name="display" select="'none'" object="following-sibling::*[contains-token(@class, 'nav')]"/>
-                    </xsl:otherwise>
-                </xsl:choose>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-    
-    <!-- facet onchange -->
-
-    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'faceted-nav')]//input[@type = 'checkbox']" mode="ixsl:onchange">
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string"/>
-        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-        <xsl:variable name="var-name" select="@name" as="xs:string"/>
-        <!-- collect the values/types/datatypes of all checked inputs within this facet and build an array of maps -->
-        <xsl:variable name="labels" select="ancestor::ul//label[input[@type = 'checkbox'][ixsl:get(., 'checked')]]" as="element()*"/>
-        <xsl:variable name="values" select="array { for $label in $labels return map { 'value' : string($label/input[@type = 'checkbox']/@value), 'type': string($label/input[@name = 'type']/@value), 'datatype': string($label/input[@name = 'datatype']/@value) } }" as="array(map(xs:string, xs:string))"/>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <xsl:variable name="select-xml" as="document-node()">
-            <xsl:document>
-                <xsl:apply-templates select="$select-xml" mode="ldh:filter-in">
-                    <xsl:with-param name="var-name" select="$var-name" tunnel="yes"/>
-                    <xsl:with-param name="values" select="$values" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:document>
-        </xsl:variable>
-        <!-- store the transformed query XML -->
-        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
-
-        <xsl:variable name="view-context" as="map(*)">
-            <xsl:call-template name="ldh:RenderView">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="active-mode" select="$active-mode"/>
-                <xsl:with-param name="select-string" select="$select-string"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="cache" select="$cache"/>
-            </xsl:call-template>
-        </xsl:variable>
-        <xsl:variable name="context" select="map:merge((map{ 'block': $block }, $view-context))" as="map(*)"/>
-
-        <ixsl:promise select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-
-    <!-- parallax onclick -->
-    
-    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'parallax-nav')]/ul/li/a" mode="ixsl:onclick">
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="xs:anyURI($block/@about)" as="xs:anyURI"/>
-        <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string"/>
-        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-        <xsl:variable name="predicate" select="input/@value" as="xs:anyURI"/>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <xsl:variable name="select-xml" as="document-node()">
-            <xsl:document>
-                <xsl:apply-templates select="$select-xml" mode="ldh:add-parallax-step">
-                    <xsl:with-param name="predicate" select="$predicate" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:document>
-        </xsl:variable>
-
-        <!-- store the transformed query XML -->
-        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
-
-        <xsl:variable name="view-context" as="map(*)">
-            <xsl:call-template name="ldh:RenderView">
-                <xsl:with-param name="container" select="$container"/>
-                <xsl:with-param name="active-mode" select="$active-mode"/>
-                <xsl:with-param name="select-string" select="$select-string"/>
-                <xsl:with-param name="select-xml" select="$select-xml"/>
-                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                <xsl:with-param name="endpoint" select="$endpoint"/>
-                <xsl:with-param name="cache" select="$cache"/>
-            </xsl:call-template>
-        </xsl:variable>
-        <xsl:variable name="context" select="map:merge((map{ 'block': $block }, $view-context))" as="map(*)"/>
-
-        <ixsl:promise select="
-            ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-
-    <!-- CALLBACKS -->
-    
-    <xsl:function name="ldh:view-query-response" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="this" select="$context('this')" as="xs:anyURI"/>
-        <xsl:variable name="about" select="$context('about')" as="xs:anyURI"/>
-        <xsl:variable name="block" select="$context('block')" as="element()"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="mode" select="$context('mode')" as="xs:anyURI?"/>
-        <xsl:variable name="refresh-content" select="$context('refresh-content')" as="xs:boolean?"/>
-        <xsl:variable name="query-uri" select="$context('query-uri')" as="xs:anyURI"/>
-        <xsl:variable name="block-uri" select="$block/@about" as="xs:anyURI"/>
-        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
-
-        <xsl:message>ldh:view-query-response</xsl:message>
-
-        <xsl:for-each select="$response">
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
-                    <xsl:for-each select="?body">
-                        <xsl:variable name="select-query" select="key('resources', $query-uri)" as="element()"/>
-                        <xsl:variable name="service-uri" select="xs:anyURI($select-query/ldh:service/@rdf:resource)" as="xs:anyURI?"/>
-                        <!-- set $this variable value unless getting the query string from state -->
-                        <xsl:variable name="select-string" select="replace($select-query/sp:text, '$this', '&lt;' || $this || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="select-string" select="replace($select-string, '$about', '&lt;' || $about || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="select-xml" as="document-node()">
-                            <xsl:variable name="select-json" as="item()">
-                                <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
-                                <xsl:sequence select="ixsl:call($select-builder, 'build', [])"/>
-                            </xsl:variable>
-                            <xsl:variable name="select-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ $select-json ])" as="xs:string"/>
-                            <xsl:sequence select="json-to-xml($select-json-string)"/>
-                        </xsl:variable>
-                        <xsl:variable name="initial-var-name" select="$select-xml/json:map/json:array[@key = 'variables']/json:string[1]/substring-after(., '?')" as="xs:string"/>
-                        <xsl:variable name="focus-var-name" select="$initial-var-name" as="xs:string"/>
-                        <!-- service can be explicitly specified on content using ldh:service -->
-                        <xsl:variable name="service" select="if ($service-uri) then key('resources', $service-uri, document(ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ()))) else ()" as="element()?"/> <!-- TO-DO: refactor asynchronously -->
-                        <xsl:variable name="endpoint" select="($service/sd:endpoint/@rdf:resource/xs:anyURI(.), sd:endpoint())[1]" as="xs:anyURI"/>
-
-                        <xsl:choose>
-                            <!-- service URI is not specified or specified and can be loaded -->
-                            <xsl:when test="not($service-uri) or ($service-uri and exists($service))">
-                                <!-- create window.LinkedDataHub.contents[{$block-uri}] object if it's not already created -->
-                                <xsl:if test="not(ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'))">
-                                    <!-- create new cache entry using content URI as key -->
-                                    <ixsl:set-property name="{'`' || $block-uri || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
-                                </xsl:if>
-
-                                <!-- store the initial SELECT query (without modifiers) -->
-                                <ixsl:set-property name="select-string" select="$select-string" object="$cache"/>
-                                <!-- store the first var name of the initial SELECT query -->
-                                <ixsl:set-property name="initial-var-name" select="$initial-var-name" object="$cache"/>
-                                <!-- store the endpoint -->
-                                <ixsl:set-property name="endpoint" select="$endpoint" object="$cache"/>
-
-                                <xsl:variable name="select-xml" as="document-node()">
-                                    <xsl:document>
-                                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit">
-                                            <xsl:with-param name="limit" select="$page-size" tunnel="yes"/>
-                                        </xsl:apply-templates>
-                                    </xsl:document>
-                                </xsl:variable>
-                                <xsl:variable name="select-xml" as="document-node()">
-                                    <xsl:document>
-                                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset">
-                                            <xsl:with-param name="offset" select="0" tunnel="yes"/>
-                                        </xsl:apply-templates>
-                                    </xsl:document>
-                                </xsl:variable>
-
-                                <!-- store the transformed query XML -->
-                                <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
-
-                                <xsl:variable name="view-context" as="map(*)">
-                                    <xsl:call-template name="ldh:RenderView">
-                                        <xsl:with-param name="container" select="$container"/>
-                                        <xsl:with-param name="select-string" select="$select-string"/>
-                                        <xsl:with-param name="select-xml" select="$select-xml"/>
-                                        <xsl:with-param name="endpoint" select="$endpoint"/>
-                                        <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                                        <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
-                                        <xsl:with-param name="active-mode" select="if ($mode) then $mode else xs:anyURI('&ac;ListMode')"/>
-                                        <xsl:with-param name="refresh-content" select="$refresh-content"/>
-                                        <xsl:with-param name="cache" select="$cache"/>
-                                    </xsl:call-template>
-                                </xsl:variable>
-                                <!-- Mark query response as complete -->
-                                <xsl:sequence select="ldh:update-progress-counter($cache, $context, 'complete', ())"/>
-
-                                <xsl:sequence select="map:merge((map{ 'block': $block }, $view-context))"/>
-                            </xsl:when>
-                            <xsl:otherwise>
-                                <xsl:for-each select="$container//div[contains-token(@class, 'main')]">
-                                    <xsl:result-document href="?." method="ixsl:replace-content">
-                                        <div class="alert alert-block">
-                                            <strong>Could not load service resource: <a href="{$service-uri}"><xsl:value-of select="$service-uri"/></a></strong>
-                                            <pre>
-                                                <xsl:value-of select="$response?message"/>
-                                            </pre>
-                                        </div>
-                                    </xsl:result-document>
-                                </xsl:for-each>
-
-                                <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
-                            </xsl:otherwise>
-                        </xsl:choose>
-                    </xsl:for-each>
-                </xsl:when>
-                <xsl:otherwise>
-                    <xsl:for-each select="$container//div[contains-token(@class, 'main')]">
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <div class="alert alert-block">
-                                <strong>Could not load query resource: <a href="{$query-uri}"><xsl:value-of select="$query-uri"/></a></strong>
-                                <pre>
-                                    <xsl:value-of select="$response?message"/>
-                                </pre>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
-
-                    <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
-
-                    <xsl:sequence select="
-                      error(
-                        QName('&ldh;', 'ldh:HTTPError'),
-                        concat('HTTP ', ?status, ' returned: ', ?message),
-                        $response
-                      )
-                    "/>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:for-each>
-    </xsl:function>
-    
-    <!-- when view RDF/XML results load, render them -->
-    <xsl:function name="ldh:render-view" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="results" select="$context('view-results-response')?body" as="document-node()"/>
-        <xsl:variable name="block" select="$context('block')" as="element()"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="container-id" select="$context('container-id')" as="xs:string"/>
-        <xsl:variable name="active-mode" select="$context('active-mode')" as="xs:anyURI"/>
-        <xsl:variable name="select-xml" select="$context('select-xml')" as="document-node()"/>
-        <xsl:variable name="initial-var-name" select="$context('initial-var-name')" as="xs:string"/>
-        <xsl:variable name="focus-var-name" select="$context('focus-var-name')" as="xs:string"/>
-        <xsl:variable name="select-string" select="$context('select-string')" as="xs:string"/>
-        <xsl:variable name="endpoint" select="$context('endpoint')" as="xs:anyURI"/>
-        <xsl:variable name="object-metadata" select="$context('object-metadata')" as="document-node()?"/>
-        <xsl:variable name="property-metadata" select="$context('property-metadata')" as="document-node()?"/>
-        <xsl:variable name="cache" select="$context('cache')" as="item()"/>
-        <xsl:variable name="result-count-container-id" select="$container-id || '-result-count'" as="xs:string"/>
-
-        <xsl:message>ldh:render-view</xsl:message>
-
-        <xsl:for-each select="$results">
-            <!-- map { object-var-name -> candidate predicate URIs } from BGP triples whose subject is the focus variable; deduped per var. SPARQL ORDER BY uses variables, but the wrapped DESCRIBE returns an unordered RDF graph, so the view sorts by predicates client-side - this map bridges the two. -->
-            <xsl:variable name="var-predicates" as="map(xs:string, xs:anyURI*)">
-                <xsl:map>
-                    <xsl:for-each-group select="$select-xml//json:map[json:string[@key = 'type'] = 'bgp']/json:array[@key = 'triples']/json:map[json:string[@key = 'subject'] = '?' || $initial-var-name][starts-with(json:string[@key = 'object'], '?')]" group-by="substring-after(json:string[@key = 'object'], '?')">
-                        <xsl:variable name="predicates" as="xs:anyURI*">
-                            <xsl:for-each select="current-group()">
-                                <xsl:sequence select="ldh:alt-path-uris((json:string[@key = 'predicate'], json:map[@key = 'predicate'])[1])"/>
-                            </xsl:for-each>
-                        </xsl:variable>
-                        <xsl:if test="exists($predicates)">
-                            <xsl:map-entry key="current-grouping-key()" select="distinct-values($predicates) ! xs:anyURI(.)"/>
-                        </xsl:if>
-                    </xsl:for-each-group>
-                </xsl:map>
-            </xsl:variable>
-
-            <xsl:variable name="order-by-var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:string[@key = 'expression']/substring-after(., '?')" as="xs:string?"/>
-            <xsl:variable name="order-by-predicates" select="if ($order-by-var-name and map:contains($var-predicates, $order-by-var-name)) then $var-predicates($order-by-var-name) else ()" as="xs:anyURI*"/>
-            <xsl:variable name="desc" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:boolean[@key = 'descending']" as="xs:boolean?"/>
-            <xsl:variable name="default-order-by-var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[2]/json:string[@key = 'expression']/substring-after(., '?')" as="xs:string?"/>
-            <xsl:variable name="default-order-by-predicates" select="if ($default-order-by-var-name and map:contains($var-predicates, $default-order-by-var-name)) then $var-predicates($default-order-by-var-name) else ()" as="xs:anyURI*"/>
-            <xsl:variable name="default-desc" select="$select-xml/json:map/json:array[@key = 'order']/json:map[2]/json:boolean[@key = 'descending']" as="xs:boolean?"/>
-            <xsl:variable name="sorted-results" as="document-node()">
-                <xsl:document>
-                    <xsl:for-each select="/rdf:RDF">
-                        <xsl:copy>
-                            <xsl:perform-sort select="*">
-                                <!-- sort key COALESCEs across $order-by-predicates in path order, preferring values whose @xml:lang primary subtag matches $ac:lang. Inlined rather than calling ldh:sort-key() because SaxonJS xsl:sort doesn't appear to thread the user-function return value back into the comparison even though the function executes. -->
-                                <xsl:sort select="
-                                    (let $children := for $p in $order-by-predicates return *[concat(namespace-uri(), local-name()) = $p]
-                                     return (
-                                       ($children[tokenize(@xml:lang, '-')[1] = tokenize($ac:lang, '-')[1]]/string(text()))[1],
-                                       ($children[not(@xml:lang)]/string(text()))[1],
-                                       ($children/string((text(), @rdf:resource, @rdf:nodeID)[1]))[1]
-                                     )[. ne ''][1])
-                                " order="{if ($desc) then 'descending' else 'ascending'}"/>
-                                <!-- secondary sort by $default-order-by-predicates if distinct from the primary -->
-                                <xsl:sort select="
-                                    if (exists($default-order-by-predicates) and not(deep-equal($order-by-predicates, $default-order-by-predicates))) then
-                                        (let $children := for $p in $default-order-by-predicates return *[concat(namespace-uri(), local-name()) = $p]
-                                         return (
-                                           ($children[tokenize(@xml:lang, '-')[1] = tokenize($ac:lang, '-')[1]]/string(text()))[1],
-                                           ($children[not(@xml:lang)]/string(text()))[1],
-                                           ($children/string((text(), @rdf:resource, @rdf:nodeID)[1]))[1]
-                                         )[. ne ''][1])
-                                    else ()
-                                " order="{if ($default-desc) then 'descending' else 'ascending'}"/>
-                                <!-- soft by URI/bnode ID otherwise -->
-                                <xsl:sort select="if (@rdf:about) then @rdf:about else @rdf:nodeID" order="{if ($default-desc) then 'descending' else 'ascending'}"/>
-                            </xsl:perform-sort>
-                        </xsl:copy>
-                    </xsl:for-each>
-                </xsl:document>
-            </xsl:variable>
-
-            <xsl:for-each select="$container/div[contains-token(@class, 'main')]">
-                <xsl:call-template name="ldh:RenderViewResults">
-                    <xsl:with-param name="container" select="$container"/>
-                    <xsl:with-param name="results" select="$sorted-results"/>
-                    <xsl:with-param name="select-xml" select="$select-xml"/>
-                    <xsl:with-param name="var-predicates" select="$var-predicates"/>
-                    <xsl:with-param name="container-id" select="$container-id"/>
-                    <xsl:with-param name="endpoint" select="$endpoint"/>
-                    <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
-                    <xsl:with-param name="desc" select="$desc"/>
-                    <xsl:with-param name="order-by-var-name" select="$order-by-var-name"/>
-                    <xsl:with-param name="result-count-container-id" select="$result-count-container-id"/>
-                    <xsl:with-param name="active-mode" select="$active-mode"/>
-                    <xsl:with-param name="object-metadata" select="$object-metadata"/>
-                    <xsl:with-param name="property-metadata" select="$property-metadata"/>
-                    <xsl:with-param name="cache" select="$cache"/>
-                </xsl:call-template>
-            </xsl:for-each>
-
-            <!-- use the initial (not the current transformed) SELECT query and focus var name for facet rendering -->
-            <xsl:for-each select="$container/div[contains-token(@class, 'left-nav')]">
-                <xsl:call-template name="ldh:RenderFacets">
-                    <xsl:with-param name="select-string" select="$select-string"/>
-                    <xsl:with-param name="sub-container-id" select="$container-id || '-left-nav'"/>
-                    <xsl:with-param name="property-metadata" select="$property-metadata"/>
-                </xsl:call-template>
-            </xsl:for-each>
-
-            <xsl:for-each select="$container/div[contains-token(@class, 'right-nav')]">
-                <xsl:call-template name="bs2:ParallaxNav">
-                    <xsl:with-param name="results" select="$sorted-results"/>
-                    <xsl:with-param name="select-xml" select="$select-xml"/>
-                    <xsl:with-param name="endpoint" select="$endpoint"/>
-                    <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
-                    <xsl:with-param name="sub-container-id" select="$container-id || '-right-nav'"/>
-                </xsl:call-template>
-            </xsl:for-each>
-
-            <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-        </xsl:for-each>
-
-        <!-- loading is done - restore the default mouse cursor -->
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-
-        <!-- Mark main view query as complete -->
-        <xsl:sequence select="ldh:update-progress-counter($cache, $context, 'complete', ())"/>
-
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-
-    <xsl:function name="ldh:parallax-response" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="var-name" select="$context('var-name')" as="xs:string"/>       
-        <xsl:variable name="results" select="$context('results')" as="document-node()"/>
-        
-        <xsl:message>ldh:parallax-response</xsl:message>
-
-        <xsl:for-each select="$response">
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/sparql-results+xml'">
-                    <xsl:for-each select="?body">
-                        <xsl:variable name="var-name-resources" select="//srx:binding[@name = $var-name]/srx:uri" as="xs:anyURI*"/>
-
-                        <xsl:for-each-group select="$results/rdf:RDF/*[@rdf:about = $var-name-resources]/*[@rdf:resource or @rdf:nodeID]" group-by="concat(namespace-uri(), local-name())">
-                            <xsl:variable name="predicate" select="xs:anyURI(namespace-uri() || local-name())" as="xs:anyURI"/>
-                            <!-- DESCRIBE the predicate over the application's /ns ontology endpoint (ACL-enforced) instead of proxying its vocab document -->
-                            <xsl:variable name="query-string" select="$property-metadata-query || ' VALUES $Type { &lt;' || $predicate || '&gt; }'" as="xs:string"/>
-                            <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-                            <xsl:variable name="context" select="map:merge((
-                              $context,
-                              map{
-                                'request': $request,
-                                'container': $container,
-                                'predicate': $predicate
-                              }
-                            ), map{ 'duplicates': 'use-last' })"/>
-                            <ixsl:promise select="ixsl:http-request($context('request')) =>
-                                ixsl:then(ldh:rethread-response($context, ?)) =>
-                                ixsl:then(ldh:handle-response#1) =>
-                                ixsl:then(ldh:parallax-property-response#1)"
-                                on-failure="ldh:promise-failure#1"/>
-                        </xsl:for-each-group>
-                    </xsl:for-each>
-                </xsl:when>
-                <xsl:otherwise>
-                    <xsl:variable name="response" select="." as="map(*)"/>
-                    <!-- error response - could not load parallax results -->
-                    <xsl:for-each select="$container">
-                        <xsl:result-document href="?." method="ixsl:append-content">
-                            <div class="alert alert-block">
-                                <strong>Error during query execution:</strong>
-                                <pre>
-                                    <xsl:value-of select="$response?message"/>
-                                </pre>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
-
-                    <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:for-each>
-
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-
-    <xsl:function name="ldh:parallax-property-response" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="class" select="$context('class')" as="xs:string?"/>
-        <xsl:variable name="id" select="$context('id')" as="xs:string?"/>
-        <xsl:variable name="predicate" select="$context('predicate')" as="xs:anyURI"/>
-        
-        <xsl:message>ldh:parallax-property-response</xsl:message>
-
-        <xsl:for-each select="$response">
-            <xsl:variable name="results" select="if (?status = 200 and ?media-type = 'application/rdf+xml') then ?body else ()" as="document-node()?"/>
-            <xsl:variable name="existing-items" select="$container/li" as="element()*"/>
-            <xsl:variable name="new-item" as="element()">
-                <li>
-                    <a title="{$predicate}">
-                        <input name="ou" type="hidden" value="{$predicate}"/>
-                        <xsl:variable name="resource" select="if ($results) then key('resources', $predicate, $results) else ()" as="element()?"/>
-
-                        <xsl:choose>
-                            <xsl:when test="$resource">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="$resource" mode="ac:label"/>
-                                </xsl:value-of>
-                            </xsl:when>
-                            <!-- attempt to use the fragment as label -->
-                            <xsl:when test="contains($predicate, '#') and not(ends-with($predicate, '#'))">
-                                <xsl:value-of select="substring-after($predicate, '#')"/>
-                            </xsl:when>
-                            <!-- attempt to use the last path segment as label -->
-                            <xsl:when test="string-length(tokenize($predicate, '/')[last()]) &gt; 0">
-                                <xsl:value-of select="translate(tokenize($predicate, '/')[last()], '_', ' ')"/>
-                            </xsl:when>
-                            <!-- fallback to simply displaying the full URI -->
-                            <xsl:otherwise>
-                                <xsl:value-of select="$predicate"/>
-                            </xsl:otherwise>
-                        </xsl:choose>
-                    </a>
-                </li>
-            </xsl:variable>
-            <xsl:variable name="items" as="element()*">
-                <!-- sort the existing <li> items together with the new item -->
-                <xsl:perform-sort select="($existing-items, $new-item)">
-                    <!-- sort by the link text content (property label) -->
-                    <xsl:sort select="a/text()" lang="{$ac:lang}"/>
-                </xsl:perform-sort>
-            </xsl:variable>
-
-            <xsl:for-each select="$container">
-                <xsl:result-document href="?." method="ixsl:replace-content">
-                    <xsl:sequence select="$items"/>
-                </xsl:result-document>
-            </xsl:for-each>
-        </xsl:for-each>
-        
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-    
-    <xsl:function name="ldh:facet-value-response" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="predicate" select="$context('predicate')" as="xs:anyURI"/>
-        <xsl:variable name="object-var-name" select="$context('object-var-name')" as="xs:string"/>
-        <xsl:variable name="count-var-name" select="$context('count-var-name')" as="xs:string"/>
-        <xsl:variable name="label-sample-var-name" select="$context('label-sample-var-name')" as="xs:string"/>
-
-        <xsl:message>ldh:facet-value-response</xsl:message>
-
-        <xsl:for-each select="$response">
-            <xsl:variable name="response" select="." as="map(*)"/>
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/sparql-results+xml'">
-                    <xsl:for-each select="?body">
-                        <xsl:variable name="results" select="." as="document-node()"/>
-                        <xsl:if test="$results//srx:result[srx:binding[@name = $object-var-name]]">
-                            <xsl:choose>
-                                <!-- special case for rdf:type - we expect its values to be in the ontology (classes), not in the instance data -->
-                                <xsl:when test="$predicate = '&rdf;type'">
-                                    <xsl:for-each select="$container">
-                                        <xsl:result-document href="?." method="ixsl:append-content">
-                                            <ul class="well well-small nav nav-list"></ul>
-                                        </xsl:result-document>
-                                    </xsl:for-each>
-
-                                    <xsl:for-each select="$results//srx:result[srx:binding[@name = $object-var-name]]">
-                                        <xsl:variable name="object-type" select="srx:binding[@name = $object-var-name]/srx:uri" as="xs:anyURI"/>
-                                        <xsl:variable name="value-result" select="." as="element()"/>
-                                        <!-- DESCRIBE the class over the application's /ns ontology endpoint (ACL-enforced) instead of proxying its vocab document -->
-                                        <xsl:variable name="query-string" select="$property-metadata-query || ' VALUES $Type { &lt;' || $object-type || '&gt; }'" as="xs:string"/>
-                                        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-                                        <xsl:variable name="context" as="map(*)" select="
-                                          map{
-                                            'request': $request,
-                                            'container': $container,
-                                            'object-var-name': $object-var-name,
-                                            'count-var-name': $count-var-name,
-                                            'object-type': $object-type,
-                                            'value-result': $value-result
-                                          }"/>
-                                        <ixsl:promise select="ixsl:http-request($context('request')) =>
-                                            ixsl:then(ldh:rethread-response($context, ?)) =>
-                                            ixsl:then(ldh:handle-response#1) =>
-                                            ixsl:then(ldh:facet-value-type-response#1)"
-                                            on-failure="ldh:promise-failure#1"/>
-                                    </xsl:for-each>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <!-- toggle the caret direction -->
-                                    <xsl:for-each select="$container/h2/span[contains-token(@class, 'caret')]">
-                                        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'caret-reversed' ])[current-date() lt xs:date('2000-01-01')]"/>
-                                    </xsl:for-each>
-
-                                    <xsl:for-each select="$container">
-                                        <xsl:result-document href="?." method="ixsl:append-content">
-                                            <ul class="well well-small nav nav-list">
-                                                <xsl:apply-templates select="$results//srx:result[srx:binding[@name = $object-var-name]]" mode="bs2:FacetValueItem">
-                                                    <!-- order by count first -->
-                                                    <xsl:sort select="xs:integer(srx:binding[@name = $count-var-name]/srx:literal)" order="descending"/>
-                                                    <!-- order by label second -->
-                                                    <xsl:sort select="srx:binding[@name = $label-sample-var-name]/srx:literal"/>
-                                                    <xsl:sort select="srx:binding[@name = $object-var-name]/srx:*"/>
-
-                                                    <xsl:with-param name="object-var-name" select="$object-var-name"/>
-                                                    <xsl:with-param name="count-var-name" select="$count-var-name"/>
-                                                    <xsl:with-param name="label-sample-var-name" select="$label-sample-var-name"/>
-                                                </xsl:apply-templates>
-                                            </ul>
-                                        </xsl:result-document>
-                                    </xsl:for-each>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </xsl:if>
-                    </xsl:for-each>
-                </xsl:when>
-                <xsl:otherwise>
-                    <!-- error response - could not load facet results -->
-                    <xsl:for-each select="$container">
-                        <xsl:result-document href="?." method="ixsl:append-content">
-                            <div class="alert alert-block">
-                                <strong>Error during query execution:</strong>
-                                <pre>
-                                    <xsl:value-of select="$response?message"/>
-                                </pre>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
-                </xsl:otherwise>
-            </xsl:choose>
-
-            <!-- done loading, restore normal cursor -->
-            <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-        </xsl:for-each>
-        
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-    
-    <xsl:function name="ldh:facet-value-type-response" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="object-var-name" select="$context('object-var-name')" as="xs:string"/>
-        <xsl:variable name="count-var-name" select="$context('count-var-name')" as="xs:string"/>
-        <xsl:variable name="object-type" select="$context('object-type')" as="xs:anyURI"/>
-        <xsl:variable name="value-result" select="$context('value-result')" as="element()"/>
-
-        <xsl:message>ldh:facet-value-type-response</xsl:message>
-
-        <xsl:for-each select="$response">
-            <xsl:variable name="results" select="if (?status = 200 and ?media-type = 'application/rdf+xml') then ?body else ()" as="document-node()?"/>
-            <xsl:variable name="existing-items" select="$container/ul/li" as="element()*"/>
-            <xsl:variable name="new-item" as="element()">
-                <xsl:apply-templates select="$value-result" mode="bs2:FacetValueItem">
-                    <xsl:with-param name="object-var-name" select="$object-var-name"/>
-                    <xsl:with-param name="count-var-name" select="$count-var-name"/>
-                    <xsl:with-param name="label">
-                        <xsl:choose>
-                            <xsl:when test="$results">
-                                <xsl:apply-templates select="key('resources', $object-type, $results)" mode="ac:label"/>
-                            </xsl:when>
-                            <xsl:otherwise>
-                                <xsl:value-of select="$object-type"/>
-                            </xsl:otherwise>
-                        </xsl:choose>
-                    </xsl:with-param>
-                </xsl:apply-templates>
-            </xsl:variable>
-            <xsl:variable name="items" as="element()*">
-                <!-- sort the existing <li> items together with the new item -->
-                <xsl:perform-sort select="($existing-items, $new-item)">
-                    <!-- sort by count in a hidden input first -->
-                    <xsl:sort select="xs:integer(input[@name = 'count']/@value)" order="descending"/>
-                    <!-- sort by the link text content (value label) -->
-                    <xsl:sort select="a/text()" lang="{$ac:lang}"/>
-                </xsl:perform-sort>
-            </xsl:variable>
-
-            <xsl:for-each select="$container/ul">
-                <xsl:result-document href="?." method="ixsl:replace-content">
-                    <xsl:sequence select="$items"/>
-                </xsl:result-document>
-            </xsl:for-each>
-        </xsl:for-each>
-        
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-    
-    <xsl:function name="ldh:result-count-response" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="count-var-name" select="$context('count-var-name')" as="xs:string"/>
-
-        <xsl:message>ldh:result-count-response</xsl:message>
-
-        <!-- Mark result count response as complete -->
-        <xsl:sequence select="ldh:update-progress-counter($context('cache'), $context, 'complete', ())"/>
-
-        <xsl:for-each select="$response">
-            <xsl:choose>
-                <xsl:when test="?status = 200 and ?media-type = 'application/sparql-results+xml'">
-                    <xsl:for-each select="?body">
-                        <xsl:variable name="results" select="." as="document-node()"/>
-                        <xsl:for-each select="$container">
-                            <xsl:result-document href="?." method="ixsl:replace-content">
-                                <xsl:apply-templates select="$results" mode="bs2:ViewResultCount">
-                                    <xsl:with-param name="count-var-name" select="$count-var-name" tunnel="yes"/>
-                                </xsl:apply-templates>
-                            </xsl:result-document>
-                        </xsl:for-each>
-                    </xsl:for-each>
-                </xsl:when>
-                <xsl:otherwise>
-                    <xsl:for-each select="$container">
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <span class="alert">Error loading result count</span>
-                        </xsl:result-document>
-                    </xsl:for-each>
-                </xsl:otherwise>
-            </xsl:choose>
-        </xsl:for-each>
-
-        <xsl:sequence select="$context"/>
-    </xsl:function>
-
-    <!-- INLINE CREATION -->
-
-    <!-- update template for the forward linking triple, substituted with the same replace() idiom as the constructor update strings. INSERT/WHERE form: PATCH only accepts INSERT/WHERE and DELETE WHERE (DocumentHierarchyGraphStoreImpl) -->
-    <xsl:variable name="view-instance-link-string" as="xs:string">
-        <![CDATA[
-            INSERT
-              { $about  $property  $this }
-            WHERE
-              {}
-        ]]>
-    </xsl:variable>
-
-    <!-- open the instance creation modal form for a view carrying ldh:container metadata (stamped as data-* attributes by ldh:ontology-view-insert) -->
-    <xsl:template match="div[contains-token(@class, 'block')]//button[contains-token(@class, 'add-instance')][@data-for-class][@data-container]" mode="ixsl:onclick">
-        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
-        <xsl:variable name="view-block" select="ancestor::div[contains-token(@class, 'block')][@data-property][1]" as="element()"/>
-        <xsl:variable name="content-body" select="ancestor::div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
-        <xsl:variable name="forClass" select="xs:anyURI(@data-for-class)" as="xs:anyURI"/>
-        <xsl:variable name="container-uri" select="xs:anyURI(@data-container)" as="xs:anyURI"/>
-        <xsl:variable name="doc-uri" select="resolve-uri(ac:uuid() || '/', $container-uri)" as="xs:anyURI"/> <!-- build a relative URI for the container's child document -->
-        <xsl:variable name="this" select="xs:anyURI($doc-uri || '#id' || ac:uuid())" as="xs:anyURI"/> <!-- the instance is a fragment resource within the new document, same minting as the type-typeahead flow -->
-
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <!-- 'types' is initially set to ($forClass) so the shape fetch targets the right class, same as the type-typeahead flow; 'view-*' keys carry the linkage metadata through the chain -->
-        <xsl:variable name="context" as="map(*)" select="map{
-            'content-body': $content-body,
-            'forClass': $forClass,
-            'types': ($forClass),
-            'doc-uri': $doc-uri,
-            'this': $this,
-            'view-property': xs:anyURI($view-block/@data-property),
-            'view-inverse': exists($view-block/@data-inverse),
-            'view-about': xs:anyURI($view-block/ancestor::*[@about][1]/@about),
-            'view-block-id': string($view-block/@id)
-        }"/>
-
-        <ixsl:promise select="ixsl:resolve($context) =>
-            ixsl:then(ldh:fire-load-set-parallel(?, [
-              [ ldh:load-constructed-doc#1, 'constructed-doc-request', 'constructed-doc-response', ldh:set-constructed-doc#1 ],
-              [ ldh:load-shapes#1,          'shapes-request',          'shapes-response',          ldh:set-shapes#1 ]
-            ])) =>
-            ixsl:then(ldh:set-typeahead-form-resource#1) =>
-            ixsl:then(ldh:fire-load-set-parallel(?, [
-              [ ldh:load-constructors#1,      'constructors-request',      'constructors-response',      ldh:set-constructors#1 ],
-              [ ldh:load-type-metadata#1,     'type-metadata-request',     'type-metadata-response',     ldh:set-type-metadata#1 ],
-              [ ldh:load-property-metadata#1, 'property-metadata-request', 'property-metadata-response', ldh:set-property-metadata#1 ],
-              [ ldh:load-constraints#1,       'constraints-request',       'constraints-response',       ldh:set-constraints#1 ]
-            ])) =>
-            ixsl:then(ldh:render-view-instance-modal-form#1) =>
-            ixsl:finally(ldh:reset-cursor#0)"
-            on-failure="ldh:promise-failure#1"/>
-    </xsl:template>
-
-    <!-- Terminal callback for the add-instance onclick chain. Renders the instantiated resource with the same bs2:Form pipeline as the type-typeahead row form (ldh:render-typeahead-row-form), but with method='put' targeting the new document — the RDF/POST body then describes the fragment instance and the PUT auto-creates the containing Item document around it. Stamps the linkage metadata on the modal element so the submit and response handlers (separate events) can read it. -->
-    <xsl:function name="ldh:render-view-instance-modal-form" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="content-body" select="$context('content-body')" as="element()"/>
-        <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
-        <xsl:variable name="this" select="$context('this')" as="xs:anyURI"/>
-        <xsl:variable name="forClass" select="$context('forClass')" as="xs:anyURI"/>
-        <xsl:variable name="instance-doc" select="$context('instance-doc')" as="document-node()"/>
-        <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
-        <xsl:variable name="type-metadata" select="$context('type-metadata')" as="document-node()?"/>
-        <xsl:variable name="property-metadata" select="$context('property-metadata')" as="document-node()?"/>
-        <xsl:variable name="constraints" select="$context('constraints')" as="document-node()?"/>
-        <xsl:variable name="constructors" select="$context('constructors')" as="document-node()?"/>
-        <xsl:variable name="shapes" select="$context('shapes')" as="document-node()?"/>
-        <xsl:variable name="classes" select="()" as="element()*"/>
-
-        <xsl:message>ldh:render-view-instance-modal-form</xsl:message>
-
-        <xsl:for-each select="$content-body">
-            <!-- the document-level bs2:Form template renders the form shell (hidden rdf input, form actions); prototype-only object bnodes are suppressed by resource.xsl -->
-            <xsl:variable name="form" as="element()*">
-                <xsl:apply-templates select="$instance-doc" mode="bs2:Form">
-                    <xsl:with-param name="method" select="'put'"/>
-                    <xsl:with-param name="action" select="ldh:href($doc-uri)" as="xs:anyURI" tunnel="yes"/>
-                    <xsl:with-param name="form-actions-class" select="'form-actions modal-footer'" as="xs:string?"/>
-                    <xsl:with-param name="classes" select="$classes"/>
-                    <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
-                    <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
-                    <xsl:with-param name="constructor" select="$constructed-doc" tunnel="yes"/>
-                    <xsl:with-param name="constructors" select="$constructors" tunnel="yes"/>
-                    <xsl:with-param name="constraints" select="$constraints" tunnel="yes"/>
-                    <xsl:with-param name="shapes" select="$shapes" tunnel="yes"/>
-                    <xsl:with-param name="base-uri" select="$doc-uri" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:variable>
-
-            <xsl:result-document href="?." method="ixsl:append-content">
-                <div class="modal modal-constructor fade in" about="{$doc-uri}" typeof="{$forClass}"> <!-- @about identifies the new document URL (uniform with the other modals so submit handlers can read $block/@about); the instance URI travels on @data-instance -->
-                    <div class="modal-header">
-                        <button type="button" class="close">&#215;</button>
-
-                        <legend>
-                        </legend>
-                    </div>
-
-                    <div class="modal-body">
-                        <xsl:copy-of select="$form"/>
-                    </div>
-                </div>
-            </xsl:result-document>
-
-            <xsl:for-each select="./div[contains-token(@class, 'modal-constructor')][@about = $doc-uri]">
-                <ixsl:set-attribute name="data-property" select="string($context('view-property'))" object="."/>
-                <xsl:if test="$context('view-inverse')">
-                    <ixsl:set-attribute name="data-inverse" select="'true'" object="."/>
-                </xsl:if>
-                <ixsl:set-attribute name="data-about" select="string($context('view-about'))" object="."/>
-                <ixsl:set-attribute name="data-instance" select="string($this)" object="."/>
-                <ixsl:set-attribute name="data-block-id" select="$context('view-block-id')" object="."/>
-            </xsl:for-each>
-
-            <!-- add event listeners to the descendants of the form -->
-            <xsl:if test="id($form/@id, ixsl:page())">
-                <xsl:apply-templates select="id($form/@id, ixsl:page())" mode="ldh:RenderRowForm"/>
-            </xsl:if>
-        </xsl:for-each>
-    </xsl:function>
-
-    <!-- submit inline creation modal form: forward view — the linking triple <about> <property> <new> is PATCHed into the current document by the response callback -->
-    <xsl:template match="div[contains-token(@class, 'modal-constructor')][@data-property][not(@data-inverse)]//form[contains-token(@class, 'form-horizontal')][upper-case(@method) = 'PUT']" mode="ixsl:onsubmit" priority="3"> <!-- prioritize over modal.xsl -->
-        <xsl:next-match>
-            <xsl:with-param name="callback" select="ldh:view-instance-form-response#1"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- submit inline creation modal form: inverse view — the linking triple <new> <property> <about> belongs in the new document's graph, so it ships inside the PUT body -->
-    <xsl:template match="div[contains-token(@class, 'modal-constructor')][@data-property][@data-inverse]//form[contains-token(@class, 'form-horizontal')][upper-case(@method) = 'PUT']" mode="ixsl:onsubmit" priority="3"> <!-- prioritize over modal.xsl -->
-        <xsl:param name="elements" select=".//input | .//textarea | .//select" as="element()*"/>
-        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        <xsl:variable name="modal" select="ancestor::div[contains-token(@class, 'modal-constructor')][1]" as="element()"/>
-        <!-- pre-process form before submitting it: syncs input values, so it must precede ldh:parse-rdf-post -->
-        <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
-        <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>
-        <!-- canonicalize XML in rdf:XMLLiterals -->
-        <xsl:variable name="triples" as="element()*">
-            <xsl:apply-templates select="$triples" mode="ldh:CanonicalizeXML"/>
-        </xsl:variable>
-        <xsl:variable name="link-triple" as="element()">
-            <json:map>
-                <json:string key="subject"><xsl:sequence select="string($modal/@data-instance)"/></json:string>
-                <json:string key="predicate"><xsl:sequence select="string($modal/@data-property)"/></json:string>
-                <json:string key="object"><xsl:sequence select="string($modal/@data-about)"/></json:string>
-            </json:map>
-        </xsl:variable>
-
-        <xsl:next-match>
-            <xsl:with-param name="callback" select="ldh:view-instance-form-response#1"/>
-            <!-- append $link-triple to the $request-body sent with the request, but not to the $resources rendered afterwards -->
-            <xsl:with-param name="request-body" as="document-node()">
-                <xsl:document>
-                    <rdf:RDF>
-                        <xsl:sequence select="ldh:triples-to-descriptions(($triples, $link-triple))"/>
-                    </rdf:RDF>
-                </xsl:document>
-            </xsl:with-param>
-        </xsl:next-match>
-    </xsl:template>
-
-    <!-- Per-flow callback for the inline creation PUT response. On 201 Created: close the modal, establish the forward linking triple (inverse ones shipped in the PUT body), refresh the view. Everything else delegates to the plain constructor modal flow (violation re-render, error alert). -->
-    <xsl:function name="ldh:view-instance-form-response" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-
-        <xsl:message>ldh:view-instance-form-response</xsl:message>
-
-        <xsl:choose>
-            <xsl:when test="$response?status = 201 and map:contains($response?headers, 'location')">
-                <xsl:variable name="modal" select="$context('block')" as="element()"/>
-                <!-- read the linkage metadata off the modal before removing it -->
-                <xsl:variable name="property" select="$modal/@data-property" as="xs:string"/>
-                <xsl:variable name="inverse" select="exists($modal/@data-inverse)" as="xs:boolean"/>
-                <xsl:variable name="about" select="$modal/@data-about" as="xs:string"/>
-                <xsl:variable name="instance" select="$modal/@data-instance" as="xs:string"/>
-                <xsl:variable name="block-id" select="$modal/@data-block-id" as="xs:string"/>
-                <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
-                <xsl:sequence select="ixsl:call($modal, 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
-
-                <xsl:choose>
-                    <!-- inverse linking triple already shipped inside the PUT body: refresh straight away. The cursor stays 'progress' (set on form submit) until ldh:render-view restores it -->
-                    <xsl:when test="$inverse">
-                        <xsl:sequence select="ldh:refresh-view($block-id)"/>
-                    </xsl:when>
-                    <!-- forward: INSERT the linking triple into the current document, then refresh -->
-                    <xsl:otherwise>
-                        <xsl:variable name="update-string" select="replace($view-instance-link-string, '$about', '&lt;' || $about || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="update-string" select="replace($update-string, '$property', '&lt;' || $property || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="update-string" select="replace($update-string, '$this', '&lt;' || $instance || '&gt;', 'q')" as="xs:string"/>
-                        <xsl:variable name="etag" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $doc-uri || '`'), 'etag')" as="xs:string"/>
-                        <!-- If-Match header checks preconditions, i.e. that the graph has not been modified in the meanwhile -->
-                        <xsl:variable name="link-request" select="map{ 'method': 'PATCH', 'href': ldh:href($doc-uri, map{}), 'media-type': 'application/sparql-update', 'body': $update-string, 'headers': map{ 'If-Match': $etag, 'Accept': 'application/rdf+xml', 'Cache-Control': 'no-cache' } }" as="map(*)"/>
-                        <xsl:variable name="link-context" as="map(*)" select="map{ 'request': $link-request, 'doc-uri': $doc-uri, 'block-id': $block-id }"/>
-
-                        <ixsl:promise select="
-                            ixsl:http-request($link-context('request')) =>
-                                ixsl:then(ldh:rethread-response($link-context, ?)) =>
-                                ixsl:then(ldh:handle-response#1) =>
-                                ixsl:then(ldh:view-instance-link-response#1)
-                            "
-                            on-failure="ldh:promise-failure#1"/>
-                    </xsl:otherwise>
-                </xsl:choose>
-            </xsl:when>
-            <!-- 200/204, constraint violations and errors take the same path as the plain constructor modal flow -->
-            <xsl:otherwise>
-                <xsl:sequence select="ldh:constructor-form-response($context)"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:function>
-
-    <!-- callback for the forward linking triple PATCH -->
-    <xsl:function name="ldh:view-instance-link-response" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
-        <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
-        <xsl:variable name="block-id" select="$context('block-id')" as="xs:string"/>
-
-        <xsl:message>ldh:view-instance-link-response</xsl:message>
-
-        <xsl:choose>
-            <xsl:when test="$response?status = (200, 204)">
-                <xsl:variable name="etag" select="$response?headers?etag" as="xs:string?"/>
-                <xsl:if test="$etag">
-                    <!-- store ETag header value under window.LinkedDataHub.contents[$doc-uri].etag so subsequent edits of the current document don't fail preconditions -->
-                    <ixsl:set-property name="etag" select="$etag" object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $doc-uri || '`')"/>
-                </xsl:if>
-
-                <!-- the cursor stays 'progress' (set on form submit) until ldh:render-view restores it -->
-                <xsl:sequence select="ldh:refresh-view($block-id)"/>
-            </xsl:when>
-            <xsl:otherwise>
-                <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-
-                <xsl:sequence select="ldh:error-response-alert($context)"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:function>
-
-    <!-- Re-query the view block's results with fresh data (Cache-Control: no-cache). Rebuilds the request context from the contents cache like the pager/order/mode listeners do: the view's RDFa (spin:query) is replaced by the toolbar on the initial render, so re-entering ldh:RenderRow would no longer match the view template -->
-    <xsl:function name="ldh:refresh-view" as="item()*" ixsl:updating="yes">
-        <xsl:param name="block-id" as="xs:string"/>
-
-        <xsl:message>ldh:refresh-view block-id: '<xsl:value-of select="$block-id"/>' matched views: <xsl:value-of select="count(id($block-id, ixsl:page())/div[contains-token(@class, 'span12')]/div[@typeof = '&ldh;View'])"/></xsl:message>
-
-        <xsl:for-each select="id($block-id, ixsl:page())/div[contains-token(@class, 'span12')]/div[@typeof = '&ldh;View']">
-            <xsl:variable name="container" select="." as="element()"/>
-            <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-            <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`')" as="item()"/>
-            <xsl:message>ldh:refresh-view block URI: <xsl:value-of select="$block/@about"/> cache found: <xsl:value-of select="exists($cache)"/></xsl:message>
-            <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
-            <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
-            <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
-            <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
-            <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string"/>
-            <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
-
-            <xsl:variable name="view-context" as="map(*)">
-                <xsl:call-template name="ldh:RenderView">
-                    <xsl:with-param name="container" select="$container"/>
-                    <xsl:with-param name="active-mode" select="$active-mode"/>
-                    <xsl:with-param name="select-string" select="$select-string"/>
-                    <xsl:with-param name="select-xml" select="$select-xml"/>
-                    <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
-                    <xsl:with-param name="endpoint" select="$endpoint"/>
-                    <xsl:with-param name="refresh-content" select="true()"/>
-                    <xsl:with-param name="cache" select="$cache"/>
-                </xsl:call-template>
-            </xsl:variable>
-            <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
-
-            <ixsl:promise select="
-                ixsl:resolve($context) =>
-                    ixsl:then(ldh:view-results-thunk#1)
-                "
-                on-failure="ldh:promise-failure#1"/>
-        </xsl:for-each>
-    </xsl:function>
-
-</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/rdfs.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/rdfs.xsl
deleted file mode 100644
index 682936948c..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/rdfs.xsl
+++ /dev/null
@@ -1,40 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE xsl:stylesheet [
-    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
-    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
-    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
-    <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
-    <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
-    <!ENTITY owl    "http://www.w3.org/2002/07/owl#">
-    <!ENTITY ldt    "https://www.w3.org/ns/ldt#">
-    <!ENTITY sioc   "http://rdfs.org/sioc/ns#">
-    <!ENTITY foaf   "http://xmlns.com/foaf/0.1/">
-]>
-<xsl:stylesheet version="3.0"
-xmlns="http://www.w3.org/1999/xhtml"
-xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-xmlns:xhtml="http://www.w3.org/1999/xhtml"
-xmlns:xs="http://www.w3.org/2001/XMLSchema"
-xmlns:ac="&ac;"
-xmlns:rdf="&rdf;"
-xmlns:rdfs="&rdfs;"
-xmlns:sioc="&sioc;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
-exclude-result-prefixes="#all">
-
-    <xsl:preserve-space elements="rdfs:comment"/>
-    
-    <xsl:template match="rdfs:comment/text()" mode="bs2:FormControl">
-        <xsl:param name="type-label" select="true()" as="xs:boolean"/>
-        <xsl:param name="rows" select="10" as="xs:integer"/>
-        
-        <textarea name="ol" id="{generate-id()}" rows="{$rows}">
-            <xsl:value-of select="."/>
-        </textarea>
-
-        <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
-        </xsl:if>
-    </xsl:template>
-
-</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/services/youtube.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/services/youtube.xsl
deleted file mode 100644
index a9b807fcfc..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/services/youtube.xsl
+++ /dev/null
@@ -1,93 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE xsl:stylesheet [
-    <!ENTITY def    "https://w3id.org/atomgraph/linkeddatahub/default#">
-    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
-    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
-    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
-    <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
-    <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
-    <!ENTITY schema "https://schema.org/">
-]>
-<xsl:stylesheet version="3.0"
-xmlns="http://www.w3.org/1999/xhtml"
-xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
-xmlns:prop="http://saxonica.com/ns/html-property"
-xmlns:xhtml="http://www.w3.org/1999/xhtml"
-xmlns:xs="http://www.w3.org/2001/XMLSchema"
-xmlns:map="http://www.w3.org/2005/xpath-functions/map"
-xmlns:json="http://www.w3.org/2005/xpath-functions"
-xmlns:array="http://www.w3.org/2005/xpath-functions/array"
-xmlns:fn="http://www.w3.org/2005/xpath-functions"
-xmlns:ac="&ac;"
-xmlns:ldh="&ldh;"
-xmlns:rdf="&rdf;"
-xmlns:rdfs="&rdfs;"
-xmlns:schema="&schema;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
-extension-element-prefixes="ixsl"
-exclude-result-prefixes="#all"
->
-
-    <!-- TEMPLATES -->
-    
-    <xsl:template match="*[contains(@rdf:about, 'youtube.com/watch') or contains(@rdf:about, 'youtu.be/')][rdf:type/@rdf:resource = '&schema;VideoObject']">
-        <xsl:param name="id" select="generate-id()" as="xs:string?"/>
-        <xsl:param name="class" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:apply-templates select="." mode="bs2:Header"/>
-        </div>
-    </xsl:template>
-    
-    <xsl:template match="*[contains(@rdf:about, 'youtube.com/watch') or contains(@rdf:about, 'youtu.be/')][rdf:type/@rdf:resource = '&schema;VideoObject']" mode="bs2:Header">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'well'" as="xs:string?"/>
-        <xsl:variable name="video-id" select="analyze-string(@rdf:about, '^.*(?:youtube\.com/(?:watch\?v=|embed/)|youtu\.be/)([^&amp;?]+).*$')//fn:group[@nr='1']/text()" as="xs:string"/>
-        
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:apply-templates select="." mode="bs2:Timestamp"/>
-
-            <div class="well-small text-center">
-                <iframe width="560" height="315" 
-                        src="https://www.youtube.com/embed/{$video-id}" 
-                        frameborder="0" 
-                        allowfullscreen="allowfullscreen">
-                </iframe>
-            </div>
-            
-            <xsl:apply-templates select="." mode="bs2:Actions"/>
-
-            <h2>
-                <xsl:apply-templates select="@rdf:about | @rdf:nodeID" mode="xhtml:Anchor">
-                    <xsl:with-param name="class" as="xs:string?">
-                        <xsl:apply-templates select="." mode="ldh:logo"/>
-                    </xsl:with-param>
-                </xsl:apply-templates>
-            </h2>
-
-            <xsl:where-populated>
-                <p>
-                    <xsl:apply-templates select="." mode="ac:description"/>
-                </p>
-            </xsl:where-populated>
-
-            <xsl:apply-templates select="." mode="bs2:TypeList"/>
-        </div>
-    </xsl:template>
-    
-</xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sh.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sh.xsl
deleted file mode 100644
index b6e4f8d9ac..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sh.xsl
+++ /dev/null
@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-Copyright 2025 Martynas Jusevičius <martynas@atomgraph.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
--->
-<!DOCTYPE xsl:stylesheet [
-    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
-    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
-    <!ENTITY sh     "http://www.w3.org/ns/shacl#">
-]>
-<xsl:stylesheet version="3.0"
-xmlns="http://www.w3.org/1999/xhtml"
-xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-xmlns:xs="http://www.w3.org/2001/XMLSchema"
-xmlns:ac="&ac;"
-xmlns:rdf="&rdf;"
-xmlns:sh="&sh;"
-exclude-result-prefixes="#all">
-
-    <xsl:template match="*[sh:name[some $lang in $ac:langs satisfies lang($lang)]/text()]" mode="ac:label" priority="1">
-        <xsl:sequence select="(for $lang in $ac:langs return sh:name[lang($lang)])[1]/text()"/>
-    </xsl:template>
-
-    <xsl:template match="*[sh:name/text()]" mode="ac:label">
-        <xsl:sequence select="(sh:name[not(@xml:lang)], sh:name)[1]/text()"/>
-    </xsl:template>
-
-    <xsl:template match="*[sh:description[some $lang in $ac:langs satisfies lang($lang)]/text()]" mode="ac:description" priority="1">
-        <xsl:sequence select="(for $lang in $ac:langs return sh:description[lang($lang)])[1]/text()"/>
-    </xsl:template>
-
-    <xsl:template match="*[sh:description/text()]" mode="ac:description">
-        <xsl:sequence select="(sh:description[not(@xml:lang)], sh:description)[1]/text()"/>
-    </xsl:template>
-    
-</xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf
deleted file mode 100644
index ce793e162d..0000000000
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf
+++ /dev/null
@@ -1,572 +0,0 @@
-<!DOCTYPE rdf:RDF [
-    <!ENTITY rdf            "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
-    <!ENTITY rdfs           "http://www.w3.org/2000/01/rdf-schema#">
-    <!ENTITY xsd            "http://www.w3.org/2001/XMLSchema#">
-]>
-<rdf:RDF xmlns:rdf="&rdf;" xmlns:rdfs="&rdfs;">
-    <rdf:Description rdf:nodeID="sign-up">
-        <rdfs:label xml:lang="en-US">Sign up</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Registrarse</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="login">
-        <rdfs:label xml:lang="en-US">Login</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Entrar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="login-google">
-        <rdfs:label xml:lang="en-US">Login with Google</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Entrar con Google</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="login-orcid">
-        <rdfs:label xml:lang="en-US">Login with ORCID</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Entrar con ORCID</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="root">
-        <rdfs:label xml:lang="en-US">Root</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Raíz</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="filter">
-        <rdfs:label xml:lang="en-US">Filter</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Filtrar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="search">
-        <rdfs:label xml:lang="en-US">Search</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Buscar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="applications">
-        <rdfs:label xml:lang="en-US">Applications</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Aplicaciones</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="notifications">
-        <rdfs:label xml:lang="en-US">Notifications</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Notificaciones</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="atomgraph">
-        <rdfs:label xml:lang="en-US">AtomGraph</rdfs:label>
-        <rdfs:label xml:lang="es-ES">AtomGraph</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="details">
-        <rdfs:label xml:lang="en-US">Details</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Detalles</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="add">
-        <rdfs:label xml:lang="en-US">Add</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Añadir</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="remove">
-        <rdfs:label xml:lang="en-US">Remove</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Eliminar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="ban">
-        <rdfs:label xml:lang="en-US">Ban</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Prohibir</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="delete">
-        <rdfs:label xml:lang="en-US">Delete</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Borrar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="skolemize">
-        <rdfs:label xml:lang="en-US">Skolemize</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Escolemizar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="skolemize-title">
-        <rdfs:label xml:lang="en-US">Replace all blank node resource identifiers with URIs</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Sustituir todos los identificadores de recursos anónimos por URIs</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="export">
-        <rdfs:label xml:lang="en-US">Export</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Exportar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="save">
-        <rdfs:label xml:lang="en-US">Save</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Guardar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="close">
-        <rdfs:label xml:lang="en-US">Close</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Cerrar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="reset">
-        <rdfs:label xml:lang="en-US">Reset</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Reiniciar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="settings">
-        <rdfs:label xml:lang="en-US">Settings</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ajustes</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="content">
-        <rdfs:label xml:lang="en-US">Content</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Contenido</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="latest">
-        <rdfs:label xml:lang="en-US">Latest</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Último</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="geo">
-        <rdfs:label xml:lang="en-US">Geo</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Geo</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="other">
-        <rdfs:label xml:lang="en-US">Other</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Otro</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="files">
-        <rdfs:label xml:lang="en-US">Files</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Archivos</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="imports">
-        <rdfs:label xml:lang="en-US">Imports</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Importaciones</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="queries">
-        <rdfs:label xml:lang="en-US">Queries</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Consultas</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="charts">
-        <rdfs:label xml:lang="en-US">Charts</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Gráficos</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="services">
-        <rdfs:label xml:lang="en-US">Services</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Servicios</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="layout">
-        <rdfs:label xml:lang="en-US">Layout</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Diseño</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="access">
-        <rdfs:label xml:lang="en-US">Access</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Acceder</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="toggle-content">
-        <rdfs:label xml:lang="en-US">Toggle content</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Activar contenido</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="run">
-        <rdfs:label xml:lang="en-US">Run</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ejecutar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="search-title">
-        <rdfs:label xml:lang="en-US">Search for resources by title, label, content etc.</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Buscar recursos por título, etiqueta, contenido, etc.</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="address-bar">
-        <rdfs:label xml:lang="en-US">Go</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ir</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="address-bar-title">
-        <rdfs:label xml:lang="en-US">Enter an http(s):// URI to navigate to</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Introduzca una URI http(s):// para navegar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="search-placeholder">
-        <rdfs:label xml:lang="en-US">Search…</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Buscar…</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="application-list-title">
-        <rdfs:label xml:lang="en-US">Applications</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Aplicaciones</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="user-defined-apps">
-        <rdfs:label xml:lang="en-US">User-defined</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="system-apps">
-        <rdfs:label xml:lang="en-US">System</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="mode-list-title">
-        <rdfs:label xml:lang="en-US">Change layout mode</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Cambiar modo disposición</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="acl-list-title">
-        <rdfs:label xml:lang="en-US">Allowed access modes</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Modos permitidos de acceso</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="create-instance-title">
-        <rdfs:label xml:lang="en-US">Create a new resource of selected type</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Crear un recurso nuevo del tipo seleccionado</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="add-data">
-        <rdfs:label xml:lang="en-US">Add data</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Añadir datos</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="add-data-title">
-        <rdfs:label xml:lang="en-US">Import RDF data</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Importar datos RDF</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="import-ontology">
-        <rdfs:label xml:lang="en-US">Import ontology</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="import-ontology-title">
-        <rdfs:label xml:lang="en-US">Import RDF ontology and create constructors</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="nav-bar-action-delete-title">
-        <rdfs:label xml:lang="en-US">Delete the graph of this resource</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Borrar el grafo de este recurso</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="nav-bar-action-refresh-title">
-        <rdfs:label xml:lang="en-US">Clear the resource from SPARQL results cache</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Limpiar el recurso de la caché de resultados SPARQL</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="nav-bar-action-edit-graph-title">
-        <rdfs:label xml:lang="en-US">Edit the graph of this resource</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Editar el grafo de este recurso</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="nav-bar-action-export-rdf-title">
-        <rdfs:label xml:lang="en-US">Export RDF data for this response</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Exportar datos RDF para esta respuesta</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="nav-bar-action-settings-title">
-        <rdfs:label xml:lang="en-US">Settings</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ajustes</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="filter-title">
-        <rdfs:label xml:lang="en-US">Filter the current view</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Filtrar la vista actual</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="reset-changes-title">
-        <rdfs:label xml:lang="en-US">Reset changes</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Reiniciar cambios</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="copy-uri">
-        <rdfs:label xml:lang="en-US">Copy URI</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Copiar URI</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="save-as-title">
-        <rdfs:label xml:lang="en-US">Copy this RDF graph into the local graph store</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Copiar este grafo RDF al almacén de grafos locales</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="save-as">
-        <rdfs:label xml:lang="en-US">Save as</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Guardar como</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="from-origin">
-        <rdfs:label xml:lang="en-US">From origin</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Desde origen</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="local">
-        <rdfs:label xml:lang="en-US">Local</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Local</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="common">
-        <rdfs:label xml:lang="en-US">Common</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Común</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="backlinks">
-        <rdfs:label xml:lang="en-US">Backlinks</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Backlinks</rdfs:label> <!-- I didn't find an easy translation of Backlinks to Spanish, maybe "enlaces de vuelta" ? -->
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="email">
-        <rdfs:label xml:lang="en-US">E-mail</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Correo electrónico</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="authorization">
-        <rdfs:label xml:lang="en-US">Authorization</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Autorización</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="public-key">
-        <rdfs:label xml:lang="en-US">Public key</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Clave pública</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="user-account">
-        <rdfs:label xml:lang="en-US">User account</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Cuenta de usuario</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="ask-query">
-        <rdfs:label xml:lang="en-US">ASK</rdfs:label>
-        <rdfs:label xml:lang="es-ES">ASK</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="select-query">
-        <rdfs:label xml:lang="en-US">SELECT</rdfs:label>
-        <rdfs:label xml:lang="es-ES">SELECT</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="describe-query">
-        <rdfs:label xml:lang="en-US">DESCRIBE</rdfs:label>
-        <rdfs:label xml:lang="es-ES">DESCRIBE</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="construct-query">
-        <rdfs:label xml:lang="en-US">CONSTRUCT</rdfs:label>
-        <rdfs:label xml:lang="es-ES">CONSTRUCT</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="file">
-        <rdfs:label xml:lang="en-US">File</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Archivo</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="administration">
-        <rdfs:label xml:lang="en-US">Administration</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Administración</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="namespace-ontology">
-        <rdfs:label xml:lang="en-US">Namespace ontology</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Espacio de nombres de ontología</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="documentation">
-        <rdfs:label xml:lang="en-US">Documentation</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Documentación</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="sparql-service">
-        <rdfs:label xml:lang="en-US">SPARQL service</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Servicio SPARQL</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="sparql-editor">
-        <rdfs:label xml:lang="en-US">SPARQL editor</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Editor SPARQL</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="request-access">
-        <rdfs:label xml:lang="en-US">Request access</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Solicitar acceso</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="upload-file">
-        <rdfs:label xml:lang="en-US">Upload file</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Subir fichero</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="from-uri">
-        <rdfs:label xml:lang="en-US">From URI</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Desde URI</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="add-rdf-data">
-        <rdfs:label xml:lang="en-US">Add RDF data</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Añadir datos RDF</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="none">
-        <rdfs:label xml:lang="en-US">None</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Nada</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="ascending">
-        <rdfs:label xml:lang="en-US">Ascending</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ascendente</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="descending">
-        <rdfs:label xml:lang="en-US">Descending</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Descendente</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="source">
-        <rdfs:label xml:lang="en-US">Source</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Fuente</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="graph">
-        <rdfs:label xml:lang="en-US">Graph</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Grafo</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="query">
-        <rdfs:label xml:lang="en-US">Query</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Consulta</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="clear">
-        <rdfs:label xml:lang="en-US">Clear</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Limpiar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="install">
-        <rdfs:label xml:lang="en-US">Install</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Instalar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="uninstall">
-        <rdfs:label xml:lang="en-US">Uninstall</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Desinstalar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="package">
-        <rdfs:label xml:lang="en-US">Package</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Paquete</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="packages">
-        <rdfs:label xml:lang="en-US">Packages</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Paquetes</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="installed">
-        <rdfs:label xml:lang="en-US">Installed</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Instalado</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="ontology">
-        <rdfs:label xml:lang="en-US">Ontology</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ontología</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="related-results">
-        <rdfs:label xml:lang="en-US">Related results</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Resultados relacionados</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="document-tree">
-        <rdfs:label xml:lang="en-US">Document tree</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="reconcile-title">
-        <rdfs:label xml:lang="en-US">Reconcile this resource against resources in the selected service</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="reconcile">
-        <rdfs:label xml:lang="en-US">Reconcile</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="reconcile-entity">
-        <rdfs:label xml:lang="en-US">Reconcile entity</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="resource">
-        <rdfs:label xml:lang="en-US">Resource</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="html">
-        <rdfs:label xml:lang="en-US">HTML</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="sparql">
-        <rdfs:label xml:lang="en-US">SPARQL</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="literal">
-        <rdfs:label xml:lang="en-US">Literal</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="open">
-        <rdfs:label xml:lang="en-US">Open</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Abrir</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="explore">
-        <rdfs:label xml:lang="en-US">Explore</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Explorar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="are-you-sure">
-        <rdfs:label xml:lang="en-US">Are you sure?</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="cancel">
-        <rdfs:label xml:lang="en-US">Cancel</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Cancelar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="constructor">
-        <rdfs:label xml:lang="en-US">Constructor</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="actions">
-        <rdfs:label xml:lang="en-US">Actions</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="edit">
-        <rdfs:label xml:lang="en-US">Edit</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="constructors">
-        <rdfs:label xml:lang="en-US">constructor(s)</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="total-results">
-        <rdfs:label xml:lang="en-US">Total results</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="load-schema">
-        <rdfs:label xml:lang="en-US">Load schema</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="generate-containers">
-        <rdfs:label xml:lang="en-US">Generate containers</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="generate">
-        <rdfs:label xml:lang="en-US">Generate</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="generate-containers-title">
-        <rdfs:label xml:lang="en-US">Create containers for the most populated classes in a SPARQL endpoint</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="limit">
-        <rdfs:label xml:lang="en-US">Limit</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="service">
-        <rdfs:label xml:lang="en-US">Service</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Servicio</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="has-parent">
-        <rdfs:label xml:lang="en-US">Has parent</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="from-sparql-service">
-        <rdfs:label xml:lang="en-US">From SPARQL service</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="instance">
-        <rdfs:label xml:lang="en-US">Instance</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="remove-stmt">
-        <rdfs:label xml:lang="en-US">Remove this statement</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="application-settings">
-        <rdfs:label xml:lang="en-US">Application settings</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ajustes de aplicación</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="request-access-description">
-        <rdfs:label xml:lang="en-US">Ask for access to a restricted resource by making a request. It will be reviewed by the application's administrators.</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Solicite acceso a un recurso restringido haciendo una solicitud. Será revisada por los administradores de la aplicación.</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="request-access-for">
-        <rdfs:label xml:lang="en-US">Request access for</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Solicitar acceso para</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="me">
-        <rdfs:label xml:lang="en-US">me</rdfs:label>
-        <rdfs:label xml:lang="es-ES">yo</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="request">
-        <rdfs:label xml:lang="en-US">Request</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Solicitar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="url-based-access">
-        <rdfs:label xml:lang="en-US">URL-based access</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Acceso basado en URL</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="url">
-        <rdfs:label xml:lang="en-US">URL</rdfs:label>
-        <rdfs:label xml:lang="es-ES">URL</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="class-based-access">
-        <rdfs:label xml:lang="en-US">Class-based access</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Acceso basado en clase</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="class-name">
-        <rdfs:label xml:lang="en-US">Class name</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Nombre de clase</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="same-as">
-        <rdfs:label xml:lang="en-US">Same as</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Igual a</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="classes">
-        <rdfs:label xml:lang="en-US">Classes</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Clases</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="error-during-query">
-        <rdfs:label xml:lang="en-US">Error during query execution:</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Error durante la ejecución de la consulta:</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="history">
-        <rdfs:label xml:lang="en-US">History</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Historial</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="history-description">
-        <rdfs:label xml:lang="en-US">Every change to this document is saved as a version. Click a version to view the document as it was at that time.</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Cada cambio en este documento se guarda como una versión. Haga clic en una versión para ver el documento tal como era en ese momento.</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="version">
-        <rdfs:label xml:lang="en-US">Version</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Versión</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="agent">
-        <rdfs:label xml:lang="en-US">Agent</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Agente</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="historical-version-notice">
-        <rdfs:label xml:lang="en-US">You are viewing a read-only historical version of this document</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Está viendo una versión histórica de solo lectura de este documento</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="view-current-version">
-        <rdfs:label xml:lang="en-US">View the current version</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Ver la versión actual</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="from">
-        <rdfs:label xml:lang="en-US">From</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Desde</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="to">
-        <rdfs:label xml:lang="en-US">To</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Hasta</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="compare">
-        <rdfs:label xml:lang="en-US">Compare</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Comparar</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="comparing-versions">
-        <rdfs:label xml:lang="en-US">You are comparing two versions of this document</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Está comparando dos versiones de este documento</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="removed">
-        <rdfs:label xml:lang="en-US">removed</rdfs:label>
-        <rdfs:label xml:lang="es-ES">eliminado</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="added">
-        <rdfs:label xml:lang="en-US">added</rdfs:label>
-        <rdfs:label xml:lang="es-ES">añadido</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="changed">
-        <rdfs:label xml:lang="en-US">changed</rdfs:label>
-        <rdfs:label xml:lang="es-ES">modificado</rdfs:label>
-    </rdf:Description>
-    <rdf:Description rdf:nodeID="restore">
-        <rdfs:label xml:lang="en-US">Restore</rdfs:label>
-        <rdfs:label xml:lang="es-ES">Restaurar</rdfs:label>
-    </rdf:Description>
-</rdf:RDF>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client.xsl
index 5fc0d81625..afab2ac523 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client.xsl
@@ -6,7 +6,6 @@
     <!ENTITY ldh        "https://w3id.org/atomgraph/linkeddatahub#">
     <!ENTITY ac         "https://w3id.org/atomgraph/client#">
     <!ENTITY a          "https://w3id.org/atomgraph/core#">
-    <!ENTITY typeahead  "http://graphity.org/typeahead#">
     <!ENTITY rdf        "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
     <!ENTITY rdfs       "http://www.w3.org/2000/01/rdf-schema#">
     <!ENTITY xsd        "http://www.w3.org/2001/XMLSchema#">
@@ -43,7 +42,6 @@ xmlns:map="http://www.w3.org/2005/xpath-functions/map"
 xmlns:json="http://www.w3.org/2005/xpath-functions"
 xmlns:array="http://www.w3.org/2005/xpath-functions/array"
 xmlns:saxon="http://saxon.sf.net/"
-xmlns:typeahead="&typeahead;"
 xmlns:a="&a;"
 xmlns:ac="&ac;"
 xmlns:lapp="&lapp;"
@@ -67,66 +65,34 @@ xmlns:skos="&skos;"
 xmlns:schema1="&schema1;"
 xmlns:schema2="&schema2;"
 xmlns:dbpo="&dbpo;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
 exclude-result-prefixes="#all"
 extension-element-prefixes="ixsl"
 >
 
-    <xsl:import href="../../../../com/atomgraph/client/xsl/functions.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/default.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/dc.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/dct.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/doap.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/foaf.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/rdf.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/rdfs.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/schema.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/sioc.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/skos.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/imports/sp.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/bootstrap/2.3.2/imports/default.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/default.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/bootstrap/2.3.2/resource.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/bootstrap/2.3.2/document.xsl"/>
-    <xsl:import href="../../../../com/atomgraph/client/xsl/bootstrap/2.3.2/container.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/resource.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/ac.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/acl.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/cert.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/ldh.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/dct.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/nfo.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/rdf.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/rdfs.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/sioc.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/sp.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/sh.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/memento.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/document.xsl"/>
-    <xsl:import href="bootstrap/2.3.2/imports/services/youtube.xsl"/>
+    <!-- the import tree, not this list, is the precedence order: Web-Client's common layer (no page
+         layout - the client bootstraps its own) below LinkedDataHub's shared layer - see §3.10.3 -->
+    <xsl:import href="../../../../com/atomgraph/client/xsl/common.xsl"/>
+    <xsl:import href="common.xsl"/>
     <xsl:import href="converters/RDFXML2DataTable.xsl"/>
     <xsl:import href="converters/SPARQLXMLResults2DataTable.xsl"/>
     <xsl:import href="converters/RDFXML2GeoJSON.xsl"/>
     <xsl:import href="rdfa-editor/index.xsl"/>
 
-    <xsl:include href="bootstrap/2.3.2/client/admin/signup.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/query-transforms.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/typeahead.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/functions.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/navigation.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/block.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/modal.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/memento.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/packages.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/form.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/map.xsl"/> <!-- include in view.xsl and object.xsl instead? -->
-    <xsl:include href="bootstrap/2.3.2/client/graph3d.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/constructor.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/block/object.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/block/view.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/block/chart.xsl"/>
-    <xsl:include href="bootstrap/2.3.2/client/block/query.xsl"/>
+    <xsl:include href="admin/signup.xsl"/>
+    <xsl:include href="client/signup.xsl"/>
+    <xsl:include href="client/query-transforms.xsl"/>
+    <xsl:include href="client/combobox.xsl"/>
+    <xsl:include href="client/functions.xsl"/>
+    <xsl:include href="client/navigation.xsl"/>
+    <xsl:include href="client/block.xsl"/>
+    <xsl:include href="client/modal.xsl"/>
+    <xsl:include href="client/memento.xsl"/>
+    <xsl:include href="client/packages.xsl"/>
+    <xsl:include href="client/form.xsl"/>
+    <xsl:include href="client/map.xsl"/> <!-- include in view.xsl and object.xsl instead? -->
+    <xsl:include href="client/graph3d.xsl"/>
+    <xsl:include href="client/constructor.xsl"/>
 
     <xsl:param name="ldh:ajaxRendering" select="true()" as="xs:boolean"/>
     <xsl:param name="ldh:renderSystemResources" select="false()" as="xs:boolean"/>
@@ -136,8 +102,6 @@ extension-element-prefixes="ixsl"
     <xsl:param name="ldt:ontology" as="xs:anyURI?"/> <!-- used in Web-Client TO-DO: remove -->
     <xsl:param name="acl:agent" as="xs:anyURI?"/>
     <xsl:param name="foaf:Agent" select="if ($acl:agent) then document(ac:document-uri($acl:agent)) else ()" as="document-node()?"/> <!-- should be in SaxonJS documentPool -->
-    <xsl:param name="ac:langs" select="for $lang in ixsl:get(ixsl:window(), 'navigator.languages') return tokenize($lang, '-')[1]" as="xs:string*"/> <!-- overrides the Web-Client default with the browser's ordered preference list -->
-    <xsl:param name="ac:forClass" as="xs:anyURI?"/> <!-- used by Web-Client -->
     <xsl:param name="ac:query" select="ldh:query-params()?query" as="xs:string?"/>
     <xsl:param name="ac:googleMapsKey" select="''" as="xs:string"/>  <!-- cannot remove yet as it's used by container.xsl in Web-Client -->
     <xsl:param name="sparql-parser" select="ixsl:call(ixsl:window(), 'Reflect.construct', [ ixsl:get(ixsl:get(ixsl:window(), '`' || 'SPARQL.js' || '`'), 'Parser'), [] ] )"/>
@@ -280,7 +244,8 @@ WHERE
         <xsl:message>xsl:product-name: <xsl:value-of select="system-property('xsl:product-name')"/></xsl:message>
         <xsl:message>saxon:platform: <xsl:value-of select="system-property('saxon:platform')"/></xsl:message>
         <xsl:message>$ac:contextUri: <xsl:value-of select="$ac:contextUri"/></xsl:message>
-        <xsl:message>$ac:langs: <xsl:value-of select="$ac:langs" separator=" "/></xsl:message>
+
+        <xsl:message>ac:langs(): <xsl:value-of select="ac:langs()" separator=" "/></xsl:message>
         <xsl:message>$acl:agent: <xsl:value-of select="$acl:agent"/></xsl:message>
         <xsl:message>ac:uri(): <xsl:value-of select="ac:uri()"/></xsl:message>
         <xsl:message>UTC offset: <xsl:value-of select="implicit-timezone()"/></xsl:message>
@@ -288,9 +253,11 @@ WHERE
         <!-- create a LinkedDataHub namespace -->
         <ixsl:set-property name="LinkedDataHub" select="ldh:new-object()"/>
         <ixsl:set-property name="contents" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/>
-        <ixsl:set-property name="typeahead" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/> <!-- used by typeahead.xsl -->
+        <ixsl:set-property name="combobox" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/> <!-- used by combobox.xsl -->
         <ixsl:set-property name="graphs" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/> <!-- used by graph3d.xsl -->
         <ixsl:set-property name="yasqe" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/>
+        <ixsl:set-property name="pending-scrolls" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/> <!-- deferred fragment scrolls awaiting block hydration, keyed by scroll id (ldh:RenderTab/ldh:block-hydrated) -->
+
         <!-- create the RDFa editor state container (editor chrome initializes lazily, on the first editable region) -->
         <xsl:call-template name="rdfae:init-state"/>
 
@@ -315,9 +282,9 @@ WHERE
                     </xsl:for-each>
                 </xsl:if>
                 <!-- initialize navigation (e.g. the left sidebar) -->
-                <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')][@data-base]">
+                <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')][@data-base]">
                     <xsl:result-document href="?." method="ixsl:append-content">
-                        <xsl:call-template name="ldh:LeftSidebar"/>
+                        <xsl:call-template name="ldh:DataspaceDrawer"/>
                     </xsl:result-document>
                 </xsl:for-each>
                 <!-- if the URI is external, set it in the address bar -->
@@ -334,6 +301,8 @@ WHERE
                     <xsl:with-param name="fragment" select="ac:fragment-id(ldh:request-uri())"/>
                     <xsl:with-param name="query-params" select="if (ac:uri()) then map{} else ldh:query-params()"/>
                     <xsl:with-param name="push-state" select="false()"/>
+                    <!-- this is the only flow where a server-rendered document body is already in the DOM, so stamp it here rather than have the shared response handler infer it from page state. Not for proxied URIs: ProxyRequestFilter bypasses rendering and returns the local shell, so no body for the external resource was rendered -->
+                    <xsl:with-param name="server-rendered" select="not(ac:uri())"/>
                 </xsl:call-template>
             </xsl:otherwise>
         </xsl:choose>
@@ -341,64 +310,16 @@ WHERE
 
     <!-- TEMPLATES -->
 
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ac:image">
-        <xsl:choose>
-            <xsl:when test="foaf:img/@rdf:resource">
-                <xsl:sequence select="foaf:img/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="foaf:logo/@rdf:resource">
-                <xsl:sequence select="foaf:logo/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="foaf:depiction/@rdf:resource">
-                <xsl:sequence select="foaf:depiction/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="schema1:image/@rdf:resource">
-                <xsl:sequence select="schema1:image/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="schema1:logo/@rdf:resource">
-                <xsl:sequence select="schema1:logo/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="schema2:image/@rdf:resource">
-                <xsl:sequence select="schema2:image/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="schema2:logo/@rdf:resource">
-                <xsl:sequence select="schema2:logo/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="schema1:thumbnailUrl/@rdf:resource">
-                <xsl:sequence select="schema1:thumbnailUrl/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="schema2:thumbnailUrl/@rdf:resource">
-                <xsl:sequence select="schema2:thumbnailUrl/@rdf:resource"/>
-            </xsl:when>
-            <xsl:when test="dbpo:thumbnail/@rdf:resource">
-                <xsl:sequence select="dbpo:thumbnail/@rdf:resource"/>
-            </xsl:when>
-        </xsl:choose>
-    </xsl:template>
-    
-    <xsl:template match="foaf:img/@rdf:resource | foaf:logo/@rdf:resource | foaf:depiction/@rdf:resource | schema1:image/@rdf:resource | schema2:image/@rdf:resource | schema1:logo/@rdf:resource | schema2:logo/@rdf:resource | schema1:thumbnailUrl/@rdf:resource | schema2:thumbnailUrl/@rdf:resource | dbpo:thumbnail/@rdf:resource">
-        <a href="{.}">
-            <img src="{.}">
-                <xsl:attribute name="alt">
-                    <xsl:value-of>
-                        <xsl:apply-templates select="." mode="ac:object-label"/>
-                    </xsl:value-of>
-                </xsl:attribute>
-            </img>
-        </a>
-    </xsl:template>
-    
     <!-- CALLBACKS -->
 
-    <xsl:template name="ldh:PopulateBreadcrumbNav">
+    <xsl:template name="ldh:PopulateBreadcrumb">
         <xsl:param name="container" as="element()"/>
         <xsl:param name="response" as="map(*)"/>
         <xsl:param name="uri" as="xs:anyURI"/>
 
+        <!-- the container is the pills list itself; clear it before the crumbs stream in -->
         <xsl:for-each select="$container">
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <ul class="breadcrumb pull-left"/>
-            </xsl:result-document>
+            <xsl:result-document href="?." method="ixsl:replace-content"/>
         </xsl:for-each>
         <xsl:sequence select="ldh:breadcrumb-resource-response(map{
             'response': $response,
@@ -415,14 +336,14 @@ WHERE
         <xsl:variable name="fragment" select="$context('fragment')" as="xs:string?"/>
         <xsl:variable name="query-params" select="if (map:contains($context, 'query-params')) then $context('query-params') else map{}" as="map(xs:string, xs:string*)"/>
         <xsl:variable name="refresh-content" select="$context('refresh-content')" as="xs:boolean?"/>
+        <xsl:variable name="server-rendered" select="$context('server-rendered')" as="xs:boolean?"/>
 
         <xsl:for-each select="$response">
             <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
 
             <!-- extract acl:mode from the response Link headers here because this template is called after every document load (also the initial load) and has access to ?headers -->
             <!-- for proxied documents these are the *remote* node's modes, forwarded by ProxyRequestFilter -->
-            <xsl:variable name="acl-mode-links" select="tokenize(?headers?link, ',')[contains(., '&acl;mode')]" as="xs:string*"/>
-            <xsl:variable name="acl-modes" select="for $mode-link in $acl-mode-links return xs:anyURI(substring-before(substring-after(substring-before($mode-link, ';'), '&lt;'), '&gt;'))" as="xs:anyURI*"/>
+            <xsl:variable name="acl-modes" select="ldh:link-targets(?headers?link, '&acl;mode')" as="xs:anyURI*"/>
             <!-- set LinkedDataHub.acl-modes flags which are later used by the acl:mode function; re-synced per pane by ldh:ActivateTab -->
             <xsl:call-template name="ldh:SetAclModes">
                 <xsl:with-param name="acl-modes" select="$acl-modes"/>
@@ -433,27 +354,26 @@ WHERE
             <xsl:choose>
                 <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
                     <!-- store external SPARQL endpoint from Link header, same pattern as acl:mode above -->
-                    <xsl:variable name="endpoint-link" select="tokenize(?headers?link, ',')[contains(., '&sd;endpoint')]" as="xs:string?"/>
-                    <xsl:variable name="endpoint" select="if ($endpoint-link) then xs:anyURI(substring-before(substring-after(substring-before($endpoint-link, ';'), '&lt;'), '&gt;')) else ()" as="xs:anyURI?"/>
+                    <xsl:variable name="endpoint" select="ldh:link-targets(?headers?link, '&sd;endpoint')[1]" as="xs:anyURI?"/>
                     <xsl:if test="$endpoint">
                         <ixsl:set-property name="endpoint" select="$endpoint" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/>
                     </xsl:if>
                     <!-- store application URI from Link header -->
-                    <xsl:variable name="application-link" select="tokenize(?headers?link, ',')[contains(., '&lapp;application')]" as="xs:string?"/>
-                    <xsl:variable name="application" select="if ($application-link) then xs:anyURI(substring-before(substring-after(substring-before($application-link, ';'), '&lt;'), '&gt;')) else ()" as="xs:anyURI?"/>
+                    <xsl:variable name="application" select="ldh:link-targets(?headers?link, '&lapp;application')[1]" as="xs:anyURI?"/>
                     <xsl:if test="$application">
                         <ixsl:set-property name="application" select="$application" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/>
                     </xsl:if>
                     <!-- store TimeMap URI from Link header (present when the document is versioned); blank it when absent so non-versioned documents don't show the History link -->
-                    <xsl:variable name="timemap-link" select="tokenize(?headers?link, ',')[contains(., 'rel=timemap')][1]" as="xs:string?"/>
-                    <xsl:variable name="timemap" select="if ($timemap-link) then xs:anyURI(substring-before(substring-after(substring-before($timemap-link, ';'), '&lt;'), '&gt;')) else ()" as="xs:anyURI?"/>
+                    <xsl:variable name="timemap" select="ldh:link-targets(?headers?link, 'rel=timemap')[1]" as="xs:anyURI?"/>
                     <ixsl:set-property name="timemap" select="($timemap, '')[1]" object="ixsl:get(ixsl:window(), 'LinkedDataHub')"/>
                     <xsl:for-each select="?body">
                         <xsl:variable name="results" select="." as="document-node()"/>
                         <!-- ?diff= view: render the union of both versions' descriptions, with the one-sided triple keys classifying added/removed content -->
                         <xsl:variable name="diff-results" select="if ($context('diff-response')?status = 200 and $context('diff-response')?media-type = 'application/rdf+xml') then $context('diff-response')?body else ()" as="document-node()?"/>
-                        <xsl:variable name="diff-added-keys" select="if (exists($diff-results)) then ac:value-except(map:keys(ldh:triples-map($results, false())), map:keys(ldh:triples-map($diff-results, false()))) else ()" as="xs:string*"/>
-                        <xsl:variable name="diff-removed-keys" select="if (exists($diff-results)) then ac:value-except(map:keys(ldh:triples-map($diff-results, false())), map:keys(ldh:triples-map($results, false()))) else ()" as="xs:string*"/>
+                        <xsl:variable name="result-keys" select="if (exists($diff-results)) then map:keys(ldh:triples-map($results, false())) else ()" as="xs:string*"/>
+                        <xsl:variable name="diff-keys" select="if (exists($diff-results)) then map:keys(ldh:triples-map($diff-results, false())) else ()" as="xs:string*"/>
+                        <xsl:variable name="diff-added-keys" select="ac:value-except($result-keys, $diff-keys)" as="xs:string*"/>
+                        <xsl:variable name="diff-removed-keys" select="ac:value-except($diff-keys, $result-keys)" as="xs:string*"/>
                         <xsl:variable name="render-results" select="if (exists($diff-results)) then ldh:diff-union($results, $diff-results, $diff-removed-keys) else $results" as="document-node()"/>
                         <ixsl:set-property name="{'`' || $doc-uri || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
                         <!-- store document under window.LinkedDataHub.contents[$doc-uri].results -->
@@ -462,38 +382,40 @@ WHERE
                         <!-- store ETag header value under window.LinkedDataHub.contents[$doc-uri].etag -->
                         <ixsl:set-property name="etag" select="$etag" object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $doc-uri || '`')"/>
 
-                        <xsl:variable name="tab-pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]" as="element()?"/>
+                        <xsl:variable name="pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]" as="element()?"/>
                         <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-                        <xsl:variable name="tab-body-id" select="'tab-pane-' || ac:uuid()" as="xs:string"/>
+                        <xsl:variable name="tab-body-id" select="'ldh-pane-' || ac:uuid()" as="xs:string"/>
                         <xsl:variable name="tab-base" select="if ($application) then resolve-uri('/', lapp:origin($doc-uri)) else ()" as="xs:anyURI?"/>
 
                         <!-- set document title from RDF; look up by the resource URI (with fragment) since SKOS Concepts etc. live at doc/#frag -->
                         <xsl:variable name="resource-uri" select="xs:anyURI($doc-uri || (if ($fragment) then '#' || $fragment else ''))" as="xs:anyURI"/>
                         <xsl:variable name="label" select="if (exists(key('resources', $resource-uri, $results))) then ac:label(key('resources', $resource-uri, $results)) else string($resource-uri)" as="xs:string"/>
-                        <ixsl:set-property name="title" select="$label" object="ixsl:page()"/>
 
-                        <!-- align URL with the mode detected from the RDF document -->
-                        <xsl:call-template name="ldh:PushState">
-                            <xsl:with-param name="href" select="ldh:href($doc-uri, map:merge(($query-params, ldh:build-query($mode))), $fragment)"/>
-                            <xsl:with-param name="title" select="$label"/>
-                            <xsl:with-param name="container" select="id($body-id, ixsl:page())"/>
+                        <!-- align title and URL with the mode detected from the RDF document -->
+                        <xsl:call-template name="ldh:SetDocumentState">
+                            <xsl:with-param name="doc-uri" select="$doc-uri"/>
+                            <xsl:with-param name="fragment" select="$fragment"/>
+                            <xsl:with-param name="query-params" select="$query-params"/>
+                            <xsl:with-param name="mode" select="$mode"/>
+                            <xsl:with-param name="label" select="$label"/>
                         </xsl:call-template>
 
                         <!-- reuse exact-match pane, or same-origin pane (avoids accumulating panes for the same dataspace) -->
-                        <xsl:variable name="reuse-pane" select="($tab-pane, id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')][starts-with(@about, lapp:origin($doc-uri))]])[1]" as="element()?"/>
+                        <xsl:variable name="reuse-pane" select="($pane, id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')][starts-with(@about, lapp:origin($doc-uri))]])[1]" as="element()?"/>
                         <xsl:variable name="effective-pane-id" select="if ($reuse-pane) then $reuse-pane/@id else $tab-body-id" as="xs:string"/>
 
                         <!-- external-only, new pane only: add tab bar item and hide local pane -->
                         <xsl:if test="not(starts-with($doc-uri, lapp:origin(ldh:request-uri()))) and not($reuse-pane)">
-                            <xsl:call-template name="ldh:AddTabNavBarListItem">
+                            <xsl:call-template name="ldh:AddDataspaceTab">
                                 <xsl:with-param name="doc-uri" select="$doc-uri"/>
                                 <xsl:with-param name="fragment" select="$fragment"/>
                                 <xsl:with-param name="label" select="$label"/>
                                 <xsl:with-param name="mode" select="$mode"/>
                             </xsl:call-template>
 
-                            <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')][starts-with(@about, lapp:origin(ldh:request-uri()) || '/')]]">
-                                <ixsl:set-style name="display" select="'none'" object="."/>
+                            <!-- is-active is the whole visibility contract (ldh.css owns display) -->
+                            <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')][starts-with(@about, lapp:origin(ldh:request-uri()) || '/')]]">
+                                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-active' ])[current-date() lt xs:date('2000-01-01')]"/>
                             </xsl:for-each>
                         </xsl:if>
 
@@ -502,18 +424,21 @@ WHERE
                             <xsl:when test="$reuse-pane">
                                 <xsl:variable name="old-about" select="string($reuse-pane/div[contains-token(@class, 'document-body')]/@about)" as="xs:string"/>
 
-                                <xsl:for-each select="$reuse-pane/div[contains-token(@class, 'document-body')]">
-                                    <xsl:result-document href="?." method="ixsl:replace-element">
-                                        <xsl:apply-templates select="$render-results/rdf:RDF" mode="bs2:DocumentBody">
-                                            <xsl:with-param name="mode" select="$mode"/>
-                                            <xsl:with-param name="about" select="$doc-uri"/>
-                                            <xsl:with-param name="object-metadata" select="$context('object-metadata')" tunnel="yes"/>
-                                            <xsl:with-param name="property-metadata" select="$context('property-metadata')" tunnel="yes"/>
-                                            <xsl:with-param name="diff-added-keys" select="$diff-added-keys" tunnel="yes"/>
-                                            <xsl:with-param name="diff-removed-keys" select="$diff-removed-keys" tunnel="yes"/>
-                                        </xsl:apply-templates>
-                                    </xsl:result-document>
-                                </xsl:for-each>
+                                <!-- on the initial load the server already rendered this body: keep it instead of re-rendering over it. The client SEF carries no package stylesheet imports (SEF is generated at build time), so re-rendering silently drops every package rendering rule the server applied - e.g. the SKOS package's suppression of skos:broader in ac:PropertyEditor. ldh:RenderTab below still runs, so the content-block factories populate the pane as usual -->
+                                <xsl:if test="not($server-rendered and $old-about = string($doc-uri))">
+                                    <xsl:for-each select="$reuse-pane/div[contains-token(@class, 'document-body')]">
+                                        <xsl:result-document href="?." method="ixsl:replace-element">
+                                            <xsl:apply-templates select="$render-results/rdf:RDF" mode="ldh:DocumentBody">
+                                                <xsl:with-param name="mode" select="$mode"/>
+                                                <xsl:with-param name="about" select="$doc-uri"/>
+                                                <xsl:with-param name="object-metadata" select="$context('object-metadata')" tunnel="yes"/>
+                                                <xsl:with-param name="property-metadata" select="$context('property-metadata')" tunnel="yes"/>
+                                                <xsl:with-param name="diff-added-keys" select="$diff-added-keys" tunnel="yes"/>
+                                                <xsl:with-param name="diff-removed-keys" select="$diff-removed-keys" tunnel="yes"/>
+                                            </xsl:apply-templates>
+                                        </xsl:result-document>
+                                    </xsl:for-each>
+                                </xsl:if>
 
                                 <!-- re-stamp the pane's modes: acl:mode is per-document, and the reused pane now shows a different document -->
                                 <xsl:for-each select="$reuse-pane">
@@ -537,10 +462,10 @@ WHERE
                             <!-- no pane: create one with sidebar -->
                             <xsl:otherwise>
                                 <xsl:variable name="tab-body" as="element()">
-                                    <!-- inert class: ldh:ActivateTab (called from ldh:RenderTab below) is the single source of truth for the 'active' token. Defaulting to 'tab-pane active' here would briefly leave two panes active (this one + the currently-active local one) and crash ldt:base()/sd:endpoint() in any code that runs between append and ActivateTab (e.g. ldh:LeftSidebar). -->
-                                    <xsl:apply-templates select="$render-results/rdf:RDF" mode="bs2:TabBody">
+                                    <!-- inert class: ldh:ActivateTab (called from ldh:RenderTab below) is the single source of truth for the 'is-active' token. Defaulting to 'ldh-pane is-active' here would briefly leave two panes active (this one + the currently-active local one) and crash ldt:base()/sd:endpoint() in any code that runs between append and ActivateTab (e.g. ldh:DataspaceDrawer). -->
+                                    <xsl:apply-templates select="$render-results/rdf:RDF" mode="ldh:TabPanel">
                                         <xsl:with-param name="id" select="$tab-body-id"/>
-                                        <xsl:with-param name="class" select="'tab-pane'"/>
+                                        <xsl:with-param name="class" select="'ldh-pane'"/>
                                         <xsl:with-param name="mode" select="$mode"/>
                                         <xsl:with-param name="base" select="$tab-base"/>
                                         <xsl:with-param name="endpoint" select="$endpoint"/>
@@ -560,9 +485,9 @@ WHERE
 
                                 <!-- populate sidebar for newly created pane -->
                                 <xsl:if test="$tab-base">
-                                    <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][last()]">
+                                    <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][last()]">
                                         <xsl:result-document href="?." method="ixsl:append-content">
-                                            <xsl:call-template name="ldh:LeftSidebar">
+                                            <xsl:call-template name="ldh:DataspaceDrawer">
                                                 <xsl:with-param name="base" select="$tab-base"/>
                                             </xsl:call-template>
                                         </xsl:result-document>
@@ -572,7 +497,7 @@ WHERE
                         </xsl:choose>
 
                         <xsl:call-template name="ldh:RenderTab">
-                            <xsl:with-param name="tab-pane-id" select="$effective-pane-id"/>
+                            <xsl:with-param name="pane-id" select="$effective-pane-id"/>
                             <xsl:with-param name="doc-uri" select="$doc-uri"/>
                             <xsl:with-param name="fragment" select="$fragment"/>
                             <xsl:with-param name="mode" select="$mode"/>
@@ -637,7 +562,7 @@ WHERE
                                 <xsl:sequence select="?body"/>
                             </xsl:when>
                             <xsl:otherwise>
-                                <xsl:variable name="status-resource" select="key('status-by-code', xs:integer(?status), document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/http-statusCodes.rdf', $lapp:origin)))" as="element()?"/>
+                                <xsl:variable name="status-resource" select="key('status-by-code', xs:integer(?status), document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/http-statusCodes.rdf', $lapp:origin)))" as="element()?"/>
                                 <xsl:document>
                                     <rdf:RDF>
                                         <rdf:Description rdf:nodeID="error">
@@ -658,22 +583,22 @@ WHERE
                     </xsl:variable>
 
                     <xsl:variable name="mode" select="xs:anyURI('&ac;ReadMode')" as="xs:anyURI"/>
-                    <xsl:variable name="tab-pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]" as="element()?"/>
-                    <xsl:variable name="tab-body-id" select="'tab-pane-' || ac:uuid()" as="xs:string"/>
-                    <xsl:variable name="effective-pane-id" select="if ($tab-pane) then $tab-pane/@id else $tab-body-id" as="xs:string"/>
+                    <xsl:variable name="pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]" as="element()?"/>
+                    <xsl:variable name="tab-body-id" select="'ldh-pane-' || ac:uuid()" as="xs:string"/>
+                    <xsl:variable name="effective-pane-id" select="if ($pane) then $pane/@id else $tab-body-id" as="xs:string"/>
                     <xsl:variable name="label" select="concat('HTTP ', ?status, if (?message) then ' ' || ?message else '')" as="xs:string"/>
 
-                    <ixsl:set-property name="title" select="$label" object="ixsl:page()"/>
-
-                    <xsl:call-template name="ldh:PushState">
-                        <xsl:with-param name="href" select="ldh:href($doc-uri, map:merge(($query-params, ldh:build-query($mode))), $fragment)"/>
-                        <xsl:with-param name="title" select="$label"/>
-                        <xsl:with-param name="container" select="id($body-id, ixsl:page())"/>
+                    <xsl:call-template name="ldh:SetDocumentState">
+                        <xsl:with-param name="doc-uri" select="$doc-uri"/>
+                        <xsl:with-param name="fragment" select="$fragment"/>
+                        <xsl:with-param name="query-params" select="$query-params"/>
+                        <xsl:with-param name="mode" select="$mode"/>
+                        <xsl:with-param name="label" select="$label"/>
                     </xsl:call-template>
 
                     <!-- external-only, new pane only: add tab bar item and hide local panes (mirrors the 200/RDF success path) -->
-                    <xsl:if test="not(starts-with($doc-uri, lapp:origin(ldh:request-uri()))) and not($tab-pane)">
-                        <xsl:call-template name="ldh:AddTabNavBarListItem">
+                    <xsl:if test="not(starts-with($doc-uri, lapp:origin(ldh:request-uri()))) and not($pane)">
+                        <xsl:call-template name="ldh:AddDataspaceTab">
                             <xsl:with-param name="doc-uri" select="$doc-uri"/>
                             <xsl:with-param name="fragment" select="$fragment"/>
                             <xsl:with-param name="label" select="$label"/>
@@ -681,16 +606,17 @@ WHERE
                             <xsl:with-param name="error" select="true()"/>
                         </xsl:call-template>
 
-                        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')][starts-with(@about, lapp:origin(ldh:request-uri()) || '/')]]">
-                            <ixsl:set-style name="display" select="'none'" object="."/>
+                        <!-- is-active is the whole visibility contract (ldh.css owns display) -->
+                        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')][starts-with(@about, lapp:origin(ldh:request-uri()) || '/')]]">
+                            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-active' ])[current-date() lt xs:date('2000-01-01')]"/>
                         </xsl:for-each>
                     </xsl:if>
 
                     <xsl:choose>
-                        <xsl:when test="$tab-pane">
-                            <xsl:for-each select="$tab-pane/div[contains-token(@class, 'document-body')]">
+                        <xsl:when test="$pane">
+                            <xsl:for-each select="$pane/div[contains-token(@class, 'document-body')]">
                                 <xsl:result-document href="?." method="ixsl:replace-element">
-                                    <xsl:apply-templates select="$results/rdf:RDF" mode="bs2:DocumentBody">
+                                    <xsl:apply-templates select="$results/rdf:RDF" mode="ldh:DocumentBody">
                                         <xsl:with-param name="mode" select="$mode"/>
                                         <xsl:with-param name="about" select="$doc-uri"/>
                                     </xsl:apply-templates>
@@ -699,9 +625,9 @@ WHERE
                         </xsl:when>
                         <xsl:otherwise>
                             <xsl:variable name="tab-body" as="element()">
-                                <xsl:apply-templates select="$results/rdf:RDF" mode="bs2:TabBody">
+                                <xsl:apply-templates select="$results/rdf:RDF" mode="ldh:TabPanel">
                                     <xsl:with-param name="id" select="$tab-body-id"/>
-                                    <xsl:with-param name="class" select="'tab-pane'"/>
+                                    <xsl:with-param name="class" select="'ldh-pane'"/>
                                     <xsl:with-param name="mode" select="$mode"/>
                                     <xsl:with-param name="about" select="$doc-uri"/>
                                 </xsl:apply-templates>
@@ -713,7 +639,7 @@ WHERE
                     </xsl:choose>
 
                     <xsl:call-template name="ldh:RenderTab">
-                        <xsl:with-param name="tab-pane-id" select="$effective-pane-id"/>
+                        <xsl:with-param name="pane-id" select="$effective-pane-id"/>
                         <xsl:with-param name="doc-uri" select="$doc-uri"/>
                         <xsl:with-param name="fragment" select="$fragment"/>
                         <xsl:with-param name="mode" select="$mode"/>
@@ -728,7 +654,7 @@ WHERE
     <!-- TAB MANAGEMENT TEMPLATES -->
 
     <!-- Create a new tab for an external URI and render its content into #external-pane -->
-    <xsl:template name="ldh:AddTabNavBarListItem">
+    <xsl:template name="ldh:AddDataspaceTab">
         <xsl:param name="doc-uri" as="xs:anyURI"/>
         <xsl:param name="fragment" as="xs:string?"/>
         <xsl:param name="label" as="xs:string"/>
@@ -738,47 +664,57 @@ WHERE
         <!-- append the new tab <li> to the tab bar; data-uri keys lookups (document scope), @href round-trips the fragment for the user -->
         <xsl:result-document href="#tab-bar-list" method="ixsl:append-content">
             <li data-uri="{$doc-uri}">
-                <a href="{ldh:href($doc-uri, ldh:build-query($mode), $fragment)}" title="{$doc-uri}{if ($fragment) then '#' || $fragment else ''}">
+                <a class="ldh-tab" href="{ldh:href($doc-uri, ldh:build-query($mode), $fragment)}" title="{$doc-uri}{if ($fragment) then '#' || $fragment else ''}">
                     <xsl:if test="$error">
-                        <i class="icon-warning-sign"/>
+                        <span class="msi sm" aria-hidden="true">warning</span>
                         <xsl:text> </xsl:text>
                     </xsl:if>
                     <xsl:value-of select="$label"/>
                 </a>
-                <span class="tab-close">&#xd7;</span>
+                <!-- a SIBLING of the anchor, never nested: a button inside an anchor is invalid HTML (§17b) -->
+                <button type="button" class="tab-close" aria-label="{ac:label(key('resources', 'close', ldh:translations()))}"><span class="msi">close</span></button>
             </li>
         </xsl:result-document>
 
-        <!-- show the tab bar -->
-        <ixsl:set-style name="display" select="'block'" object="id('tab-bar', ixsl:page())"/>
-        <xsl:sequence select="ixsl:call(ixsl:get(ixsl:page(), 'documentElement.style'), 'setProperty', ['--action-bar-top', '98px'])[current-date() lt xs:date('2000-01-01')]"/>
+        <!-- the tab bar's visibility and the chrome offset derive from the tab count (ldh.css :has rules) -->
     </xsl:template>
 
     <!-- activate an existing tab; matches pane by @about = $doc-uri (document scope, no fragment) -->
     <xsl:template match="ul[@id = 'tab-bar-list']/li" mode="ldh:ActivateTab">
         <xsl:param name="doc-uri" select="xs:anyURI(ixsl:get(., 'dataset.uri'))" as="xs:anyURI"/>
 
-        <!-- deactivate all tab <li>s -->
+        <!-- deactivate all tab <li>s (the state rides the li so the underline spans the close button; aria-current rides the anchor) -->
         <xsl:for-each select="id('tab-bar-list', ixsl:page())/li">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'active' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-active' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:for-each select="a">
+                <xsl:sequence select="ixsl:call(., 'removeAttribute', [ 'aria-current' ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
         </xsl:for-each>
         <!-- activate this tab <li> -->
-        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'active' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'is-active' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="a">
+            <xsl:sequence select="ixsl:call(., 'setAttribute', [ 'aria-current', 'page' ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
 
-        <!-- deactivate and hide all tab panes -->
-        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')]">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'active' ])[current-date() lt xs:date('2000-01-01')]"/>
-            <ixsl:set-style name="display" select="'none'" object="."/>
+        <!-- deactivate all tab panes; is-active is the whole visibility contract (ldh.css owns display) -->
+        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-active' ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
-        <!-- activate and show tab pane -->
-        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'active' ])[current-date() lt xs:date('2000-01-01')]"/>
-            <ixsl:set-style name="display" select="'block'" object="."/>
+        <!-- activate the tab pane -->
+        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'is-active' ])[current-date() lt xs:date('2000-01-01')]"/>
 
             <!-- sync acl:mode() to this pane's data-acl-modes (stamped from its document's Link header); the window flags otherwise go stale on fetch-less tab switches between panes -->
             <xsl:call-template name="ldh:SetAclModes">
                 <xsl:with-param name="acl-modes" select="if (ixsl:contains(., 'dataset.aclModes')) then (for $mode in tokenize(ixsl:get(., 'dataset.aclModes'), ' ')[.] return xs:anyURI($mode)) else ()"/>
             </xsl:call-template>
+
+            <!-- adopt the singleton editor toolbar into this pane's editor-bar when the pane is in editing mode (fetch-less switches don't re-render regions, so form.xsl's region-init adoption never fires here) -->
+            <xsl:if test=".//div[contains-token(@class, 'rdfa-editor-content')] and exists(id('edit-toolbar', ixsl:page()))">
+                <xsl:for-each select="rdfae:toolbar-host()[not(descendant::*[@id = 'edit-toolbar'])]">
+                    <xsl:sequence select="ixsl:call(., 'appendChild', [ id('edit-toolbar', ixsl:page()) ])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:for-each>
+            </xsl:if>
         </xsl:for-each>
     </xsl:template>
 
@@ -804,7 +740,7 @@ WHERE
     <!-- render RDF results into a tab pane identified by @about = $doc-uri -->
     <!-- works for both local (#content-body) and external panes -->
     <xsl:template name="ldh:RenderTab">
-        <xsl:param name="tab-pane-id" as="xs:string"/>
+        <xsl:param name="pane-id" as="xs:string"/>
         <xsl:param name="doc-uri" as="xs:anyURI"/>
         <xsl:param name="fragment" as="xs:string?"/>
         <xsl:param name="tab-list-item" select="id('tab-bar-list', ixsl:page())/li[ixsl:get(., 'dataset.uri') = $doc-uri]" as="element()?"/>
@@ -818,13 +754,12 @@ WHERE
                 <xsl:apply-templates select="$tab-list-item" mode="ldh:ActivateTab"/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')]">
-                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', ['active'])[current-date() lt xs:date('2000-01-01')]"/>
-                    <ixsl:set-style name="display" select="'none'" object="."/>
+                <!-- is-active is the whole visibility contract (ldh.css owns display) -->
+                <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')]">
+                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', ['is-active'])[current-date() lt xs:date('2000-01-01')]"/>
                 </xsl:for-each>
-                <xsl:for-each select="id($tab-pane-id, ixsl:page())">
-                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', ['active'])[current-date() lt xs:date('2000-01-01')]"/>
-                    <ixsl:set-style name="display" select="'block'" object="."/>
+                <xsl:for-each select="id($pane-id, ixsl:page())">
+                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', ['is-active'])[current-date() lt xs:date('2000-01-01')]"/>
                 </xsl:for-each>
             </xsl:otherwise>
         </xsl:choose>
@@ -835,32 +770,59 @@ WHERE
         </xsl:call-template>
 
         <!-- fire factories for top-level content blocks in the rendered pane -->
-        <xsl:for-each select="id($tab-pane-id, ixsl:page())/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]/div">
-            <xsl:variable name="factories" as="(function(item()?) as item()*)*">
+        <xsl:variable name="factories" as="(function(item()?) as item()*)*">
+            <xsl:for-each select="id($pane-id, ixsl:page())/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]/div">
                 <xsl:apply-templates select="." mode="ldh:RenderRow">
                     <xsl:with-param name="refresh-content" select="$refresh-content"/>
                 </xsl:apply-templates>
-            </xsl:variable>
-            <xsl:for-each select="$factories">
-                <xsl:variable name="factory" select="."/>
-                <ixsl:promise select="$factory(())" on-failure="ldh:promise-failure#1"/>
             </xsl:for-each>
-        </xsl:for-each>
+        </xsl:variable>
+        <xsl:choose>
+            <!-- a fragment scroll cannot run until the blocks hydrate (their async loads shift the layout under it): chain each factory so ldh:block-hydrated counts them down and scrolls on the last one -->
+            <xsl:when test="$fragment and exists($factories)">
+                <xsl:variable name="scroll-id" select="ac:uuid()" as="xs:string"/>
+                <ixsl:set-property name="{'`' || $scroll-id || '`'}" select="count($factories)" object="ixsl:get(ixsl:window(), 'LinkedDataHub.pending-scrolls')"/>
+                <xsl:for-each select="$factories">
+                    <xsl:variable name="factory" select="."/>
+                    <ixsl:promise select="$factory(()) => ixsl:then(ldh:block-hydrated($scroll-id, $doc-uri, $fragment, ?))" on-failure="ldh:block-hydration-failure($scroll-id, $doc-uri, $fragment, ?)"/>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:for-each select="$factories">
+                    <xsl:variable name="factory" select="."/>
+                    <ixsl:promise select="$factory(())" on-failure="ldh:promise-failure#1"/>
+                </xsl:for-each>
+            </xsl:otherwise>
+        </xsl:choose>
 
-        <!-- bs2:ActionBar always renders breadcrumb-nav inside bs2:ActionBarMain -->
-        <xsl:variable name="pane-breadcrumb-nav" select="id($tab-pane-id, ixsl:page())//*[contains-token(@class, 'breadcrumb-nav')]" as="element()?"/>
+        <!-- ac:ActionBar always renders the .ldh-bc pills list inside ac:ActionBarMain -->
+        <xsl:variable name="pane-breadcrumb-nav" select="id($pane-id, ixsl:page())//*[contains-token(@class, 'ldh-bc')]" as="element()?"/>
         <xsl:if test="$pane-breadcrumb-nav">
-            <xsl:call-template name="ldh:PopulateBreadcrumbNav">
+            <xsl:call-template name="ldh:PopulateBreadcrumb">
                 <xsl:with-param name="container" select="$pane-breadcrumb-nav"/>
                 <xsl:with-param name="response" select="$response"/>
                 <xsl:with-param name="uri" select="$doc-uri"/>
             </xsl:call-template>
         </xsl:if>
 
-        <!-- scroll to the fragment-targeted element if present, otherwise to top -->
-        <!-- look up the rendered RDFa resource container in the active pane via @about; sidesteps the multi-pane @id uniqueness constraint (two panes may both render a resource at the same fragment) -->
+        <!-- with content blocks pending, the fragment scroll is deferred to ldh:block-hydrated (chained above); otherwise scroll now -->
+        <xsl:if test="not($fragment and exists($factories))">
+            <xsl:call-template name="ldh:ScrollToFragment">
+                <xsl:with-param name="doc-uri" select="$doc-uri"/>
+                <xsl:with-param name="fragment" select="$fragment"/>
+            </xsl:call-template>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- scroll to the fragment-targeted element if present, otherwise to top -->
+    <xsl:template name="ldh:ScrollToFragment">
+        <xsl:param name="doc-uri" as="xs:anyURI"/>
+        <xsl:param name="fragment" as="xs:string?"/>
+
         <xsl:variable name="resource-uri" select="xs:anyURI($doc-uri || (if ($fragment) then '#' || $fragment else ''))" as="xs:anyURI"/>
-        <xsl:variable name="scroll-target" as="element()?" select="if ($fragment) then (id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]//*[@about = $resource-uri])[1] else ()"/>
+        <xsl:variable name="active-pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]" as="element()*"/>
+        <!-- look up the rendered RDFa resource container in the active pane via @about; sidesteps the multi-pane @id uniqueness constraint (two panes may both render a resource at the same fragment). Fall back to @id for fragments no RDFa container carries (e.g. anchors authored inside XHTML content) -->
+        <xsl:variable name="scroll-target" as="element()?" select="if ($fragment) then ($active-pane//*[@about = $resource-uri], $active-pane//*[@id = $fragment])[1] else ()"/>
         <xsl:choose>
             <xsl:when test="exists($scroll-target)">
                 <xsl:sequence select="ixsl:call($scroll-target, 'scrollIntoView', [])[current-date() lt xs:date('2000-01-01')]"/>
@@ -871,15 +833,53 @@ WHERE
         </xsl:choose>
     </xsl:template>
 
+    <!-- counts down one hydrated block for the deferred fragment scroll (LinkedDataHub.pending-scrolls); the last block triggers the scroll, unless the user has switched to another document's pane meanwhile -->
+    <xsl:function name="ldh:block-hydrated" ixsl:updating="yes">
+        <xsl:param name="scroll-id" as="xs:string"/>
+        <xsl:param name="doc-uri" as="xs:anyURI"/>
+        <xsl:param name="fragment" as="xs:string"/>
+        <xsl:param name="context" as="item()*"/> <!-- resolved factory chain value, unused -->
+
+        <xsl:if test="ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.pending-scrolls'), '`' || $scroll-id || '`')">
+            <xsl:variable name="pending" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.pending-scrolls'), '`' || $scroll-id || '`')" as="xs:double"/>
+            <xsl:choose>
+                <xsl:when test="$pending gt 1">
+                    <ixsl:set-property name="{'`' || $scroll-id || '`'}" select="$pending - 1" object="ixsl:get(ixsl:window(), 'LinkedDataHub.pending-scrolls')"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:sequence select="ixsl:call(ixsl:window(), 'Reflect.deleteProperty', [ ixsl:get(ixsl:window(), 'LinkedDataHub.pending-scrolls'), $scroll-id ])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:if test="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/@about = $doc-uri">
+                        <xsl:call-template name="ldh:ScrollToFragment">
+                            <xsl:with-param name="doc-uri" select="$doc-uri"/>
+                            <xsl:with-param name="fragment" select="$fragment"/>
+                        </xsl:call-template>
+                    </xsl:if>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:if>
+    </xsl:function>
+
+    <!-- failure twin of ldh:block-hydrated: reports the error like ldh:promise-failure would, then counts the block down all the same so the deferred scroll is not stuck pending -->
+    <xsl:function name="ldh:block-hydration-failure" ixsl:updating="yes">
+        <xsl:param name="scroll-id" as="xs:string"/>
+        <xsl:param name="doc-uri" as="xs:anyURI"/>
+        <xsl:param name="fragment" as="xs:string"/>
+        <xsl:param name="error" as="map(*)"/>
+
+        <xsl:sequence select="ldh:promise-failure($error)"/>
+        <xsl:sequence select="ldh:block-hydrated($scroll-id, $doc-uri, $fragment, ())"/>
+    </xsl:function>
+
     <!-- push state -->
 
     <xsl:template name="ldh:PushState">
          <!-- $href has to be a proxied URI with the actual URI encoded as ?uri, otherwise we get a "DOMException: The operation is insecure" -->
         <xsl:param name="href" as="xs:anyURI"/>
         <xsl:param name="title" as="xs:string?"/>
-        <xsl:param name="container" as="element()"/>
+        <xsl:param name="container" as="element()" select="id($body-id, ixsl:page())"/>
         <xsl:param name="query" as="xs:string?"/>
-        
+        <xsl:param name="replace" select="false()" as="xs:boolean"/>
+
         <xsl:variable name="state" as="map(xs:string, item())">
             <xsl:map>
                 <xsl:map-entry key="'href'" select="$href"/>
@@ -888,10 +888,28 @@ WHERE
         </xsl:variable>
         <xsl:variable name="state-obj" select="ixsl:call(ixsl:window(), 'JSON.parse', [ $state => serialize(map{ 'method': 'json' }) ])"/>
 
-        <!-- push the latest state into history -->
-        <xsl:sequence select="ixsl:call(ixsl:window(), 'history.pushState', [ $state-obj, $title, $href ])[current-date() lt xs:date('2000-01-01')]"/>
+        <!-- push the latest state into history, or overwrite the current entry when it already stands for this navigation (ldh:SetDocumentState) -->
+        <xsl:sequence select="ixsl:call(ixsl:window(), if ($replace) then 'history.replaceState' else 'history.pushState', [ $state-obj, $title, $href ])[current-date() lt xs:date('2000-01-01')]"/>
     </xsl:template>
-    
+
+    <!-- reflect the loaded document in the browser chrome: page title, and the address bar aligned with the mode the document resolves to.
+    Overwrites the current history entry instead of adding one: that entry already stands for this navigation - pushed by ldh:DocumentNavigate, or the browser's own on a full page load or back-navigation - and the resolved mode is the default the bare URL already denotes, so pushing would cost two back presses per navigation and would append after a popstate, dropping the forward stack. -->
+    <xsl:template name="ldh:SetDocumentState">
+        <xsl:param name="doc-uri" as="xs:anyURI"/>
+        <xsl:param name="fragment" as="xs:string?"/>
+        <xsl:param name="query-params" select="map{}" as="map(xs:string, xs:string*)"/>
+        <xsl:param name="mode" as="xs:anyURI"/>
+        <xsl:param name="label" as="xs:string"/>
+
+        <ixsl:set-property name="title" select="$label" object="ixsl:page()"/>
+
+        <xsl:call-template name="ldh:PushState">
+            <xsl:with-param name="href" select="ldh:href($doc-uri, map:merge(($query-params, ldh:build-query($mode))), $fragment)"/>
+            <xsl:with-param name="title" select="$label"/>
+            <xsl:with-param name="replace" select="true()"/>
+        </xsl:call-template>
+    </xsl:template>
+
     <!-- switch to a tab whose pane DOM and LinkedDataHub.contents[$doc-uri] are already populated: no fetch, no re-render -->
     <xsl:template name="ldh:TabSwitch">
         <xsl:param name="doc-uri" as="xs:anyURI"/>
@@ -909,16 +927,9 @@ WHERE
 
         <xsl:variable name="href" select="ldh:href($doc-uri, $query-params, $fragment)" as="xs:anyURI"/>
 
-        <!-- address bar shows the resource URI (with fragment) for external, blank for local -->
+        <!-- address bar always shows the document URI (with fragment), as in the design system's Header -->
         <xsl:for-each select="id('uri', ixsl:page())">
-            <xsl:choose>
-                <xsl:when test="not(starts-with($doc-uri, lapp:origin(ldh:request-uri()) || '/'))">
-                    <ixsl:set-property name="value" select="$doc-uri || (if ($fragment) then '#' || $fragment else '')" object="."/>
-                </xsl:when>
-                <xsl:otherwise>
-                    <ixsl:set-property name="value" select="''" object="."/>
-                </xsl:otherwise>
-            </xsl:choose>
+            <ixsl:set-property name="value" select="$doc-uri || (if ($fragment) then '#' || $fragment else '')" object="."/>
         </xsl:for-each>
 
         <xsl:if test="$push-state">
@@ -937,18 +948,11 @@ WHERE
             <xsl:with-param name="href" select="$href"/>
         </xsl:call-template>
 
-        <!-- scroll to the fragment-targeted element if present, otherwise to top -->
-        <!-- look up the rendered RDFa resource container in the active pane via @about; sidesteps the multi-pane @id uniqueness constraint (two panes may both render a resource at the same fragment) -->
-        <xsl:variable name="resource-uri" select="xs:anyURI($doc-uri || (if ($fragment) then '#' || $fragment else ''))" as="xs:anyURI"/>
-        <xsl:variable name="scroll-target" as="element()?" select="if ($fragment) then (id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]//*[@about = $resource-uri])[1] else ()"/>
-        <xsl:choose>
-            <xsl:when test="exists($scroll-target)">
-                <xsl:sequence select="ixsl:call($scroll-target, 'scrollIntoView', [])[current-date() lt xs:date('2000-01-01')]"/>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'scrollTo', [ 0, 0 ])[current-date() lt xs:date('2000-01-01')]"/>
-            </xsl:otherwise>
-        </xsl:choose>
+        <!-- the pane's blocks are already hydrated, so the fragment scroll can run right away -->
+        <xsl:call-template name="ldh:ScrollToFragment">
+            <xsl:with-param name="doc-uri" select="$doc-uri"/>
+            <xsl:with-param name="fragment" select="$fragment"/>
+        </xsl:call-template>
     </xsl:template>
 
     <!-- document navigation: handles local/external branching -->
@@ -959,8 +963,10 @@ WHERE
         <xsl:param name="query-params" select="map{}" as="map(xs:string, xs:string*)"/>
         <xsl:param name="push-state" select="true()" as="xs:boolean"/>
         <xsl:param name="container" as="element()" select="id($body-id, ixsl:page())"/>
+        <!-- true when the document body currently in the DOM was rendered by the server; see the caller in the 'main' template -->
+        <xsl:param name="server-rendered" select="false()" as="xs:boolean"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
         <xsl:if test="ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub'), 'saxonController')">
             <xsl:message>Aborting HTTP request that has already been sent</xsl:message>
             <xsl:sequence select="ixsl:call(ixsl:get(ixsl:window(), 'LinkedDataHub.saxonController'), 'abort', [])[current-date() lt xs:date('2000-01-01')]"/>
@@ -970,23 +976,16 @@ WHERE
 
         <xsl:variable name="href" select="ldh:href($doc-uri, $query-params, $fragment)" as="xs:anyURI"/>
 
-        <!-- update address bar input: show resource URI (with fragment) for external, clear for local docs -->
-        <!-- use browser origin (not ldt:base()) so the check is correct even when an external tab is active: ldt:base() reads the active pane's data-base, which would mis-classify same-origin proxy URIs as "local" and cross-dataspace URIs as "external" mid-switch -->
+        <!-- address bar always shows the document URI (with fragment), as in the design system's Header -->
         <xsl:for-each select="id('uri', ixsl:page())">
-            <xsl:choose>
-                <xsl:when test="not(starts-with($doc-uri, lapp:origin(ldh:request-uri()) || '/'))">
-                    <ixsl:set-property name="value" select="$doc-uri || (if ($fragment) then '#' || $fragment else '')" object="."/>
-                </xsl:when>
-                <xsl:otherwise>
-                    <ixsl:set-property name="value" select="''" object="."/>
-                </xsl:otherwise>
-            </xsl:choose>
+            <ixsl:set-property name="value" select="$doc-uri || (if ($fragment) then '#' || $fragment else '')" object="."/>
         </xsl:for-each>
 
-        <!-- hide local tab pane for external URIs -->
+        <!-- deactivate the local tab pane for external URIs; is-active is the whole visibility contract
+             (an inline display here outlived the switch back and kept the reactivated pane hidden) -->
         <xsl:if test="not(starts-with($doc-uri, lapp:origin(ldh:request-uri()) || '/'))">
-            <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')]/@about = ac:absolute-path(ldh:request-uri())]">
-                <ixsl:set-style name="display" select="'none'" object="."/>
+            <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')]/@about = ac:absolute-path(ldh:request-uri())]">
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-active' ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:for-each>
         </xsl:if>
 
@@ -1008,6 +1007,7 @@ WHERE
             <xsl:with-param name="fragment" select="$fragment"/>
             <xsl:with-param name="query-params" select="$query-params"/>
             <xsl:with-param name="controller" select="$controller"/>
+            <xsl:with-param name="server-rendered" select="$server-rendered"/>
         </xsl:call-template>
     </xsl:template>
 
@@ -1018,6 +1018,7 @@ WHERE
         <xsl:param name="fragment" as="xs:string?"/>
         <xsl:param name="query-params" select="map{}" as="map(xs:string, xs:string*)"/>
         <xsl:param name="refresh-content" as="xs:boolean?"/>
+        <xsl:param name="server-rendered" select="false()" as="xs:boolean"/>
         <xsl:param name="controller" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub'), 'saxonController')"/>
         <!-- representation-selecting params (?version=, ?timemap) ride along on the RDF request; display params do not -->
         <xsl:variable name="snapshot-params" select="ldh:snapshot-params($query-params)" as="map(xs:string, xs:string*)"/>
@@ -1035,6 +1036,7 @@ WHERE
               'fragment': $fragment,
               'query-params': map:merge(($snapshot-params, if (exists($diff-version)) then map{ 'diff': $diff-version } else map{})),
               'refresh-content': $refresh-content,
+              'server-rendered': $server-rendered,
               'endpoint': sd:endpoint()
             },
             if (exists($diff-version)) then map{ 'diff-request': map{ 'method': 'GET', 'href': ldh:href($doc-uri, map{ 'version': $diff-version }, ()), 'headers': map{ 'Accept': 'application/rdf+xml' } } } else map{}
@@ -1096,12 +1098,9 @@ WHERE
         </xsl:if>
     </xsl:template>
 
-    <!-- do not intercept RDF download links -->
-    <xsl:template match="button[@id = 'export-rdf']/following-sibling::ul//a" mode="ixsl:onclick" priority="1"/>
-    
     <!-- intercept all HTML and SVG link clicks except to /uploads/ and those in the navbar (except breadcrumb bar, .brand and app list) and the footer -->
     <!-- resolve URLs against the current document URL because they can be relative -->
-    <xsl:template match="a[not(@target)][starts-with(resolve-uri(@href, ldh:base-uri(.)), 'http://') or starts-with(resolve-uri(@href, ldh:base-uri(.)), 'https://')][not(starts-with(resolve-uri(@href, ldh:base-uri(.)), resolve-uri('uploads/', ldt:base())))][ancestor::div[contains-token(@class, 'breadcrumb-nav')] or not(ancestor::div[tokenize(@class, ' ') = ('navbar', 'footer')])] | a[contains-token(@class, 'brand')] | div[button[contains-token(@class, 'btn-apps')]]/ul//a | svg:a[not(@target)][starts-with(resolve-uri(@href, ldh:base-uri(.)), 'http://') or starts-with(resolve-uri(@href, ldh:base-uri(.)), 'https://')][not(starts-with(resolve-uri(@href, ldh:base-uri(.)), resolve-uri('uploads/', ldt:base())))]" mode="ixsl:onclick">
+    <xsl:template match="a[not(@target)][starts-with(resolve-uri(@href, ldh:base-uri(.)), 'http://') or starts-with(resolve-uri(@href, ldh:base-uri(.)), 'https://')][not(starts-with(resolve-uri(@href, ldh:base-uri(.)), resolve-uri('uploads/', ldt:base())))][ancestor::div[contains-token(@class, 'breadcrumb-nav')] or not(ancestor::div[tokenize(@class, ' ') = ('navbar', 'footer')])] | a[contains-token(@class, 'brand')] | div[button[contains-token(@class, 'btn-apps')]]/div//a | svg:a[not(@target)][starts-with(resolve-uri(@href, ldh:base-uri(.)), 'http://') or starts-with(resolve-uri(@href, ldh:base-uri(.)), 'https://')][not(starts-with(resolve-uri(@href, ldh:base-uri(.)), resolve-uri('uploads/', ldt:base())))]" mode="ixsl:onclick">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
         <xsl:variable name="href" select="xs:anyURI(resolve-uri(@href, ldh:base-uri(.)))" as="xs:anyURI"/>
         <xsl:variable name="parsed" select="ldh:parse-href($href)" as="map(xs:string, item()?)"/>
@@ -1150,12 +1149,13 @@ WHERE
         </xsl:if>
     </xsl:template>
     
-    <xsl:template name="onDelete">
-        <xsl:context-item as="map(*)" use="required"/>
-        <xsl:param name="doc-uri" as="xs:anyURI"/>
+    <xsl:function name="ldh:delete-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
 
         <xsl:choose>
-            <xsl:when test="?status = 204"> <!-- No Content -->
+            <xsl:when test="$response?status = 204"> <!-- No Content -->
                 <!-- parent directory; no fragment relevant here -->
                 <xsl:variable name="parent-doc-uri" select="resolve-uri('..', $doc-uri)" as="xs:anyURI"/>
 
@@ -1166,65 +1166,214 @@ WHERE
             </xsl:when>
             <xsl:otherwise>
                 <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ?message ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ $response?message ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:otherwise>
         </xsl:choose>
-    </xsl:template>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
     
-    <!-- open drop-down by toggling its CSS class -->
+    <!-- open drop-down by toggling its CSS class. The menu flips upward ('drop-up') when the group
+         has less viewport space below it than above, and end-ward ('drop-left') when it has less space
+         to its right than to its left, so it never opens into the nearer viewport edge on either axis -->
+
+    <xsl:template match="*[contains-token(@class, 'ldhc-menu-anchor')][*[contains-token(@class, 'drop-toggle')]]" mode="ixsl:onclick">
+        <xsl:variable name="group" select="." as="element()"/>
+        <xsl:variable name="rect" select="ixsl:call(., 'getBoundingClientRect', [])"/>
+        <xsl:variable name="drop-up" select="(ixsl:get(ixsl:window(), 'innerHeight') - ixsl:get($rect, 'bottom')) lt ixsl:get($rect, 'top')" as="xs:boolean"/>
+        <xsl:variable name="drop-left" select="(ixsl:get(ixsl:window(), 'innerWidth') - ixsl:get($rect, 'left')) lt ixsl:get($rect, 'right')" as="xs:boolean"/>
+        <xsl:variable name="open" select="not(contains-token(@class, 'is-open'))" as="xs:boolean"/>
+
+        <!-- one drop-down at a time: whichever group was open yields to this one -->
+        <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')][not(. is $group)]" mode="ldh:CloseMenu"/>
+
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'drop-up', $drop-up ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'drop-left', $drop-left ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+
+        <!-- a core Menu panel takes its placement class on open, measured against the viewport (the
+             component's autoFlip); the drop-up/drop-left stamps above stay for the app-kit menus
+             (.ldh-add-menu, .ldh-of-menu, .modes-pop) whose placement rules key on the wrap -->
+        <xsl:for-each select="*[contains-token(@class, 'ldhc-menu')]">
+            <xsl:variable name="menu" select="." as="element()"/>
+            <xsl:variable name="placement" select="'al-' || (if ($drop-up) then 'up-' else '') || (if ($drop-left) then 'end' else 'start')" as="xs:string"/>
+            <xsl:for-each select="('al-start', 'al-end', 'al-up-start', 'al-up-end')[. ne $placement]">
+                <xsl:sequence select="ixsl:call(ixsl:get($menu, 'classList'), 'remove', [ . ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
+            <xsl:sequence select="ixsl:call(ixsl:get($menu, 'classList'), 'add', [ $placement ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+        <!-- the trigger reports the menu state, and carries it: the design keys trigger styling
+             (the avatar ring) on the trigger's own is-open -->
+        <xsl:for-each select="*[contains-token(@class, 'drop-toggle')]">
+            <ixsl:set-property name="ariaExpanded" select="if ($open) then 'true' else 'false'" object="."/>
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+        <!-- focus moves INTO the menu on open, so Escape has something to restore from (§20) -->
+        <xsl:if test="$open">
+            <xsl:for-each select="(*[contains-token(@class, 'ldhc-menu')]//*[contains-token(@class, 'ldhc-menu-item')])[1]">
+                <xsl:sequence select="ixsl:call(., 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- the role="menu" keyboard model (§20): Arrow/Home/End rove focus across the menu items,
+         Escape dismisses and restores focus to the trigger -->
+
+    <xsl:template match="*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')]" mode="ixsl:onkeydown">
+        <xsl:variable name="key" select="ixsl:get(ixsl:event(), 'key')" as="xs:string"/>
 
-    <xsl:template match="*[contains-token(@class, 'btn-group')][*[contains-token(@class, 'dropdown-toggle')]]" mode="ixsl:onclick">
-        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'open' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:choose>
+            <xsl:when test="$key = 'Escape'">
+                <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:apply-templates select="." mode="ldh:CloseMenu"/>
+                <xsl:for-each select="(*[contains-token(@class, 'drop-toggle')])[1]">
+                    <xsl:sequence select="ixsl:call(., 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:when test="$key = ('ArrowDown', 'ArrowUp', 'Home', 'End')">
+                <xsl:variable name="items" select=".//*[contains-token(@class, 'ldhc-menu-item')]" as="element()*"/>
+                <xsl:if test="exists($items)">
+                    <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:variable name="active" select="ixsl:get(ixsl:page(), 'activeElement')"/>
+                    <xsl:variable name="index" select="(for $i in 1 to count($items) return $i[$items[$i] is $active])[1]" as="xs:integer?"/>
+                    <xsl:variable name="target" as="element()?" select="if ($key = 'Home') then $items[1] else if ($key = 'End') then $items[last()] else if ($key = 'ArrowDown') then (if (exists($index)) then ($items[$index + 1], $items[1])[1] else $items[1]) else (if (exists($index)) then ($items[$index - 1], $items[last()])[1] else $items[last()])"/>
+                    <xsl:for-each select="$target">
+                        <xsl:sequence select="ixsl:call(., 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
+                    </xsl:for-each>
+                </xsl:if>
+            </xsl:when>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- dismisses an open drop-down by dropping the state tokens the toggle above sets. Applied from the
+         places a drop-down stops being current: another one opens, a press lands outside it (below), a
+         click lands outside it (the body handler in view.xsl), or a menu pick mounts a modal (ldh:ShowModalForm) -->
+
+    <xsl:template match="*[contains-token(@class, 'ldhc-menu-anchor')]" mode="ldh:CloseMenu">
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="*[contains-token(@class, 'drop-toggle')]">
+            <ixsl:set-property name="ariaExpanded" select="'false'" object="."/>
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- the form Actions overflow shares the drop-down lifecycle: the wrap's is-open shows the menu
+         (bridge rule) and the trigger's is-open rotates its caret (app.css). Menu-item clicks match their
+         own onclick rules, so this only fires for presses on the trigger -->
+
+    <xsl:template match="div[contains-token(@class, 'ldh-form-actions-wrap')]" mode="ixsl:onclick">
+        <xsl:variable name="wrap" select="." as="element()"/>
+        <xsl:variable name="open" select="not(contains-token(@class, 'is-open'))" as="xs:boolean"/>
+
+        <!-- one drop-down at a time: whichever group or wrap was open yields to this one -->
+        <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')][not(. is $wrap)]" mode="ldh:CloseMenu"/>
+
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="*[contains-token(@class, 'ldh-form-action')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-property name="ariaExpanded" select="if ($open) then 'true' else 'false'" object="."/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <xsl:template match="*[contains-token(@class, 'ldh-form-actions-wrap')]" mode="ldh:CloseMenu">
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="*[contains-token(@class, 'ldh-form-action')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-property name="ariaExpanded" select="'false'" object="."/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- every press dismisses the open drop-downs that do not contain it. This rides on pointerdown rather
+         than click because an event reaches exactly one template rule - the target, or the nearest ancestor
+         matching it - so a click rule on body only ever sees the clicks no specific handler took, and pressing
+         something like btn-delete would leave a drop-down open. No other template claims pointerdown, so the
+         walk up from the target always arrives here. Keep it that way: an ixsl:onpointerdown rule matching
+         anything more specific would shadow this one for that subtree.
+
+         Presses only - keyboard activation raises click with no pointerdown before it, and that case stays
+         with the body click handler. The containment test is what lets a toggle still close its own group:
+         pointerdown precedes click, so closing here first would leave the toggle re-opening what it closed. -->
+
+    <xsl:template match="body" mode="ixsl:onpointerdown">
+        <xsl:variable name="target" select="ixsl:get(ixsl:event(), 'target')"/>
+        <xsl:for-each select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]">
+            <xsl:if test="not(ixsl:call(., 'contains', [ $target ]))">
+                <xsl:apply-templates select="." mode="ldh:CloseMenu"/>
+            </xsl:if>
+        </xsl:for-each>
     </xsl:template>
 
     <xsl:template match="button[contains-token(@class, 'btn-delete')][not(contains-token(@class, 'disabled'))]" mode="ixsl:onclick">
         <xsl:variable name="request-uri" select="ldh:href(ac:absolute-path(ldh:base-uri(.)), map{})" as="xs:anyURI"/>
 
-        <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))) ])">
-            <xsl:variable name="request" as="item()*">
-                <ixsl:schedule-action http-request="map{ 'method': 'DELETE', 'href': $request-uri, 'headers': map{ 'Accept': 'application/xhtml+xml' } }">
-                    <xsl:call-template name="onDelete">
-                        <xsl:with-param name="doc-uri" select="ac:absolute-path(ldh:base-uri(.))"/>
-                    </xsl:call-template>
-                </ixsl:schedule-action>
-            </xsl:variable>
-            <xsl:sequence select="$request[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', ldh:translations())) ])">
+            <xsl:variable name="context" as="map(*)" select="
+              map{
+                'request': map{ 'method': 'DELETE', 'href': $request-uri, 'headers': map{ 'Accept': 'application/xhtml+xml' } },
+                'doc-uri': ac:absolute-path(ldh:base-uri(.))
+              }"/>
+            <!-- no ixsl:finally here: on success the chain hands over to ldh:DocumentNavigate, which raises the busy
+                 cursor for its own load, and a finally would settle first and clear it. The failure branch resets. -->
+            <ixsl:promise select="ixsl:http-request($context('request')) =>
+                ixsl:then(ldh:rethread-response($context, ?)) =>
+                ixsl:then(ldh:delete-response#1)"
+                on-failure="ldh:promise-failure#1"/>
         </xsl:if>
     </xsl:template>
 
     <!-- content tabs (markup from Bootstrap) -->
     
-    <xsl:template match="div[contains-token(@class, 'tabbable')]/ul[contains-token(@class, 'nav-tabs')]/li/a" mode="ixsl:onclick">
+    <xsl:template match="div[contains-token(@class, 'ldhc-tabs')]/ul[contains-token(@class, 'ldhc-tablist')]/li/a" mode="ixsl:onclick">
         <!-- deactivate other tabs -->
         <xsl:for-each select="../../li">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
         <!-- activate this tab -->
         <xsl:for-each select="..">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
         <!-- deactivate other tab panes -->
-        <xsl:for-each select="../../following-sibling::*[contains-token(@class, 'tab-content')]/*[contains-token(@class, 'tab-pane')]">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="../../following-sibling::*[contains-token(@class, 'ldh-panes')]/*[contains-token(@class, 'ldh-pane')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
         <!-- activate this tab -->
-        <xsl:for-each select="../../following-sibling::*[contains-token(@class, 'tab-content')]/*[contains-token(@class, 'tab-pane')][count(preceding-sibling::*[contains-token(@class, 'tab-pane')]) = count(current()/../preceding-sibling::li)]">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="../../following-sibling::*[contains-token(@class, 'ldh-panes')]/*[contains-token(@class, 'ldh-pane')][count(preceding-sibling::*[contains-token(@class, 'ldh-pane')]) = count(current()/../preceding-sibling::li)]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
     </xsl:template>
     
     <!-- copy resource's URI into clipboard -->
     
     <xsl:template match="button[contains-token(@class, 'btn-copy-uri')]" mode="ixsl:onclick">
-        <!-- get resource URI from its heading title attribute, both in bs2:Actions and bs2:FormControl mode -->
-        <xsl:variable name="uri-or-bnode" select="../../h2/a/@title | ../following-sibling::div//input[@name = ('su', 'sb')]/@value" as="xs:string"/>
+        <!-- resolve the URI by placement: the block header's title anchor (ac:BlockActions), the subject URI/bnode ID inputs (the .ldh-subject row hosting the button in edit forms), or the host block's @about (view toolbar and XHTML content corner, which render no title anchor) -->
+        <xsl:variable name="uri-or-bnode" select="(ancestor::div[contains-token(@class, 'ldh-block-head')][1]//h2/a/@title, ancestor::div[contains-token(@class, 'ldh-subject')][1]//input[@name = ('su', 'sb')]/@value, ldh:host-block(.)/@about)[1]" as="xs:string"/>
         <xsl:sequence select="ixsl:call(ixsl:get(ixsl:window(), 'navigator.clipboard'), 'writeText', [ $uri-or-bnode ])"/>
+
+        <!-- transient confirmation: the glyph flips to a check and reverts after a beat -->
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'is-confirmed' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="descendant::span[contains-token(@class, 'msi')][1]">
+            <ixsl:set-property name="textContent" select="'check'" object="."/>
+        </xsl:for-each>
+        <ixsl:schedule-action wait="1500">
+            <xsl:call-template name="ldh:ResetCopyUriConfirmation">
+                <xsl:with-param name="button" select="."/>
+            </xsl:call-template>
+        </ixsl:schedule-action>
+    </xsl:template>
+
+    <xsl:template name="ldh:ResetCopyUriConfirmation">
+        <xsl:param name="button" as="element()"/>
+
+        <xsl:sequence select="ixsl:call(ixsl:get($button, 'classList'), 'remove', [ 'is-confirmed' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="$button/descendant::span[contains-token(@class, 'msi')][1]">
+            <ixsl:set-property name="textContent" select="'content_copy'" object="."/>
+        </xsl:for-each>
     </xsl:template>
 
     <!-- open a form to save RDF document (do nothing if the button is disabled) -->
     
     <xsl:template match="button[contains-token(@class, 'btn-save-as')][not(contains-token(@class, 'disabled'))]" mode="ixsl:onclick">
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
         <xsl:variable name="graph" select="ldh:base-uri(.)" as="xs:anyURI"/>
 
         <xsl:call-template name="ldh:ShowModalForm">
@@ -1236,15 +1385,15 @@ WHERE
             <xsl:with-param name="target" select="$target"/>
         </xsl:call-template>
 
-        <!-- seed the target graph typeahead with the local dataspace document (request URI); ldh:base-uri resolves to the proxied remote resource when viewing one, which is never a valid write target -->
-        <xsl:call-template name="ldh:LoadTypeaheads">
-            <xsl:with-param name="typeahead-spans" select="(id('upload-rdf-doc', ixsl:page())/.., id('remote-rdf-doc', ixsl:page())/..)"/>
+        <!-- seed the target graph combobox with the local dataspace document (request URI); ldh:base-uri resolves to the proxied remote resource when viewing one, which is never a valid write target -->
+        <xsl:call-template name="ldh:LoadComboboxes">
+            <xsl:with-param name="comboboxes" select="(id('upload-rdf-doc', ixsl:page()), id('remote-rdf-doc', ixsl:page()))/ancestor::div[contains-token(@class, 'ldhc-combobox')][1]"/>
             <xsl:with-param name="graph" select="ac:absolute-path(ldh:request-uri())"/>
         </xsl:call-template>
     </xsl:template>
     
     <!-- tab bar: click on a tab link to activate it -->
-    <xsl:template match="ul[@id = 'tab-bar-list']/li[not(contains-token(@class, 'active'))]/a" mode="ixsl:onclick">
+    <xsl:template match="ul[@id = 'tab-bar-list']/li[not(contains-token(@class, 'is-active'))]/a" mode="ixsl:onclick">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
         <xsl:variable name="href" select="xs:anyURI(resolve-uri(@href, ldh:base-uri(.)))" as="xs:anyURI"/>
         <xsl:variable name="parsed" select="ldh:parse-href($href)" as="map(xs:string, item()?)"/>
@@ -1274,16 +1423,16 @@ WHERE
         </xsl:choose>
     </xsl:template>
 
-    <xsl:template match="ul[@id = 'tab-bar-list']/li/span[contains-token(@class, 'tab-close')]" mode="ixsl:onclick">
+    <xsl:template match="ul[@id = 'tab-bar-list']/li/button[contains-token(@class, 'tab-close')]" mode="ixsl:onclick">
         <xsl:variable name="tab-li" select=".." as="element()"/>
         <xsl:variable name="doc-uri" select="xs:anyURI(ixsl:get($tab-li, 'dataset.uri'))" as="xs:anyURI"/>
-        <xsl:variable name="was-active" select="contains-token($tab-li/@class, 'active')" as="xs:boolean"/>
+        <xsl:variable name="was-active" select="contains-token($tab-li/@class, 'is-active')" as="xs:boolean"/>
 
         <!-- pick fallback BEFORE removing this li; prefer previous sibling, fall back to next -->
         <xsl:variable name="fallback-li" select="($tab-li/preceding-sibling::li[1], $tab-li/following-sibling::li[1])[1]" as="element()?"/>
 
         <!-- remove the associated tab pane (matched by document-body/@about = $doc-uri) -->
-        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]">
+        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][./div[contains-token(@class, 'document-body')]/@about = $doc-uri]">
             <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
 
@@ -1317,30 +1466,42 @@ WHERE
             </xsl:choose>
         </xsl:if>
 
-        <!-- if only the base-uri tab is left, hide the whole tab-bar (mirror of ldh:AddTabNavBarListItem) -->
-        <xsl:if test="count(id('tab-bar-list', ixsl:page())/li) le 1">
-            <ixsl:set-style name="display" select="'none'" object="id('tab-bar', ixsl:page())"/>
-            <xsl:sequence select="ixsl:call(ixsl:get(ixsl:page(), 'documentElement.style'), 'removeProperty', ['--action-bar-top'])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:if>
+        <!-- the tab bar's visibility and the chrome offset derive from the tab count (ldh.css :has rules) -->
     </xsl:template>
 
     <!-- file drop -->
 
+    <!-- both templates yield non-file drags (e.g. block reorder): this blanket div match has higher import
+         precedence than the block DnD handlers in block.xsl, so without the fallthrough it would consume
+         their events whenever the drag pointer is over a div (card padding, block-row gaps) -->
+
     <xsl:template match="div[acl:mode() = '&acl;Write']" mode="ixsl:ondragover">
-        <xsl:variable name="uri" select="ac:absolute-path(ldh:request-uri())" as="xs:anyURI"/>
-        <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
-        <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-        
-        <xsl:if test="$mode = xs:anyURI('&ac;ReadMode')">
-            <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        </xsl:if>
+        <xsl:choose>
+            <xsl:when test="not(array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'Files')">
+                <xsl:next-match/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:variable name="uri" select="ac:absolute-path(ldh:request-uri())" as="xs:anyURI"/>
+                <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
+                <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
+
+                <xsl:if test="$mode = xs:anyURI('&ac;ReadMode')">
+                    <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+                </xsl:if>
+            </xsl:otherwise>
+        </xsl:choose>
     </xsl:template>
 
     <xsl:template match="div[acl:mode() = '&acl;Write']" mode="ixsl:ondrop">
+        <xsl:choose>
+            <xsl:when test="not(array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'Files')">
+                <xsl:next-match/>
+            </xsl:when>
+            <xsl:otherwise>
         <xsl:variable name="uri" select="ac:absolute-path(ldh:request-uri())" as="xs:anyURI"/>
         <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
         <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
-        
+
         <xsl:if test="$mode = xs:anyURI('&ac;ReadMode')">
             <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
             <xsl:variable name="base-uri" select="ldh:base-uri(.)" as="xs:anyURI"/>
@@ -1373,18 +1534,20 @@ WHERE
                                 <ixsl:set-property name="Content-Type" select="$media-type" object="$headers"/>
                                 <ixsl:set-property name="Accept" select="'application/rdf+xml'" object="$headers"/>
 
-                                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                                <xsl:sequence select="ldh:busy-cursor()"/>
 
                                 <xsl:sequence select="js:fetchDispatchXML($base-uri, 'POST', $headers, $file, ., (), (), (), 'RDFFileUpload')[current-date() lt xs:date('2000-01-01')]"/>
                             </xsl:when>
                             <xsl:otherwise>
-                                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ 'The file extension or media type is not a supported RDF triple syntax' ])[current-date() lt xs:date('2000-01-01')]"/>
+                                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ac:label(key('resources', 'unsupported-rdf-syntax', ldh:translations())) ])[current-date() lt xs:date('2000-01-01')]"/>
                             </xsl:otherwise>
                         </xsl:choose>
                     </xsl:for-each>
                 </xsl:message>
             </xsl:if>
         </xsl:if>
+            </xsl:otherwise>
+        </xsl:choose>
     </xsl:template>
 
     <!-- this callback will be invoked for every uploaded file -->
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/3d-force-graph.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/3d-force-graph.xsl
similarity index 98%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/3d-force-graph.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/3d-force-graph.xsl
index a0a1e19ebe..965cad1522 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/3d-force-graph.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/3d-force-graph.xsl
@@ -341,7 +341,7 @@
         <xsl:sequence select="ixsl:call($charge-force, 'strength', [ $charge-force-strength ])[current-date() lt xs:date('2000-01-01')]"/>
 
         <!-- Create and return graph state -->
-        <xsl:variable name="graph-state" select="ixsl:eval('({})')"/>
+        <xsl:variable name="graph-state" select="ldh:new-object()"/>
         <xsl:for-each select="$graph-state">
             <ixsl:set-property name="instance" select="$graph" object="."/>
             <ixsl:set-property name="showLabels" select="false()" object="."/>
@@ -393,7 +393,7 @@
         <xsl:if test="$show-stubs">
             <xsl:for-each select="distinct-values(rdf:Description/*/@rdf:resource[not(key('resources', .))])">
                 <xsl:variable name="uri" select="xs:anyURI(.)" as="xs:anyURI"/>
-                <xsl:variable name="node" select="ixsl:eval('{}')"/>
+                <xsl:variable name="node" select="ldh:new-object()"/>
                 <xsl:for-each select="$node">
                     <ixsl:set-property name="id" select="$uri" object="."/>
                     <ixsl:set-property name="label" select="$uri" object="."/>
@@ -405,7 +405,7 @@
             <!-- One stub blank node per unique unresolved @rdf:nodeID (referenced via rdf:_N etc. without a matching rdf:Description) -->
             <xsl:for-each select="distinct-values(rdf:Description/*/@rdf:nodeID[not(key('resources', .))])">
                 <xsl:variable name="nodeID" select="string(.)" as="xs:string"/>
-                <xsl:variable name="node" select="ixsl:eval('{}')"/>
+                <xsl:variable name="node" select="ldh:new-object()"/>
                 <xsl:for-each select="$node">
                     <ixsl:set-property name="id" select="$nodeID" object="."/>
                     <ixsl:set-property name="label" select="$nodeID" object="."/>
@@ -428,7 +428,7 @@
         <!-- captured here because inside the for-each below the context item is the JS node object, not this rdf:Description, so attribute axes would fail -->
         <xsl:variable name="is-bnode" select="exists(@rdf:nodeID)" as="xs:boolean"/>
 
-        <xsl:variable name="node" select="ixsl:eval('{}')"/>
+        <xsl:variable name="node" select="ldh:new-object()"/>
         <xsl:for-each select="$node">
             <ixsl:set-property name="id" select="$id" object="."/>
             <ixsl:set-property name="label" select="$label" object="."/>
@@ -471,7 +471,7 @@
                 select="if (string-length($literal-value) gt $ldh:literal-label-max-length)
                         then substring($literal-value, 1, $ldh:literal-label-max-length) || '…'
                         else $literal-value"/>
-            <xsl:variable name="node" select="ixsl:eval('{}')"/>
+            <xsl:variable name="node" select="ldh:new-object()"/>
             <xsl:for-each select="$node">
                 <ixsl:set-property name="id" select="$node-id" object="."/>
                 <ixsl:set-property name="label" select="$display-label" object="."/>
@@ -492,7 +492,7 @@
                 select="if (string-length($literal-value) gt $ldh:literal-label-max-length)
                         then substring($literal-value, 1, $ldh:literal-label-max-length) || '…'
                         else $literal-value"/>
-            <xsl:variable name="node" select="ixsl:eval('{}')"/>
+            <xsl:variable name="node" select="ldh:new-object()"/>
             <xsl:for-each select="$node">
                 <ixsl:set-property name="id" select="$node-id" object="."/>
                 <ixsl:set-property name="label" select="$display-label" object="."/>
@@ -506,7 +506,7 @@
     <!-- Level 4e: anonymous nested rdf:Description (no @rdf:about, no @rdf:nodeID): synthesize a bnode + recurse into its properties. Identified nested descriptions (@rdf:about/@rdf:nodeID) are already handled by level 2 (which wins over level 4d by priority). -->
     <xsl:template match="rdf:Description/*/rdf:Description[not(@rdf:about) and not(@rdf:nodeID)]" mode="ldh:ForceGraph3D-nodes" as="item()*" priority="1">
         <xsl:variable name="id" select="generate-id(.)" as="xs:string"/>
-        <xsl:variable name="node" select="ixsl:eval('{}')"/>
+        <xsl:variable name="node" select="ldh:new-object()"/>
         <xsl:for-each select="$node">
             <ixsl:set-property name="id" select="$id" object="."/>
             <ixsl:set-property name="label" select="$id" object="."/>
@@ -555,7 +555,7 @@
         <!-- Suppress link if target is a stub and stubs are hidden -->
         <xsl:if test="$show-stubs or exists(key('resources', .))">
             <xsl:variable name="target-id" select="xs:anyURI(.)" as="xs:anyURI"/>
-            <xsl:variable name="link" select="ixsl:eval('{}')"/>
+            <xsl:variable name="link" select="ldh:new-object()"/>
             <xsl:for-each select="$link">
                 <ixsl:set-property name="source" select="$source-id" object="."/>
                 <ixsl:set-property name="target" select="$target-id" object="."/>
@@ -573,7 +573,7 @@
         <!-- Suppress link if target is a stub blank node and stubs are hidden (symmetry with @rdf:resource) -->
         <xsl:if test="$show-stubs or exists(key('resources', .))">
             <xsl:variable name="target-id" select="string(.)" as="xs:string"/>
-            <xsl:variable name="link" select="ixsl:eval('{}')"/>
+            <xsl:variable name="link" select="ldh:new-object()"/>
             <xsl:for-each select="$link">
                 <ixsl:set-property name="source" select="$source-id" object="."/>
                 <ixsl:set-property name="target" select="$target-id" object="."/>
@@ -591,7 +591,7 @@
         <xsl:param name="locale-filter" select="()" tunnel="yes" as="xs:string?"/>
         <xsl:if test="$show-literals and (empty($locale-filter) or not(parent::*/@xml:lang) or lang($locale-filter))">
             <xsl:variable name="target-id" select="generate-id(.)" as="xs:string"/>
-            <xsl:variable name="link" select="ixsl:eval('{}')"/>
+            <xsl:variable name="link" select="ldh:new-object()"/>
             <xsl:for-each select="$link">
                 <ixsl:set-property name="source" select="$source-id" object="."/>
                 <ixsl:set-property name="target" select="$target-id" object="."/>
@@ -608,7 +608,7 @@
         <xsl:param name="show-literals" select="true()" tunnel="yes" as="xs:boolean"/>
         <xsl:if test="$show-literals">
             <xsl:variable name="target-id" select="generate-id(.)" as="xs:string"/>
-            <xsl:variable name="link" select="ixsl:eval('{}')"/>
+            <xsl:variable name="link" select="ldh:new-object()"/>
             <xsl:for-each select="$link">
                 <ixsl:set-property name="source" select="$source-id" object="."/>
                 <ixsl:set-property name="target" select="$target-id" object="."/>
@@ -627,7 +627,7 @@
             else if (@rdf:nodeID) then string(@rdf:nodeID)
             else generate-id(.)"/>
 
-        <xsl:variable name="link" select="ixsl:eval('{}')"/>
+        <xsl:variable name="link" select="ldh:new-object()"/>
         <xsl:for-each select="$link">
             <ixsl:set-property name="source" select="$source-id" object="."/>
             <ixsl:set-property name="target" select="$target-id" object="."/>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block.xsl
new file mode 100644
index 0000000000..9027bb569a
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block.xsl
@@ -0,0 +1,1326 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE xsl:stylesheet [
+    <!ENTITY def    "https://w3id.org/atomgraph/linkeddatahub/default#">
+    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
+    <!ENTITY lapp   "https://w3id.org/atomgraph/linkeddatahub/apps#">
+    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
+    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+    <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
+    <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
+    <!ENTITY geo    "http://www.w3.org/2003/01/geo/wgs84_pos#">
+    <!ENTITY acl    "http://www.w3.org/ns/auth/acl#">
+    <!ENTITY ldt    "https://www.w3.org/ns/ldt#">
+    <!ENTITY dh     "https://www.w3.org/ns/ldt/document-hierarchy#">
+    <!ENTITY sd     "http://www.w3.org/ns/sparql-service-description#">
+    <!ENTITY sioc   "http://rdfs.org/sioc/ns#">
+    <!ENTITY sp     "http://spinrdf.org/sp#">
+    <!ENTITY srx    "http://www.w3.org/2005/sparql-results#">
+    <!ENTITY spin   "http://spinrdf.org/spin#">
+    <!ENTITY dct    "http://purl.org/dc/terms/">
+    <!ENTITY nfo    "http://www.semanticdesktop.org/ontologies/2007/03/22/nfo#">
+]>
+<xsl:stylesheet version="3.0"
+xmlns="http://www.w3.org/1999/xhtml"
+xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
+xmlns:prop="http://saxonica.com/ns/html-property"
+xmlns:xhtml="http://www.w3.org/1999/xhtml"
+xmlns:xs="http://www.w3.org/2001/XMLSchema"
+xmlns:map="http://www.w3.org/2005/xpath-functions/map"
+xmlns:json="http://www.w3.org/2005/xpath-functions"
+xmlns:array="http://www.w3.org/2005/xpath-functions/array"
+xmlns:ac="&ac;"
+xmlns:ldh="&ldh;"
+xmlns:lapp="&lapp;"
+xmlns:rdf="&rdf;"
+xmlns:rdfs="&rdfs;"
+xmlns:geo="&geo;"
+xmlns:acl="&acl;"
+xmlns:ldt="&ldt;"
+xmlns:sioc="&sioc;"
+xmlns:sd="&sd;"
+xmlns:sp="&sp;"
+xmlns:srx="&srx;"
+xmlns:spin="&spin;"
+xmlns:dct="&dct;"
+xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
+extension-element-prefixes="ixsl"
+exclude-result-prefixes="#all"
+>
+
+    <xsl:variable name="block-delete-string" as="xs:string">
+        <!-- TO-DO: refactor to update the following index properties -->
+        <![CDATA[
+            PREFIX  rdf:  <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
+
+            DELETE
+            {
+                $this ?seq $block .
+                $block ?p ?o .
+            }
+            WHERE
+            {
+                $this ?seq $block .
+                FILTER(strstarts(str(?seq), concat(str(rdf:), "_")))
+                OPTIONAL
+                {
+                    $block ?p ?o
+                }
+            }
+        ]]>
+    </xsl:variable>
+    <!-- moves ?source after ?target in ?doc's rdf:_N sequence, shifting the members between them by one.
+         The VALUES row is substituted at the call site. The OPTIONAL re-derives the source/target indexes:
+         BINDs inside the left join cannot see the outer bindings, so the duplication is required. -->
+    <xsl:variable name="block-move-string" as="xs:string">
+        <![CDATA[
+            PREFIX  xsd:  <http://www.w3.org/2001/XMLSchema#>
+            PREFIX  rdf:  <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
+
+            DELETE {
+              ?doc ?sourceSeq ?source .
+              ?doc ?targetSeq ?target .
+              ?doc ?seq ?block .
+            }
+            INSERT {
+              ?doc ?newSourceSeq ?source .
+              ?doc ?newTargetSeq ?target .
+              ?doc ?newSeq ?block .
+            }
+            WHERE
+              { VALUES (?doc ?source ?target) { ($doc $source $target) }
+                ?doc  ?sourceSeq  ?source
+                FILTER(strstarts(str(?sourceSeq), str(rdf:_)))
+                BIND(xsd:integer(strafter(str(?sourceSeq), str(rdf:_))) AS ?sourceIndex)
+                ?doc  ?targetSeq  ?target
+                FILTER(strstarts(str(?targetSeq), str(rdf:_)))
+                BIND(xsd:integer(strafter(str(?targetSeq), str(rdf:_))) AS ?targetIndex)
+                BIND(if(( ?sourceIndex < ?targetIndex ), ( ?targetIndex - 1 ), ?targetIndex) AS ?newTargetIndex)
+                BIND(if(( ?sourceIndex < ?targetIndex ), ?targetIndex, ( ?targetIndex + 1 )) AS ?newSourceIndex)
+                BIND(IRI(concat(str(rdf:), "_", str(?newSourceIndex))) AS ?newSourceSeq)
+                BIND(IRI(concat(str(rdf:), "_", str(?newTargetIndex))) AS ?newTargetSeq)
+                OPTIONAL
+                  { ?doc  ?sourceSeq  ?source
+                    FILTER(strstarts(str(?sourceSeq), str(rdf:_)))
+                    BIND(xsd:integer(strafter(str(?sourceSeq), str(rdf:_))) AS ?sourceIndex)
+                    ?doc  ?targetSeq  ?target
+                    FILTER(strstarts(str(?targetSeq), str(rdf:_)))
+                    BIND(xsd:integer(strafter(str(?targetSeq), str(rdf:_))) AS ?targetIndex)
+                    ?doc  ?seq  ?block
+                    FILTER(strstarts(str(?seq), str(rdf:_)))
+                    BIND(xsd:integer(strafter(str(?seq), str(rdf:_))) AS ?index)
+                    BIND(( ( ?index > ?sourceIndex ) && ( ?index < ?targetIndex ) ) AS ?isBetweenSourceAndTarget)
+                    BIND(( ( ?index < ?sourceIndex ) && ( ?index > ?targetIndex ) ) AS ?isBetweenTargetAndSource)
+                    FILTER ( ?isBetweenSourceAndTarget || ?isBetweenTargetAndSource )
+                    BIND(( ?index + if(?isBetweenSourceAndTarget, -1, +1) ) AS ?newIndex)
+                    BIND(IRI(concat(str(rdf:), "_", str(?newIndex))) AS ?newSeq)
+                  }
+              }
+        ]]>
+    </xsl:variable>
+    
+    <!-- combined forward + inverse view-block lookup; substitutes VALUES ?type { ... } from the resource's rdf:types.
+         Besides ?block, binds the inline-creation metadata: attachment ?property, ?inverse direction flag, the ?forClass
+         to construct (property range for forward views, domain for inverse ones) and the view's ldh:container/ldh:showWhenEmpty.
+         Runs against the /ns ontology union, so ldh:container asserted on a package view from the app's own namespace is visible. -->
+    <xsl:variable name="ontology-view-query" as="xs:string">
+        <![CDATA[
+            PREFIX  rdfs: <http://www.w3.org/2000/01/rdf-schema#>
+            PREFIX  ldh:  <https://w3id.org/atomgraph/linkeddatahub#>
+
+            SELECT DISTINCT ?block ?property ?inverse ?forClass ?container ?showWhenEmpty
+            WHERE {
+              {
+                ?property  ldh:view  ?block .
+                  { ?property  rdfs:domain  ?type }
+                UNION
+                  { ?property  rdfs:subPropertyOf+/rdfs:domain  ?type }
+                BIND(false AS ?inverse)
+                OPTIONAL {
+                    { ?property  rdfs:range  ?forClass }
+                  UNION
+                    { ?property  rdfs:subPropertyOf+/rdfs:range  ?forClass }
+                }
+              }
+              UNION
+              {
+                ?property  ldh:inverseView  ?block .
+                  { ?property  rdfs:range  ?type }
+                UNION
+                  { ?property  rdfs:subPropertyOf+/rdfs:range  ?type }
+                BIND(true AS ?inverse)
+                OPTIONAL {
+                    { ?property  rdfs:domain  ?forClass }
+                  UNION
+                    { ?property  rdfs:subPropertyOf+/rdfs:domain  ?forClass }
+                }
+              }
+              OPTIONAL { ?block  ldh:container  ?container }
+              OPTIONAL { ?block  ldh:showWhenEmpty  ?showWhenEmpty }
+            }
+        ]]>
+        <!-- VALUES ?type goes here -->
+    </xsl:variable>
+
+    <xsl:key name="element-by-about" match="*[@about]" use="@about"/>
+
+    <!-- FUNCTIONS -->
+
+    <!-- the block a block-level tool (copy URI, backlinks) addresses: the stored block, never the rendering of
+         its object. An ldh:Object block replaces its own row with the fetched description of its rdf:value, and
+         that description is a .block[@about] of its own carrying the *object's* URI - ldh:ChildrenView for a
+         select-children view - which would otherwise shadow the block for a nearest-.block lookup. Resolving
+         from the innermost .ldh-obj-value wrapper instead of from the tool skips the injected blocks and lands
+         on the block that hosts them. -->
+    <xsl:function name="ldh:host-block" as="element()?">
+        <xsl:param name="element" as="element()"/>
+
+        <xsl:sequence select="($element/ancestor::div[contains-token(@class, 'ldh-obj-value')][1], $element)[1]/ancestor::div[contains-token(@class, 'block')][@about][1]"/>
+    </xsl:function>
+
+    <!-- TEMPLATES -->
+
+    <!-- render row -->
+
+    <xsl:template match="*" mode="ldh:RenderRow" as="(function(item()?) as map(*))*">
+        <xsl:apply-templates mode="#current"/>
+
+        <!--
+            inject ontology-driven view blocks for any row wrapper produced by resource.xsl:
+            outer div.ldh-block-row[@about] whose div.row-main child contains the inner typed resource
+            block (class='block ldh-block').
+
+            Typed-block rows (Object/View/Query/Chart) are excluded automatically: their card carries
+            no @typeof (the typeof rides the inner .block-row container), so the inner
+            [@typeof] predicate excludes them.
+        -->
+        <xsl:for-each select="self::div[contains-token(@class, 'ldh-block-row')][@about]/div[contains-token(@class, 'row-main')]/div[contains-token(@class, 'block')][@typeof]">
+            <xsl:variable name="typeof-uris" select="tokenize(@typeof, ' ') ! xs:anyURI(.)" as="xs:anyURI*"/>
+            <xsl:variable name="values-clause" select="' VALUES ?type { ' || string-join(for $t in $typeof-uris return '&lt;' || $t || '&gt;', ' ') || ' }'" as="xs:string"/>
+            <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': $ontology-view-query || $values-clause }), map{})" as="xs:anyURI"/>
+            <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
+            <xsl:variable name="context" as="map(*)" select="
+                map{
+                    'request': $request,
+                    'container': ../..,
+                    'base-uri': ac:absolute-path(ldh:base-uri(.)),
+                    'endpoint': sd:endpoint()
+                }"/>
+            <xsl:sequence select="ldh:load-block#3($context, ldh:ontology-view-self-thunk#1, ?)"/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <xsl:template match="text()" mode="ldh:RenderRow" as="(function(item()?) as map(*))*"/>
+    
+    <!-- hide type control -->
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']" mode="ldh:TypeControl" priority="1">
+        <xsl:next-match>
+            <xsl:with-param name="hidden" select="true()"/>
+        </xsl:next-match>
+    </xsl:template>
+
+    <!-- the editor is the block's whole face: no legend header above it -->
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']" mode="ac:FormControl" priority="1">
+        <xsl:next-match>
+            <xsl:with-param name="legend" select="false()"/>
+        </xsl:next-match>
+    </xsl:template>
+
+    <!-- provide a property label which otherwise would default to local-name() client-side (since $property-metadata is not loaded) -->
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']/rdfs:label | *[rdf:type/@rdf:resource = '&ldh;XHTML']/ac:mode" mode="ac:FormControl">
+        <xsl:next-match>
+            <xsl:with-param name="label" select="ac:property-label(.)"/>
+        </xsl:next-match>
+    </xsl:template>
+
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']/rdf:value/xhtml:*" mode="ac:ValueAnnotations" priority="1"/>
+
+    <!-- autosave via ixsl:onfocusout replaces the Save button; suppress form-actions for XHTML blocks.
+        Non-tunnel params do not survive xsl:next-match, so the caller-passed ones (method='post' from the ADD flow etc.) are re-declared and forwarded — otherwise the ADD form falls back to the default method='patch', whose DELETE/INSERT/WHERE update is a no-op for a resource with no triples yet -->
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;XHTML']" mode="ldh:RowForm" priority="1">
+        <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
+        <xsl:param name="method" select="'patch'" as="xs:string"/>
+        <xsl:param name="show-cancel-button" select="true()" as="xs:boolean"/>
+        <xsl:next-match>
+            <xsl:with-param name="about" select="$about"/>
+            <xsl:with-param name="method" select="$method"/>
+            <xsl:with-param name="show-cancel-button" select="$show-cancel-button"/>
+            <xsl:with-param name="show-form-actions" select="false()"/>
+        </xsl:next-match>
+    </xsl:template>
+
+    <!-- EVENT LISTENERS -->
+
+    <!-- ARIA content tabs (design-system .ldhc-tabs with .ldhc-tabpanel panes, e.g. authored in XHTML content):
+         move is-on/aria-selected to the clicked tab and unhide only the panel it aria-controls. Paneless tablists
+         (the query block's mode tabs re-render results and carry their own priority-1 handlers) fail the panel guard -->
+
+    <xsl:template match="button[contains-token(@class, 'ldhc-tab')][@role = 'tab'][not(contains-token(@class, 'is-on'))]" mode="ixsl:onclick">
+        <xsl:variable name="tab" select="." as="element()"/>
+        <xsl:variable name="panels" select="ancestor::div[contains-token(@class, 'ldhc-tabs')][1]/div[contains-token(@class, 'ldhc-tabpanel')]" as="element()*"/>
+
+        <xsl:if test="exists($panels)">
+            <xsl:for-each select="../button[contains-token(@class, 'ldhc-tab')]">
+                <ixsl:set-attribute name="aria-selected" select="'false'"/>
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-on' ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
+            <xsl:for-each select="$panels">
+                <ixsl:set-attribute name="hidden" select="'hidden'"/>
+            </xsl:for-each>
+            <xsl:for-each select="$tab">
+                <ixsl:set-attribute name="aria-selected" select="'true'"/>
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'is-on' ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
+            <xsl:for-each select="$panels[@id = $tab/@aria-controls]">
+                <ixsl:remove-attribute name="hidden"/>
+            </xsl:for-each>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- toggle the block links popover (backlinks) from the header/toolbar links button -->
+
+    <xsl:template match="div[contains-token(@class, 'links-nav')]/button[contains-token(@class, 'tb-links')]" mode="ixsl:onclick">
+        <xsl:variable name="links-nav" select="ancestor::div[contains-token(@class, 'links-nav')][1]" as="element()"/>
+
+        <xsl:choose>
+            <xsl:when test="contains-token($links-nav/@class, 'is-open')">
+                <xsl:apply-templates select="$links-nav" mode="ldh:CloseLinksPopover"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <!-- opening one popover closes the others -->
+                <xsl:apply-templates select="ixsl:page()//div[contains-token(@class, 'links-nav')][contains-token(@class, 'is-open')]" mode="ldh:CloseLinksPopover"/>
+
+                <xsl:sequence select="ixsl:call(ixsl:get($links-nav, 'classList'), 'add', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+                <ixsl:set-attribute name="aria-pressed" select="'true'"/>
+
+                <!-- backlink row list is not rendered yet - load it -->
+                <xsl:variable name="backlinks-container" select="$links-nav/descendant::div[contains-token(@class, 'backlinks-nav')][1]" as="element()"/>
+                <xsl:if test="not($backlinks-container/div)">
+                    <xsl:variable name="block-uri" select="ancestor::div[contains-token(@class, 'block')][1]/@about" as="xs:anyURI"/>
+                    <xsl:variable name="query-string" select="replace($backlinks-string, '$this', '&lt;' || $block-uri || '&gt;', 'q')" as="xs:string"/>
+                    <xsl:variable name="service-uri" select="if (ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')) then (if (ixsl:contains(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'service-uri')) then ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'service-uri') else ()) else ()" as="xs:anyURI?"/>
+                    <xsl:variable name="service" select="if ($service-uri) then key('resources', $service-uri, document(ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ()))) else ()" as="element()?"/> <!-- TO-DO: refactor asynchronously -->
+                    <xsl:variable name="endpoint" select="($service/sd:endpoint/@rdf:resource/xs:anyURI(.), sd:endpoint())[1]" as="xs:anyURI"/>
+                    <xsl:variable name="results-uri" select="ac:build-uri($endpoint, map{ 'query': string($query-string) })" as="xs:anyURI"/>
+                    <xsl:variable name="request-uri" select="ldh:href($results-uri, map{})" as="xs:anyURI"/>
+
+                    <xsl:sequence select="ldh:busy-cursor()"/>
+
+                    <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+                    <xsl:variable name="context" as="map(*)" select="
+                      map{
+                        'request': $request,
+                        'backlinks-container': $backlinks-container
+                      }"/>
+                    <ixsl:promise select="ixsl:http-request($context('request')) =>
+                        ixsl:then(ldh:rethread-response($context, ?)) =>
+                        ixsl:then(ldh:handle-response#1) =>
+                        ixsl:then(ldh:backlinks-response#1) =>
+                        ixsl:finally(ldh:reset-cursor#0)"
+                        on-failure="ldh:promise-failure#1"/>
+                </xsl:if>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- closes a block links popover and resets its button state -->
+
+    <xsl:template match="div[contains-token(@class, 'links-nav')]" mode="ldh:CloseLinksPopover">
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+
+        <xsl:for-each select="button[contains-token(@class, 'tb-links')]">
+            <ixsl:set-attribute name="aria-pressed" select="'false'"/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- clicks inside the popover (e.g. on the group header) stop here instead of bubbling to body and dismissing it -->
+
+    <xsl:template match="div[contains-token(@class, 'links-nav')]/div[contains-token(@class, 'links-pop')]" mode="ixsl:onclick"/>
+
+    <!-- exit/save on click-outside is handled by the ixsl:onfocusout autosave below: the canvas holds
+         focus throughout editing (toolbar/breadcrumb/find chrome all preventDefault on mousedown to keep
+         it), so any exit click blurs the canvas and fires focusout. A separate onclick handler here would
+         double-submit - focusout fires on mousedown, the click on mouseup - and the second PATCH 412s on
+         the now-stale If-Match. -->
+
+    <!-- click anywhere on XHTML content to enter edit mode (skip if text is selected) -->
+
+    <xsl:template match="div[@typeof = '&ldh;XHTML'][not(descendant::form)][acl:mode() = '&acl;Write']//div[contains-token(@class, 'main')]" mode="ixsl:onclick">
+        <xsl:if test="ixsl:call(ixsl:call(ixsl:window(), 'getSelection', []), 'toString', []) = ''">
+            <xsl:variable name="main" select="." as="element()"/>
+            <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
+            <xsl:variable name="btn-edit" select="($block//button[contains-token(@class, 'btn-edit')][not(contains-token(@class, 'disabled'))])[1]" as="element()?"/>
+            <xsl:if test="$btn-edit">
+                <!-- Anchor the caret to the content structure, not pixels: record which content block the
+                     click landed in and the char offset within it, re-resolved in the editor DOM after
+                     render (ldh:focus-editable) - immune to the read/edit re-render and chrome. -->
+                <xsl:variable name="ldh-state" select="ixsl:get(ixsl:window(), 'LinkedDataHub')"/>
+                <xsl:variable name="caret" as="map(*)?" select="rdfae:caret-at-point(xs:double(ixsl:get(ixsl:event(), 'clientX')), xs:double(ixsl:get(ixsl:event(), 'clientY')))"/>
+                <!-- the content block: a top-level element of the XHTML content (div.main > content-div > block) -->
+                <xsl:variable name="content-block" as="element()?" select="$caret?node/ancestor-or-self::*[parent::*[parent::* is $main]][1]"/>
+                <ixsl:set-property name="pendingCaretBlock" select="$content-block ! count(preceding-sibling::*)" object="$ldh-state"/>
+                <ixsl:set-property name="pendingCaretOffset" select="$content-block ! ldh:char-offset-before(., $caret?node, $caret?offset)" object="$ldh-state"/>
+                <xsl:sequence select="ixsl:call($btn-edit, 'click', [])"/>
+            </xsl:if>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- autosave XMLLiteral when focus leaves the editor region (but not to the toolbar or other editor UI).
+         Dirty-gated: the canonical form is compared against the baseline stashed at region activation
+         (ldh:RenderRowForm). A click-in/click-out with no edits saves nothing - it neither rewrites the
+         stored literal nor mints a version - and instead restores the read-mode block the way Cancel does,
+         so leaving the editor always exits it. The baseline moves forward when a save is requested, so
+         continued editing only saves further changes; a failed save leaves the form re-rendered with
+         violations, which re-dirties on the fix -->
+
+    <xsl:template match="div[contains-token(@class, 'rdfa-editor-content')]" mode="ixsl:onfocusout">
+        <xsl:variable name="self" select="." as="element()"/>
+        <xsl:variable name="related" select="ixsl:get(ixsl:event(), 'relatedTarget')" as="item()?"/>
+        <xsl:if test="empty($related) or empty($related/ancestor-or-self::*[. is $self or @id = ('edit-toolbar', 'rdfa-editor-breadcrumb') or contains-token(@class, 'rdfa-editor-ui')])">
+            <xsl:variable name="form" select="ancestor::form[tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')][1]" as="element()?"/>
+            <xsl:if test="$form">
+                <xsl:variable name="canonical" select="ldh:canonical-content(.)" as="xs:string"/>
+                <xsl:choose>
+                    <xsl:when test="not($canonical = ixsl:get(., 'canonicalBaseline'))">
+                        <ixsl:set-property name="canonicalBaseline" select="$canonical" object="."/>
+                        <xsl:sequence select="ixsl:call($form, 'requestSubmit', [])"/>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:apply-templates select="ancestor::div[contains-token(@class, 'block')][1]" mode="ldh:CancelEditing"/>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </xsl:if>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- rdfae:inject-chrome (edit.xsl) injects the block drag handle with class="drag-handle" -
+         a leftover token from when this file's WYMeditor block handle was ported into the editor.
+         In LDH that token collides with ldh.css's `.block .drag-handle { display: none }`, which hides
+         every chrome handle rendered inside an edited ldh:XHTML document block. Re-inject the handle
+         under an editor-specific class so the shared RDFa-Editor code needs no change; the two drag
+         gestures below re-match that class. Styling is unaffected - the handle is styled off
+         data-role="chrome" in rdfa-editor.css. Keep the body in sync with edit.xsl's
+         rdfae:inject-chrome (XSLT overrides the whole named template, so only the class string differs). -->
+    <xsl:template name="rdfae:inject-chrome">
+        <xsl:param name="block" as="element()"/>
+        <xsl:if test="empty($block/*[@data-role = 'chrome'])">
+            <xsl:variable name="chrome" as="element()" select="rdfae:element('span')"/>
+            <ixsl:set-attribute name="data-role" select="'chrome'" object="$chrome"/>
+            <ixsl:set-attribute name="class" select="'rdfa-editor-drag-handle'" object="$chrome"/>
+            <ixsl:set-attribute name="contenteditable" select="'false'" object="$chrome"/>
+            <ixsl:set-attribute name="title" select="ac:label(key('resources', 'drag-to-reorder', ldh:translations()))" object="$chrome"/>
+            <ixsl:set-property name="textContent" select="'&#x283F;'" object="$chrome"/>
+            <xsl:sequence select="ixsl:call($block, 'prepend', [ $chrome ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:if>
+    </xsl:template>
+
+    <xsl:template match="span[contains-token(@class, 'rdfa-editor-drag-handle')]" mode="ixsl:onmousedown">
+        <xsl:for-each select="rdfae:handle-block(.)">
+            <ixsl:set-attribute name="draggable" select="'true'"/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <xsl:template match="span[contains-token(@class, 'rdfa-editor-drag-handle')]" mode="ixsl:onmouseup">
+        <xsl:for-each select="rdfae:handle-block(.)">
+            <ixsl:remove-attribute name="draggable"/>
+        </xsl:for-each>
+        <xsl:call-template name="rdfae:disarm-sweep"/>
+    </xsl:template>
+
+    <!-- append new block form onsubmit (using POST) -->
+    
+    <xsl:template match="div[@typeof = ('&ldh;XHTML', '&ldh;Object')]//form[tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')][upper-case(@method) = 'POST']" mode="ixsl:onsubmit" priority="2"> <!-- prioritize over form.xsl -->
+        <xsl:param name="elements" select=".//input | .//textarea | .//select" as="element()*"/>
+        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+        <!-- pre-process form before submitting it: syncs input values, so it must precede ldh:parse-rdf-post -->
+        <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
+        <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>
+        <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
+        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
+        <xsl:variable name="block-uri" select="xs:anyURI(.//input[@name = 'su'] => ixsl:get('value'))" as="xs:anyURI"/>
+        <xsl:variable name="sequence-number" select="count($block/preceding-sibling::div[@about]) + 1" as="xs:integer"/>
+        <xsl:variable name="sequence-property" select="xs:anyURI('&rdf;_' || $sequence-number)" as="xs:anyURI"/>
+        <xsl:variable name="sequence-triple" as="element()">
+            <json:map>
+                <json:string key="subject"><xsl:sequence select="ac:absolute-path(ldh:base-uri(.))"/></json:string>
+                <json:string key="predicate"><xsl:sequence select="$sequence-property"/></json:string>
+                <json:string key="object"><xsl:sequence select="$block-uri"/></json:string>
+            </json:map>
+        </xsl:variable>
+        
+        <xsl:next-match>
+            <xsl:with-param name="block" select="$block"/>
+            <!-- append $sequence-triple to $request-body that is sent with the HTTP request, but not to $resources which are rendered after the block update (don't want to show it) -->
+            <xsl:with-param name="request-body" as="document-node()">
+                <xsl:document>
+                    <rdf:RDF>
+                        <xsl:sequence select="ldh:triples-to-descriptions(($triples, $sequence-triple))"/>
+                    </rdf:RDF>
+                </xsl:document>
+            </xsl:with-param>
+        </xsl:next-match>
+    </xsl:template>
+
+    <!-- pressing the remove button must not blur the editor: the focus loss would fire the focusout
+         autosave above before the click below decides the block's fate, racing a save (or cancel)
+         against the removal - the same keep-focus idiom as the toolbar/breadcrumb chrome -->
+
+    <xsl:template match="div[@typeof = ('&ldh;XHTML', '&ldh;Object')]//button[contains-token(@class, 'btn-remove-resource')]" mode="ixsl:onmousedown">
+        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+    </xsl:template>
+
+    <!-- delete block onclick (increased priority to take precedence over form.xsl .btn-remove-resource) -->
+
+    <xsl:template match="div[@typeof = ('&ldh;XHTML', '&ldh;Object')]//button[contains-token(@class, 'btn-remove-resource')]" mode="ixsl:onclick" priority="3">
+        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
+
+        <xsl:choose>
+            <!-- delete existing block -->
+            <xsl:when test="$block/@about">
+                <!-- show a confirmation prompt -->
+                <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', ldh:translations())) ])">
+                    <xsl:sequence select="ldh:busy-cursor()"/>
+
+                    <xsl:variable name="block-uri" select="$block/@about" as="xs:anyURI"/>
+                    <xsl:variable name="update-string" select="replace($block-delete-string, '$this', '&lt;' || ac:absolute-path(ldh:base-uri(.)) || '&gt;', 'q')" as="xs:string"/>
+                    <xsl:variable name="update-string" select="replace($update-string, '$block', '&lt;' || $block-uri || '&gt;', 'q')" as="xs:string"/>
+                    <xsl:variable name="request-uri" select="ldh:href(ac:absolute-path(ldh:base-uri(.)), map{})" as="xs:anyURI"/>
+                    <xsl:variable name="context" as="map(*)" select="
+                      map{
+                        'request': map{ 'method': 'PATCH', 'href': $request-uri, 'media-type': 'application/sparql-update', 'body': $update-string },
+                        'block': $block
+                      }"/>
+                    <!-- no ldh:handle-response in the chain: a failed PATCH is reported here rather than raised, so it must reach the callback -->
+                    <ixsl:promise select="ixsl:http-request($context('request')) =>
+                        ixsl:then(ldh:rethread-response($context, ?)) =>
+                        ixsl:then(ldh:block-delete-response#1) =>
+                        ixsl:finally(ldh:reset-cursor#0)"
+                        on-failure="ldh:promise-failure#1"/>
+                </xsl:if>
+            </xsl:when>
+            <!-- remove block that hasn't been saved yet. The whole row goes: removing only the card would leave an empty .ldh-block-row shell in the content flow -->
+            <xsl:otherwise>
+                <xsl:for-each select="($block/ancestor::div[contains-token(@class, 'ldh-block-row')][1], $block)[1]">
+                    <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:for-each>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- start dragging block when drag-handle is dragged -->
+    
+    <xsl:template match="span[contains-token(@class, 'ldh-bh-drag')]" mode="ixsl:ondragstart">
+        <!-- find the parent block row to drag -->
+        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()?"/>
+        <xsl:for-each select="$block">
+            <ixsl:set-property name="dataTransfer.effectAllowed" select="'move'" object="ixsl:event()"/>
+            <xsl:variable name="block-uri" select="@about" as="xs:anyURI"/>
+            <!-- the app-specific type marks the drag as a block reorder for the dragover/enter/drop guards:
+                 only dataTransfer.types is readable before drop, and text/uri-list alone would also match
+                 any dragged hyperlink -->
+            <xsl:sequence select="ixsl:call(ixsl:get(ixsl:event(), 'dataTransfer'), 'setData', [ 'application/vnd.atomgraph.linkeddatahub.block', '' ])"/>
+            <xsl:sequence select="ixsl:call(ixsl:get(ixsl:event(), 'dataTransfer'), 'setData', [ 'text/uri-list', $block-uri ])"/>
+            <!-- make it appear like the whole block is being dragged, keeping the grab point under the pointer -->
+            <xsl:variable name="rect" select="ixsl:call(., 'getBoundingClientRect', [])"/>
+            <xsl:sequence select="ixsl:call(ixsl:get(ixsl:event(), 'dataTransfer'), 'setDragImage', [ ., ixsl:get(ixsl:event(), 'clientX') - ixsl:get($rect, 'x'), ixsl:get(ixsl:event(), 'clientY') - ixsl:get($rect, 'y') ])"/>
+            <!-- marks the drag source so ondragover/enter can refuse the two no-op positions (drop on
+                 the source itself or on its previous sibling), which ondrop would silently ignore -->
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'dragging' ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+    </xsl:template>
+    
+    <!-- cleanup after drag ends: a cancelled drag (Esc, drop outside a target) can leave the drop marker behind -->
+
+    <xsl:template match="span[contains-token(@class, 'ldh-bh-drag')]" mode="ixsl:ondragend">
+        <xsl:for-each select="ixsl:page()//div[contains-token(@class, 'content-body')]/div[contains-token(@class, 'ldh-block-row')][contains-token(@class, 'drag-over')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'drag-over', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+        <xsl:for-each select="ixsl:page()//div[contains-token(@class, 'content-body')]/div[contains-token(@class, 'ldh-block-row')][contains-token(@class, 'dragging')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'dragging', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- dragging block over other block -->
+    <!-- the application/vnd.atomgraph.linkeddatahub.block payload type proves the drag started on a block drag
+         handle, which only renders draggable in ContentMode under acl:Write - so no mode or access
+         checks are needed here. These three document-block DnD handlers (ondragover/enter/drop)
+         exclude the RDFa editor subtree: the editor renders inside a .content-body > .block, so
+         without the guard this pattern also matches every element in .rdfa-editor-content and -
+         having higher import precedence than the imported edit.xsl - shadows the editor's own block
+         DnD (edit.xsl), killing its drop marks and reorder. Excluding the editor lets those events
+         fall through to the editor's handlers. -->
+
+    <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]]][not(ancestor-or-self::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondragover" priority="1">
+        <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
+
+        <!-- the source block itself and its previous sibling are no-op positions ("move after" leaves the
+             order unchanged), so the drop stays refused there and the browser shows the no-drop cursor -->
+        <xsl:if test="array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'application/vnd.atomgraph.linkeddatahub.block' and not($block[contains-token(@class, 'dragging')]) and not($block/following-sibling::*[1][contains-token(@class, 'dragging')])">
+            <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+            <ixsl:set-property name="dataTransfer.dropEffect" select="'move'" object="ixsl:event()"/>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- move the drop marker onto the block being dragged over. The marker moves between blocks
+         (single-marker invariant), so no dragleave handler is needed and the marker does not flicker
+         over the gaps between cards; a cancelled drag is cleaned up by ondragend -->
+
+    <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]]][not(ancestor-or-self::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondragenter" priority="1">
+        <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
+
+        <xsl:if test="array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'application/vnd.atomgraph.linkeddatahub.block'">
+            <xsl:for-each select="$block/../div[contains-token(@class, 'ldh-block-row')][contains-token(@class, 'drag-over')][not(. is $block)]">
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'drag-over', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
+            <!-- the marker only advertises drops that change the order: the source block and its previous
+                 sibling are no-op positions, so entering them clears the marker instead of moving it -->
+            <xsl:choose>
+                <xsl:when test="not($block[contains-token(@class, 'dragging')]) and not($block/following-sibling::*[1][contains-token(@class, 'dragging')])">
+                    <!-- canceling dragenter designates the drop target per the HTML spec processing model -->
+                    <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+                    <xsl:sequence select="ixsl:call(ixsl:get($block, 'classList'), 'toggle', [ 'drag-over', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:sequence select="ixsl:call(ixsl:get($block, 'classList'), 'toggle', [ 'drag-over', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- dropping block over other top-level block: move the dragged block after it -->
+
+    <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]]][not(ancestor-or-self::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondrop" priority="1">
+        <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
+
+        <xsl:if test="array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'application/vnd.atomgraph.linkeddatahub.block'">
+            <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+            <xsl:sequence select="ixsl:call(ixsl:get($block, 'classList'), 'toggle', [ 'drag-over', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+
+            <xsl:variable name="target-uri" select="$block/@about" as="xs:anyURI?"/>
+            <xsl:variable name="source-uri" select="ixsl:call(ixsl:get(ixsl:event(), 'dataTransfer'), 'getData', [ 'text/uri-list' ])" as="xs:anyURI"/>
+            <!-- resolve the dragged row within this document only: @about is duplicated on the inner
+                 card, and the drag can originate from another document (tab pane or window) - such
+                 drops are ignored -->
+            <xsl:variable name="document-body" select="$block/ancestor::div[contains-token(@class, 'document-body')][1]" as="element()"/>
+            <xsl:variable name="source-block" select="key('element-by-about', $source-uri, $document-body)[contains-token(@class, 'ldh-block-row')][parent::div[contains-token(@class, 'content-body')]]" as="element()?"/>
+
+            <!-- only persist if the target block is saved (has @about) and the source is a different block of the same document -->
+            <xsl:if test="$target-uri and exists($source-block) and not($target-uri = $source-uri)">
+                <xsl:sequence select="ldh:busy-cursor()"/>
+
+                <!-- remember the source position so a failed PATCH can revert the optimistic move -->
+                <xsl:variable name="source-next" select="$source-block/following-sibling::*[1]" as="element()?"/>
+                <xsl:sequence select="ixsl:call($block, 'after', [ $source-block ])"/>
+
+                <xsl:variable name="values-row" select="'(&lt;' || ac:absolute-path(ldh:base-uri(.)) || '&gt; &lt;' || $source-uri || '&gt; &lt;' || $target-uri || '&gt;)'" as="xs:string"/>
+                <xsl:variable name="update-string" select="replace($block-move-string, '($doc $source $target)', $values-row, 'q')" as="xs:string"/>
+                <xsl:variable name="request-uri" select="ldh:href(ac:absolute-path(ldh:base-uri(.)), map{})" as="xs:anyURI"/>
+                <xsl:variable name="request" select="map{ 'method': 'PATCH', 'href': $request-uri, 'media-type': 'application/sparql-update', 'body': $update-string }" as="map(*)"/>
+                <xsl:variable name="context" select="map{ 'request': $request, 'source-block': $source-block, 'source-next': $source-next }" as="map(*)"/>
+
+                <ixsl:promise select="
+                    ixsl:resolve($context) =>
+                        ixsl:then(ldh:http-request-threaded#1) =>
+                        ixsl:then(ldh:handle-response#1) =>
+                        ixsl:then(ldh:block-moved#1) =>
+                        ixsl:finally(ldh:reset-cursor#0)"
+                    on-failure="ldh:promise-failure#1"/>
+            </xsl:if>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- the drop marker line renders in the gap between blocks (the marked block's bottom margin), so
+         the gap itself must accept the drop: while a marker is showing, these content-body handlers keep
+         the drag valid and resolve the drop to the marked block. An uncancelled dragenter would otherwise
+         retarget the drag to the body per the HTML processing model, refusing the drop over the line -->
+
+    <xsl:template match="div[contains-token(@class, 'content-body')][not(ancestor::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondragenter">
+        <xsl:if test="array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'application/vnd.atomgraph.linkeddatahub.block' and ./div[contains-token(@class, 'drag-over')]">
+            <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+        </xsl:if>
+    </xsl:template>
+
+    <xsl:template match="div[contains-token(@class, 'content-body')][not(ancestor::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondragover">
+        <xsl:if test="array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'application/vnd.atomgraph.linkeddatahub.block' and ./div[contains-token(@class, 'drag-over')]">
+            <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+            <ixsl:set-property name="dataTransfer.dropEffect" select="'move'" object="ixsl:event()"/>
+        </xsl:if>
+    </xsl:template>
+
+    <xsl:template match="div[contains-token(@class, 'content-body')][not(ancestor::*[contains-token(@class, 'rdfa-editor-content')])]" mode="ixsl:ondrop">
+        <xsl:if test="array:flatten(ixsl:get(ixsl:get(ixsl:event(), 'dataTransfer'), 'types')) = 'application/vnd.atomgraph.linkeddatahub.block'">
+            <xsl:apply-templates select="./div[contains-token(@class, 'drag-over')]" mode="#current"/>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- BLOCK CREATION -->
+
+    <!-- Creates a block of $forClass after $block, reusing the document-level create-instance chain from
+         form.xsl wholesale: the class's SPIN constructor is fetched and instantiated exactly as it is for
+         the action-bar Create button, so a chart or view picks up ldh:TitleConstructor and
+         ldh:DescriptionConstructor (def.ttl) rather than hand-rolling a dct:title slot. The only thing this
+         flow adds is $properties - the triples that bind the new block to its query - folded into the
+         constructor prototype by ldh:add-constructed-properties below.
+         Called with the clicked button as the context item: $doc-uri is resolved off it. -->
+
+    <xsl:template name="ldh:CreateBlock">
+        <xsl:context-item as="element()" use="required"/>
+        <xsl:param name="block" as="element()"/> <!-- the block the new one is inserted after -->
+        <xsl:param name="forClass" as="xs:anyURI"/>
+        <xsl:param name="properties" as="element()*"/> <!-- RDF/XML property elements for the new instance -->
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="doc-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
+        <xsl:variable name="id" select="'id' || ac:uuid()" as="xs:string"/>
+
+        <xsl:variable name="context" as="map(*)" select="map{
+            'method': 'post',
+            'forClass': $forClass,
+            'doc-uri': $doc-uri,
+            'base-uri': $doc-uri,
+            'this': xs:anyURI($doc-uri || '#' || $id),
+            'properties': $properties,
+            'insert-anchor': $block,
+            'insert-method': 'ixsl:insert-after'
+        }"/>
+
+        <ixsl:promise select="ixsl:resolve($context) =>
+            ixsl:then(ldh:load-constructed-doc#1) =>
+            ixsl:then(ldh:http-request-threaded(?, 'constructed-doc-request', 'constructed-doc-response')) =>
+            ixsl:then(ldh:handle-response(?, 'constructed-doc-response')) =>
+            ixsl:then(ldh:set-constructed-doc#1) =>
+            ixsl:then(ldh:add-constructed-properties#1) =>
+            ixsl:then(ldh:set-row-form-resource#1) =>
+            ixsl:then(ldh:load-constructors#1) =>
+            ixsl:then(ldh:http-request-threaded(?, 'constructors-request', 'constructors-response')) =>
+            ixsl:then(ldh:handle-response(?, 'constructors-response')) =>
+            ixsl:then(ldh:set-constructors#1) =>
+            ixsl:then(ldh:load-shapes#1) =>
+            ixsl:then(ldh:http-request-threaded(?, 'shapes-request', 'shapes-response')) =>
+            ixsl:then(ldh:handle-response(?, 'shapes-response')) =>
+            ixsl:then(ldh:set-shapes#1) =>
+            ixsl:then(ldh:render-add-row-form#1) =>
+            ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- folds context('properties') into the constructor prototype for context('forClass'), between the
+         constructor fetch and its instantiation, so the added triples go through ldh:SetResourceID with
+         the rest and end up on the same subject -->
+    <xsl:function name="ldh:add-constructed-properties" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="properties" select="$context('properties')" as="element()*"/>
+
+        <xsl:choose>
+            <xsl:when test="empty($properties)">
+                <xsl:sequence select="$context"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:variable name="constructed-doc" as="document-node()">
+                    <xsl:document>
+                        <xsl:apply-templates select="$context('constructed-doc')" mode="ldh:AddConstructedProperties">
+                            <xsl:with-param name="forClass" select="$context('forClass')" tunnel="yes"/>
+                            <xsl:with-param name="properties" select="$properties" tunnel="yes"/>
+                        </xsl:apply-templates>
+                    </xsl:document>
+                </xsl:variable>
+
+                <xsl:sequence select="map:merge(($context, map{ 'constructed-doc': $constructed-doc }), map{ 'duplicates': 'use-last' })"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- identity transform -->
+    <xsl:template match="@* | node()" mode="ldh:AddConstructedProperties">
+        <xsl:copy>
+            <xsl:apply-templates select="@* | node()" mode="#current"/>
+        </xsl:copy>
+    </xsl:template>
+
+    <!-- The prototype carries rdf:type $forClass; the tunnelled class cannot go in the match pattern, hence
+         the test inside. A caller's value takes over the constructor's slot for the same predicate rather
+         than being appended beside it - the row form renders one control per slot, so appending shows the
+         predicate twice, once empty. Predicates the caller says nothing about keep their constructor slot,
+         which is how title and description survive.
+         The value comes from the caller, the type from the constructor: a slot pointing at a marker bnode
+         (a blank node carrying nothing but rdf:type) declares that predicate's range, so a literal value
+         inherits the marker's datatype. Nothing here knows which predicates it is handling. -->
+    <xsl:template match="rdf:Description[rdf:type/@rdf:resource]" mode="ldh:AddConstructedProperties" priority="1">
+        <xsl:param name="forClass" as="xs:anyURI" tunnel="yes"/>
+        <xsl:param name="properties" as="element()*" tunnel="yes"/>
+
+        <xsl:choose>
+            <xsl:when test="rdf:type/@rdf:resource = $forClass">
+                <xsl:variable name="prototype" select="." as="element()"/>
+                <!-- A property the caller left blank carries no value to hand over, so it does not displace
+                     anything: the constructor's slot stays and renders as the empty control it is for. Taking
+                     the slot over with a valueless property loses the control entirely, since ac:FormControl
+                     builds a literal's input from its text() node and there is none. -->
+                <xsl:variable name="values" select="$properties[node() or @rdf:resource or @rdf:nodeID]" as="element()*"/>
+                <xsl:variable name="names" select="for $value in $values return node-name($value)" as="xs:QName*"/>
+
+                <xsl:copy>
+                    <xsl:apply-templates select="@* | node()[empty(node-name(.)[. = $names])]" mode="#current"/>
+
+                    <xsl:for-each select="$values">
+                        <xsl:variable name="property" select="." as="element()"/>
+                        <!-- the marker the constructor pointed this predicate at, if it declared one -->
+                        <xsl:variable name="marker" select="$prototype/*[node-name(.) = node-name($property)]/@rdf:nodeID/key('resources', ., root($prototype))[not(* except rdf:type)]" as="element()*"/>
+                        <xsl:variable name="datatype" select="$marker/rdf:type/@rdf:resource[starts-with(., '&xsd;')][1]" as="attribute()?"/>
+
+                        <xsl:copy>
+                            <!-- attributes before children: a literal property carries its value as a text
+                                 node, and writing the datatype after that is an error -->
+                            <xsl:apply-templates select="@*" mode="#current"/>
+
+                            <xsl:if test="$datatype and not(@rdf:resource) and not(@rdf:nodeID) and not(@rdf:datatype)">
+                                <xsl:attribute name="rdf:datatype" select="$datatype"/>
+                            </xsl:if>
+
+                            <xsl:apply-templates select="node()" mode="#current"/>
+                        </xsl:copy>
+                    </xsl:for-each>
+                </xsl:copy>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:copy>
+                    <xsl:apply-templates select="@* | node()" mode="#current"/>
+                </xsl:copy>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- CALLBACKS -->
+
+    <xsl:function name="ldh:load-block" ixsl:updating="yes" as="map(*)">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="thunk" as="function(map(*)) as item()*"/>
+        <xsl:param name="ignored" as="item()?"/>
+
+        <xsl:sequence select="
+            $thunk($context) =>
+                ixsl:then(
+                    ldh:end-block-loading(
+                        $context,
+                        ?
+                        )
+                    )
+          "/>
+    </xsl:function>
+
+    <!-- ontology-view block injection: ontology query (?property ldh:view ?block) → per-URI RDF fetch → render via ldh:BlockRow → insert + hydrate -->
+
+    <xsl:function name="ldh:ontology-view-self-thunk" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:ontology-view-self-thunk</xsl:message>
+
+        <xsl:sequence select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:ontology-view-query-thunk#1)
+        "/>
+    </xsl:function>
+
+    <xsl:function name="ldh:ontology-view-query-thunk" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:ontology-view-query-thunk</xsl:message>
+
+        <xsl:sequence select="
+            ixsl:http-request($context('request')) =>
+                ixsl:then(ldh:rethread-response($context, ?)) =>
+                ixsl:then(ldh:handle-response#1) =>
+                ixsl:then(ldh:ontology-view-fetch-thunk#1)
+        "/>
+    </xsl:function>
+
+    <!-- handle SPARQL XML response: fan out one HTTP fetch per view URI. ixsl:http-request only runs inside an
+         active promise, so the fan-out itself is built in a callback (idiom: ldh:generate-containers-fanout) -->
+    <xsl:function name="ldh:ontology-view-fetch-thunk" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:ontology-view-fetch-thunk</xsl:message>
+
+        <xsl:sequence select="ixsl:resolve($context) => ixsl:then(ldh:ontology-view-fanout#1)"/>
+    </xsl:function>
+
+    <!-- one fetch → render → insert chain per view, joined with ixsl:all so this settles only once every view block
+         is in the DOM. While the chains ran detached the caller settled as soon as the /ns query returned, and the
+         deferred fragment scroll in ldh:RenderTab - which counts these factories down - ran against a document that
+         held none of the injected blocks yet, falling through to the top of the page.
+         ixsl:all is fail-fast, but an HTTP error status resolves rather than rejects (ldh:handle-response only
+         retries a 429, and ldh:ontology-view-insert guards on 200), so only a network- or runtime-level failure
+         rejects the join; it then surfaces through ldh:block-hydration-failure, which reports it and still counts
+         the block down, leaving the scroll unblocked -->
+    <xsl:function name="ldh:ontology-view-fanout" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+
+        <xsl:variable name="view-contexts" as="map(*)*">
+            <xsl:if test="$response?status = 200 and $response?media-type = 'application/sparql-results+xml'">
+                <xsl:variable name="results" select="$response?body" as="document-node()"/>
+
+                <!-- one fetch per view; the first row of each group supplies the inline-creation metadata (multiple ?type/?forClass rows can occur) -->
+                <xsl:for-each-group select="$results/srx:sparql/srx:results/srx:result[srx:binding[@name = 'block']/srx:uri]" group-by="srx:binding[@name = 'block']/srx:uri">
+                    <xsl:variable name="view-uri" select="xs:anyURI(current-grouping-key())" as="xs:anyURI"/>
+                    <xsl:variable name="view-request-uri" select="ldh:href(ac:document-uri($view-uri), map{})" as="xs:anyURI"/>
+                    <xsl:variable name="view-request" select="map{ 'method': 'GET', 'href': $view-request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+                    <!-- ?forClass is read from srx:uri only: bnode ranges (e.g. owl:unionOf lists) cannot be constructed -->
+                    <xsl:variable name="view-metadata" as="map(*)*">
+                        <xsl:for-each select="srx:binding[@name = 'property']/srx:uri">
+                            <xsl:sequence select="map{ 'view-property': xs:anyURI(.) }"/>
+                        </xsl:for-each>
+                        <xsl:if test="srx:binding[@name = 'inverse']/srx:literal = 'true'">
+                            <xsl:sequence select="map{ 'view-inverse': true() }"/>
+                        </xsl:if>
+                        <xsl:for-each select="srx:binding[@name = 'forClass']/srx:uri">
+                            <xsl:sequence select="map{ 'view-for-class': xs:anyURI(.) }"/>
+                        </xsl:for-each>
+                        <xsl:for-each select="srx:binding[@name = 'container']/srx:uri">
+                            <xsl:sequence select="map{ 'view-container': xs:anyURI(.) }"/>
+                        </xsl:for-each>
+                        <xsl:for-each select="srx:binding[@name = 'showWhenEmpty']/srx:literal">
+                            <xsl:sequence select="map{ 'view-show-when-empty': string(.) }"/>
+                        </xsl:for-each>
+                    </xsl:variable>
+                    <!-- use-last: $context arrives carrying the /ns view query under 'request' and the view fetch has to
+                         displace it, since ldh:retry-request re-fires whatever 'request' holds when a 429 comes back -->
+                    <xsl:sequence select="map:merge(($context, map{ 'request': $view-request, 'view-uri': $view-uri }, $view-metadata), map{ 'duplicates': 'use-last' })"/>
+                </xsl:for-each-group>
+            </xsl:if>
+        </xsl:variable>
+
+        <xsl:sequence select="
+            ixsl:all(array {
+                for $view-context in $view-contexts return
+                    ixsl:http-request($view-context('request')) =>
+                        ixsl:then(ldh:rethread-response($view-context, ?)) =>
+                        ixsl:then(ldh:handle-response#1) =>
+                        ixsl:then(ldh:load-object-metadata#1) =>
+                        ixsl:then(ldh:http-request-threaded(?, 'metadata-request', 'metadata-response')) =>
+                        ixsl:then(ldh:handle-response(?, 'metadata-response')) =>
+                        ixsl:then(ldh:set-object-metadata#1) =>
+                        ixsl:then(ldh:http-request-threaded(?, 'ns-metadata-request', 'ns-metadata-response')) =>
+                        ixsl:then(ldh:handle-response(?, 'ns-metadata-response')) =>
+                        ixsl:then(ldh:set-object-metadata-ns#1) =>
+                        ixsl:then(ldh:merge-object-metadata#1) =>
+                        ixsl:then(ldh:load-property-metadata#1) =>
+                        ixsl:then(ldh:http-request-threaded(?, 'property-metadata-request', 'property-metadata-response')) =>
+                        ixsl:then(ldh:handle-response(?, 'property-metadata-response')) =>
+                        ixsl:then(ldh:set-property-metadata#1) =>
+                        ixsl:then(ldh:ontology-view-render-thunk#1)
+            }) => ixsl:then(ldh:ontology-views-inserted($context, ?))
+            "/>
+    </xsl:function>
+
+    <!-- join callback for the view fan-out. The per-view contexts have served their purpose by the time their blocks
+         are in the DOM, so the outer context flows on unchanged and the chain's only remaining job is having settled -->
+    <xsl:function name="ldh:ontology-views-inserted" as="map(*)" ixsl:updating="no">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="results" as="item()*"/>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
+    <!-- render one view block from its loaded RDF. Creatable views (ldh:container + inferred forClass) first HEAD the container for its acl:mode Link headers, which gate the Create button; the rest insert directly.
+         The HEAD chain is returned rather than fired: the caller has to settle after the block is in the DOM, not before it is fetched (see ldh:ontology-view-fanout) -->
+    <xsl:function name="ldh:ontology-view-render-thunk" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:ontology-view-render-thunk</xsl:message>
+
+        <xsl:choose>
+            <xsl:when test="map:contains($context, 'view-container') and map:contains($context, 'view-for-class')">
+                <xsl:variable name="container-request" select="map{ 'method': 'HEAD', 'href': ldh:href($context('view-container'), map{}), 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+                <xsl:variable name="container-context" select="map:merge(($context, map{ 'container-request': $container-request }))" as="map(*)"/>
+
+                <xsl:sequence select="
+                    ixsl:resolve($container-context) =>
+                        ixsl:then(ldh:http-request-threaded(?, 'container-request', 'container-response')) =>
+                        ixsl:then(ldh:handle-response(?, 'container-response')) =>
+                        ixsl:then(ldh:set-container-acl-modes#1) =>
+                        ixsl:then(ldh:ontology-view-insert#1)
+                    "/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:sequence select="ldh:ontology-view-insert($context)"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- extract acl:mode URIs from the container HEAD response's Link headers (emitted by ResponseHeadersFilter, forwarded for remote containers by ProxyRequestFilter); same parsing as ldh:rdf-document-response. A non-200 response yields no modes, which downstream reads as no Create button -->
+    <xsl:function name="ldh:set-container-acl-modes" as="map(*)" ixsl:updating="no">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('container-response')" as="map(*)"/>
+        <xsl:variable name="acl-modes" select="ldh:link-targets($response?headers?link, '&acl;mode')" as="xs:anyURI*"/>
+
+        <xsl:sequence select="map:merge(($context, map{ 'container-acl-modes': $acl-modes }))"/>
+    </xsl:function>
+
+    <!-- append the rendered view block into the wrapper's .span12 alongside the typed resource block, stamp the inline-creation metadata as data-* attributes, hydrate via existing ldh:RenderRow chain -->
+    <xsl:function name="ldh:ontology-view-insert" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="span12" select="$container/div[contains-token(@class, 'row-main')]" as="element()"/>
+        <xsl:variable name="view-uri" select="$context('view-uri')" as="xs:anyURI"/>
+        <xsl:variable name="base-uri" select="$context('base-uri')" as="xs:anyURI"/>
+
+        <xsl:message>ldh:ontology-view-insert</xsl:message>
+
+        <xsl:choose>
+            <xsl:when test="$response?status = 200 and $response?media-type = 'application/rdf+xml'">
+                <xsl:variable name="view-rdf" select="$response?body" as="document-node()"/>
+                <xsl:variable name="view-resource" select="key('resources', $view-uri, $view-rdf)" as="element()?"/>
+
+                <xsl:choose>
+                    <xsl:when test="exists($view-resource)">
+                        <!-- the block is derived, not stored: re-deriving it on the next load has to reproduce the same
+                             subject URI, so the fragment is a function of what identifies the block - the host resource
+                             and the view attached to it. Both are needed: ldh:RenderRow visits every wrapper, so a
+                             container listing injects the same view under each of its children, and the view URI alone
+                             would give them all one @about. A space separates the two because a URI cannot contain one -->
+                        <xsl:variable name="id" select="'id' || ldh:hash-code($container/@about || ' ' || $view-uri)" as="xs:string"/>
+                        <xsl:variable name="view-block-html" as="element()">
+                            <xsl:apply-templates select="$view-resource" mode="ldh:BlockRow">
+                                <xsl:with-param name="about" select="xs:anyURI($base-uri || '#' || $id)"/>
+                                <xsl:with-param name="id" select="$id"/>
+                                <xsl:with-param name="nested" select="true()"/>
+                                <xsl:with-param name="depth" select="count($container/ancestor-or-self::div[contains-token(@class, 'block') or contains-token(@class, 'ldh-block-row')])"/>
+                                <xsl:with-param name="property-metadata" select="$context('property-metadata')" tunnel="yes"/>
+                                <xsl:with-param name="object-metadata" select="$context('object-metadata')" tunnel="yes"/>
+                            </xsl:apply-templates>
+                        </xsl:variable>
+
+                        <!-- append into the wrapper's .span12 so the new block's ancestor::*[@about][1] is the outer #this with @about ending in #this -->
+                        <xsl:sequence select="ixsl:call($span12, 'append', [ $view-block-html ])[current-date() lt xs:date('2000-01-01')]"/>
+
+                        <!-- hydrate the freshly-injected wrapper via the existing view.xsl:62 RenderRow handler -->
+                        <xsl:variable name="injected" select="$span12/*[last()]" as="element()?"/>
+                        <xsl:choose>
+                            <xsl:when test="exists($injected)">
+                                <!-- stamp inline-creation metadata before hydration so ldh:RenderViewResults can read it off the wrapper -->
+                                <xsl:for-each select="$injected">
+                                    <xsl:if test="map:contains($context, 'view-property')">
+                                        <ixsl:set-attribute name="data-property" select="string($context('view-property'))" object="."/>
+                                    </xsl:if>
+                                    <xsl:if test="map:contains($context, 'view-inverse')">
+                                        <ixsl:set-attribute name="data-inverse" select="'true'" object="."/>
+                                    </xsl:if>
+                                    <xsl:if test="map:contains($context, 'view-for-class')">
+                                        <ixsl:set-attribute name="data-for-class" select="string($context('view-for-class'))" object="."/>
+                                    </xsl:if>
+                                    <xsl:if test="map:contains($context, 'view-container')">
+                                        <ixsl:set-attribute name="data-container" select="string($context('view-container'))" object="."/>
+                                    </xsl:if>
+                                    <xsl:if test="map:contains($context, 'view-show-when-empty')">
+                                        <ixsl:set-attribute name="data-show-when-empty" select="string($context('view-show-when-empty'))" object="."/>
+                                    </xsl:if>
+                                    <xsl:if test="map:contains($context, 'container-acl-modes')">
+                                        <ixsl:set-attribute name="data-acl-modes" select="string-join($context('container-acl-modes'), ' ')" object="."/>
+                                    </xsl:if>
+                                </xsl:for-each>
+
+                                <xsl:variable name="factories" as="(function(item()?) as item()*)*">
+                                    <xsl:apply-templates select="$injected" mode="ldh:RenderRow"/>
+                                </xsl:variable>
+
+                                <!-- joined rather than fired: the block's own view results are what give it its height, and
+                                     the deferred fragment scroll upstream would otherwise land on a block that then grows under it -->
+                                <xsl:sequence select="ixsl:all(array { for $factory in $factories return $factory(()) }) => ixsl:then(ldh:ontology-views-inserted($context, ?))"/>
+                            </xsl:when>
+                            <xsl:otherwise>
+                                <xsl:sequence select="$context"/>
+                            </xsl:otherwise>
+                        </xsl:choose>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:sequence select="$context"/>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:sequence select="$context"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- object-metadata fetch helpers: shared between view.xsl's view-results chain and client.xsl's document-load chain. Build a metadata-request from the cross-doc object URIs in the response RDF (read from $response-key in context); the chain then fires it via ldh:http-request-threaded(?, 'metadata-request', 'metadata-response') and ldh:set-object-metadata stores the result body under 'object-metadata' for the $object-metadata tunnel consumed by ac:object-label. -->
+
+    <xsl:function name="ldh:load-object-metadata" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:sequence select="ldh:load-object-metadata($context, 'response')"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:load-object-metadata" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="response-key" as="xs:string"/>
+        <xsl:variable name="endpoint" select="$context('endpoint')" as="xs:anyURI"/>
+        <!-- prefer caller-supplied object-uris in context (form flows compute these from $resource or $body upstream); fall back to extracting from the named response (block flows) -->
+        <xsl:variable name="object-uris" as="xs:string*" select="
+            if (map:contains($context, 'object-uris')) then $context('object-uris')
+            else
+                let $response := $context($response-key)
+                return if ($response?status = 200 and $response?media-type = 'application/rdf+xml')
+                       then distinct-values($response?body/rdf:RDF/rdf:Description/*/@rdf:resource[not(key('resources', .))])
+                       else ()"/>
+        <xsl:variable name="values" select="' VALUES $this { ' || string-join(for $uri in $object-uris return '&lt;' || $uri || '&gt;', ' ') || ' }'" as="xs:string"/>
+        <xsl:variable name="query-string" select="$object-metadata-query || $values" as="xs:string"/>
+        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href($endpoint), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+        <!-- second request resolves labels of object URIs that are ontology terms (rdf:type/class values etc.) from the /ns endpoint, whose graph-free query targets the in-memory ontology default graph; merged with the /sparql result by ldh:merge-object-metadata -->
+        <xsl:variable name="ns-query-string" select="$object-metadata-ns-query || $values" as="xs:string"/>
+        <xsl:variable name="ns-request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $ns-query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+
+        <xsl:message>ldh:load-object-metadata</xsl:message>
+
+        <!-- always emit both requests so the downstream http-request-threaded steps have keys to read; empty VALUES results in empty responses which set-object-metadata / set-object-metadata-ns store as empty documents and ac:object-label falls through to its fragment fallback -->
+        <xsl:sequence select="map:merge(($context, map{ 'metadata-request': $request, 'ns-metadata-request': $ns-request }))"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:set-object-metadata" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('metadata-response')" as="map(*)"/>
+
+        <xsl:message>ldh:set-object-metadata</xsl:message>
+
+        <!-- view-block chain tracks progress; document-load chain doesn't -->
+        <xsl:if test="map:contains($context, 'cache')">
+            <xsl:sequence select="ldh:update-progress-counter($context('cache'), $context, 'complete', ())"/>
+        </xsl:if>
+
+        <xsl:for-each select="$response">
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
+                    <xsl:variable name="object-metadata" select="?body" as="document-node()?"/>
+                    <xsl:sequence select="map:merge(($context, map{ 'object-metadata': $object-metadata }))"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <!-- ignore object metadata loading errors - treat as empty metadata -->
+                    <xsl:sequence select="$context"/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:for-each>
+    </xsl:function>
+
+    <!-- stores the /ns object-metadata response (labels for object URIs that are ontology terms) under 'object-metadata-ns'; ldh:merge-object-metadata folds it into 'object-metadata'. Error-tolerant: a non-2xx response is treated as empty metadata -->
+    <xsl:function name="ldh:set-object-metadata-ns" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('ns-metadata-response')" as="map(*)"/>
+
+        <xsl:message>ldh:set-object-metadata-ns</xsl:message>
+
+        <xsl:for-each select="$response">
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
+                    <xsl:variable name="object-metadata-ns" select="?body" as="document-node()?"/>
+                    <xsl:sequence select="map:merge(($context, map{ 'object-metadata-ns': $object-metadata-ns }))"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <!-- ignore ontology metadata loading errors - treat as empty metadata -->
+                    <xsl:sequence select="$context"/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:for-each>
+    </xsl:function>
+
+    <!-- merges the /sparql ('object-metadata') and /ns ('object-metadata-ns') label documents into a single 'object-metadata' document (via ldh:merge-metadata → ldh:MergeRDF mode) consumed by ac:object-label. use-last because 'object-metadata' already exists in the context -->
+    <xsl:function name="ldh:merge-object-metadata" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:merge-object-metadata</xsl:message>
+
+        <xsl:variable name="merged" select="ldh:merge-metadata($context('object-metadata'), $context('object-metadata-ns'))" as="document-node()"/>
+        <xsl:sequence select="map:merge(($context, map{ 'object-metadata': $merged }), map{ 'duplicates': 'use-last' })"/>
+    </xsl:function>
+
+    <!-- property-metadata fetch helpers: mirror the object-metadata pair above, but DESCRIBE the property URIs (rdfs:label / skos:prefLabel etc. resolved via the application's /ns ontology store) so that ac:property-label can resolve vocabulary labels client-side. Chain wiring: ldh:http-request-threaded(?, 'property-metadata-request', 'property-metadata-response') then ldh:set-property-metadata stores the body under 'property-metadata' for the tunnel consumed by ac:property-label. -->
+
+    <xsl:function name="ldh:load-property-metadata" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:sequence select="ldh:load-property-metadata($context, 'response')"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:load-property-metadata" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="response-key" as="xs:string"/>
+        <!-- prefer caller-supplied property-uris in context (form flows compute these from $resource or $body upstream); fall back to extracting from the named response (block flows) -->
+        <xsl:variable name="property-uris" as="xs:string*" select="
+            if (map:contains($context, 'property-uris')) then $context('property-uris')
+            else
+                let $response := $context($response-key)
+                return if ($response?status = 200 and $response?media-type = 'application/rdf+xml')
+                       then distinct-values($response?body/rdf:RDF/rdf:Description/*/concat(namespace-uri(), local-name()))
+                       else ()"/>
+        <xsl:variable name="query-string" select="$property-metadata-query || ' VALUES $Type { ' || string-join(for $uri in $property-uris return '&lt;' || $uri || '&gt;', ' ') || ' }'" as="xs:string"/>
+        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+
+        <xsl:message>ldh:load-property-metadata</xsl:message>
+
+        <xsl:sequence select="map:merge(($context, map{ 'property-metadata-request': $request }))"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:set-property-metadata" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('property-metadata-response')" as="map(*)"/>
+
+        <xsl:message>ldh:set-property-metadata</xsl:message>
+
+        <xsl:for-each select="$response">
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
+                    <xsl:variable name="property-metadata" select="?body" as="document-node()?"/>
+                    <xsl:sequence select="map:merge(($context, map{ 'property-metadata': $property-metadata }))"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <!-- ignore property metadata loading errors - treat as empty metadata -->
+                    <xsl:sequence select="$context"/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:for-each>
+    </xsl:function>
+
+    <xsl:function name="ldh:end-block-loading" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="ignored" as="item()?"/>
+
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+
+        <!-- end the loading state of the container's own block: an nblock container nested in a host embed never carries the state itself, so the nearest-block test keeps this call off the host's bar -->
+        <xsl:for-each select="$container/ancestor-or-self::div[contains-token(@class, 'block')][1][contains-token(@class, 'is-loading')]">
+            <xsl:for-each select="./div[contains-token(@class, 'ldh-block-bar')]">
+                <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-loading' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call(., 'removeAttribute', [ 'aria-busy' ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
+    <!-- Progress tracking with dynamic counters -->
+
+    <xsl:function name="ldh:update-progress-counter" as="empty-sequence()" ixsl:updating="yes">
+        <xsl:param name="cache" as="item()"/>
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="action" as="xs:string"/>
+        <xsl:param name="value" as="xs:integer?"/>
+
+        <xsl:choose>
+            <!-- Initialize with total step count -->
+            <xsl:when test="$action = 'init'">
+                <xsl:variable name="total-steps" select="if (exists($value)) then $value else 4" as="xs:integer"/>
+                <xsl:variable name="step-size" select="100 div $total-steps" as="xs:double"/>
+
+                <ixsl:set-property name="current-progress" select="0" object="$cache"/>
+                <ixsl:set-property name="step-size" select="$step-size" object="$cache"/>
+                <ixsl:set-property name="completed-steps" select="0" object="$cache"/>
+                <ixsl:set-property name="total-steps" select="$total-steps" object="$cache"/>
+                <ixsl:set-property name="start-time" select="ixsl:call(ixsl:window(), 'Date.now', [])" object="$cache"/>
+
+                <!-- Display 0% -->
+                <xsl:sequence select="ldh:display-progress($cache, $context, 0)"/>
+            </xsl:when>
+
+            <!-- Increment progress by one step -->
+            <xsl:when test="$action = 'complete'">
+                <xsl:variable name="step-size" select="ixsl:get($cache, 'step-size')" as="xs:double"/>
+                <xsl:variable name="completed-steps" select="xs:integer(ixsl:get($cache, 'completed-steps')) + 1" as="xs:integer"/>
+                <xsl:variable name="total-steps" select="xs:integer(ixsl:get($cache, 'total-steps'))" as="xs:integer"/>
+                <xsl:variable name="progress" select="min((($completed-steps * $step-size), 100))" as="xs:double"/>
+                <xsl:variable name="elapsed" select="ixsl:call(ixsl:window(), 'Date.now', []) - ixsl:get($cache, 'start-time')" as="xs:double"/>
+
+                <ixsl:set-property name="completed-steps" select="$completed-steps" object="$cache"/>
+                <ixsl:set-property name="current-progress" select="$progress" object="$cache"/>
+
+                <xsl:sequence select="ldh:display-progress($cache, $context, $progress)"/>
+            </xsl:when>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- Helper: Update the block bar -->
+    <xsl:function name="ldh:display-progress" as="empty-sequence()" ixsl:updating="yes">
+        <xsl:param name="cache" as="item()"/>
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="percent" as="xs:double"/>
+
+        <xsl:if test="map:contains($context, 'container')">
+            <xsl:variable name="container" select="$context('container')" as="element()"/>
+
+            <!-- the bar must belong to the container's own block (an nblock container would otherwise drive its host's bar) -->
+            <xsl:for-each select="$container/ancestor-or-self::div[contains-token(@class, 'block')][1][contains-token(@class, 'is-loading')]">
+                <xsl:for-each select="./div[contains-token(@class, 'ldh-block-bar')]">
+                    <!-- a determinate width stops the indeterminate sweep -->
+                    <xsl:sequence select="ixsl:call(ixsl:get(., 'style'), 'setProperty', [ '--p', $percent || '%' ])[current-date() lt xs:date('2000-01-01')]"/>
+                    <ixsl:set-attribute name="aria-valuenow" select="string(round($percent))"/>
+                </xsl:for-each>
+            </xsl:for-each>
+
+            <!-- auto-remove when 100% -->
+            <xsl:if test="$percent ge 100">
+                <xsl:sequence select="ldh:end-block-loading(map{ 'container': $container }, ())[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:if>
+        </xsl:if>
+    </xsl:function>
+
+    <!-- block delete -->
+
+    <xsl:function name="ldh:block-delete-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="block" select="$context('block')" as="element()"/>
+
+        <xsl:choose>
+            <xsl:when test="$response?status = (200, 204)">
+                <!-- the whole row goes: removing only the card would leave an empty .ldh-block-row shell -->
+                <xsl:for-each select="($block/ancestor::div[contains-token(@class, 'ldh-block-row')][1], $block)[1]">
+                    <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ac:label(key('resources', 'block-not-deleted', ldh:translations())) ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:otherwise>
+        </xsl:choose>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+    
+    <!-- block move (drag & drop) -->
+
+    <xsl:function name="ldh:block-moved" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+
+        <ixsl:set-style name="cursor" select="''" object="ixsl:page()//body"/>
+
+        <!-- revert the optimistic DOM move if the PATCH failed -->
+        <xsl:if test="not($response?status = 204)">
+            <xsl:variable name="source-block" select="$context('source-block')" as="element()"/>
+            <xsl:choose>
+                <xsl:when test="exists($context('source-next'))">
+                    <xsl:sequence select="ixsl:call($context('source-next'), 'before', [ $source-block ])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:sequence select="ixsl:call($source-block/.., 'append', [ $source-block ])[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:otherwise>
+            </xsl:choose>
+
+            <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ac:label(key('resources', 'could-not-move-block', ldh:translations())) ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:if>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
+    <!-- the block bundle: this module is the base machinery (ldh:load-block, ldh:end-block-loading,
+         the metadata loaders, ldh:CreateBlock, progress); chart.xsl is the shared renderer the others
+         call down into (ldh:RenderChart); object/view/query sit above and call only downward - no
+         circular dependency exists. xsl:include, not import: the sub-modules disambiguate against each
+         other and this module by @priority, which only resolves at equal precedence. -->
+    <xsl:include href="block/object.xsl"/>
+    <xsl:include href="block/view.xsl"/>
+    <xsl:include href="block/chart.xsl"/>
+    <xsl:include href="block/query.xsl"/>
+
+</xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/chart.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/chart.xsl
similarity index 58%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/chart.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/chart.xsl
index 0f2976dd47..af98af99f3 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/chart.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/chart.xsl
@@ -36,18 +36,26 @@ xmlns:sd="&sd;"
 xmlns:sp="&sp;"
 xmlns:spin="&spin;"
 xmlns:dct="&dct;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
 
     <!-- TEMPLATES -->
     
+    <!-- update the chart resource before saving. A mode of its own, not shared with the query save. -->
+
+    <!-- identity transform -->
+    <xsl:template match="@* | node()" mode="ldh:replace-chart">
+        <xsl:copy>
+            <xsl:apply-templates select="@* | node()" mode="#current"/>
+        </xsl:copy>
+    </xsl:template>
+
     <!-- set chart properties -->
 
-    <xsl:template match="ldh:chartType | ldh:categoryVarName | ldh:categoryProperty | ldh:seriesVarName | ldh:seriesProperty" mode="ldh:Identity" priority="1"/>
+    <xsl:template match="ldh:chartType | ldh:categoryVarName | ldh:categoryProperty | ldh:seriesVarName | ldh:seriesProperty" mode="ldh:replace-chart" priority="1"/>
 
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;ResultSetChart']" mode="ldh:Identity" priority="1">
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;ResultSetChart']" mode="ldh:replace-chart" priority="1">
         <xsl:param name="chart-type" as="xs:anyURI" tunnel="yes"/>
         <xsl:param name="category" as="xs:string?" tunnel="yes"/>
         <xsl:param name="series" as="xs:string*" tunnel="yes"/>
@@ -71,7 +79,7 @@ exclude-result-prefixes="#all"
         </xsl:copy>
     </xsl:template>
     
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;GraphChart']" mode="ldh:Identity" priority="1">
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;GraphChart']" mode="ldh:replace-chart" priority="1">
         <xsl:param name="chart-type" as="xs:anyURI" tunnel="yes"/>
         <xsl:param name="category" as="xs:string?" tunnel="yes"/>
         <xsl:param name="series" as="xs:string*" tunnel="yes"/>
@@ -118,6 +126,11 @@ exclude-result-prefixes="#all"
         </xsl:if>
         
         <xsl:variable name="chart" select="ixsl:new($chart-class, [ id($canvas-id, ixsl:page()) ])"/>
+        <!-- design tokens resolved at draw time - Google Charts takes concrete color strings, not var() references -->
+        <xsl:variable name="axis-text-style" select="map{ 'color': ldh:css-token('--fg-muted') }" as="map(*)"/>
+        <xsl:variable name="axis-title-style" select="map{ 'color': ldh:css-token('--fg-2'), 'italic': false() }" as="map(*)"/>
+        <xsl:variable name="gridline-style" select="map{ 'color': ldh:css-token('--border-default') }" as="map(*)"/>
+        <xsl:variable name="baseline-color" select="ldh:css-token('--border-strong')" as="xs:string"/>
         <xsl:variable name="options" as="map(xs:string, item())">
             <xsl:map>
                 <xsl:if test="exists($width)">
@@ -126,17 +139,30 @@ exclude-result-prefixes="#all"
                 <xsl:if test="exists($height)">
                     <xsl:map-entry key="'height'" select="$height"/>
                 </xsl:if>
-                <xsl:if test="$chart-type = '&ac;Table'">
-                    <xsl:map-entry key="'allowHtml'" select="true()"/>
-                </xsl:if>
+                <xsl:choose>
+                    <!-- the Table chart renders as HTML - it is skinned by CSS in ldh.css, not draw options -->
+                    <xsl:when test="$chart-type = '&ac;Table'">
+                        <xsl:map-entry key="'allowHtml'" select="true()"/>
+                        <!-- the HTML table sizes to content by default, unlike the SVG charts which fill their container -->
+                        <xsl:if test="not(exists($width))">
+                            <xsl:map-entry key="'width'" select="'100%'"/>
+                        </xsl:if>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:map-entry key="'colors'" select="array{ ('--ldh-blue-500', '--ldh-violet-500', '--success-500', '--warning-500', '--danger-500', '--ldh-blue-300', '--ldh-violet-300') ! ldh:css-token(.)[. ne ''] }"/>
+                        <xsl:map-entry key="'backgroundColor'" select="'transparent'"/>
+                        <xsl:map-entry key="'fontName'" select="normalize-space(translate((tokenize(ldh:css-token('--font-sans'), ',')[1], '')[1], '''&quot;', ''))"/>
+                        <xsl:map-entry key="'legend'" select="map{ 'textStyle': $axis-title-style }"/>
+                    </xsl:otherwise>
+                </xsl:choose>
                 <xsl:choose>
                     <xsl:when test="$chart-type = '&ac;BarChart'">
-                        <xsl:map-entry key="'hAxis'" select="map{ 'title': $series[1] }"/>
-                        <xsl:map-entry key="'vAxis'" select="map{ 'title': $category }"/>
+                        <xsl:map-entry key="'hAxis'" select="map{ 'title': $series[1], 'textStyle': $axis-text-style, 'titleTextStyle': $axis-title-style, 'gridlines': $gridline-style, 'baselineColor': $baseline-color }"/>
+                        <xsl:map-entry key="'vAxis'" select="map{ 'title': $category, 'textStyle': $axis-text-style, 'titleTextStyle': $axis-title-style, 'gridlines': $gridline-style, 'baselineColor': $baseline-color }"/>
                     </xsl:when>
                     <xsl:otherwise>
-                        <xsl:map-entry key="'hAxis'" select="map{ 'title': $category }"/>
-                        <xsl:map-entry key="'vAxis'" select="map{ 'title': $series[1] }"/>
+                        <xsl:map-entry key="'hAxis'" select="map{ 'title': $category, 'textStyle': $axis-text-style, 'titleTextStyle': $axis-title-style, 'gridlines': $gridline-style, 'baselineColor': $baseline-color }"/>
+                        <xsl:map-entry key="'vAxis'" select="map{ 'title': $series[1], 'textStyle': $axis-text-style, 'titleTextStyle': $axis-title-style, 'gridlines': $gridline-style, 'baselineColor': $baseline-color }"/>
                     </xsl:otherwise>
                 </xsl:choose>
             </xsl:map>
@@ -152,104 +178,26 @@ exclude-result-prefixes="#all"
         <xsl:param name="category" as="xs:string?"/>
         <xsl:param name="series" as="xs:string*"/>
         
-        <xsl:call-template name="ac:draw-chart">
-            <xsl:with-param name="data-table" select="$data-table"/>
-            <xsl:with-param name="canvas-id" select="$canvas-id"/>
-            <xsl:with-param name="chart-type" select="$chart-type"/>
-            <xsl:with-param name="category" select="$category"/>
-            <xsl:with-param name="series" select="$series"/>
-            <xsl:with-param name="height" select="400"/>
-        </xsl:call-template>
-    </xsl:template>
-    
-    <xsl:template name="ldh:RenderChartForm">
-        <xsl:context-item as="document-node()" use="required"/> <!-- chart query result (rdf:RDF or srx:sparql) -->
-        <xsl:param name="container" as="element()"/>
-        <xsl:param name="category" as="xs:string?"/>
-        <xsl:param name="series" as="xs:string*"/>
-
-        <xsl:variable name="results" select="." as="document-node()"/>
-
-        <xsl:if test="rdf:RDF">
-            <xsl:for-each select="$container//select[contains-token(@class, 'chart-category')]">
-                <xsl:result-document href="?." method="ixsl:replace-content">
-                    <option value="">
-                        <!-- URI is the default category -->
-                        <xsl:if test="not($category)">
-                            <xsl:attribute name="selected" select="'selected'"/>
-                        </xsl:if>
-
-                        <xsl:text>[URI/ID]</xsl:text>
-                    </option>
-
-                    <xsl:for-each-group select="$results/rdf:RDF/*/*" group-by="concat(namespace-uri(), local-name())">
-                        <xsl:sort select="ac:property-label(.)" order="ascending" lang="{$ac:lang}"/>
-
-                        <option value="{current-grouping-key()}">
-                            <xsl:if test="$category = current-grouping-key()">
-                                <xsl:attribute name="selected" select="'selected'"/>
-                            </xsl:if>
-
-                            <xsl:value-of>
-                                <xsl:apply-templates select="current-group()[1]" mode="ac:property-label"/>
-                            </xsl:value-of>
-                        </option>
-                    </xsl:for-each-group>
-                </xsl:result-document>
-            </xsl:for-each>
-
-            <xsl:for-each select="$container//select[contains-token(@class, 'chart-series')]">
-                <xsl:result-document href="?." method="ixsl:replace-content">
-                    <xsl:for-each-group select="$results/rdf:RDF/*/*" group-by="concat(namespace-uri(), local-name())">
-                        <xsl:sort select="ac:property-label(.)" order="ascending" lang="{$ac:lang}"/>
-
-                        <option value="{current-grouping-key()}">
-                            <xsl:if test="$series = current-grouping-key()">
-                                <xsl:attribute name="selected" select="'selected'"/>
-                            </xsl:if>
-
-                            <xsl:value-of>
-                                <xsl:apply-templates select="current-group()[1]" mode="ac:property-label"/>
-                            </xsl:value-of>
-                        </option>
-                    </xsl:for-each-group>
-                </xsl:result-document>
-            </xsl:for-each>
-        </xsl:if>
-
-        <xsl:if test="srx:sparql">
-            <xsl:for-each select="$container//select[contains-token(@class, 'chart-category')]">
-                <xsl:result-document href="?." method="ixsl:replace-content">
-                    <xsl:for-each select="$results//srx:head/srx:variable">
-                        <!-- leave the original variable order so it can be controlled from query -->
-
-                        <option value="{@name}">
-                            <xsl:if test="$category = @name">
-                                <xsl:attribute name="selected" select="'selected'"/>
-                            </xsl:if>
-
-                            <xsl:value-of select="@name"/>
-                        </option>
-                    </xsl:for-each>
-                </xsl:result-document>
-            </xsl:for-each>
-
-            <xsl:for-each select="$container//select[contains-token(@class, 'chart-series')]">
-                <xsl:result-document href="?." method="ixsl:replace-content">
-                    <xsl:for-each select="$results//srx:head/srx:variable">
-                        <!-- leave the original variable order so it can be controlled from query -->
-
-                        <option value="{@name}">
-                            <xsl:if test="$series = @name">
-                                <xsl:attribute name="selected" select="'selected'"/>
-                            </xsl:if>
-
-                            <xsl:value-of select="@name"/>
-                        </option>
-                    </xsl:for-each>
-                </xsl:result-document>
-            </xsl:for-each>
-        </xsl:if>
+        <xsl:choose>
+            <!-- a result set with no rows has nothing to chart, and Google Charts validates column types whether or not there are rows to draw: a variable bound in no result types as a string, which it refuses on a value axis, so the absence of data was reported as a datatype error -->
+            <xsl:when test="xs:double(ixsl:call($data-table, 'getNumberOfRows', [])) = 0">
+                <xsl:for-each select="id($canvas-id, ixsl:page())">
+                    <xsl:result-document href="?." method="ixsl:replace-content">
+                        <xsl:apply-templates select="." mode="ldh:BlockBlank"/>
+                    </xsl:result-document>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:call-template name="ac:draw-chart">
+                    <xsl:with-param name="data-table" select="$data-table"/>
+                    <xsl:with-param name="canvas-id" select="$canvas-id"/>
+                    <xsl:with-param name="chart-type" select="$chart-type"/>
+                    <xsl:with-param name="category" select="$category"/>
+                    <xsl:with-param name="series" select="$series"/>
+                    <xsl:with-param name="height" select="400"/>
+                </xsl:call-template>
+            </xsl:otherwise>
+        </xsl:choose>
     </xsl:template>
     
     <!-- render chart block -->
@@ -261,29 +209,13 @@ exclude-result-prefixes="#all"
         <xsl:param name="graph" select="descendant::*[@property = '&ldh;graph']/@resource" as="xs:anyURI?"/>
         <xsl:param name="mode" select="descendant::*[@property = '&ac;mode']/@resource" as="xs:anyURI?"/>
         <xsl:param name="container-id" select="ixsl:get($container, 'id')" as="xs:string"/>
-        <xsl:param name="method" select="'patch'" as="xs:string"/>
-        <xsl:param name="action" select="xs:anyURI('')" as="xs:anyURI"/>
-        <xsl:param name="button-class" select="'btn'" as="xs:string?"/>
-        <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
-        <xsl:param name="enctype" as="xs:string?"/>
         <xsl:param name="chart-type-id" select="'chart-type-' || generate-id()" as="xs:string"/>
         <xsl:param name="category-id" select="'category-' || generate-id()" as="xs:string"/>
         <xsl:param name="series-id" select="'series-' || generate-id()" as="xs:string"/>
-        <xsl:param name="form-actions" as="element()?">
-            <div class="form-actions">
-                <button class="btn btn-primary btn-save-chart" type="button">
-                    <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                        <xsl:with-param name="class" select="'btn btn-primary btn-save-chart'"/>
-                    </xsl:apply-templates>
-
-                    <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </button>
-            </div>
-        </xsl:param>
         <xsl:variable name="query-uri" select="descendant::*[@property = '&spin;query']/@resource" as="xs:anyURI"/>
         <xsl:variable name="chart-type" select="descendant::*[@property = '&ldh;chartType']/@resource" as="xs:anyURI?"/>
-        <xsl:variable name="category" select="descendant::*[@property = '&ldh;categoryProperty']/@resource | descendant::*[@property = '&ldh;categoryVarName']/text()" as="xs:string?"/>
-        <xsl:variable name="series" select="descendant::*[@property = '&ldh;seriesProperty']/@resource | descendant::*[@property = '&ldh;seriesVarName']/text()" as="xs:string*"/>
+        <xsl:variable name="category" select="descendant::*[@property = '&ldh;categoryProperty']/@resource | descendant::*[@property = '&ldh;categoryVarName']/text()[normalize-space()]" as="xs:string?"/>
+        <xsl:variable name="series" select="descendant::*[@property = '&ldh;seriesProperty']/@resource | descendant::*[@property = '&ldh;seriesVarName']/text()[normalize-space()]" as="xs:string*"/>
         <xsl:variable name="canvas-id" select="generate-id() || '-chart-canvas'" as="xs:string?"/>
         <xsl:variable name="canvas-class" select="'chart-canvas'" as="xs:string?"/>
 
@@ -305,10 +237,6 @@ exclude-result-prefixes="#all"
             'block': $block,
             'container': $container,
             'container-id': $container-id,
-            'method': $method,
-            'action': $action,
-            'accept-charset': $accept-charset,
-            'enctype': $enctype,
             'chart-type-id': $chart-type-id,
             'category-id': $category-id,
             'series-id': $series-id,
@@ -318,7 +246,6 @@ exclude-result-prefixes="#all"
             'series': $series,
             'canvas-id': $canvas-id,
             'canvas-class': $canvas-class,
-            'form-actions': $form-actions,
             'cache': $cache
           }"/>
         
@@ -369,108 +296,35 @@ exclude-result-prefixes="#all"
     <xsl:function name="ldh:render-chart" as="map(*)" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="container" select="$context('container')" as="element()"/>
-        <xsl:variable name="method" select="$context('method')" as="xs:string"/>
-        <xsl:variable name="action" select="$context('action')" as="xs:anyURI"/>
-        <xsl:variable name="accept-charset" select="$context('accept-charset')" as="xs:string?"/>
-        <xsl:variable name="enctype" select="$context('enctype')" as="xs:string?"/>
         <xsl:variable name="chart-type-id" select="$context('chart-type-id')" as="xs:string"/>
         <xsl:variable name="category-id" select="$context('category-id')" as="xs:string"/>
         <xsl:variable name="series-id" select="$context('series-id')" as="xs:string"/>
         <xsl:variable name="chart-type" select="$context('chart-type')" as="xs:anyURI?"/>
         <xsl:variable name="canvas-id" select="$context('canvas-id')" as="xs:string?"/>
         <xsl:variable name="canvas-class" select="$context('canvas-class')" as="xs:string?"/>
-        <xsl:variable name="form-actions" select="$context('form-actions')" as="element()?"/>
+        <!-- placeholder results: the header renders with empty category/series options until ldh:chart-results-response re-renders it from the real results -->
+        <xsl:variable name="results" as="document-node()">
+            <xsl:document>
+                <rdf:RDF/>
+            </xsl:document>
+        </xsl:variable>
 
         <xsl:message>ldh:render-chart</xsl:message>
 
         <xsl:for-each select="$container//div[contains-token(@class, 'main')]">
-            <xsl:variable name="header" select="./div/div[@class = 'well']" as="element()"/>
-
             <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:copy-of select="$header"/>
-
-                <form method="{$method}" action="{$action}">
-                    <xsl:if test="$accept-charset">
-                        <xsl:attribute name="accept-charset" select="$accept-charset"/>
-                    </xsl:if>
-                    <xsl:if test="$enctype">
-                        <xsl:attribute name="enctype" select="$enctype"/>
-                    </xsl:if>
-
-                    <fieldset>
-                        <div class="row-fluid">
-                            <div class="span4">
-                                <label for="{$chart-type-id}">
-                                    <xsl:value-of>
-                                        <xsl:apply-templates select="key('resources', '&ldh;chartType', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                                    </xsl:value-of>
-                                </label>
-                                <!--  TO-DO: replace with xsl:apply-templates on ac:Chart subclasses as in imports/ldh.xsl -->
-                                <select id="{$chart-type-id}" name="ou" class="input-medium chart-type">
-                                    <option value="&ac;Table">
-                                        <xsl:if test="$chart-type = '&ac;Table'">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:text>Table</xsl:text>
-                                    </option>
-                                    <option value="&ac;ScatterChart">
-                                        <xsl:if test="$chart-type = '&ac;ScatterChart'">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:text>Scatter chart</xsl:text>
-                                    </option>
-                                    <option value="&ac;LineChart">
-                                        <xsl:if test="$chart-type = '&ac;LineChart'">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:text>Line chart</xsl:text>
-                                    </option>
-                                    <option value="&ac;BarChart">
-                                        <xsl:if test="$chart-type = '&ac;BarChart'">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:text>Bar chart</xsl:text>
-                                    </option>
-                                    <option value="&ac;Timeline">
-                                        <xsl:if test="$chart-type = '&ac;Timeline'">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:text>Timeline</xsl:text>
-                                    </option>
-                                </select>
-                            </div>
-                            <div class="span4">
-                                <label for="{$category-id}">Category</label>
-                                <select id="{$category-id}" name="ou" class="input-large chart-category"></select>
-                            </div>
-                            <div class="span4">
-                                <label for="{$series-id}">Series</label>
-                                <select id="{$series-id}" name="ou" multiple="multiple" class="input-large chart-series"></select>
-                            </div>
-                        </div>
-                    </fieldset>
-
-                    <div>
-                        <xsl:if test="$canvas-id">
-                            <xsl:attribute name="id" select="$canvas-id"/>
-                        </xsl:if>
-                        <xsl:if test="$canvas-class">
-                            <xsl:attribute name="class" select="$canvas-class"/>
-                        </xsl:if>
-                    </div>
-
-                    <xsl:if test="acl:mode() = '&acl;Write'">
-                        <xsl:sequence select="$form-actions"/>
-                    </xsl:if>
-                </form>
+                <xsl:apply-templates select="$results/rdf:RDF" mode="ldh:Chart">
+                    <xsl:with-param name="chart-type" select="($chart-type, xs:anyURI('&ac;Table'))[1]"/>
+                    <xsl:with-param name="chart-type-id" select="$chart-type-id"/>
+                    <xsl:with-param name="category-id" select="$category-id"/>
+                    <xsl:with-param name="series-id" select="$series-id"/>
+                    <xsl:with-param name="canvas-id" select="$canvas-id"/>
+                    <xsl:with-param name="canvas-class" select="$canvas-class"/>
+                    <xsl:with-param name="show-save" select="acl:mode() = '&acl;Write'"/>
+                </xsl:apply-templates>
             </xsl:result-document>
         </xsl:for-each>
-        
+
         <xsl:sequence select="$context"/>
     </xsl:function>
     
@@ -480,9 +334,9 @@ exclude-result-prefixes="#all"
     
     <xsl:template match="select[contains-token(@class, 'chart-type')]" mode="ixsl:onchange">
         <xsl:variable name="chart-type" select="ixsl:get(., 'value')" as="xs:anyURI"/>
-        <xsl:variable name="category" select="../..//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
+        <xsl:variable name="category" select="ancestor::div[contains-token(@class, 'chart-controls')][1]//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
         <xsl:variable name="series" as="xs:string*">
-            <xsl:for-each select="../..//select[contains-token(@class, 'chart-series')]">
+            <xsl:for-each select="ancestor::div[contains-token(@class, 'chart-controls')][1]//select[contains-token(@class, 'chart-series')]">
                 <xsl:variable name="select" select="." as="element()"/>
                 <xsl:for-each select="0 to xs:integer(ixsl:get(., 'selectedOptions.length')) - 1">
                     <xsl:sequence select="ixsl:get(ixsl:call(ixsl:get($select, 'selectedOptions'), 'item', [ . ]), 'value')"/>
@@ -490,10 +344,10 @@ exclude-result-prefixes="#all"
             </xsl:for-each>
         </xsl:variable>
         <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
-        <xsl:variable name="block-id" select="$block/@id" as="xs:string?"/>
+        <xsl:variable name="block-id" select="$block/ldh:block-id(.)" as="xs:string?"/>
         <!-- if there is no block, the chart is rendering the current document -->
         <xsl:variable name="block-uri" select="if ($block/@about) then $block/@about else (if ($block-id) then xs:anyURI(ac:absolute-path(ldh:base-uri(.)) || '#' || $block-id) else ac:absolute-path(ldh:base-uri(.)))" as="xs:anyURI"/>
-        <xsl:variable name="chart-canvas-id" select="ancestor::fieldset/following-sibling::div/@id" as="xs:string"/>
+        <xsl:variable name="chart-canvas-id" select="ancestor::div[contains-token(@class, 'chart-controls')][1]/following-sibling::div[contains-token(@class, 'chart-canvas')][1]/@id" as="xs:string"/>
         <xsl:variable name="results" select="if (ixsl:contains(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'results')) then ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'results') else root(ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'content'))" as="document-node()"/>
         
         <xsl:if test="not($chart-type) or not($category or $results/rdf:RDF) or empty($series)">
@@ -515,10 +369,10 @@ exclude-result-prefixes="#all"
     <!-- category onchange -->
 
     <xsl:template match="select[contains-token(@class, 'chart-category')]" mode="ixsl:onchange">
-        <xsl:variable name="chart-type" select="../..//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI"/>
+        <xsl:variable name="chart-type" select="ancestor::div[contains-token(@class, 'chart-controls')][1]//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI"/>
         <xsl:variable name="category" select="ixsl:get(., 'value')" as="xs:string?"/>
         <xsl:variable name="series" as="xs:string*">
-            <xsl:for-each select="../..//select[contains-token(@class, 'chart-series')]">
+            <xsl:for-each select="ancestor::div[contains-token(@class, 'chart-controls')][1]//select[contains-token(@class, 'chart-series')]">
                 <xsl:variable name="select" select="." as="element()"/>
                 <xsl:for-each select="0 to xs:integer(ixsl:get(., 'selectedOptions.length')) - 1">
                     <xsl:sequence select="ixsl:get(ixsl:call(ixsl:get($select, 'selectedOptions'), 'item', [ . ]), 'value')"/>
@@ -526,10 +380,10 @@ exclude-result-prefixes="#all"
             </xsl:for-each>
         </xsl:variable>
         <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
-        <xsl:variable name="block-id" select="$block/@id" as="xs:string?"/>
+        <xsl:variable name="block-id" select="$block/ldh:block-id(.)" as="xs:string?"/>
         <!-- if there is no block, the chart is rendering the current document -->
         <xsl:variable name="block-uri" select="if ($block/@about) then $block/@about else (if ($block-id) then xs:anyURI(ac:absolute-path(ldh:base-uri(.)) || '#' || $block-id) else ac:absolute-path(ldh:base-uri(.)))" as="xs:anyURI"/>
-        <xsl:variable name="chart-canvas-id" select="ancestor::fieldset/following-sibling::div/@id" as="xs:string"/>
+        <xsl:variable name="chart-canvas-id" select="ancestor::div[contains-token(@class, 'chart-controls')][1]/following-sibling::div[contains-token(@class, 'chart-canvas')][1]/@id" as="xs:string"/>
         <xsl:variable name="results" select="if (ixsl:contains(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'results')) then ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'results') else root(ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'content'))" as="document-node()"/>
 
         <xsl:if test="not($chart-type) or not($category or $results/rdf:RDF) or empty($series)">
@@ -551,8 +405,8 @@ exclude-result-prefixes="#all"
     <!-- series onchange -->
 
     <xsl:template match="select[contains-token(@class, 'chart-series')]" mode="ixsl:onchange">
-        <xsl:variable name="chart-type" select="../..//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI"/>
-        <xsl:variable name="category" select="../..//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
+        <xsl:variable name="chart-type" select="ancestor::div[contains-token(@class, 'chart-controls')][1]//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI"/>
+        <xsl:variable name="category" select="ancestor::div[contains-token(@class, 'chart-controls')][1]//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
         <xsl:variable name="series" as="xs:string*">
             <xsl:variable name="select" select="." as="element()"/>
             <xsl:for-each select="0 to xs:integer(ixsl:get(., 'selectedOptions.length')) - 1">
@@ -560,10 +414,10 @@ exclude-result-prefixes="#all"
             </xsl:for-each>
         </xsl:variable>
         <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
-        <xsl:variable name="block-id" select="$block/@id" as="xs:string?"/>
+        <xsl:variable name="block-id" select="$block/ldh:block-id(.)" as="xs:string?"/>
         <!-- if there is no block, the chart is rendering the current document -->
         <xsl:variable name="block-uri" select="if ($block/@about) then $block/@about else (if ($block-id) then xs:anyURI(ac:absolute-path(ldh:base-uri(.)) || '#' || $block-id) else ac:absolute-path(ldh:base-uri(.)))" as="xs:anyURI"/>
-        <xsl:variable name="chart-canvas-id" select="ancestor::fieldset/following-sibling::div/@id" as="xs:string"/>
+        <xsl:variable name="chart-canvas-id" select="ancestor::div[contains-token(@class, 'chart-controls')][1]/following-sibling::div[contains-token(@class, 'chart-canvas')][1]/@id" as="xs:string"/>
         <xsl:variable name="results" select="if (ixsl:contains(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'results')) then ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'results') else root(ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'content'))" as="document-node()"/>
 
         <xsl:if test="not($chart-type) or not($category or $results/rdf:RDF) or empty($series)">
@@ -582,153 +436,57 @@ exclude-result-prefixes="#all"
         </xsl:call-template>
     </xsl:template>
     
-    <!-- Terminal callback for the btn-create-chart promise chain. Reads context (including async-fetched
-         constructors and shapes), does the remaining (still-sync) type-metadata/property-metadata/constraints
-         fetches, applies bs2:RowForm to the freshly-built chart constructed-doc, and inserts the row-form
-         after context('block'). -->
-    <xsl:function name="ldh:render-chart-row-form" as="item()*" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="block" select="$context('block')" as="element()"/>
-        <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
-        <xsl:variable name="base-uri" select="$context('base-uri')" as="xs:anyURI"/>
-        <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
-        <xsl:variable name="resource" select="$context('resource')" as="element()"/>
-        <xsl:variable name="types" select="$context('types')" as="xs:anyURI*"/>
-        <xsl:variable name="constructors" select="$context('constructors')" as="document-node()?"/>
-        <xsl:variable name="shapes" select="$context('shapes')" as="document-node()?"/>
-        <xsl:variable name="method" select="$context('method')" as="xs:string"/>
-
-        <xsl:variable name="row-form" as="element()*">
-            <!-- TO-DO: refactor remaining synchronous document() calls (type-metadata, property-metadata, constraints) into load/set pairs -->
-            <xsl:variable name="query-string" select="'DESCRIBE $Type VALUES $Type { ' || string-join(for $type in $types return '&lt;' || $type || '&gt;', ' ') || ' }'" as="xs:string"/>
-            <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': $query-string, 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
-            <xsl:variable name="type-metadata" select="if (exists($types)) then document($request-uri) else ()" as="document-node()?"/>
-
-            <xsl:variable name="property-uris" select="distinct-values($resource/*/concat(namespace-uri(), local-name()))" as="xs:string*"/>
-            <xsl:variable name="query-string" select="'DESCRIBE $Type VALUES $Type { ' || string-join(for $uri in $property-uris return '&lt;' || $uri || '&gt;', ' ') || ' }'" as="xs:string"/>
-            <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': $query-string, 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
-            <xsl:variable name="property-metadata" select="document($request-uri)" as="document-node()"/>
-
-            <xsl:variable name="query-string" select="$constraint-query || ' VALUES $Type { ' || string-join(for $type in $types return '&lt;' || $type || '&gt;', ' ') || ' }'" as="xs:string"/>
-            <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': $query-string, 'accept': 'application/sparql-results+xml' }), map{})" as="xs:anyURI"/>
-            <xsl:variable name="constraints" select="if (exists($types)) then document($request-uri) else ()" as="document-node()?"/>
-
-            <xsl:apply-templates select="$constructed-doc" mode="bs2:RowForm">
-                <xsl:with-param name="about" select="()"/>
-                <xsl:with-param name="method" select="$method"/>
-                <xsl:with-param name="action" select="ldh:href($doc-uri, map{})" as="xs:anyURI" tunnel="yes"/>
-                <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
-                <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
-                <xsl:with-param name="constructor" select="$constructed-doc" tunnel="yes"/>
-                <xsl:with-param name="constructors" select="$constructors" tunnel="yes"/>
-                <xsl:with-param name="constraints" select="$constraints" tunnel="yes"/>
-                <xsl:with-param name="shapes" select="$shapes" tunnel="yes"/>
-                <xsl:with-param name="base-uri" select="$base-uri" tunnel="yes"/>
-                <xsl:with-param name="show-cancel-button" select="false()"/>
-            </xsl:apply-templates>
-        </xsl:variable>
-
-        <!-- insert $row-form after the $block TO-DO: replace with <xsl:result-document href="?." method="ixsl:insert-after"> when SaxonJS 3 is available https://saxonica.plan.io/issues/5543 -->
-        <xsl:sequence select="ixsl:call($block, 'after', [ $row-form ])[current-date() lt xs:date('2000-01-01')]"/>
-
-        <!-- apply client-side templates on the appended row form (now following sibling of the $block) -->
-        <xsl:apply-templates select="$block/following-sibling::*[1]" mode="ldh:RenderRowForm"/>
-
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-    </xsl:function>
-
     <!-- create chart onclick (appends a new chart block after this, with query and category/series fields filled out) -->
 
-    <xsl:template match="div[contains-token(@class, 'block')][@about][@typeof]//button[contains-token(@class, 'btn-create-chart')]" mode="ixsl:onclick">
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
+    <!-- the block wrapper carries @about but not @typeof - ldh:BlockRow has the typeof attribute commented out
+         (resource.xsl), leaving @typeof on the inner .block-row - so matching on both never fires -->
+    <xsl:template match="div[contains-token(@class, 'block')][@about]//button[contains-token(@class, 'btn-create-chart')]" mode="ixsl:onclick">
+        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][@about][1]" as="element()"/>
         <xsl:variable name="textarea-id" select="$block//textarea[@name = 'query']/ixsl:get(., 'id')" as="xs:string"/>
         <xsl:variable name="yasqe" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe'), $textarea-id)"/>
         <xsl:variable name="query-string" select="ixsl:call($yasqe, 'getValue', [])" as="xs:string"/> <!-- get query string from YASQE -->
         <xsl:variable name="query-type" select="ldh:query-type($query-string)" as="xs:string"/>
         <xsl:variable name="forClass" select="if ($query-type = ('SELECT', 'ASK')) then xs:anyURI('&ldh;ResultSetChart') else xs:anyURI('&ldh;GraphChart')" as="xs:anyURI"/>
-        <xsl:variable name="chart-type" select="../..//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI?"/>
-        <xsl:variable name="category" select="../..//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
+        <!-- the create button rides the chart's .ldh-block-foot, a sibling of the .chart-controls grid -->
+        <xsl:variable name="chart-controls" select="ancestor::div[contains-token(@class, 'ldh-block-foot')][1]/preceding-sibling::div[contains-token(@class, 'chart-controls')][1]" as="element()"/>
+        <xsl:variable name="chart-type" select="$chart-controls//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI?"/>
+        <xsl:variable name="category" select="$chart-controls//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
         <xsl:variable name="series" as="xs:string*">
-            <xsl:for-each select="../..//select[contains-token(@class, 'chart-series')]">
+            <xsl:for-each select="$chart-controls//select[contains-token(@class, 'chart-series')]">
                 <xsl:variable name="select" select="." as="element()"/>
                 <xsl:for-each select="0 to xs:integer(ixsl:get(., 'selectedOptions.length')) - 1">
                     <xsl:sequence select="ixsl:get(ixsl:call(ixsl:get($select, 'selectedOptions'), 'item', [ . ]), 'value')"/>
                 </xsl:for-each>
             </xsl:for-each>
         </xsl:variable>
-        <xsl:variable name="constructed-doc-raw" as="document-node()">
-            <xsl:document>
-                <rdf:RDF>
-                    <rdf:Description rdf:nodeID="chart">
-                        <rdf:type rdf:resource="{$forClass}"/>
-                        <dct:title rdf:nodeID="title"/>
-                        <ldh:chartType rdf:resource="{$chart-type}"/>
-                        <ldh:categoryVarName><xsl:value-of select="$category"/></ldh:categoryVarName>
-                        <xsl:for-each select="$series">
-                            <ldh:seriesVarName><xsl:value-of select="."/></ldh:seriesVarName>
-                        </xsl:for-each>
-                        <spin:query rdf:resource="{$block/@about}"/>
-                    </rdf:Description>
-                    <rdf:Description rdf:nodeID="title">
-                        <rdf:type rdf:resource="&xsd;string"/>
-                    </rdf:Description>
-                </rdf:RDF>
-            </xsl:document>
-        </xsl:variable>
-        <xsl:variable name="doc-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
-        <xsl:variable name="id" select="'id' || ac:uuid()" as="xs:string"/>
-        <xsl:variable name="this" select="xs:anyURI($doc-uri || '#' || $id)" as="xs:anyURI"/>
-        <!-- set document URI instead of blank node (synthetic constructed-doc, no network fetch) -->
-        <xsl:variable name="constructed-doc" as="document-node()">
-            <xsl:document>
-                <xsl:apply-templates select="$constructed-doc-raw" mode="ldh:SetResourceID">
-                    <xsl:with-param name="forClass" select="$forClass" tunnel="yes"/>
-                    <xsl:with-param name="about" select="$this" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:document>
-        </xsl:variable>
-
-        <xsl:variable name="resource" select="key('resources-by-type', $forClass, $constructed-doc)[not(key('predicates-by-object', @rdf:nodeID))]" as="element()"/>
-        <xsl:variable name="types" select="for $t in distinct-values($resource/rdf:type/@rdf:resource) return xs:anyURI($t)" as="xs:anyURI*"/>
-
-        <xsl:variable name="context" as="map(*)" select="map{
-            'block': $block,
-            'doc-uri': $doc-uri,
-            'base-uri': $doc-uri,
-            'constructed-doc': $constructed-doc,
-            'resource': $resource,
-            'types': $types,
-            'forClass': $forClass,
-            'method': 'post'
-        }"/>
-
-        <ixsl:promise select="ixsl:resolve($context) =>
-            ixsl:then(ldh:load-constructors#1) =>
-            ixsl:then(ldh:http-request-threaded(?, 'constructors-request', 'constructors-response')) =>
-            ixsl:then(ldh:handle-response(?, 'constructors-response')) =>
-            ixsl:then(ldh:set-constructors#1) =>
-            ixsl:then(ldh:load-shapes#1) =>
-            ixsl:then(ldh:http-request-threaded(?, 'shapes-request', 'shapes-response')) =>
-            ixsl:then(ldh:handle-response(?, 'shapes-response')) =>
-            ixsl:then(ldh:set-shapes#1) =>
-            ixsl:then(ldh:render-chart-row-form#1)"
-            on-failure="ldh:promise-failure#1"/>
+        <xsl:call-template name="ldh:CreateBlock">
+            <xsl:with-param name="block" select="$block"/>
+            <xsl:with-param name="forClass" select="$forClass"/>
+            <!-- title/description come from the class constructor; these are what make it *this* chart -->
+            <xsl:with-param name="properties" as="element()*">
+                <ldh:chartType rdf:resource="{$chart-type}"/>
+                <ldh:categoryVarName><xsl:value-of select="$category"/></ldh:categoryVarName>
+                <xsl:for-each select="$series">
+                    <ldh:seriesVarName><xsl:value-of select="."/></ldh:seriesVarName>
+                </xsl:for-each>
+                <spin:query rdf:resource="{$block/@about}"/>
+            </xsl:with-param>
+        </xsl:call-template>
     </xsl:template>
     
     <!-- save chart onclick -->
     <!-- TO-DO: use @typeof in match so that we don't need a custom button.btn-save-chart class -->
     
     <xsl:template match="div[@typeof]//button[contains-token(@class, 'btn-save-chart')]" mode="ixsl:onclick">
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
         <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
         <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
         <xsl:variable name="about" select="$block/@about" as="xs:anyURI"/>
         <xsl:variable name="query-uri" select="$container//descendant::*[@property = '&spin;query']/@resource" as="xs:anyURI"/>
-        <xsl:variable name="chart-type" select="$container//form//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI?"/>
-        <xsl:variable name="category" select="$container//form//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
+        <xsl:variable name="chart-type" select="$container//div[contains-token(@class, 'chart-controls')]//select[contains-token(@class, 'chart-type')]/ixsl:get(., 'value')" as="xs:anyURI?"/>
+        <xsl:variable name="category" select="$container//div[contains-token(@class, 'chart-controls')]//select[contains-token(@class, 'chart-category')]/ixsl:get(., 'value')" as="xs:string?"/>
         <xsl:variable name="series" as="xs:string*">
-            <xsl:for-each select="$container//form//select[contains-token(@class, 'chart-series')]">
+            <xsl:for-each select="$container//div[contains-token(@class, 'chart-controls')]//select[contains-token(@class, 'chart-series')]">
                 <xsl:variable name="select" select="." as="element()"/>
                 <xsl:for-each select="0 to xs:integer(ixsl:get(., 'selectedOptions.length')) - 1">
                     <xsl:sequence select="ixsl:get(ixsl:call(ixsl:get($select, 'selectedOptions'), 'item', [ . ]), 'value')"/>
@@ -743,7 +501,7 @@ exclude-result-prefixes="#all"
         <xsl:variable name="chart" select="key('resources', $about, $doc)" as="element()"/>
         <!-- update the properties on the chart resource -->
         <xsl:variable name="chart" as="element()">
-            <xsl:apply-templates select="$chart" mode="ldh:Identity">
+            <xsl:apply-templates select="$chart" mode="ldh:replace-chart">
                 <xsl:with-param name="chart-type" select="$chart-type" tunnel="yes"/>
                 <xsl:with-param name="series" select="$series" tunnel="yes"/>
                 <xsl:with-param name="category" select="$category" tunnel="yes"/>
@@ -772,7 +530,8 @@ exclude-result-prefixes="#all"
           ixsl:http-request($context('request'))
             => ixsl:then(ldh:rethread-response($context, ?))
             => ixsl:then(ldh:handle-response#1)
-            => ixsl:then(ldh:row-form-response#1)
+            => ixsl:then(ldh:row-form-response#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         "/>
     </xsl:template>
     
@@ -825,18 +584,9 @@ exclude-result-prefixes="#all"
                 </xsl:when>
                 <xsl:otherwise>
                     <!-- error response - could not load query -->
-                    <xsl:for-each select="$container">
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <div class="alert alert-block">
-                                <strong>Could not load query from <a href="{$query-uri}"><xsl:value-of select="$query-uri"/></a></strong>
-                                <pre>
-                                    <xsl:value-of select="$response?message"/>
-                                </pre>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
+                    <xsl:sequence select="ldh:render-block-error($container, 'block-query-not-loaded', ldh:http-error-key($response?status), $query-uri, $response)"/>
 
-                    <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
 
                     <xsl:sequence select="
                       error(
@@ -879,11 +629,19 @@ exclude-result-prefixes="#all"
                         <xsl:variable name="category" select="if (exists($category)) then $category else (if (rdf:RDF) then distinct-values(rdf:RDF/*/*/concat(namespace-uri(), local-name()))[1] else srx:sparql/srx:head/srx:variable[1]/@name)" as="xs:string?"/>
                         <xsl:variable name="series" select="if (exists($series)) then $series else (if (rdf:RDF) then distinct-values(rdf:RDF/*/*/concat(namespace-uri(), local-name())) else srx:sparql/srx:head/srx:variable/@name)" as="xs:string*"/>
 
-                        <xsl:call-template name="ldh:RenderChartForm">
-                            <xsl:with-param name="container" select="$container"/>
-                            <xsl:with-param name="category" select="$category"/>
-                            <xsl:with-param name="series" select="$series"/>
-                        </xsl:call-template>
+                        <!-- re-render the chart header with the category/series options from the results -->
+                        <xsl:for-each select="$container//div[contains-token(@class, 'chart-controls')]">
+                            <xsl:result-document href="?." method="ixsl:replace-element">
+                                <xsl:apply-templates select="$results/*" mode="ldh:ChartControls">
+                                    <xsl:with-param name="chart-type" select="$chart-type"/>
+                                    <xsl:with-param name="category" select="$category"/>
+                                    <xsl:with-param name="series" select="$series"/>
+                                    <xsl:with-param name="chart-type-id" select="$context('chart-type-id')"/>
+                                    <xsl:with-param name="category-id" select="$context('category-id')"/>
+                                    <xsl:with-param name="series-id" select="$context('series-id')"/>
+                                </xsl:apply-templates>
+                            </xsl:result-document>
+                        </xsl:for-each>
 
                         <!-- Store results in cache -->
                         <ixsl:set-property name="results" select="$results" object="$context('cache')"/>
@@ -906,18 +664,9 @@ exclude-result-prefixes="#all"
                 </xsl:when>
                 <xsl:otherwise>
                     <!-- error response - could not load query results -->
-                    <xsl:for-each select="$container">
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <div class="alert alert-block">
-                                <strong>Error during query execution:</strong>
-                                <pre>
-                                    <xsl:value-of select="$response?message"/>
-                                </pre>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
+                    <xsl:sequence select="ldh:render-block-error($container, 'block-query-failed', ldh:http-error-key($response?status), (), $response)"/>
 
-                    <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
 
                     <xsl:sequence select="
                       error(
@@ -930,5 +679,5 @@ exclude-result-prefixes="#all"
             </xsl:choose>
         </xsl:for-each>
     </xsl:function>
-    
+
 </xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/object.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/object.xsl
similarity index 85%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/object.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/object.xsl
index 173b274e9f..6225833117 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/object.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/object.xsl
@@ -29,7 +29,6 @@ xmlns:acl="&acl;"
 xmlns:ldt="&ldt;"
 xmlns:sd="&sd;"
 xmlns:foaf="&foaf;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
@@ -37,14 +36,14 @@ exclude-result-prefixes="#all"
     <!-- TEMPLATES -->
 
     <!-- hide type control -->
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;Object']" mode="bs2:TypeControl" priority="1">
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;Object']" mode="ldh:TypeControl" priority="1">
         <xsl:next-match>
             <xsl:with-param name="hidden" select="true()"/>
         </xsl:next-match>
     </xsl:template>
     
     <!-- provide a property label which otherwise would default to local-name() client-side (since $property-metadata is not loaded) -->
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;Object']/rdfs:label | *[rdf:type/@rdf:resource = '&ldh;Object']/ac:mode" mode="bs2:FormControl">
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;Object']/rdfs:label | *[rdf:type/@rdf:resource = '&ldh;Object']/ac:mode" mode="ac:FormControl">
         <xsl:next-match>
             <xsl:with-param name="label" select="ac:property-label(.)"/>
         </xsl:next-match>
@@ -61,16 +60,16 @@ exclude-result-prefixes="#all"
         <xsl:param name="graph" select="descendant::*[@property = '&ldh;graph']/@resource" as="xs:anyURI?"/>
         <xsl:param name="mode" select="descendant::*[@property = '&ac;mode']/@resource" as="xs:anyURI?"/>
         <xsl:param name="refresh-content" as="xs:boolean?"/>
-        <xsl:param name="show-edit-button" select="false()" as="xs:boolean?"/>
+        <!-- empty by default: the loaded document's own acl:mode Link headers decide in ldh:block-object-value-response; a caller passes an explicit value only to force the button off (or on) -->
+        <xsl:param name="show-edit-button" as="xs:boolean?"/>
 
-        <xsl:for-each select="$block//div[contains-token(@class, 'bar')]">
-            <!-- update progress bar -->
-            <ixsl:set-style name="width" select="'50%'" object="."/>
-        </xsl:for-each>
+        <xsl:variable name="base-uri" select="($graph, ac:document-uri($resource-uri))[1]" as="xs:anyURI"/>
+        <!-- stamp the loaded document's URI on the persistent container: ldh:base-uri() resolves it for every
+             descendant - the read rows and the edit form that later replaces them - so handlers fetch and PATCH
+             the document (or ldh:graph) this content actually came from, not the page's -->
+        <ixsl:set-attribute name="data-base-uri" select="$base-uri" object="$container"/>
+        <xsl:variable name="request-uri" select="ldh:href($base-uri, map{})" as="xs:anyURI"/>
 
-        <!-- don't use ldh:base-uri(.) because its value comes from the last HTML document load -->
-        <xsl:variable name="request-uri" select="ldh:href(($graph, ac:document-uri($resource-uri))[1], map{})" as="xs:anyURI"/>
-        
         <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
         <xsl:variable name="context" as="map(*)" select="
           map{
@@ -105,14 +104,8 @@ exclude-result-prefixes="#all"
             <xsl:when test="$resource-uri = $about">
                 <!-- self-reference detected - render error and return resolved context -->
                 <xsl:variable name="container" select="$context('container')" as="element()"/>
-                <xsl:for-each select="$container">
-                    <xsl:result-document href="?." method="ixsl:replace-content">
-                        <div class="alert alert-block">
-                            <strong>Self-referencing object detected: <a href="{$resource-uri}"><xsl:value-of select="$resource-uri"/></a></strong>
-                        </div>
-                    </xsl:result-document>
-                </xsl:for-each>
-                <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ldh:render-block-error($container, 'block-self-reference', 'block-self-reference-explanation', $resource-uri, ())"/>
+                <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
                 <xsl:sequence select="ixsl:resolve($context)"/>
             </xsl:when>
             <xsl:otherwise>
@@ -181,10 +174,9 @@ exclude-result-prefixes="#all"
         <xsl:for-each select="$response">
             <xsl:choose>
                 <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
-                    <xsl:for-each select="$block//div[contains-token(@class, 'bar')]">
-                        <!-- update progress bar -->
-                        <ixsl:set-style name="width" select="'33%'" object="."/>
-                    </xsl:for-each>
+                    <!-- the loaded document's own acl:mode Link headers decide the edit affordance (same parsing as ldh:set-container-acl-modes; ProxyRequestFilter forwards them for remote documents) unless the caller forced a value -->
+                    <xsl:variable name="acl-modes" select="ldh:link-targets(?headers?link, '&acl;mode')" as="xs:anyURI*"/>
+                    <xsl:variable name="show-edit-button" select="($show-edit-button, $acl-modes = '&acl;Write')[1]" as="xs:boolean"/>
 
                     <xsl:for-each select="?body">
                         <xsl:variable name="resource" select="key('resources', $resource-uri)" as="element()?"/>
@@ -198,22 +190,17 @@ exclude-result-prefixes="#all"
                                 <!-- second request resolves ontology-term object labels (rdf:type/class values etc.) from the /ns endpoint; merged with the /sparql result in ldh:block-object-metadata-response -->
                                 <xsl:variable name="ns-query-string" select="$object-metadata-ns-query || $values" as="xs:string"/>
                                 <xsl:variable name="ns-request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $ns-query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-                                <xsl:sequence select="map:merge(($context, map{
+                                <xsl:sequence select="map:put(map:merge(($context, map{
                                     'object-metadata-request': $request,
                                     'ns-object-metadata-request': $ns-request,
                                     'resource': $resource
-                                }))"/>
+                                })), 'show-edit-button', $show-edit-button)"/>
                             </xsl:when>
                             <xsl:otherwise>
-                                <xsl:for-each select="$container">
-                                    <xsl:result-document href="?." method="ixsl:replace-content">
-                                        <div class="alert alert-block">
-                                            <strong>Document loaded successfully but resource was not found: <a href="{$resource-uri}"><xsl:value-of select="$resource-uri"/></a></strong>
-                                        </div>
-                                    </xsl:result-document>
-                                </xsl:for-each>
+                                <!-- the fetch succeeded, so there is no HTTP failure to report in the technical detail -->
+                                <xsl:sequence select="ldh:render-block-error($container, 'block-resource-not-described', 'block-resource-not-described-explanation', $resource-uri, ())"/>
 
-                                <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                                <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
                                 <xsl:sequence select="$context"/>
                             </xsl:otherwise>
                         </xsl:choose>
@@ -222,25 +209,19 @@ exclude-result-prefixes="#all"
                 <xsl:when test="?status = 406">
                     <xsl:for-each select="$container">
                         <xsl:result-document href="?." method="ixsl:replace-content">
-                            <div class="offset2 span7 main">
+                            <div class="main ldh-block-body">
                                 <object data="{$resource-uri}"/>
                             </div>
                         </xsl:result-document>
                     </xsl:for-each>
 
-                    <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
                     <xsl:sequence select="$context"/>
                 </xsl:when>
                 <xsl:otherwise>
-                    <xsl:for-each select="$container">
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <div class="alert alert-block">
-                                <strong>Could not load resource: <a href="{$resource-uri}"><xsl:value-of select="$resource-uri"/></a></strong>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
+                    <xsl:sequence select="ldh:render-block-error($container, 'block-resource-not-loaded', ldh:http-error-key($response?status), $resource-uri, $response)"/>
 
-                    <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
                     <xsl:sequence select="
                         error(
                           QName('&ldh;', 'ldh:HTTPError'),
@@ -270,11 +251,6 @@ exclude-result-prefixes="#all"
 
         </xsl:message>
         
-        <xsl:for-each select="$block//div[contains-token(@class, 'bar')]">
-            <!-- update progress bar -->
-            <ixsl:set-style name="width" select="'45%'" object="."/>
-        </xsl:for-each>
-        
         <xsl:choose>
             <xsl:when test="$resource">
                 <xsl:for-each select="$response">
@@ -286,21 +262,23 @@ exclude-result-prefixes="#all"
                             <xsl:variable name="object-metadata" select="ldh:merge-metadata(?body, $ns-metadata)" as="document-node()"/>
 
                             <xsl:variable name="row" as="node()*">
-                                <xsl:apply-templates select="$resource" mode="bs2:Row">
+                                <xsl:apply-templates select="$resource" mode="ldh:BlockRow">
 <!--                                    <xsl:with-param name="graph" select="$graph" tunnel="yes"/>-->
                                     <xsl:with-param name="mode" select="$mode"/>
                                     <xsl:with-param name="show-edit-button" select="$show-edit-button" tunnel="yes"/>
                                     <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
-                                    <xsl:with-param name="show-row-block-controls" select="false()"/> <!-- blocks nested within ldh:Object do not show their own progress bars -->
+                                    <xsl:with-param name="show-block-bar" select="false()"/> <!-- blocks nested within ldh:Object do not show their own block bars -->
+                                    <xsl:with-param name="show-drag-handle" select="false()" tunnel="yes"/> <!-- reorder needs rdf:_N membership in the host document, which an embedded block lacks -->
                                     <xsl:with-param name="draggable" select="false()"/> <!-- blocks nested within ldh:Object are not draggable -->
+                                    <xsl:with-param name="embedded" select="true()" tunnel="yes"/> <!-- marks the card is-embedded: the hairline distinguishing a content-slot rendering from the same resource standalone -->
                                 </xsl:apply-templates>
                             </xsl:variable>
 
                             <xsl:variable name="obj-value-id" select="'obj-value-' || generate-id($block)" as="xs:string"/>
                             <xsl:for-each select="$container">
                                 <xsl:result-document href="?." method="ixsl:replace-content">
-                                    <!-- wrap the row -->
-                                    <div id="{$obj-value-id}" class="span12">
+                                    <!-- wrap the row: .ldh-obj-value marks the subtree as the host block's object rendering, so block-level tools (ldh:host-block) address the block instead of the object it renders -->
+                                    <div id="{$obj-value-id}" class="row-main ldh-obj-value">
                                         <xsl:copy-of select="$row"/>
                                     </div>
                                 </xsl:result-document>
@@ -372,7 +350,7 @@ exclude-result-prefixes="#all"
                                         <xsl:call-template name="ldh:InitDocumentGraph3D">
                                             <xsl:with-param name="canvas" select="."/>
                                             <xsl:with-param name="canvas-id" select="$canvas-id"/>
-                                            <!-- whole loaded document, deliberately not $resource-doc: matches the bs2:Graph rendering in bs2:Row -->
+                                            <!-- whole loaded document, deliberately not $resource-doc: matches the ac:Graph rendering in ldh:BlockRow -->
                                             <xsl:with-param name="rdf-doc" select="root($resource)"/>
                                         </xsl:call-template>
                                     </xsl:if>
@@ -381,7 +359,7 @@ exclude-result-prefixes="#all"
                         </xsl:when>
                         <xsl:otherwise>
                             <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ?message ])[current-date() lt xs:date('2000-01-01')]"/>
-                            <xsl:sequence select="ldh:hide-block-progress-bar($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                            <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
 
                             <xsl:sequence select="$context"/>
                         </xsl:otherwise>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/query.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/query.xsl
similarity index 57%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/query.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/query.xsl
index a1944e0e3a..895cee57d4 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block/query.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/query.xsl
@@ -7,11 +7,13 @@
     <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
     <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
     <!ENTITY srx    "http://www.w3.org/2005/sparql-results#">
+    <!ENTITY acl    "http://www.w3.org/ns/auth/acl#">
     <!ENTITY ldt    "https://www.w3.org/ns/ldt#">
     <!ENTITY sd     "http://www.w3.org/ns/sparql-service-description#">
     <!ENTITY sioc   "http://rdfs.org/sioc/ns#">
     <!ENTITY sp     "http://spinrdf.org/sp#">
     <!ENTITY spin   "http://spinrdf.org/spin#">
+    <!ENTITY dct    "http://purl.org/dc/terms/">
 ]>
 <xsl:stylesheet version="3.0"
 xmlns="http://www.w3.org/1999/xhtml"
@@ -28,30 +30,44 @@ xmlns:ldh="&ldh;"
 xmlns:lapp="&lapp;"
 xmlns:rdf="&rdf;"
 xmlns:srx="&srx;"
+xmlns:acl="&acl;"
 xmlns:ldt="&ldt;"
 xmlns:sd="&sd;"
 xmlns:sp="&sp;"
 xmlns:spin="&spin;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
+xmlns:dct="&dct;"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
 
     <!-- TEMPLATES -->
-    
-    <xsl:template match="*[@rdf:nodeID = 'run']" mode="ldh:logo">
-        <xsl:param name="class" as="xs:string?"/>
-        
-        <xsl:attribute name="class" select="concat($class, ' ', 'btn-run-query')"/>
+
+    <!-- update the query resource before saving. A mode of its own, not shared with the chart save: the
+         two rewrite different resources and have nothing in common but the identity walk. -->
+
+    <!-- identity transform -->
+    <xsl:template match="@* | node()" mode="ldh:replace-query">
+        <xsl:copy>
+            <xsl:apply-templates select="@* | node()" mode="#current"/>
+        </xsl:copy>
     </xsl:template>
-    
+
     <!-- set query string -->
 
-    <xsl:template match="sp:text/text()" mode="ldh:Identity" priority="1">
+    <xsl:template match="sp:text/text()" mode="ldh:replace-query" priority="1">
         <xsl:param name="query-string" as="xs:string" tunnel="yes"/>
 
         <xsl:sequence select="$query-string"/>
     </xsl:template>
+
+    <!-- set query form. Only the four query-form types are matched, so any other rdf:type on the resource is
+         left alone, and an absent $query-type (an unparseable query string) keeps the existing type. -->
+
+    <xsl:template match="rdf:type/@rdf:resource[. = ('&sp;Ask', '&sp;Select', '&sp;Construct', '&sp;Describe')]" mode="ldh:replace-query" priority="1">
+        <xsl:param name="query-type" as="xs:anyURI?" tunnel="yes"/>
+
+        <xsl:attribute name="rdf:resource" select="($query-type, .)[1]"/>
+    </xsl:template>
     
     <!-- render query editor -->
     
@@ -63,7 +79,12 @@ exclude-result-prefixes="#all"
         </xsl:variable>
         <ixsl:set-property name="{$textarea-id}" select="ixsl:eval(string($js-statement/@statement))" object="ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe')"/>
     </xsl:template>
-    
+
+    <!-- YASQE.fromTextArea() hides the textarea it was built from, so focusing it does nothing: the editor instance takes the focus instead -->
+    <xsl:template match="textarea[@id][contains-token(@class, 'sparql-query-string')]" mode="ldh:FocusControl" priority="1">
+        <xsl:sequence select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe'), ixsl:get(., 'id')), 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
+    </xsl:template>
+
 <!--    <xsl:template name="onQueryServiceLoad">
         <xsl:context-item as="map(*)" use="required"/>
         <xsl:param name="container" as="element()"/>
@@ -75,7 +96,7 @@ exclude-result-prefixes="#all"
                 <xsl:variable name="results" select="?body" as="document-node()"/>
 
                 <xsl:result-document href="?." method="ixsl:append-content">
-                    <xsl:apply-templates select="key('resources', $service-uri, $results)" mode="ldh:Typeahead">
+                    <xsl:apply-templates select="key('resources', $service-uri, $results)" mode="ldh:ComboboxChip">
                         <xsl:with-param name="forClass" select="$forClass"/>
                     </xsl:apply-templates>
                 </xsl:result-document>
@@ -85,12 +106,17 @@ exclude-result-prefixes="#all"
                  error response - could not load service 
                 <xsl:for-each select="$container">
                     <xsl:result-document href="?." method="ixsl:replace-content">
-                        <div class="alert alert-block">
-                            <strong>Error loading service:</strong>
-                            <pre>
-                                <xsl:value-of select="$response?message"/>
-                            </pre>
-                        </div>
+                        <xsl:apply-templates select="." mode="ac:InlineAlert">
+                            <xsl:with-param name="variant" select="'va-negative'"/>
+                            <xsl:with-param name="text" as="item()*">
+                                    <xsl:apply-templates select="key('resources', 'error-loading-service', ldh:translations())" mode="ac:label"/>
+                            </xsl:with-param>
+                            <xsl:with-param name="body" as="item()*">
+                                <pre>
+                                    <xsl:value-of select="$response?message"/>
+                                </pre>
+                            </xsl:with-param>
+                        </xsl:apply-templates>
                     </xsl:result-document>
                 </xsl:for-each>
                 
@@ -114,7 +140,7 @@ exclude-result-prefixes="#all"
         <xsl:param name="mode" select="descendant::*[@property = '&ac;mode']/@resource" as="xs:anyURI?"/>
         <xsl:param name="show-edit-button" select="false()" as="xs:boolean?"/>
         <xsl:param name="textarea-id" select="generate-id() || '-textarea'" as="xs:string?"/>
-        <xsl:param name="textarea-class" select="'span12 sparql-query-string'" as="xs:string?"/>
+        <xsl:param name="textarea-class" select="'sparql-query-string'" as="xs:string?"/>
         <xsl:param name="textarea-name" select="'query'" as="xs:string?"/>
         <xsl:param name="textarea-rows" select="15" as="xs:integer?"/>
         <xsl:param name="service-uri" select="descendant::*[@property = '&ldh;service']/@resource" as="xs:anyURI?"/>
@@ -123,10 +149,6 @@ exclude-result-prefixes="#all"
         <xsl:param name="show-properties" select="false()" as="xs:boolean"/>
         <xsl:param name="forClass" select="xs:anyURI('&sd;Service')" as="xs:anyURI"/>
         
-        <xsl:for-each select="$block//div[contains-token(@class, 'bar')]">
-            <ixsl:set-style name="width" select="'66%'" object="."/>
-        </xsl:for-each>
-
         <xsl:variable name="context" as="map(*)" select="
           map{
             'container': $container,
@@ -170,110 +192,151 @@ exclude-result-prefixes="#all"
         
         <xsl:message>ldh:render-query</xsl:message>
 
+        <!-- the head is the card's own child (sibling of the body): it stays in place and only gains the editor toggle -->
+        <xsl:for-each select="$container/../div[contains-token(@class, 'ldh-block-head')]">
+            <xsl:result-document href="?." method="ixsl:replace-content">
+                <xsl:apply-templates select="node()" mode="ldh:query-block-head"/>
+            </xsl:result-document>
+        </xsl:for-each>
+
         <xsl:for-each select="$container//div[contains-token(@class, 'main')]">
-            <xsl:variable name="header" select="./div/div[@class = 'well']" as="element()"/>
-            
             <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:copy-of select="$header"/>
-                                
-                <form class="sparql-query-form form-horizontal" method="get" action="">
-                    <div class="control-group">
-                        <xsl:call-template name="xhtml:Input">
-                            <xsl:with-param name="name" select="'pu'"/>
-                            <xsl:with-param name="type" select="'hidden'"/>
-                            <xsl:with-param name="value" select="'&ldh;service'"/>
-                        </xsl:call-template>
-
-                        <label class="control-label">
-                            <xsl:apply-templates select="key('resources', '&ldh;service', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                        </label>
-                        <div class="controls">
-                            <xsl:choose>
-                                <xsl:when test="$service-uri">
-                                    <!-- need to explicitly request RDF/XML, otherwise we get HTML -->
-                                    <xsl:variable name="request-uri" select="ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ())" as="xs:anyURI"/>
-                                    <!-- TO-DO: refactor asynchronously -->
-                                    <xsl:apply-templates select="key('resources', $service-uri, document($request-uri))" mode="ldh:Typeahead">
-                                        <xsl:with-param name="forClass" select="$forClass"/>
-                                    </xsl:apply-templates>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <xsl:call-template name="bs2:Lookup">
-                                        <xsl:with-param name="forClass" select="$forClass"/>
-                                    </xsl:call-template>
-                                </xsl:otherwise>
-                            </xsl:choose>
+                <!-- the design's query block shows results first and folds the editor pane out of the head's
+                     code toggle; the pane stays a form so Enter and the Run submit reach the same handler -->
+                <form class="sparql-query-form" method="get" action="">
+                    <div class="ldh-sparql is-collapsed">
+                        <div class="ldh-sparql-pane">
+                            <textarea>
+                                <xsl:if test="$textarea-id">
+                                    <xsl:attribute name="id" select="$textarea-id"/>
+                                </xsl:if>
+                                <xsl:if test="$textarea-class">
+                                    <xsl:attribute name="class" select="$textarea-class"/>
+                                </xsl:if>
+                                <xsl:if test="$textarea-name">
+                                    <xsl:attribute name="name" select="$textarea-name"/>
+                                </xsl:if>
+                                <xsl:if test="$textarea-rows">
+                                    <xsl:attribute name="rows" select="$textarea-rows"/>
+                                </xsl:if>
+
+                                <xsl:value-of select="$query"/>
+                            </textarea>
                         </div>
-                    </div>
+                        <div class="ldh-sparql-bar">
+                            <div class="ldh-sparql-meta">
+                                <span class="msi sm" aria-hidden="true" title="{ac:label(key('resources', '&ldh;service', document(ac:document-uri('&ldh;'))))}">dns</span>
 
-                    <textarea>
-                        <xsl:if test="$textarea-id">
-                            <xsl:attribute name="id" select="$textarea-id"/>
-                        </xsl:if>
-                        <xsl:if test="$textarea-class">
-                            <xsl:attribute name="class" select="$textarea-class"/>
-                        </xsl:if>
-                        <xsl:if test="$textarea-name">
-                            <xsl:attribute name="name" select="$textarea-name"/>
-                        </xsl:if>
-                        <xsl:if test="$textarea-rows">
-                            <xsl:attribute name="rows" select="$textarea-rows"/>
-                        </xsl:if>
-                        
-                        <xsl:value-of select="$query"/>
-                    </textarea>
-
-                    <div class="form-actions">
-                        <button type="submit">
-                            <xsl:apply-templates select="key('resources', 'run', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                                <xsl:with-param name="class" select="'btn btn-primary btn-run-query'"/>
-                            </xsl:apply-templates>
+                                <xsl:call-template name="xhtml:Input">
+                                    <xsl:with-param name="name" select="'pu'"/>
+                                    <xsl:with-param name="type" select="'hidden'"/>
+                                    <xsl:with-param name="value" select="'&ldh;service'"/>
+                                </xsl:call-template>
 
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'run', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                        <button type="button" class="btn btn-primary btn-open-query">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'open', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                        <button type="button" class="btn btn-primary btn-save btn-save-query">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
+                                <xsl:choose>
+                                    <xsl:when test="$service-uri">
+                                        <!-- need to explicitly request RDF/XML, otherwise we get HTML -->
+                                        <xsl:variable name="request-uri" select="ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ())" as="xs:anyURI"/>
+                                        <!-- TO-DO: refactor asynchronously -->
+                                        <xsl:apply-templates select="key('resources', $service-uri, document($request-uri))" mode="ldh:ComboboxChip">
+                                            <xsl:with-param name="forClass" select="$forClass"/>
+                                        </xsl:apply-templates>
+                                    </xsl:when>
+                                    <xsl:otherwise>
+                                        <xsl:call-template name="ldh:Combobox">
+                                            <xsl:with-param name="forClass" select="$forClass"/>
+                                        </xsl:call-template>
+                                    </xsl:otherwise>
+                                </xsl:choose>
+                            </div>
+                            <div class="ldh-sparql-bar-actions">
+                                <button type="button" class="ldhc-btn in-neutral ap-outline sz-md btn-open-query">
+                                    <xsl:value-of>
+                                        <xsl:apply-templates select="key('resources', 'open', ldh:translations())" mode="ac:label"/>
+                                    </xsl:value-of>
+                                </button>
+                                <!-- saving PATCHes the query back into the current document, so the button only appears to an agent who may write to it -->
+                                <xsl:if test="acl:mode() = '&acl;Write'">
+                                    <button type="button" class="ldhc-btn in-neutral ap-outline sz-md btn-save btn-save-query">
+                                        <xsl:value-of>
+                                            <xsl:apply-templates select="key('resources', 'save', ldh:translations())" mode="ac:label"/>
+                                        </xsl:value-of>
+                                    </button>
+                                </xsl:if>
+                                <button type="submit" class="ldhc-btn in-primary ap-solid sz-md btn-run-query">
+                                    <span class="msi sm" aria-hidden="true">play_arrow</span>
+                                    <xsl:value-of>
+                                        <xsl:apply-templates select="key('resources', 'run', ldh:translations())" mode="ac:label"/>
+                                    </xsl:value-of>
+                                </button>
+                            </div>
+                        </div>
                     </div>
                 </form>
             </xsl:result-document>
         </xsl:for-each>
-        
+
         <!-- initialize YASQE SPARQL editor on the textarea -->
         <xsl:variable name="js-statement" as="element()">
             <root statement="YASQE.fromTextArea(document.getElementById('{$textarea-id}'), {{ persistent: null }})"/>
         </xsl:variable>
         <ixsl:set-property name="{$textarea-id}" select="ixsl:eval(string($js-statement/@statement))" object="ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe')"/>
-        
+
+        <!-- results first, as the design's query block: run the stored query straight away -->
+        <xsl:for-each select="$container//form[contains-token(@class, 'sparql-query-form')]">
+            <xsl:apply-templates select="." mode="ldh:RunQuery"/>
+        </xsl:for-each>
+
         <xsl:sequence select="$context"/>
     </xsl:function>
+
+    <!-- query block head: identity copy of the head's content, with the editor toggle leading the
+         action toolbar as in the design's query block -->
+
+    <xsl:template match="@* | node()" mode="ldh:query-block-head">
+        <xsl:copy>
+            <xsl:apply-templates select="@* | node()" mode="#current"/>
+        </xsl:copy>
+    </xsl:template>
+
+    <xsl:template match="div[contains-token(@class, 'actions')][not(button[contains-token(@class, 'tb-query')])]" mode="ldh:query-block-head" priority="1">
+        <xsl:copy>
+            <xsl:apply-templates select="@*" mode="#current"/>
+
+            <button type="button" class="ldhc-iconbtn sz-sm in-neutral ap-ghost tb-query" aria-pressed="false" title="{ac:label(key('resources', 'edit-query', ldh:translations()))}" aria-label="{ac:label(key('resources', 'edit-query', ldh:translations()))}">
+                <span class="msi sm" aria-hidden="true">code</span>
+            </button>
+
+            <xsl:apply-templates select="node()" mode="#current"/>
+        </xsl:copy>
+    </xsl:template>
     
     <!-- EVENT LISTENERS -->
     
     <!-- submit SPARQL query form (prioritize over default template in form.xsl) -->
-    
-    <xsl:template match="div[@typeof = ('&sp;Ask', '&sp;Select', '&sp;Describe', '&sp;Construct')]//form[contains-token(@class, 'sparql-query-form ')]" mode="ixsl:onsubmit" priority="2"> <!-- prioritize over form.xsl -->
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+
+    <xsl:template match="div[@typeof = ('&sp;Ask', '&sp;Select', '&sp;Describe', '&sp;Construct')]//form[contains-token(@class, 'sparql-query-form')]" mode="ixsl:onsubmit" priority="2"> <!-- prioritize over form.xsl -->
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+
+        <xsl:apply-templates select="." mode="ldh:RunQuery"/>
+    </xsl:template>
+
+    <!-- run the block's query and render its results after the form. Factored out of the submit handler
+         so render-query (results first) and the chart tab can run the query without a submit event to
+         cancel - ixsl:event() is only in scope while an event is being handled -->
+
+    <xsl:template match="form[contains-token(@class, 'sparql-query-form')]" mode="ldh:RunQuery">
+        <xsl:sequence select="ldh:busy-cursor()"/>
         <xsl:variable name="textarea-id" select="descendant::textarea[@name = 'query']/ixsl:get(., 'id')" as="xs:string"/>
         <xsl:variable name="yasqe" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe'), $textarea-id)"/>
         <xsl:variable name="query-string" select="ixsl:call($yasqe, 'getValue', [])" as="xs:string"/> <!-- get query string from YASQE -->
-        <xsl:variable name="service-control-group" select="descendant::div[contains-token(@class, 'control-group')][input[@name = 'pu'][@value = '&ldh;service']]" as="element()"/>
-        <xsl:variable name="service-uri" select="$service-control-group/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI?"/>
+        <xsl:variable name="service-meta" select="descendant::div[contains-token(@class, 'ldh-sparql-meta')][input[@name = 'pu'][@value = '&ldh;service']]" as="element()"/>
+        <xsl:variable name="service-uri" select="$service-meta/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI?"/>
         <xsl:variable name="service" select="if ($service-uri) then key('resources', $service-uri, document(ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ()))) else ()" as="element()?"/> <!-- TO-DO: refactor asynchronously -->
         <xsl:variable name="endpoint" select="($service/sd:endpoint/@rdf:resource/xs:anyURI(.), sd:endpoint())[1]" as="xs:anyURI"/>
         <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
         <xsl:variable name="container" select="$block" as="element()"/> <!-- since we're not in content mode -->
-        <xsl:variable name="block-id" select="$block/@id" as="xs:string"/>
+        <xsl:variable name="block-id" select="ldh:block-id($block)" as="xs:string"/>
         <xsl:variable name="block-uri" select="if ($block/@about) then $block/@about else xs:anyURI(ac:absolute-path(ldh:base-uri(.)) || '#' || $block-id)" as="xs:anyURI"/>
         <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
         <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/sparql-results+xml,application/rdf+xml;q=0.9' } }" as="map(xs:string, item())"/>
@@ -291,37 +354,50 @@ exclude-result-prefixes="#all"
         <xsl:if test="not(id($results-container-id, ixsl:page()))">
             <!-- TO-DO: find a better solution. $container in ContentMode is the whole .content row but in ReadMode it's .main -->
             <xsl:for-each select="if ($container//div[contains-token(@class, 'main')]) then $container//div[contains-token(@class, 'main')] else $container">
-                <xsl:variable name="active-mode" select="xs:anyURI('&ac;ChartMode')" as="xs:anyURI"/>
+                <!-- View wraps the query into a DESCRIBE subquery and SPARQL only admits SELECT subqueries, so
+                     chart is the only mode a non-SELECT has - and a tablist of one has nothing to switch to -->
+                <xsl:variable name="show-tabs" select="boolean($query-string) and ancestor::*[@typeof][1]/@typeof = '&sp;Select'" as="xs:boolean"/>
+                <xsl:variable name="chart-tab-id" select="$block-id || '-chart-tab'" as="xs:string"/>
+                <xsl:variable name="view-tab-id" select="$block-id || '-view-tab'" as="xs:string"/>
+                <!-- built once: the tabs wrap it when there are tabs, otherwise it stands on its own -->
+                <xsl:variable name="results-container" as="element()">
+                    <div class="{$results-container-class || (if ($show-tabs) then ' ldhc-tabpanel' else ())}" id="{$results-container-id}" about="{$results-container-about}">
+                        <xsl:if test="$show-tabs">
+                            <xsl:attribute name="role" select="'tabpanel'"/>
+                            <!-- the tabs share this one panel, so its label follows whichever of them is active -->
+                            <xsl:attribute name="aria-labelledby" select="$chart-tab-id"/>
+                            <xsl:attribute name="tabindex" select="'0'"/>
+                        </xsl:if>
+                    </div>
+                </xsl:variable>
 
                 <xsl:result-document href="?." method="ixsl:append-content">
-                    <xsl:if test="$query-string">
-                        <ul class="nav nav-tabs nav-query-results">
-                            <li class="chart-mode">
-                                <xsl:if test="$active-mode = '&ac;ChartMode'">
-                                    <xsl:attribute name="class" select="'chart-mode active'"/>
-                                </xsl:if>
-
-                                <a>
-                                    <xsl:apply-templates select="key('resources', '&ldh;Chart', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                                </a>
-                            </li>
-                            
-                            <!-- view mode only avaible for SELECT query results -->
-                            <xsl:if test="ancestor::*[@typeof][1]/@typeof = '&sp;Select'">
-                                <li class="view-mode">
-                                    <xsl:if test="$active-mode = '&ac;ViewMode'">
-                                        <xsl:attribute name="class" select="'view-mode active'"/>
-                                    </xsl:if>
+                    <xsl:choose>
+                        <xsl:when test="$show-tabs">
+                            <div class="ldhc-tabs or-horizontal">
+                                <div class="ldhc-tablist sz-sm va-line query-results-tabs" role="tablist" aria-label="{ac:label(key('resources', '&ac;Mode', document(ac:document-uri('&ac;'))))}">
+                                    <button type="button" class="ldhc-tab chart-mode is-on" id="{$chart-tab-id}" role="tab" aria-selected="true" aria-controls="{$results-container-id}">
+                                        <span class="msi sm" aria-hidden="true">bar_chart</span>
+                                        <span class="ldhc-tab-lbl">
+                                            <xsl:apply-templates select="key('resources', '&ldh;Chart', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
+                                        </span>
+                                    </button>
 
-                                    <a>
-                                        <xsl:apply-templates select="key('resources', '&ldh;View', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                                    </a>
-                                </li>
-                            </xsl:if>
-                        </ul>
-                    </xsl:if>
+                                    <button type="button" class="ldhc-tab view-mode" id="{$view-tab-id}" role="tab" aria-selected="false" aria-controls="{$results-container-id}">
+                                        <span class="msi sm" aria-hidden="true">view_module</span>
+                                        <span class="ldhc-tab-lbl">
+                                            <xsl:apply-templates select="key('resources', '&ldh;View', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
+                                        </span>
+                                    </button>
+                                </div>
 
-                    <div class="{$results-container-class}" id="{$results-container-id}" about="{$results-container-about}"></div>
+                                <xsl:copy-of select="$results-container"/>
+                            </div>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <xsl:copy-of select="$results-container"/>
+                        </xsl:otherwise>
+                    </xsl:choose>
                 </xsl:result-document>
             </xsl:for-each>
         </xsl:if>
@@ -342,22 +418,41 @@ exclude-result-prefixes="#all"
         <xsl:sequence select="$request[current-date() lt xs:date('2000-01-01')]"/>
     </xsl:template>
 
-    <!-- toggle query results to chart mode (prioritize over view.xsl) -->
-    
-    <xsl:template match="ul[contains-token(@class, 'nav-tabs')][contains-token(@class, 'nav-query-results')]/li[contains-token(@class, 'chart-mode')][not(contains-token(@class, 'active'))]/a" mode="ixsl:onclick" priority="1">
-        <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
-        <xsl:variable name="form" select="$container//form[contains-token(@class, 'sparql-query-form')]" as="element()"/>
+    <!-- Move the active state onto the clicked tab of a design-system tablist. Not to be confused with
+         ldh:ActivateTab in client.xsl, which activates a document tab in the tab bar and re-syncs that
+         pane's acl:mode() flags. The component's roving tabindex and arrow-key navigation are not
+         ported: both buttons stay natural tab stops, so neither goes keyboard-unreachable, and Enter
+         reaches the ixsl:onclick rules below. -->
+
+    <xsl:template match="button[contains-token(@class, 'ldhc-tab')]" mode="ldh:SelectTab">
+        <xsl:variable name="tab-id" select="@id" as="xs:string"/>
 
-        <!-- deactivate other tabs -->
-        <xsl:for-each select="../../li">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <!-- deactivate the other tabs. Excluding this one is not just tidiness: ixsl:call on classList
+             applies at once while ixsl:set-attribute is queued to the end of the transform, so clearing
+             this tab and then re-setting it would hang the outcome on the order updates are applied in. -->
+        <xsl:for-each select="../button except .">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-on', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-attribute name="aria-selected" select="'false'"/>
         </xsl:for-each>
         <!-- activate this tab -->
-        <xsl:for-each select="..">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-on', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <ixsl:set-attribute name="aria-selected" select="'true'"/>
+
+        <!-- the tabs share one panel, so its label follows the active tab -->
+        <xsl:for-each select="id(@aria-controls, ixsl:page())">
+            <ixsl:set-attribute name="aria-labelledby" select="$tab-id"/>
         </xsl:for-each>
-        
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+    </xsl:template>
+
+    <!-- toggle query results to chart mode (prioritize over view.xsl) -->
+
+    <xsl:template match="div[contains-token(@class, 'query-results-tabs')]/button[contains-token(@class, 'chart-mode')][not(contains-token(@class, 'is-on'))]" mode="ixsl:onclick" priority="1">
+        <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
+        <xsl:variable name="form" select="$container//form[contains-token(@class, 'sparql-query-form')]" as="element()"/>
+
+        <xsl:apply-templates select="." mode="ldh:SelectTab"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
         
         <xsl:variable name="view-container" select="$container//div[contains-token(@class, 'sparql-query-results')]" as="element()"/>
         <!-- ensure the HTML structure is compatible with what view expects -->
@@ -365,25 +460,42 @@ exclude-result-prefixes="#all"
             <ixsl:set-attribute name="typeof" select="'&ldh;View'" object="$view-container"/>
             
             <xsl:result-document href="?." method="ixsl:replace-content">
-                <div class="main"></div>
+                <div class="main ldh-block-body"></div>
             </xsl:result-document>
         </xsl:for-each>
 
-        <xsl:apply-templates select="$form" mode="ixsl:onsubmit"/>
+        <xsl:apply-templates select="$form" mode="ldh:RunQuery"/>
+    </xsl:template>
+
+    <!-- editor toggle onclick: folds the SPARQL pane out of and back into the block head, as in the
+         design's query block -->
+
+    <xsl:template match="div[contains-token(@class, 'block')]//button[contains-token(@class, 'tb-query')]" mode="ixsl:onclick">
+        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
+        <xsl:variable name="sparql" select="($block//div[contains-token(@class, 'ldh-sparql')])[1]" as="element()"/>
+        <xsl:variable name="show" select="contains-token($sparql/@class, 'is-collapsed')" as="xs:boolean"/>
+
+        <xsl:sequence select="ixsl:call(ixsl:get($sparql, 'classList'), 'toggle', [ 'is-collapsed', not($show) ])[current-date() lt xs:date('2000-01-01')]"/>
+        <ixsl:set-attribute name="aria-pressed" select="if ($show) then 'true' else 'false'"/>
+
+        <xsl:if test="$show">
+            <!-- CodeMirror measured a hidden host when YASQE initialized, so the reveal re-measures and focuses -->
+            <xsl:variable name="textarea-id" select="($block//textarea[contains-token(@class, 'sparql-query-string')])[1]/ixsl:get(., 'id')" as="xs:string"/>
+            <xsl:variable name="yasqe" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe'), $textarea-id)"/>
+            <xsl:sequence select="ixsl:call($yasqe, 'refresh', [])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call($yasqe, 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:if>
     </xsl:template>
     
     <!-- toggle query results to view mode (prioritize over view.xsl) -->
     
-    <xsl:template match="ul[contains-token(@class, 'nav-tabs')][contains-token(@class, 'nav-query-results')]/li[contains-token(@class, 'view-mode')][not(contains-token(@class, 'active'))]/a" mode="ixsl:onclick" priority="1">
+    <xsl:template match="div[contains-token(@class, 'query-results-tabs')]/button[contains-token(@class, 'view-mode')][not(contains-token(@class, 'is-on'))]" mode="ixsl:onclick" priority="1">
         <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
         <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
         <xsl:variable name="form" select="$container//form[contains-token(@class, 'sparql-query-form')]" as="element()"/>
         <xsl:variable name="textarea-id" select="$form//textarea[@name = 'query']/ixsl:get(., 'id')" as="xs:string"/>
         <xsl:variable name="yasqe" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe'), $textarea-id)"/>
         <xsl:variable name="query-string" select="ixsl:call($yasqe, 'getValue', [])" as="xs:string"/> <!-- get query string from YASQE -->
-        <xsl:variable name="service-uri" select="$form//select[contains-token(@class, 'input-query-service')]/ixsl:get(., 'value')" as="xs:anyURI?"/>
-        <xsl:variable name="service" select="if ($service-uri) then key('resources', $service-uri, document(ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ()))) else ()" as="element()?"/> <!-- TO-DO: refactor asynchronously -->
-        <xsl:variable name="endpoint" select="($service/sd:endpoint/@rdf:resource/xs:anyURI(.), sd:endpoint())[1]" as="xs:anyURI"/>
         <xsl:variable name="query-id" select="'id' || ac:uuid()" as="xs:string"/>
         <xsl:variable name="query-uri" select="xs:anyURI(ac:absolute-path(ldh:base-uri(.)) || '#' || $query-id)" as="xs:anyURI"/>
         <xsl:variable name="query-form" select="ldh:query-type($query-string)" as="xs:string?"/>
@@ -399,16 +511,9 @@ exclude-result-prefixes="#all"
         </xsl:variable>
         <xsl:variable name="this" select="ancestor::div[@about][1]/@about" as="xs:anyURI"/> <!-- not the same as $block/@about! -->
 
-        <!-- deactivate other tabs -->
-        <xsl:for-each select="../../li">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:for-each>
-        <!-- activate this tab -->
-        <xsl:for-each select="..">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:for-each>
-        
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:apply-templates select="." mode="ldh:SelectTab"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
                 
         <xsl:variable name="view-container" select="$container//div[contains-token(@class, 'sparql-query-results')]" as="element()"/>
         <!-- ensure the HTML structure is compatible with what view expects -->
@@ -416,28 +521,44 @@ exclude-result-prefixes="#all"
             <ixsl:set-attribute name="typeof" select="'&ldh;View'" object="$view-container"/>
             
             <xsl:result-document href="?." method="ixsl:replace-content">
-                <div class="main"></div>
+                <div class="main ldh-block-body"></div>
             </xsl:result-document>
         </xsl:for-each>
         
+        <!-- the view counterpart of the chart tab's Create button, stamped here rather than derived inside
+             the view: only this flow renders a view that is not yet a block of its own. Creating POSTs a new
+             view block into the current document, so it only appears to an agent who may append to it -->
+        <xsl:variable name="form-actions" as="element()?">
+            <xsl:if test="acl:mode() = '&acl;Append'">
+                <div class="ldh-block-foot">
+                    <button class="ldhc-btn in-primary ap-solid sz-md btn-create-view" type="button">
+                        <xsl:value-of>
+                            <xsl:apply-templates select="key('resources', 'create', ldh:translations())" mode="ac:label"/>
+                        </xsl:value-of>
+                    </button>
+                </div>
+            </xsl:if>
+        </xsl:variable>
+
         <xsl:variable name="factory" as="function(item()?) as item()*?">
             <xsl:apply-templates select="$view-html" mode="ldh:RenderRow">
                 <xsl:with-param name="block" select="$block"/>
                 <xsl:with-param name="container" select="$view-container"/>
                 <xsl:with-param name="this" select="$this"/>
                 <xsl:with-param name="base-uri" select="ac:absolute-path(ldh:base-uri(.))"/>
+                <xsl:with-param name="form-actions" select="$form-actions"/>
             </xsl:apply-templates>
         </xsl:variable>
         
         <!-- invoke the factory -->
-        <ixsl:promise select="$factory(())"/>
+        <ixsl:promise select="$factory(()) => ixsl:finally(ldh:reset-cursor#0)"/>
     </xsl:template>
     
     <!-- save query onclick -->
     <!-- TO-DO: use @typeof in match so that we don't need a custom button.btn-save-query class -->
     
     <xsl:template match="div[@typeof]//button[contains-token(@class, 'btn-save-query')]" mode="ixsl:onclick">
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
         <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
         <xsl:variable name="container" select="ancestor::div[@typeof][1]" as="element()"/>
         <xsl:variable name="about" select="$block/@about" as="xs:anyURI"/>
@@ -448,17 +569,21 @@ exclude-result-prefixes="#all"
         <xsl:variable name="action" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
         <xsl:variable name="accept" select="'application/rdf+xml'" as="xs:string"/>
         <xsl:variable name="etag" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`'), 'etag')" as="xs:string"/>
-        <xsl:variable name="service-uri" select="ancestor::form/descendant::select[contains-token(@class, 'input-query-service')]/ixsl:get(., 'value')" as="xs:anyURI?"/>
-        <xsl:variable name="query-type" select="ldh:query-type($query-string)" as="xs:string?"/>
+        <!-- the query form the agent has just typed: editing an ASK into a SELECT has to retype the resource,
+             since leaving sp:Ask on SELECT text is exactly what the server rejects. Empty when the string
+             does not parse, in which case the existing type is kept. -->
+        <xsl:variable name="query-form" select="ldh:query-type($query-string)" as="xs:string?"/>
+        <xsl:variable name="query-type" select="if ($query-form) then xs:anyURI('&sp;' || upper-case(substring($query-form, 1, 1)) || lower-case(substring($query-form, 2))) else ()" as="xs:anyURI?"/>
         <!-- not using ldh:base-uri(.) because it goes stale when DOM is replaced -->
         <xsl:variable name="doc" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:request-uri()) || '`'), 'results')" as="document-node()"/>
         <!-- TO-DO: this breaks if the query resource has not yet been loaded as part of the $doc (e.g. freshly saved) -->
         <xsl:variable name="query" select="key('resources', $about, $doc)" as="element()"/>
        
-        <!-- replace the query string (sp:text value) on the query resource -->
+        <!-- replace the query string (sp:text value) and the query form (rdf:type), which the edit may have changed -->
         <xsl:variable name="query" as="element()">
-            <xsl:apply-templates select="$query" mode="ldh:Identity">
+            <xsl:apply-templates select="$query" mode="ldh:replace-query">
                 <xsl:with-param name="query-string" select="$query-string" tunnel="yes"/>
+                <xsl:with-param name="query-type" select="$query-type" tunnel="yes"/>
             </xsl:apply-templates>
         </xsl:variable>
         <xsl:variable name="triples" select="ldh:descriptions-to-triples($query)" as="element()*"/>
@@ -484,7 +609,8 @@ exclude-result-prefixes="#all"
           ixsl:http-request($context('request'))
             => ixsl:then(ldh:rethread-response($context, ?))
             => ixsl:then(ldh:handle-response#1)
-            => ixsl:then(ldh:row-form-response#1)
+            => ixsl:then(ldh:row-form-response#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         "/>
     </xsl:template>
     
@@ -496,7 +622,7 @@ exclude-result-prefixes="#all"
         <xsl:variable name="textarea" select="ancestor::form/descendant::textarea[@name = 'query']" as="element()"/>
         <xsl:variable name="yasqe" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.yasqe'), $textarea/ixsl:get(., 'id'))"/>
         <xsl:variable name="query-string" select="ixsl:call($yasqe, 'getValue', [])" as="xs:string?"/> <!-- get query string from YASQE -->
-        <xsl:variable name="service-uri" select="descendant::select[contains-token(@class, 'input-query-service')]/ixsl:get(., 'value')" as="xs:anyURI?"/>
+        <xsl:variable name="service-uri" select="ancestor::form[1]/descendant::div[contains-token(@class, 'ldh-sparql-meta')]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI?"/>
         <xsl:variable name="service" select="if ($service-uri) then key('resources', $service-uri, document(ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ()))) else ()" as="element()?"/> <!-- TO-DO: refactor asynchronously -->
         <xsl:variable name="endpoint" select="($service/sd:endpoint/@rdf:resource/xs:anyURI(.), sd:endpoint())[1]" as="xs:anyURI"/>
         <xsl:variable name="query-type" select="ldh:query-type($query-string)" as="xs:string?"/>
@@ -509,7 +635,7 @@ exclude-result-prefixes="#all"
             <xsl:otherwise>
                 <xsl:variable name="href" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
 
-                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                <xsl:sequence select="ldh:busy-cursor()"/>
 
                 <xsl:if test="ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub'), 'saxonController')">
                     <xsl:message>Aborting HTTP request that has already been sent</xsl:message>
@@ -528,7 +654,8 @@ exclude-result-prefixes="#all"
                   ixsl:http-request($context('request'), $controller)
                     => ixsl:then(ldh:rethread-response($context, ?))
                     => ixsl:then(ldh:handle-response#1)
-                    => ixsl:then(ldh:rdf-document-response#1)
+                    => ixsl:then(ldh:rdf-document-response#1) =>
+                    ixsl:finally(ldh:reset-cursor#0)
                 " on-failure="ldh:promise-failure#1"/>
             </xsl:otherwise>
         </xsl:choose>
@@ -561,24 +688,23 @@ exclude-result-prefixes="#all"
 
                     <xsl:for-each select="$results-container">
                         <xsl:result-document href="?." method="ixsl:replace-content">
-                            <xsl:apply-templates select="$results" mode="bs2:Chart">
+                            <xsl:apply-templates select="$results" mode="ldh:Chart">
                                 <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
                                 <xsl:with-param name="canvas-id" select="$chart-canvas-id"/>
                                 <xsl:with-param name="chart-type" select="$chart-type"/>
                                 <xsl:with-param name="category" select="$category"/>
                                 <xsl:with-param name="series" select="$series"/>
-                                <xsl:with-param name="form-actions" as="element()">
-                                    <div class="form-actions">
-                                        <button class="btn btn-primary btn-create-chart" type="button">
-                                            <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                                                <xsl:with-param name="class" select="'btn btn-primary create-action btn-create-chart'"/>
-                                            </xsl:apply-templates>
-
-                                            <xsl:value-of>
-                                                <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                                            </xsl:value-of>
-                                        </button>
-                                    </div>
+                                <xsl:with-param name="form-actions" as="element()?">
+                                    <!-- creating POSTs a new chart block into the current document, so the button only appears to an agent who may append to it -->
+                                    <xsl:if test="acl:mode() = '&acl;Append'">
+                                        <div class="ldh-block-foot">
+                                            <button class="ldhc-btn in-primary ap-solid sz-md btn-create-chart" type="button">
+                                                <xsl:value-of>
+                                                    <xsl:apply-templates select="key('resources', 'create', ldh:translations())" mode="ac:label"/>
+                                                </xsl:value-of>
+                                            </button>
+                                        </div>
+                                    </xsl:if>
                                 </xsl:with-param>
                             </xsl:apply-templates>
                         </xsl:result-document>
@@ -600,18 +726,9 @@ exclude-result-prefixes="#all"
             </xsl:when>
             <xsl:otherwise>
                 <!-- error response - could not load query results -->
-                <xsl:for-each select="$results-container">
-                    <xsl:result-document href="?." method="ixsl:replace-content">
-                        <div class="alert alert-block">
-                            <strong>Error during query execution:</strong>
-                            <pre>
-                                <xsl:value-of select="$response?message"/>
-                            </pre>
-                        </div>
-                    </xsl:result-document>
-                </xsl:for-each>
+                <xsl:sequence select="ldh:render-block-error($results-container, 'block-query-failed', ldh:http-error-key($response?status), (), $response)"/>
                 
-                <xsl:sequence select="ldh:hide-block-progress-bar(map{ 'container': $results-container }, ())[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ldh:end-block-loading(map{ 'container': $results-container }, ())[current-date() lt xs:date('2000-01-01')]"/>
                 <xsl:sequence select="
                     error(
                       QName('&ldh;', 'ldh:HTTPError'),
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/view.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/view.xsl
new file mode 100644
index 0000000000..b3b96fb120
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/block/view.xsl
@@ -0,0 +1,3481 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE xsl:stylesheet [
+    <!ENTITY def    "https://w3id.org/atomgraph/linkeddatahub/default#">
+    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
+    <!ENTITY lapp   "https://w3id.org/atomgraph/linkeddatahub/apps#">
+    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
+    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+    <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
+    <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
+    <!ENTITY srx    "http://www.w3.org/2005/sparql-results#">
+    <!ENTITY acl    "http://www.w3.org/ns/auth/acl#">
+    <!ENTITY ldt    "https://www.w3.org/ns/ldt#">
+    <!ENTITY sd     "http://www.w3.org/ns/sparql-service-description#">
+    <!ENTITY sp     "http://spinrdf.org/sp#">
+    <!ENTITY spin   "http://spinrdf.org/spin#">
+    <!ENTITY foaf   "http://xmlns.com/foaf/0.1/">
+    <!ENTITY dct    "http://purl.org/dc/terms/">
+]>
+<xsl:stylesheet version="3.0"
+xmlns="http://www.w3.org/1999/xhtml"
+xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
+xmlns:prop="http://saxonica.com/ns/html-property"
+xmlns:xhtml="http://www.w3.org/1999/xhtml"
+xmlns:xs="http://www.w3.org/2001/XMLSchema"
+xmlns:map="http://www.w3.org/2005/xpath-functions/map"
+xmlns:json="http://www.w3.org/2005/xpath-functions"
+xmlns:array="http://www.w3.org/2005/xpath-functions/array"
+xmlns:ac="&ac;"
+xmlns:ldh="&ldh;"
+xmlns:lapp="&lapp;"
+xmlns:rdf="&rdf;"
+xmlns:rdfs="&rdfs;"
+xmlns:srx="&srx;"
+xmlns:acl="&acl;"
+xmlns:ldt="&ldt;"
+xmlns:sd="&sd;"
+xmlns:sp="&sp;"
+xmlns:spin="&spin;"
+xmlns:foaf="&foaf;"
+xmlns:dct="&dct;"
+extension-element-prefixes="ixsl"
+exclude-result-prefixes="#all"
+>
+
+    <xsl:key name="resources-by-primary-topic" match="*[@rdf:about] | *[@rdf:nodeID]" use="foaf:primaryTopic/@rdf:resource"/>
+    
+    <xsl:param name="class-modes" as="map(xs:string, xs:anyURI)">
+        <xsl:map>
+            <xsl:map-entry key="'read-mode'" select="xs:anyURI('&ac;ReadMode')"/>
+            <xsl:map-entry key="'list-mode'" select="xs:anyURI('&ac;ListMode')"/>
+            <xsl:map-entry key="'table-mode'" select="xs:anyURI('&ac;TableMode')"/>
+            <xsl:map-entry key="'grid-mode'" select="xs:anyURI('&ac;GridMode')"/>
+            <xsl:map-entry key="'chart-mode'" select="xs:anyURI('&ac;ChartMode')"/>
+            <xsl:map-entry key="'map-mode'" select="xs:anyURI('&ac;MapMode')"/>
+            <xsl:map-entry key="'graph-mode'" select="xs:anyURI('&ac;GraphMode')"/>
+        </xsl:map>
+    </xsl:param>
+        
+    <!-- TEMPLATES -->
+
+    <!-- render view -->
+
+    <xsl:template match="*[@typeof = '&ldh;View'][descendant::*[@property = '&spin;query'][@resource]]" mode="ldh:RenderRow" as="function(item()?) as map(*)" priority="2"> <!-- prioritize above block.xsl -->
+        <xsl:param name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][1]" as="element()"/>
+        <!-- the hosting document's URL, derived page-level: ldh:base-uri() would resolve an embed's data-base-uri stamp, which names the content's source document (the edit target), while $this anchors the query to the document the view is embedded in -->
+        <xsl:param name="this" select="if (ac:uri()) then ac:document-uri(ac:uri()) else ac:absolute-path(ldh:request-uri())" as="xs:anyURI"/>
+        <xsl:param name="parent-about" select="$block/ancestor::*[@about][1]/@about" as="xs:anyURI"/> <!-- outer @about context -->
+        <xsl:param name="container" select="." as="element()"/>
+        <xsl:param name="graph" select="descendant::*[@property = '&ldh;graph']/@resource" as="xs:anyURI?"/>
+        <xsl:param name="mode" select="descendant::*[@property = '&ac;mode']/@resource" as="xs:anyURI?"/>
+        <xsl:param name="refresh-content" as="xs:boolean?"/>
+        <xsl:param name="query-uri" select="descendant::*[@property = '&spin;query']/@resource" as="xs:anyURI"/>
+        <!-- footer emitted below the results by ldh:RenderViewResults, the same slot ldh:Chart offers charts.
+             Empty for a saved view block; the query block fills it with its Create button -->
+        <xsl:param name="form-actions" as="element()?"/>
+
+        <!-- create cache entry for the block -->
+        <xsl:if test="not(ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`'))">
+            <ixsl:set-property name="{'`' || $block/@about || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
+        </xsl:if>
+
+        <!-- Initialize progress counters -->
+        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`')"/>
+        
+        <xsl:sequence select="ldh:update-progress-counter($cache, map{'container': $container}, 'init', 3)"/>
+
+        <xsl:variable name="request-uri" select="ldh:href(ac:document-uri($query-uri), map{})" as="xs:anyURI"/>
+        <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+        <!-- $about in the query gets set to the @about of the *parent* block  -->
+        <xsl:variable name="context" as="map(*)" select="
+          map{
+            'request': $request,
+            'this': $this,
+            'about': $parent-about,
+            'block': $block,
+            'container': $container,
+            'mode': $mode,
+            'refresh-content': $refresh-content,
+            'query-uri': $query-uri,
+            'form-actions': $form-actions,
+            'cache': ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block/@about || '`')
+          }"/>
+
+        <xsl:sequence select="
+            ldh:load-block#3(
+                $context,
+                ldh:view-self-thunk#1,
+                ?
+            )
+        "/>
+    </xsl:template>
+    
+    <!-- flatten a SPARQL.js predicate node to its candidate URIs: simple URI (json:string) returns one; alt-path (pathType '|') recurses through items; sequence/inverse/variable predicates return empty -->
+    <xsl:function name="ldh:alt-path-uris" as="xs:anyURI*">
+        <xsl:param name="node" as="element()"/>
+        <xsl:choose>
+            <xsl:when test="$node/self::json:string[not(starts-with(., '?'))]">
+                <xsl:sequence select="xs:anyURI($node)"/>
+            </xsl:when>
+            <xsl:when test="$node/self::json:map[json:string[@key = 'type'] = 'path'][json:string[@key = 'pathType'] = '|']">
+                <xsl:sequence select="for $item in $node/json:array[@key = 'items']/* return ldh:alt-path-uris($item)"/>
+            </xsl:when>
+        </xsl:choose>
+    </xsl:function>
+
+    <xsl:function name="ldh:view-self-thunk" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:view-self-thunk</xsl:message>
+
+        <xsl:sequence select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-query-thunk#1) =>
+                ixsl:then(ldh:view-results-thunk#1)
+        "/>
+    </xsl:function>
+    
+    <xsl:function name="ldh:view-query-thunk" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:view-query-thunk</xsl:message>
+
+        <xsl:sequence select="
+            ixsl:http-request($context('request')) =>
+                ixsl:then(ldh:rethread-response($context, ?)) =>
+                ixsl:then(ldh:handle-response#1) =>
+                ixsl:then(ldh:view-query-response#1)
+        "/>
+    </xsl:function>
+    
+    <xsl:function name="ldh:view-results-thunk" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+
+        <xsl:message>ldh:view-results-thunk</xsl:message>
+
+        <xsl:sequence select="
+            ixsl:http-request($context('request')) =>
+                ixsl:then(ldh:rethread-response($context, ?, 'view-results-response')) =>
+                ixsl:then(ldh:handle-response(?, 'view-results-response')) =>
+                ixsl:then(ldh:view-results-error-handler#1) =>
+                ixsl:then(ldh:load-object-metadata(?, 'view-results-response')) =>
+                ixsl:then(ldh:http-request-threaded(?, 'metadata-request', 'metadata-response')) =>
+                ixsl:then(ldh:handle-response(?, 'metadata-response')) =>
+                ixsl:then(ldh:set-object-metadata#1) =>
+                ixsl:then(ldh:http-request-threaded(?, 'ns-metadata-request', 'ns-metadata-response')) =>
+                ixsl:then(ldh:handle-response(?, 'ns-metadata-response')) =>
+                ixsl:then(ldh:set-object-metadata-ns#1) =>
+                ixsl:then(ldh:merge-object-metadata#1) =>
+                ixsl:then(ldh:load-property-metadata(?, 'view-results-response')) =>
+                ixsl:then(ldh:http-request-threaded(?, 'property-metadata-request', 'property-metadata-response')) =>
+                ixsl:then(ldh:handle-response(?, 'property-metadata-response')) =>
+                ixsl:then(ldh:set-property-metadata#1) =>
+                ixsl:then(ldh:render-view#1)
+        "/>
+    </xsl:function>
+
+    <!-- view-results-specific HTTP error UI: renders an alert into $container, hides the block progress bar, raises ldh:HTTPError; the generic ldh:load-object-metadata in client/block.xsl has no error UI of its own -->
+    <xsl:function name="ldh:view-results-error-handler" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('view-results-response')" as="map(*)"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="endpoint" select="$context('endpoint')" as="xs:anyURI"/>
+
+        <xsl:for-each select="$response">
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
+                    <xsl:sequence select="$context"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:sequence select="ldh:render-block-error($container, 'block-query-failed', ldh:http-error-key($response?status), $endpoint, $response)"/>
+
+                    <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+
+                    <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
+
+                    <xsl:sequence select="
+                      error(
+                        QName('&ldh;', 'ldh:HTTPError'),
+                        concat('HTTP ', ?status, ' returned: ', ?message),
+                        $response
+                      )
+                    "/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:for-each>
+    </xsl:function>
+
+    <!-- provide a property label which otherwise would default to local-name() client-side (since $property-metadata is not loaded) -->
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;View']/rdfs:label | *[rdf:type/@rdf:resource = '&ldh;View']/ac:mode" mode="ac:FormControl">
+        <xsl:next-match>
+            <xsl:with-param name="label" select="ac:property-label(.)"/>
+        </xsl:next-match>
+    </xsl:template>
+    
+    <!-- result count -->
+    
+    <xsl:template match="srx:binding[@name][srx:literal]" mode="ldh:ViewResultCount" priority="1">
+        <xsl:param name="id" as="xs:string?"/>
+        <xsl:param name="class" as="xs:string?"/>
+        <xsl:param name="count-var-name" as="xs:string" tunnel="yes"/>
+
+        <xsl:choose>
+            <xsl:when test="@name = $count-var-name">
+                <xsl:apply-templates select="key('resources', 'total-results', ldh:translations())" mode="ac:label"/>
+                <xsl:text> </xsl:text>
+                <b>
+                    <xsl:value-of select="srx:literal"/>
+                </b>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:next-match/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <xsl:template match="srx:*" mode="ldh:ViewResultCount">
+        <xsl:apply-templates mode="#current"/>
+    </xsl:template>
+    
+    <!-- facets -->
+    
+    <xsl:template match="srx:result" mode="ldh:FacetValueItem">
+        <xsl:param name="object-var-name" as="xs:string"/>
+        <xsl:param name="count-var-name" as="xs:string"/>
+        <xsl:param name="label-sample-var-name" as="xs:string?"/>
+        <xsl:param name="label" as="xs:string?"/>
+        
+        <!-- the selection is the button's own 'is-on' state, so the value's type/datatype ride data
+             attributes rather than the hidden inputs a checkbox needed -->
+        <button type="button" class="opt" role="menuitemcheckbox" aria-checked="false" title="{srx:binding[@name = $object-var-name]/srx:*}" data-value="{srx:binding[@name = $object-var-name]/srx:*}" data-type="{srx:binding[@name = $object-var-name]/srx:*/local-name()}" data-count="{srx:binding[@name = $count-var-name]/srx:literal}">
+            <xsl:if test="srx:binding[@name = $object-var-name]/srx:literal/@datatype">
+                <xsl:attribute name="data-datatype" select="srx:binding[@name = $object-var-name]/srx:literal/@datatype"/>
+            </xsl:if>
+
+            <span class="check">
+                <span class="msi sm" aria-hidden="true">check</span>
+            </span>
+            <span class="nm">
+                <xsl:choose>
+                    <!-- label explicitly supplied -->
+                    <xsl:when test="$label">
+                        <xsl:value-of select="$label"/>
+                    </xsl:when>
+                    <!-- there is a separate ?label value - show it -->
+                    <xsl:when test="srx:binding[@name = $label-sample-var-name]/srx:literal">
+                        <xsl:value-of select="srx:binding[@name = $label-sample-var-name]/srx:literal"/>
+                    </xsl:when>
+                    <!-- show the raw value -->
+                    <xsl:otherwise>
+                        <xsl:value-of select="srx:binding[@name = $object-var-name]/srx:*"/>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </span>
+            <span class="cnt">
+                <xsl:value-of select="srx:binding[@name = $count-var-name]/srx:literal"/>
+            </span>
+        </button>
+    </xsl:template>
+    
+    <!-- facet predicate block: a toolbar dropdown — the pill button opens a popover of value checkboxes -->
+    <xsl:template match="rdf:Description[@rdf:about]" mode="ldh:FilterIn">
+        <xsl:param name="id" as="xs:string?"/>
+        <xsl:param name="class" select="'facet'" as="xs:string?"/>
+        <xsl:param name="subject-var-name" as="xs:string"/>
+        <xsl:param name="object-var-name" as="xs:string"/>
+
+        <div>
+            <xsl:if test="$id">
+                <xsl:attribute name="id" select="$id"/>
+            </xsl:if>
+            <xsl:if test="$class">
+                <xsl:attribute name="class" select="$class"/>
+            </xsl:if>
+
+            <button type="button" class="facet-pill" title="{@rdf:about}" aria-haspopup="true" aria-expanded="false">
+                <span class="pred">
+                    <xsl:value-of>
+                        <xsl:apply-templates select="." mode="ac:label"/>
+                    </xsl:value-of>
+                </span>
+                <!-- the summary of what is selected: 'Any' until a value is picked -->
+                <span class="val">
+                    <xsl:apply-templates select="key('resources', 'facet-any', ldh:translations())" mode="ac:label"/>
+                </span>
+
+                <span class="msi sm caret" aria-hidden="true">expand_more</span>
+                <input type="hidden" name="subject" value="{$subject-var-name}"/>
+                <input type="hidden" name="predicate" value="{@rdf:about}"/>
+                <input type="hidden" name="object" value="{$object-var-name}"/>
+            </button>
+
+            <!-- the value popover is appended here on first open -->
+        </div>
+    </xsl:template>
+    
+    <!-- result counts -->
+    
+    <xsl:template name="ldh:ResultCount">
+        <xsl:context-item as="element()" use="required"/>
+        <xsl:param name="container-id" as="xs:string?"/>
+        <xsl:param name="count-var-name" select="'count'" as="xs:string"/>
+        <xsl:param name="endpoint" as="xs:anyURI"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="focus-var-name" as="xs:string"/>
+        <xsl:param name="cache" as="item()"/>
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:document>
+                <!-- unset ORDER BY/LIMIT/OFFSET - we want to COUNT all of the container's children; ordering is irrelevant -->
+                <xsl:variable name="select-xml" as="document-node()">
+                    <xsl:document>
+                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit"/>
+                    </xsl:document>
+                </xsl:variable>
+                <xsl:variable name="select-xml" as="document-node()">
+                    <xsl:document>
+                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
+                    </xsl:document>
+                </xsl:variable>
+                <xsl:variable name="select-xml" as="document-node()">
+                    <xsl:document>
+                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-order-by"/>
+                    </xsl:document>
+                </xsl:variable>
+                <xsl:apply-templates select="$select-xml" mode="ldh:result-count">
+                    <xsl:with-param name="count-var-name" select="$count-var-name" tunnel="yes"/>
+                    <xsl:with-param name="expression-var-name" select="$focus-var-name" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:document>
+        </xsl:variable>
+        <xsl:variable name="select-json-string" select="xml-to-json($select-xml)" as="xs:string"/>
+        <xsl:variable name="select-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $select-json-string ])"/>
+        <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $select-json ]), 'toString', [])" as="xs:string"/>
+        <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
+        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
+        <xsl:variable name="context" as="map(*)" select="
+          map {
+            'request': $request,
+            'container': .,
+            'container-id': $container-id,
+            'count-var-name': $count-var-name,
+            'cache': $cache
+          }"/>
+
+        <ixsl:promise select="ixsl:http-request($context('request')) =>
+            ixsl:then(ldh:rethread-response($context, ?)) =>
+            ixsl:then(ldh:handle-response#1) =>
+            ixsl:then(ldh:result-count-response#1)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+    
+    <!-- pager -->
+
+    <xsl:template name="ldh:Pager">
+        <xsl:param name="container-id" as="xs:string?"/>
+        <xsl:param name="result-count" as="xs:integer?"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="total-count" as="xs:integer?"/>
+        <xsl:variable name="offset" select="if ($select-xml/json:map/json:number[@key = 'offset']) then xs:integer($select-xml/json:map/json:number[@key = 'offset']) else 0" as="xs:integer"/>
+        <xsl:variable name="limit" select="if ($select-xml/json:map/json:number[@key = 'limit']) then xs:integer($select-xml/json:map/json:number[@key = 'limit']) else 0" as="xs:integer"/>
+        <xsl:variable name="show" select="$limit gt 0 and (($offset - $limit) ge 0 or $result-count ge $limit)" as="xs:boolean"/>
+
+        <!-- do not show pagination if the children document count is less than the page limit -->
+        <xsl:if test="$show">
+            <div class="ldh-pager" role="navigation" aria-label="{ac:label(key('resources', 'pagination', ldh:translations()))}">
+                <xsl:call-template name="ldh:PagerControls">
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="result-count" select="$result-count"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="total-count" select="$total-count"/>
+                </xsl:call-template>
+            </div>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- the three pager zones (page-size selector · prev/status/next · page count), re-rendered by ldh:result-count-response once the COUNT total arrives -->
+    <xsl:template name="ldh:PagerControls">
+        <xsl:param name="container-id" as="xs:string?"/>
+        <xsl:param name="result-count" as="xs:integer?"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="total-count" as="xs:integer?"/>
+        <xsl:variable name="offset" select="if ($select-xml/json:map/json:number[@key = 'offset']) then xs:integer($select-xml/json:map/json:number[@key = 'offset']) else 0" as="xs:integer"/>
+        <xsl:variable name="limit" select="if ($select-xml/json:map/json:number[@key = 'limit']) then xs:integer($select-xml/json:map/json:number[@key = 'limit']) else 0" as="xs:integer"/>
+        <xsl:variable name="select-id" select="$container-id ! (. || '-pager-size')" as="xs:string?"/>
+
+        <div class="ldh-pager-size">
+            <label>
+                <xsl:if test="$select-id">
+                    <xsl:attribute name="for" select="$select-id"/>
+                </xsl:if>
+
+                <xsl:apply-templates select="key('resources', 'rows-per-page', ldh:translations())" mode="ac:label"/>
+            </label>
+            <div class="ldh-pager-select">
+                <select class="pager-size" title="{ac:label(key('resources', 'rows-per-page', ldh:translations()))}">
+                    <xsl:if test="$select-id">
+                        <xsl:attribute name="id" select="$select-id"/>
+                    </xsl:if>
+
+                    <xsl:for-each select="distinct-values(((20, 50, 100), $limit[. gt 0]))">
+                        <xsl:sort select="." data-type="number"/>
+
+                        <option value="{.}">
+                            <xsl:if test=". = $limit">
+                                <xsl:attribute name="selected">selected</xsl:attribute>
+                            </xsl:if>
+
+                            <xsl:value-of select="."/>
+                        </option>
+                    </xsl:for-each>
+                </select>
+                <span class="msi sm caret" aria-hidden="true">unfold_more</span>
+            </div>
+        </div>
+
+        <div class="ldh-pager-nav">
+            <xsl:choose>
+                <xsl:when test="($offset - $limit) ge 0">
+                    <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm pager-prev">
+                        <span class="msi outline sm" aria-hidden="true">chevron_left</span>
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'previous', ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </button>
+                </xsl:when>
+                <xsl:otherwise>
+                    <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm" disabled="disabled" aria-disabled="true">
+                        <span class="msi outline sm" aria-hidden="true">chevron_left</span>
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'previous', ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </button>
+                </xsl:otherwise>
+            </xsl:choose>
+
+            <span class="ldh-pager-status" aria-live="polite">
+                <b>
+                    <xsl:value-of select="$offset + 1"/>
+                    <xsl:text>&#8211;</xsl:text>
+                    <xsl:value-of select="$offset + ($result-count, 0)[1]"/>
+                </b>
+                <xsl:if test="exists($total-count)">
+                    <span class="of">
+                        <xsl:apply-templates select="key('resources', 'of', ldh:translations())" mode="ac:label"/>
+                        <xsl:text> </xsl:text>
+                        <xsl:value-of select="$total-count"/>
+                    </span>
+                </xsl:if>
+            </span>
+
+            <!-- next stays active while the current page is full and, when the total is known, rows remain beyond it -->
+            <xsl:choose>
+                <xsl:when test="$result-count ge $limit and (empty($total-count) or ($offset + $limit) lt $total-count)">
+                    <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm pager-next">
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'next', ldh:translations())" mode="ac:label"/>
+                        </span>
+                        <span class="msi outline sm" aria-hidden="true">chevron_right</span>
+                    </button>
+                </xsl:when>
+                <xsl:otherwise>
+                    <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm" disabled="disabled" aria-disabled="true">
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'next', ldh:translations())" mode="ac:label"/>
+                        </span>
+                        <span class="msi outline sm" aria-hidden="true">chevron_right</span>
+                    </button>
+                </xsl:otherwise>
+            </xsl:choose>
+        </div>
+
+        <xsl:if test="exists($total-count) and $limit gt 0">
+            <div class="ldh-pager-page">
+                <xsl:apply-templates select="key('resources', 'page', ldh:translations())" mode="ac:label"/>
+                <xsl:text> </xsl:text>
+                <b>
+                    <xsl:value-of select="$offset idiv $limit + 1"/>
+                </b>
+                <xsl:text> / </xsl:text>
+                <xsl:value-of select="max((xs:integer(ceiling($total-count div $limit)), 1))"/>
+            </div>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- view mode dropdown -->
+
+    <xsl:template name="ldh:ViewModeSwitcher">
+        <xsl:param name="active-mode" as="xs:anyURI"/>
+        <xsl:param name="id" select="'view-modes'" as="xs:string?"/>
+
+        <!-- the same mode-switcher component as the document-level ac:ModeSwitcher, in the design's compact
+             sz-sm variant: labelled trigger, full-size popover -->
+        <div class="ldh-mode sz-sm ldhc-menu-anchor">
+            <button type="button" class="label-row drop-toggle" title="{ac:label(key('resources', '&ac;Mode', document(ac:document-uri('&ac;'))))}">
+                <xsl:if test="$id">
+                    <xsl:attribute name="id" select="$id"/>
+                </xsl:if>
+
+                <span class="msi" aria-hidden="true"><xsl:value-of select="(map:get($ldh:mode-icons, string($active-mode)), 'view_list')[1]"/></span>
+                <span class="label">
+                    <xsl:apply-templates select="key('resources', $active-mode, document(ac:document-uri('&ac;')))" mode="ac:label"/>
+                </span>
+                <span class="msi sm caret" aria-hidden="true">expand_more</span>
+            </button>
+
+            <div class="modes-pop view-mode-list" role="menu">
+                <xsl:for-each select="('&ac;ReadMode', '&ac;ListMode', '&ac;TableMode', '&ac;GridMode', '&ac;ChartMode', '&ac;MapMode', '&ac;GraphMode')">
+                    <xsl:for-each select="key('resources', ., document(ac:document-uri('&ac;')))">
+                        <xsl:apply-templates select="." mode="ac:ModeSwitcherItem">
+                            <xsl:with-param name="active" select="@rdf:about = $active-mode"/>
+                            <xsl:with-param name="href" select="()"/>
+                        </xsl:apply-templates>
+                    </xsl:for-each>
+                </xsl:for-each>
+            </div>
+        </div>
+    </xsl:template>
+
+    <!-- render view -->
+    
+    <!-- the sort direction pill: the label states the CURRENT direction, the accessible name the
+         pending action - an arrow alone is ambiguous between the two -->
+    <xsl:template name="ldh:SortDirectionPill">
+        <xsl:param name="desc" as="xs:boolean"/>
+
+        <button type="button" class="facet-pill sort-dir{if ($desc) then ' is-desc' else ()}">
+            <xsl:attribute name="aria-label">
+                <xsl:apply-templates select="key('resources', if ($desc) then 'sorted-desc-toggle' else 'sorted-asc-toggle', ldh:translations())" mode="ac:label"/>
+            </xsl:attribute>
+
+            <span class="msi sm" aria-hidden="true">
+                <xsl:value-of select="if ($desc) then 'south' else 'north'"/>
+            </span>
+            <span class="val">
+                <xsl:apply-templates select="key('resources', if ($desc) then 'descending' else 'ascending', ldh:translations())" mode="ac:label"/>
+            </span>
+        </button>
+    </xsl:template>
+
+    <!-- a sort key's label: a single-predicate variable takes the predicate's label from the /ns
+         property-metadata (falling back to its local name), an alt-path-bound variable keeps the var name -->
+    <xsl:function name="ldh:sort-key-label" as="xs:string">
+        <xsl:param name="var-name" as="xs:string"/>
+        <xsl:param name="var-predicates" as="map(xs:string, xs:anyURI*)"/>
+        <xsl:param name="property-metadata" as="document-node()?"/>
+        <xsl:variable name="predicates" select="$var-predicates($var-name)" as="xs:anyURI*"/>
+
+        <xsl:choose>
+            <xsl:when test="count($predicates) eq 1">
+                <xsl:variable name="predicate-desc" select="$property-metadata!key('resources', $predicates[1], .)" as="element()?"/>
+                <xsl:choose>
+                    <xsl:when test="exists($predicate-desc)">
+                        <xsl:value-of>
+                            <xsl:apply-templates select="$predicate-desc" mode="ac:label"/>
+                        </xsl:value-of>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:value-of select="tokenize($predicates[1], '[/#]')[last()]"/>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:value-of select="$var-name"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <xsl:function name="ldh:show-view-skeleton" as="empty-sequence()" ixsl:updating="yes">
+        <xsl:param name="container" as="element()"/>
+
+        <xsl:variable name="skeleton" as="element()">
+            <xsl:call-template name="ldh:BlockSkeleton"/>
+        </xsl:variable>
+        <xsl:for-each select="$container//div[contains-token(@class, 'container-results')][*]">
+            <xsl:sequence select="ixsl:call(., 'replaceChildren', [])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call(., 'append', [ $skeleton ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+    </xsl:function>
+
+    <xsl:template name="ldh:RenderView">
+        <xsl:param name="container" as="element()"/>
+        <xsl:param name="select-string" as="xs:string"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="endpoint" select="xs:anyURI"/>
+        <xsl:param name="initial-var-name" as="xs:string"/>
+        <xsl:param name="focus-var-name" select="$select-xml/json:map/json:array[@key = 'variables']/json:string[1]/substring-after(., '?')" as="xs:string"/>
+        <xsl:param name="active-mode" as="xs:anyURI"/>
+        <xsl:param name="refresh-content" as="xs:boolean?"/>
+        <xsl:param name="cache" as="item()"/>
+        <!-- carried into the returned context so it survives to ldh:RenderViewResults. Only the initial load
+             emits it, so the re-render call sites (paging, sort, facets) leave it empty and lose nothing -->
+        <xsl:param name="form-actions" as="element()?"/>
+
+        <!-- a re-query replaces already-rendered results: the skeleton holds their place until the
+             response lands (the initial load keeps the collapsed block bar instead). DOM calls, not
+             xsl:result-document: every RenderView call site evaluates inside the view-context variable,
+             where result-document is not allowed -->
+        <xsl:sequence select="ldh:show-view-skeleton($container)"/>
+
+        <!-- wrap SELECT into a DESCRIBE -->
+        <xsl:variable name="query-xml" as="element()">
+            <xsl:apply-templates select="$select-xml" mode="ldh:wrap-describe"/>
+        </xsl:variable>
+        <xsl:variable name="query-json-string" select="xml-to-json($query-xml)" as="xs:string"/>
+        <xsl:variable name="query-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $query-json-string ])"/>
+        <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $query-json ]), 'toString', [])" as="xs:string"/>
+        <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
+        <xsl:variable name="headers" as="map(xs:string, xs:string)">
+            <xsl:map>
+                <xsl:map-entry key="'Accept'" select="'application/rdf+xml'"/>
+
+                <xsl:if test="$refresh-content">
+                    <xsl:map-entry key="'Cache-Control'" select="'no-cache, no-store, must-revalidate'"/>
+                </xsl:if>
+            </xsl:map>
+        </xsl:variable>
+        <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': $headers }" as="map(*)"/>
+        <!-- the correlation id every view sub-element derives from (container-results, graph-host, pager,
+             result count). Saxon-JS generate-id() encodes the node's POSITION, so any DOM insertion or
+             removal earlier in the document (dismissing a modal, appending an alert) changes it between
+             query cycles and the response-side render loses its own containers; the first cycle's value is
+             stamped on the container and every later cycle reuses it -->
+        <xsl:variable name="container-id" select="($container/@data-view-id/string(), generate-id($container))[1]" as="xs:string"/>
+        <xsl:sequence select="if (empty($container/@data-view-id)) then ixsl:call($container, 'setAttribute', [ 'data-view-id', $container-id ])[current-date() lt xs:date('2000-01-01')] else ()"/>
+        <xsl:sequence select="
+          map{
+            'request': $request,
+            'container': $container,
+            'container-id': $container-id,
+            'active-mode': $active-mode,
+            'select-string': $select-string,
+            'select-xml': $select-xml,
+            'initial-var-name': $initial-var-name,
+            'focus-var-name': $focus-var-name,
+            'endpoint': $endpoint,
+            'form-actions': $form-actions,
+            'cache': $cache
+          }"/>
+    </xsl:template>
+
+    <xsl:template name="ldh:ViewPage">
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="direction" as="xs:string"/> <!-- 'previous' or 'next' -->
+
+        <!-- step by the query's own LIMIT so paging stays aligned after the page size is changed -->
+        <xsl:variable name="limit" select="if ($select-xml/json:map/json:number[@key = 'limit']) then xs:integer($select-xml/json:map/json:number[@key = 'limit']) else $page-size" as="xs:integer"/>
+        <xsl:variable name="offset" select="if ($select-xml/json:map/json:number[@key = 'offset']) then xs:integer($select-xml/json:map/json:number[@key = 'offset']) else 0" as="xs:integer"/>
+        <xsl:variable name="offset" select="if ($direction = 'previous') then $offset - $limit else $offset + $limit" as="xs:integer"/>
+
+        <xsl:document>
+            <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset">
+                <xsl:with-param name="offset" select="$offset" tunnel="yes"/>
+            </xsl:apply-templates>
+        </xsl:document>
+    </xsl:template>
+
+    <xsl:template name="ldh:ViewLimit">
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="limit" as="xs:integer"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:document>
+                <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit">
+                    <xsl:with-param name="limit" select="$limit" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:document>
+        </xsl:variable>
+        <!-- a new page size restarts paging from the first page (no tunneled $offset removes OFFSET) -->
+        <xsl:document>
+            <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
+        </xsl:document>
+    </xsl:template>
+
+    <xsl:template name="ldh:ViewOrder">
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="var-name" as="xs:string?"/>
+
+        <xsl:document>
+            <xsl:apply-templates select="$select-xml" mode="ldh:replace-order-by">
+                <xsl:with-param name="var-name" select="$var-name" tunnel="yes"/>
+            </xsl:apply-templates>
+        </xsl:document>
+    </xsl:template>
+
+    <xsl:template name="ldh:ViewOrderDirection">
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="desc" as="xs:boolean"/>
+
+        <xsl:document>
+            <xsl:apply-templates select="$select-xml" mode="ldh:toggle-desc">
+                <xsl:with-param name="desc" select="not($desc)" tunnel="yes"/>
+            </xsl:apply-templates>
+        </xsl:document>
+    </xsl:template>
+
+    <xsl:template name="ldh:ViewFilter">
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="var-name" as="xs:string"/>
+        <xsl:param name="values" as="array(map(xs:string, xs:string))"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:document>
+                <xsl:apply-templates select="$select-xml" mode="ldh:filter-in">
+                    <xsl:with-param name="var-name" select="$var-name" tunnel="yes"/>
+                    <xsl:with-param name="values" select="$values" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:document>
+        </xsl:variable>
+        <!-- a changed filter changes the result set, so paging restarts from the first page (no tunneled $offset removes OFFSET) -->
+        <xsl:document>
+            <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
+        </xsl:document>
+    </xsl:template>
+
+    <xsl:template name="ldh:ViewParallax">
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="predicate" as="xs:anyURI"/>
+        <!-- an inverse step pivots onto the subjects pointing at the current results, rather than onto their objects -->
+        <xsl:param name="inverse" select="false()" as="xs:boolean"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:document>
+                <xsl:apply-templates select="$select-xml" mode="ldh:add-parallax-step">
+                    <xsl:with-param name="predicate" select="$predicate" tunnel="yes"/>
+                    <xsl:with-param name="inverse" select="$inverse" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:document>
+        </xsl:variable>
+        <!-- a parallax step changes the result set, so paging restarts from the first page (no tunneled $offset removes OFFSET) -->
+        <xsl:document>
+            <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
+        </xsl:document>
+    </xsl:template>
+
+    <!-- $container here is the inner result container, not the content container! -->
+    <xsl:template name="ldh:RenderViewMode">
+        <xsl:param name="container" as="element()"/>
+        <xsl:param name="container-id" as="xs:string"/>
+        <xsl:param name="endpoint" as="xs:anyURI"/>
+        <xsl:param name="results" as="document-node()"/>
+        <xsl:param name="object-metadata" as="document-node()?"/>
+        <xsl:param name="active-mode" as="xs:anyURI"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="var-predicates" as="map(xs:string, xs:anyURI*)?"/>
+        <xsl:param name="order-by-var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:string[@key = 'expression']/substring-after(., '?')" as="xs:string?"/>
+        <xsl:param name="order-by-desc" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:boolean[@key = 'descending']" as="xs:boolean?"/>
+        <xsl:param name="cache" as="item()"/>
+
+        <!-- Skip ViewModeChoice replace-content for GraphMode: its canvas lives in the persistent graph-host (sibling of $container), not in container-results, so re-rendering this area would only churn unused DOM. -->
+        <xsl:if test="not($active-mode = '&ac;GraphMode')">
+            <!-- total cached by ldh:result-count-response (or the exact-count short-circuit); empty until the first COUNT response arrives -->
+            <xsl:variable name="total-count" select="if (ixsl:contains($cache, 'result-count')) then xs:integer(ixsl:get($cache, 'result-count')) else ()" as="xs:integer?"/>
+
+            <xsl:for-each select="$container">
+                <xsl:result-document href="?." method="ixsl:replace-content">
+                    <xsl:call-template name="ldh:ViewModeChoice">
+                        <xsl:with-param name="container-id" select="$container-id"/>
+                        <xsl:with-param name="select-xml" select="$select-xml"/>
+                        <xsl:with-param name="endpoint" select="$endpoint"/>
+                        <xsl:with-param name="results" select="$results"/>
+                        <xsl:with-param name="active-mode" select="$active-mode"/>
+                        <xsl:with-param name="object-metadata" select="$object-metadata"/>
+                        <xsl:with-param name="total-count" select="$total-count"/>
+                        <xsl:with-param name="var-predicates" select="$var-predicates"/>
+                        <xsl:with-param name="order-by-var-name" select="$order-by-var-name"/>
+                        <xsl:with-param name="order-by-desc" select="$order-by-desc"/>
+                    </xsl:call-template>
+                </xsl:result-document>
+            </xsl:for-each>
+        </xsl:if>
+
+        <!-- toggle visibility between persistent graph-host (GraphMode) and ephemeral container-results (everything else) -->
+        <xsl:variable name="graph-host" select="id($container-id || '-graph-host', ixsl:page())" as="element()?"/>
+        <xsl:if test="exists($graph-host)">
+            <xsl:choose>
+                <xsl:when test="$active-mode = '&ac;GraphMode'">
+                    <ixsl:set-style name="display" select="'none'" object="$container"/>
+                    <ixsl:set-style name="display" select="'block'" object="$graph-host"/>
+                </xsl:when>
+                <xsl:otherwise>
+                    <ixsl:set-style name="display" select="'block'" object="$container"/>
+                    <ixsl:set-style name="display" select="'none'" object="$graph-host"/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:if>
+
+        <!-- after we've created the map container element, create the JS objects using it -->
+        <xsl:if test="$active-mode = '&ac;MapMode'">
+            <!-- unset LIMIT and OFFSET - we want all of the container's children on the map -->
+            <xsl:variable name="select-xml" as="document-node()">
+                <xsl:document>
+                    <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit"/>
+                </xsl:document>
+            </xsl:variable>
+            <xsl:variable name="select-xml" as="document-node()">
+                <xsl:document>
+                    <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
+                </xsl:document>
+            </xsl:variable>
+
+            <xsl:sequence select="ldh:busy-cursor()"/>
+
+            <xsl:variable name="canvas-id" select="$container-id || '-map-canvas'" as="xs:string"/>
+            <xsl:variable name="initial-load" select="not(ixsl:contains($cache, 'map'))" as="xs:boolean"/>
+            <xsl:variable name="map" select="if ($initial-load) then ldh:create-map($canvas-id, 0, 0, 4) else ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), 'map')" as="item()"/>  <!-- OpenLayers map object -->
+
+            <xsl:if test="not($initial-load)">
+                <ixsl:set-property name="map" select="$map" object="$cache"/>
+            </xsl:if>
+                        
+            <!-- dettach the old canvas element (since it's destroyed and regenerated during AJAX page load) -->
+            <xsl:sequence select="ixsl:call($map, 'setTarget', [ () ])[current-date() lt xs:date('2000-01-01')]"/>
+            <!-- attach the new canvas element -->
+            <xsl:sequence select="ixsl:call($map, 'setTarget', [ $canvas-id ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call($map, 'updateSize', [])[current-date() lt xs:date('2000-01-01')]"/>
+
+            <xsl:call-template name="ldh:LoadGeoResources">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="container-id" select="$container-id"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="map" select="$map"/>
+                <xsl:with-param name="initial-load" select="$initial-load"/>
+            </xsl:call-template>
+        </xsl:if>
+        <xsl:if test="$active-mode = '&ac;ChartMode'">
+            <xsl:variable name="canvas-id" select="$container-id || '-chart-canvas'" as="xs:string"/>
+            <xsl:variable name="chart-type" select="xs:anyURI('&ac;Table')" as="xs:anyURI"/>
+            <xsl:variable name="category" as="xs:string?"/>
+            <xsl:variable name="series" select="distinct-values($results/*/*/concat(namespace-uri(), local-name()))" as="xs:string*"/>
+            <xsl:variable name="data-table" select="ac:rdf-data-table($results, $category, $series)"/>
+
+            <ixsl:set-property name="data-table" select="$data-table" object="$cache"/>
+
+            <xsl:call-template name="ldh:RenderChart">
+                <xsl:with-param name="data-table" select="$data-table"/>
+                <xsl:with-param name="canvas-id" select="$canvas-id"/>
+                <xsl:with-param name="chart-type" select="$chart-type"/>
+                <xsl:with-param name="category" select="$category"/>
+                <xsl:with-param name="series" select="$series"/>
+            </xsl:call-template>
+        </xsl:if>
+        <!-- GraphMode: the persistent canvas lives in graph-host (visible since the toggle above). Lazily emit the canvas div + init ForceGraph3D on first activation; subsequent re-renders just feed new $results via redisplay-graph. -->
+        <xsl:if test="$active-mode = '&ac;GraphMode'">
+            <xsl:variable name="canvas-id" select="$container-id || '-graph-canvas'" as="xs:string"/>
+            <xsl:variable name="graph-host" select="id($container-id || '-graph-host', ixsl:page())" as="element()"/>
+            <xsl:variable name="graphs" select="ixsl:get(ixsl:window(), 'LinkedDataHub.graphs')"/>
+            <xsl:variable name="needs-init" select="not(ixsl:contains($graphs, $canvas-id))" as="xs:boolean"/>
+
+            <xsl:if test="$needs-init">
+                <xsl:for-each select="$graph-host">
+                    <xsl:result-document href="?." method="ixsl:append-content">
+                        <div id="{$canvas-id}" class="graph-3d-canvas"/>
+                    </xsl:result-document>
+                </xsl:for-each>
+
+                <xsl:variable name="canvas" select="id($canvas-id, ixsl:page())" as="element()"/>
+                <xsl:variable name="graph-state" as="item()">
+                    <xsl:call-template name="ldh:ForceGraph3D-init">
+                        <xsl:with-param name="graph-id" select="$canvas-id"/>
+                        <xsl:with-param name="container" select="$canvas"/>
+                        <xsl:with-param name="builder" select="ixsl:apply(ixsl:get(ixsl:window(), 'ForceGraph3D'), [])"/>
+                        <xsl:with-param name="graph-width" select="xs:double(ixsl:get($graph-host, 'offsetWidth'))"/>
+                        <xsl:with-param name="graph-height" select="xs:double(600)"/>
+                        <xsl:with-param name="node-rel-size" select="xs:double(4)"/>
+                        <xsl:with-param name="link-width" select="xs:double(1.5)"/>
+                        <xsl:with-param name="node-label-color" select="'white'"/>
+                        <xsl:with-param name="node-label-text-height" select="xs:double(5)"/>
+                        <xsl:with-param name="node-label-position-y" select="xs:double(10)"/>
+                        <xsl:with-param name="link-label-color" select="'lightgrey'"/>
+                        <xsl:with-param name="link-label-text-height" select="xs:double(4)"/>
+                        <xsl:with-param name="link-force-distance" select="xs:double(100)"/>
+                        <xsl:with-param name="charge-force-strength" select="xs:double(-200)"/>
+                        <xsl:with-param name="node-click-event-name" select="'ForceGraph3DNodeClick'"/>
+                        <xsl:with-param name="node-dblclick-event-name" select="'ForceGraph3DNodeDblClick'"/>
+                        <xsl:with-param name="node-rightclick-event-name" select="'ForceGraph3DNodeRightClick'"/>
+                        <xsl:with-param name="node-hover-on-event-name" select="'ForceGraph3DNodeHoverOn'"/>
+                        <xsl:with-param name="node-hover-off-event-name" select="'ForceGraph3DNodeHoverOff'"/>
+                        <xsl:with-param name="link-click-event-name" select="'ForceGraph3DLinkClick'"/>
+                        <xsl:with-param name="background-click-event-name" select="'ForceGraph3DBackgroundClick'"/>
+                    </xsl:call-template>
+                </xsl:variable>
+                <ixsl:set-property name="document" select="$results" object="$graph-state"/>
+                <ixsl:set-property name="loaded-uris" select="ixsl:new('Array', [])" object="$graph-state"/>
+                <ixsl:set-property name="loaded-backlink-uris" select="ixsl:new('Array', [])" object="$graph-state"/>
+                <ixsl:set-property name="{$canvas-id}" select="$graph-state" object="$graphs"/>
+
+                <xsl:call-template name="ldh:AppendGraph3DPanels">
+                    <xsl:with-param name="canvas" select="$canvas"/>
+                    <xsl:with-param name="canvas-id" select="$canvas-id"/>
+                </xsl:call-template>
+            </xsl:if>
+
+            <xsl:variable name="graph-state" select="ixsl:get($graphs, $canvas-id)"/>
+            <xsl:if test="not($needs-init)">
+                <ixsl:set-property name="document" select="$results" object="$graph-state"/>
+            </xsl:if>
+            <xsl:variable name="graph-instance" select="ixsl:get($graph-state, 'instance')"/>
+            <xsl:call-template name="ldh:redisplay-graph">
+                <xsl:with-param name="canvas-id" select="$canvas-id"/>
+                <xsl:with-param name="graph-state" select="$graph-state"/>
+                <xsl:with-param name="graph-instance" select="$graph-instance"/>
+            </xsl:call-template>
+        </xsl:if>
+    </xsl:template>
+    
+    <!-- view mode choice -->
+    
+    <xsl:template name="ldh:ViewModeChoice">
+        <xsl:param name="container-id" as="xs:string"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="endpoint" as="xs:anyURI"/>
+        <xsl:param name="results" as="document-node()"/>
+        <xsl:param name="object-metadata" as="document-node()?"/>
+        <xsl:param name="active-mode" as="xs:anyURI"/>
+        <xsl:param name="total-count" as="xs:integer?"/>
+        <xsl:param name="var-predicates" as="map(xs:string, xs:anyURI*)?"/>
+        <xsl:param name="order-by-var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:string[@key = 'expression']/substring-after(., '?')" as="xs:string?"/>
+        <xsl:param name="order-by-desc" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:boolean[@key = 'descending']" as="xs:boolean?"/>
+
+        <xsl:choose>
+            <xsl:when test="$active-mode = '&ac;ListMode'">
+                <xsl:apply-templates select="$results" mode="ldh:ListViewBlock">
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="total-count" select="$total-count"/>
+                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:when test="$active-mode = '&ac;TableMode'">
+                <xsl:apply-templates select="$results" mode="ldh:TableViewBlock">
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="total-count" select="$total-count"/>
+                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
+                    <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
+                    <xsl:with-param name="var-predicates" select="$var-predicates" tunnel="yes"/>
+                    <xsl:with-param name="order-by-var-name" select="$order-by-var-name" tunnel="yes"/>
+                    <xsl:with-param name="order-by-desc" select="$order-by-desc" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:when test="$active-mode = '&ac;GridMode'">
+                <xsl:apply-templates select="$results" mode="ldh:GridViewBlock">
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="total-count" select="$total-count"/>
+                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:when test="$active-mode = '&ac;ChartMode'">
+                <xsl:apply-templates select="$results" mode="ldh:Chart">
+                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                    <xsl:with-param name="canvas-id" select="$container-id || '-chart-canvas'"/>
+                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:when test="$active-mode = '&ac;MapMode'">
+                <xsl:apply-templates select="$results" mode="ac:Map">
+                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                    <xsl:with-param name="id" select="$container-id || '-map-canvas'"/>
+                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:when test="$active-mode = '&ac;GraphMode'">
+                <xsl:apply-templates select="$results" mode="ac:Graph">
+                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                    <xsl:with-param name="canvas-id" select="$container-id || '-graph-canvas'"/>
+                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:apply-templates select="$results">
+                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                    <xsl:with-param name="endpoint" select="if (not($endpoint = sd:endpoint())) then $endpoint else ()" tunnel="yes"/>
+                    <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+    
+    <!-- view results -->
+    
+    <xsl:template name="ldh:RenderViewResults">
+        <xsl:context-item as="element()" use="required"/>
+        <xsl:param name="container" as="element()"/>
+        <xsl:param name="results" as="document-node()"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="var-predicates" as="map(xs:string, xs:anyURI*)"/>
+        <xsl:param name="desc" as="xs:boolean?"/>
+        <xsl:param name="order-by-var-name" as="xs:string?"/>
+        <xsl:param name="container-id" as="xs:string"/>
+        <xsl:param name="focus-var-name" as="xs:string"/>
+        <xsl:param name="endpoint" as="xs:anyURI"/>
+        <xsl:param name="result-count-container-id" as="xs:string"/>
+        <xsl:param name="active-mode" as="xs:anyURI"/>
+        <xsl:param name="object-metadata" as="document-node()?"/>
+        <xsl:param name="property-metadata" as="document-node()?"/>
+        <xsl:param name="cache" as="item()"/>
+        <xsl:param name="form-actions" as="element()?"/>
+        <!-- if  the container is full-width row (.row-fluid), render results in the middle column (.main) -->
+        <xsl:variable name="order-by-container-id" select="$container-id || '-container-order'" as="xs:string"/>
+        <xsl:variable name="container-results-id" select="$container-id || '-container-results'" as="xs:string"/>
+
+        <!-- store sorted results as the current view results -->
+        <ixsl:set-property name="results" select="$results" object="$cache"/>
+
+        <xsl:variable name="initial-load" select="empty(.//div[@id = $container-results-id])" as="xs:boolean"/>
+        <xsl:message>$initial-load: <xsl:value-of select="$initial-load"/></xsl:message>
+        <!-- first time rendering the view results -->
+        <xsl:if test="$initial-load">
+            <xsl:result-document href="?." method="ixsl:replace-content">
+                <!-- no body title: the card's own ldh-block-head (or the nblock head) carries it -->
+                <div class="ldh-view-toolbar">
+                    <div class="left">
+                        <span class="facet-lead">
+                            <xsl:attribute name="title">
+                                <xsl:apply-templates select="key('resources', 'filter-title', ldh:translations())" mode="ac:label"/>
+                            </xsl:attribute>
+
+                            <span class="msi sm" aria-hidden="true">filter_alt</span>
+                        </span>
+                        <!-- applied parallax steps render here as removable chips (ldh:RenderParallaxSteps) -->
+                        <span class="parallax-steps"></span>
+                        <!-- shown by ldh.css while any facet carries a selection (the design renders it conditionally) -->
+                        <button type="button" class="facet-clear-all">
+                            <xsl:apply-templates select="key('resources', 'clear-filters', ldh:translations())" mode="ac:label"/>
+                        </button>
+                        <!-- facet pills are appended here by ldh:RenderFacets -->
+                    </div>
+                    <div class="right">
+                        <!-- inline creation: Create button for views carrying ldh:container metadata (stamped as data-* attributes by ldh:ontology-view-insert, RDFa as fallback for hand-authored view blocks). PUT into the container requires acl:Write there (checked on the parent URI for new documents); forward views additionally PATCH the linking triple into the current document, hence acl:Write here too -->
+                        <xsl:variable name="view-block" select="$container/ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
+                        <xsl:variable name="create-container" select="($view-block/@data-container, $container/descendant::*[@property = '&ldh;container']/@resource)[1]" as="xs:string?"/>
+                        <xsl:variable name="create-for-class" select="$view-block/@data-for-class" as="xs:string?"/>
+                        <xsl:if test="exists($create-container) and exists($create-for-class) and tokenize($view-block/@data-acl-modes, ' ') = '&acl;Write' and (exists($view-block/@data-inverse) or acl:mode() = '&acl;Write')">
+                            <button type="button" class="ldhc-btn in-primary ap-solid sz-sm add-instance" data-for-class="{$create-for-class}" data-container="{$create-container}" title="{ac:label(key('resources', 'create-instance-title', ldh:translations()))}">
+                                <xsl:value-of>
+                                    <xsl:apply-templates select="key('resources', 'create', ldh:translations())" mode="ac:label"/>
+                                </xsl:value-of>
+                            </button>
+                        </xsl:if>
+
+                        <span id="{$result-count-container-id}" class="count"/>
+
+                        <!-- no sortable variables means an empty order-by dropdown, so the sort controls stay out of the toolbar altogether -->
+                        <xsl:if test="map:size($var-predicates) gt 0">
+                            <div class="facet sort-facet">
+                                <button type="button" class="facet-pill sort-key" aria-haspopup="true" aria-expanded="false">
+                                    <span class="pred">
+                                        <xsl:apply-templates select="key('resources', 'sort', ldh:translations())" mode="ac:label"/>
+                                    </span>
+                                    <span class="val">
+                                        <xsl:choose>
+                                            <xsl:when test="$order-by-var-name">
+                                                <xsl:value-of select="ldh:sort-key-label($order-by-var-name, $var-predicates, $property-metadata)"/>
+                                            </xsl:when>
+                                            <xsl:otherwise>
+                                                <xsl:apply-templates select="key('resources', 'none', ldh:translations())" mode="ac:label"/>
+                                            </xsl:otherwise>
+                                        </xsl:choose>
+                                    </span>
+                                    <span class="msi sm caret" aria-hidden="true">expand_more</span>
+                                </button>
+                                <!-- pre-rendered, unlike the lazily built facet value lists: the keys are known at render
+                                     time, so the popover rides the generic facet open/close machinery as already loaded -->
+                                <div class="facet-pop sort-pop" role="menu" aria-label="{ac:label(key('resources', 'sort', ldh:translations()))}">
+                                    <div class="head">
+                                        <span class="pname">
+                                            <xsl:apply-templates select="key('resources', 'sort', ldh:translations())" mode="ac:label"/>
+                                        </span>
+                                    </div>
+                                    <div class="facet-values">
+                                        <xsl:for-each select="map:keys($var-predicates)">
+                                            <xsl:sort select="."/>
+                                            <xsl:variable name="var-name" select="." as="xs:string"/>
+                                            <xsl:variable name="on" select="$var-name = $order-by-var-name" as="xs:boolean"/>
+
+                                            <!-- single-selection: no leading check box (that is the facet menu's multi-select
+                                                 affordance) - the chosen key shows as the row highlight plus a trailing tick -->
+                                            <button type="button" role="menuitemradio" aria-checked="{$on}" class="opt sort-opt{if ($on) then ' is-on' else ()}" data-var-name="{$var-name}">
+                                                <span class="nm">
+                                                    <xsl:value-of select="ldh:sort-key-label($var-name, $var-predicates, $property-metadata)"/>
+                                                </span>
+                                                <xsl:if test="$on">
+                                                    <span class="msi sm tick" aria-hidden="true">check</span>
+                                                </xsl:if>
+                                            </button>
+                                        </xsl:for-each>
+                                    </div>
+                                </div>
+                            </div>
+                            <span class="sort-dir-slot">
+                                <xsl:call-template name="ldh:SortDirectionPill">
+                                    <xsl:with-param name="desc" select="boolean($desc)"/>
+                                </xsl:call-template>
+                            </span>
+                        </xsl:if>
+
+                        <!-- block-level actions (links, copy, edit) live in the card's own header; the
+                             toolbar's right zone is the view controls alone (count, sort, view mode) -->
+                        <xsl:call-template name="ldh:ViewModeSwitcher">
+                            <xsl:with-param name="active-mode" select="$active-mode"/>
+                        </xsl:call-template>
+                    </div>
+                </div>
+
+                <!-- parallax row: the second row of the view's control header. Query inputs (filters, sort, modes) stay in the toolbar above; onward pivots derived from the current result set land here, filled by ldh:ParallaxNav after every results render. Hidden by CSS while it has no chips. -->
+                <div class="ldh-pivot-bar">
+                    <span class="ldh-pivot-glyph">
+                        <!-- the pills carry their own direction arrows, so the row's own glyph stays neutral -->
+                        <span class="msi sm outline" aria-hidden="true">alt_route</span>
+                        <span class="ldhc-vh">
+                            <xsl:apply-templates select="key('resources', 'related-results', ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </span>
+
+                    <div id="{$container-id}-parallax-properties" class="ldh-pivot-pills" role="group"></div>
+                </div>
+
+                <!-- persistent host for the 3d-force-graph canvas; lives for the lifetime of this view block so the WebGL context + simulation state survive re-renders. Hidden when active-mode is not GraphMode. -->
+                <div id="{$container-id}-graph-host" class="graph-3d-host" style="display: none;"></div>
+                <div id="{$container-results-id}" class="container-results"></div>
+
+                <!-- outside .container-results on purpose: ldh:RenderViewMode replaces that div's content on
+                     every mode, facet, sort and page change, which would take the footer with it -->
+                <xsl:sequence select="$form-actions"/>
+            </xsl:result-document>
+        </xsl:if>
+
+        <!-- result count: stays in sync with re-queried results (e.g. modal search keyword changes). Short-circuit the COUNT HTTP request when the entire result set fits in one page — typical for narrowed search queries. -->
+        <xsl:variable name="limit" select="if ($select-xml/json:map/json:number[@key = 'limit']) then xs:integer($select-xml/json:map/json:number[@key = 'limit']) else 0" as="xs:integer"/>
+        <xsl:variable name="offset" select="if ($select-xml/json:map/json:number[@key = 'offset']) then xs:integer($select-xml/json:map/json:number[@key = 'offset']) else 0" as="xs:integer"/>
+        <xsl:variable name="exact-count" select="count($results/rdf:RDF/rdf:Description)" as="xs:integer"/>
+
+        <!-- ldh:showWhenEmpty (default true): when false, hide the whole injected view block while the query returns no results and un-hide it when results appear on a later refresh. Only evaluated on the first page: at offset 0 an empty page means an empty result set, while a non-zero offset implies interaction with a visible block -->
+        <xsl:if test="$offset = 0">
+            <xsl:variable name="view-block" select="$container/ancestor::div[contains-token(@class, 'block')][1]" as="element()?"/>
+            <xsl:variable name="show-when-empty" select="not(($view-block/@data-show-when-empty, $container/descendant::*[@property = '&ldh;showWhenEmpty']/text()[normalize-space()])[1] = ('false', '0'))" as="xs:boolean"/>
+            <xsl:if test="not($show-when-empty)">
+                <xsl:for-each select="$view-block">
+                    <ixsl:set-style name="display" select="if ($exact-count = 0) then 'none' else ''" object="."/>
+                </xsl:for-each>
+            </xsl:if>
+        </xsl:if>
+
+        <xsl:choose>
+            <xsl:when test="$offset = 0 and ($limit = 0 or $exact-count lt $limit)">
+                <!-- the whole result set fits on one page, so its size is the total -->
+                <ixsl:set-property name="result-count" select="$exact-count" object="$cache"/>
+
+                <xsl:for-each select="id($result-count-container-id, ixsl:page())">
+                    <xsl:result-document href="?." method="ixsl:replace-content">
+                        <xsl:apply-templates select="key('resources', 'total-results', ldh:translations())" mode="ac:label"/>
+                        <xsl:text> </xsl:text>
+                        <b><xsl:value-of select="$exact-count"/></b>
+                    </xsl:result-document>
+                </xsl:for-each>
+                <xsl:sequence select="ldh:update-progress-counter($cache, map{ 'container': $container }, 'complete', ())"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:for-each select="id($result-count-container-id, ixsl:page())">
+                    <xsl:call-template name="ldh:ResultCount">
+                        <xsl:with-param name="container-id" select="$container-id"/>
+                        <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
+                        <xsl:with-param name="endpoint" select="$endpoint"/>
+                        <xsl:with-param name="select-xml" select="$select-xml"/>
+                        <xsl:with-param name="cache" select="$cache"/>
+                    </xsl:call-template>
+                </xsl:for-each>
+            </xsl:otherwise>
+        </xsl:choose>
+
+        <xsl:call-template name="ldh:RenderViewMode">
+            <xsl:with-param name="container" select=".//div[contains-token(@class, 'container-results')]"/>
+            <xsl:with-param name="container-id" select="$container-id"/>
+            <xsl:with-param name="endpoint" select="$endpoint"/>
+            <xsl:with-param name="results" select="$results"/>
+            <xsl:with-param name="object-metadata" select="$object-metadata"/>
+            <xsl:with-param name="active-mode" select="$active-mode"/>
+            <xsl:with-param name="select-xml" select="$select-xml"/>
+            <xsl:with-param name="var-predicates" select="$var-predicates"/>
+            <xsl:with-param name="order-by-var-name" select="$order-by-var-name"/>
+            <xsl:with-param name="order-by-desc" select="$desc"/>
+            <xsl:with-param name="cache" select="$cache"/>
+        </xsl:call-template>
+    </xsl:template>
+    
+    <!-- facets -->
+
+    <xsl:template name="ldh:RenderFacets">
+        <xsl:context-item as="element()" use="required"/>
+        <xsl:param name="select-string" as="xs:string"/>
+        <xsl:param name="property-metadata" as="document-node()?"/>
+        <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
+        <xsl:variable name="select-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ ixsl:call($select-builder, 'build', []) ])" as="xs:string"/>
+        <xsl:variable name="select-xml" select="json-to-xml($select-json-string)" as="document-node()"/>
+        <!-- use the first SELECT variable as the facet variable name (so that we do not generate facets based on other variables) -->
+        <xsl:variable name="initial-var-name" select="$select-xml/json:map/json:array[@key = 'variables']/json:string[1]/substring-after(., '?')" as="xs:string"/>
+        
+        <!-- use the BGPs where the predicate is a URI value and the subject and object are variables -->
+        <xsl:variable name="bgp-triples-map" select="$select-xml//json:map[json:string[@key = 'type'] = 'bgp']/json:array[@key = 'triples']/json:map[json:string[@key = 'subject'] = '?' || $initial-var-name][not(starts-with(json:string[@key = 'predicate'], '?'))][starts-with(json:string[@key = 'object'], '?')]" as="element()*"/>
+
+        <!-- only append facets if they are not already present and there are BGP triples to facet on -->
+        <xsl:if test="not(child::div[contains-token(@class, 'facet')]) and exists($bgp-triples-map)">
+            <xsl:variable name="sub-container" select="." as="element()"/>
+
+            <xsl:for-each select="$bgp-triples-map">
+                <!-- only simple properties in the BGP are supported, not property paths etc. -->
+                <xsl:if test="json:string[@key = 'predicate']">
+                    <xsl:variable name="id" select="generate-id()" as="xs:string"/>
+                    <xsl:variable name="subject-var-name" select="json:string[@key = 'subject']/substring-after(., '?')" as="xs:string"/>
+                    <xsl:variable name="predicate" select="json:string[@key = 'predicate']" as="xs:anyURI"/>
+                    <xsl:variable name="object-var-name" select="json:string[@key = 'object']/substring-after(., '?')" as="xs:string"/>
+                    <!-- render the facet header synchronously from the /ns property-metadata; fall back to the predicate's local name when it is not in the closure -->
+                    <xsl:variable name="predicate-desc" as="element()">
+                        <xsl:variable name="ns-desc" select="$property-metadata!key('resources', $predicate, .)" as="element()?"/>
+                        <xsl:choose>
+                            <xsl:when test="exists($ns-desc)">
+                                <xsl:sequence select="$ns-desc"/>
+                            </xsl:when>
+                            <xsl:otherwise>
+                                <rdf:Description rdf:about="{$predicate}">
+                                    <rdfs:label><xsl:value-of select="tokenize($predicate, '[/#]')[last()]"/></rdfs:label>
+                                </rdf:Description>
+                            </xsl:otherwise>
+                        </xsl:choose>
+                    </xsl:variable>
+                    <xsl:for-each select="$sub-container">
+                        <xsl:result-document href="?." method="ixsl:append-content">
+                            <xsl:apply-templates select="$predicate-desc" mode="ldh:FilterIn">
+                                <xsl:with-param name="subject-var-name" select="$subject-var-name"/>
+                                <xsl:with-param name="object-var-name" select="$object-var-name"/>
+                            </xsl:apply-templates>
+                        </xsl:result-document>
+                    </xsl:for-each>
+                </xsl:if>
+            </xsl:for-each>
+        </xsl:if>
+    </xsl:template>
+    
+    <!-- block list -->
+
+    <xsl:template match="rdf:RDF" mode="ldh:ListViewBlock" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
+        <xsl:param name="container-id" as="xs:string?"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="total-count" as="xs:integer?"/>
+        <xsl:variable name="result-count" select="count(rdf:Description)" as="xs:integer"/>
+
+        <xsl:choose>
+            <xsl:when test="($total-count, $result-count)[1] = 0">
+                <xsl:apply-templates select="." mode="ldh:BlockBlank">
+                    <xsl:with-param name="action" as="item()*">
+                        <!-- with filters active the empty state is recoverable: the same control the toolbar's Clear-all carries -->
+                        <xsl:if test="$container-id and id($container-id, ixsl:page())//button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]">
+                            <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm facet-clear-all">
+                                <span class="msi outline sm" aria-hidden="true">filter_alt_off</span>
+                                <span>
+                                    <xsl:apply-templates select="key('resources', 'clear-filters', ldh:translations())" mode="ac:label"/>
+                                </span>
+                            </button>
+                        </xsl:if>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:otherwise>
+                <ul class="ldh-list-block">
+                    <xsl:apply-templates select="." mode="ac:List"/>
+                </ul>
+                <xsl:call-template name="ldh:Pager">
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="result-count" select="$result-count"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="total-count" select="$total-count"/>
+                </xsl:call-template>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- override Web-Client's template to select the resources only: the list is a ul, which admits nothing but its li rows -->
+    <xsl:template match="rdf:RDF" mode="ac:List">
+        <xsl:apply-templates select="*" mode="#current"/>
+    </xsl:template>
+
+    <!-- hide resources that will be shown paired/nested with a document -->
+    <xsl:template match="*[key('resources-by-primary-topic', @rdf:about)]" mode="ac:List" priority="1"/>
+
+    <!-- a document paired with its primary topic renders as one row carrying the topic's label, description and type.
+         URI-named rows are the link to their document; blank-node rows render the same anatomy inert -->
+    <xsl:template match="*[*][@rdf:about or @rdf:nodeID]" mode="ac:List" priority="0.8">
+        <xsl:variable name="subject" select="(key('resources', foaf:primaryTopic/@rdf:resource), .)[1]" as="element()"/>
+
+        <li>
+            <xsl:element name="{if (@rdf:about) then 'a' else 'div'}" namespace="http://www.w3.org/1999/xhtml">
+                <xsl:attribute name="class" select="'row'"/>
+                <xsl:if test="@rdf:about">
+                    <xsl:attribute name="href" select="ldh:href(ac:document-uri(xs:anyURI(@rdf:about)), map{})"/>
+                    <xsl:attribute name="title" select="@rdf:about"/>
+                </xsl:if>
+
+                <span class="ic">
+                    <span class="msi sm" aria-hidden="true">
+                        <xsl:value-of select="ldh:class-icon(., 'description')"/>
+                    </span>
+                </span>
+                <!-- the unclassed span is the grid cell: title and description stack inside it -->
+                <span>
+                    <span class="ti">
+                        <xsl:apply-templates select="$subject" mode="ac:label"/>
+                    </span>
+                    <xsl:where-populated>
+                        <span class="desc">
+                            <xsl:apply-templates select="$subject" mode="ac:description"/>
+                        </span>
+                    </xsl:where-populated>
+                </span>
+
+                <xsl:apply-templates select="." mode="ldh:ListRowTimestamp"/>
+                <xsl:apply-templates select="$subject" mode="ldh:ListRowType"/>
+            </xsl:element>
+        </li>
+    </xsl:template>
+
+    <!-- .ts cell: the latest of dct:created/dct:modified as a short date. The cell always renders,
+         empty when undated - the row is a fixed four-track grid, and a missing cell would shift its
+         neighbours into the wrong tracks -->
+    <xsl:template match="*" mode="ldh:ListRowTimestamp">
+        <span class="ts">
+            <xsl:for-each select="ldh:latest-date-time(.)">
+                <xsl:value-of select="format-date(xs:date(ldh:date-time(string(.))), '[D] [MNn] [Y]', ac:langs()[1], (), ())"/>
+            </xsl:for-each>
+        </span>
+    </xsl:template>
+
+    <!-- .type cell: the first type by label, rendered as the core type Tag through the single pill
+         rule - linkless, because the row itself is the anchor -->
+    <xsl:template match="*" mode="ldh:ListRowType">
+        <span class="type">
+            <xsl:for-each select="rdf:type/@rdf:resource">
+                <xsl:sort select="ac:object-label(.)" order="ascending" lang="{ac:langs()[1]}"/>
+
+                <xsl:if test="position() = 1">
+                    <xsl:apply-templates select=".">
+                        <xsl:with-param name="link" select="false()" tunnel="yes"/>
+                    </xsl:apply-templates>
+                </xsl:if>
+            </xsl:for-each>
+        </span>
+    </xsl:template>
+
+    <!-- grid -->
+
+    <!-- override Web-Client's template to avoid sort by ac:label(); the design-system grid lays items out itself, so no row chunking -->
+    <xsl:template match="rdf:RDF" mode="ac:Grid">
+        <xsl:apply-templates select="*" mode="#current"/>
+    </xsl:template>
+
+    <!-- hide resources that will be shown paired/nested with a document -->
+    <xsl:template match="*[key('resources-by-primary-topic', @rdf:about)]" mode="ac:Grid" priority="1"/>
+
+    <!-- a document paired with its primary topic renders as one card carrying the topic's label and description.
+         URI-named cards are the link to their document; blank-node cards render the same anatomy inert -->
+    <xsl:template match="*[*][@rdf:about or @rdf:nodeID]" mode="ac:Grid" priority="0.8">
+        <xsl:variable name="subject" select="(key('resources', foaf:primaryTopic/@rdf:resource), .)[1]" as="element()"/>
+        <xsl:variable name="pos" select="position()" as="xs:integer"/>
+
+        <li>
+            <xsl:element name="{if (@rdf:about) then 'a' else 'div'}" namespace="http://www.w3.org/1999/xhtml">
+                <xsl:attribute name="class" select="'card'"/>
+                <xsl:if test="@rdf:about">
+                    <xsl:attribute name="href" select="ldh:href(ac:document-uri(xs:anyURI(@rdf:about)), map{})"/>
+                    <xsl:attribute name="title" select="@rdf:about"/>
+                </xsl:if>
+
+                <xsl:choose>
+                    <xsl:when test="ac:image($subject)">
+                        <div class="img">
+                            <img src="{ac:image($subject)[1]}" alt="{ac:label($subject)}"/>
+                        </div>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <div class="img {('img-sky', 'img-mint', 'img-peach', 'img-lavender', 'img-blush', 'img-sand')[($pos - 1) mod 6 + 1]}">
+                            <span class="msi" aria-hidden="true">
+                                <xsl:value-of select="ldh:class-icon(., 'description')"/>
+                            </span>
+                        </div>
+                    </xsl:otherwise>
+                </xsl:choose>
+                <div class="card-body">
+                    <span class="ti">
+                        <xsl:apply-templates select="$subject" mode="ac:label"/>
+                    </span>
+
+                    <xsl:where-populated>
+                        <span class="meta">
+                            <xsl:apply-templates select="$subject" mode="ac:description"/>
+                        </span>
+                    </xsl:where-populated>
+                </div>
+                <!-- the design's hover action pins: controls inside the card anchor, so spans with their own click templates -->
+                <xsl:if test="@rdf:about">
+                    <span class="pin">
+                        <span class="ldh-pin-ic pin-copy" role="button" tabindex="0" title="{ac:label(key('resources', 'copy-uri', ldh:translations()))}">
+                            <span class="msi sm outline" aria-hidden="true">content_copy</span>
+                        </span>
+                        <span class="ldh-pin-ic pin-edit" role="button" tabindex="0" title="{ac:label(key('resources', '&ac;EditMode', document(ac:document-uri('&ac;'))))}">
+                            <span class="msi sm outline" aria-hidden="true">edit</span>
+                        </span>
+                    </span>
+                </xsl:if>
+            </xsl:element>
+        </li>
+    </xsl:template>
+
+    <!-- card pin controls: copy takes the resource URI to the clipboard, edit opens the document's
+         edit mode; both cancel the card anchor's own navigation -->
+    <xsl:template match="a[contains-token(@class, 'card')]//span[contains-token(@class, 'pin-copy')]" mode="ixsl:onclick" priority="1">
+        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+        <xsl:variable name="uri" select="ancestor::a[contains-token(@class, 'card')][1]/@title" as="xs:string"/>
+        <xsl:sequence select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'navigator'), 'clipboard'), 'writeText', [ $uri ])[current-date() lt xs:date('2000-01-01')]"/>
+    </xsl:template>
+
+    <xsl:template match="a[contains-token(@class, 'card')]//span[contains-token(@class, 'pin-edit')]" mode="ixsl:onclick" priority="1">
+        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+        <xsl:variable name="uri" select="xs:anyURI(ancestor::a[contains-token(@class, 'card')][1]/@title)" as="xs:anyURI"/>
+        <ixsl:set-property name="location.href" select="ldh:href(ac:document-uri($uri), ldh:build-query(xs:anyURI('&ac;EditMode')))" object="ixsl:window()"/>
+    </xsl:template>
+
+    <xsl:template match="rdf:RDF" mode="ldh:GridViewBlock" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
+        <xsl:param name="container-id" as="xs:string?"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="total-count" as="xs:integer?"/>
+        <xsl:variable name="result-count" select="count(rdf:Description)" as="xs:integer"/>
+
+        <xsl:choose>
+            <xsl:when test="($total-count, $result-count)[1] = 0">
+                <xsl:apply-templates select="." mode="ldh:BlockBlank">
+                    <xsl:with-param name="action" as="item()*">
+                        <!-- with filters active the empty state is recoverable: the same control the toolbar's Clear-all carries -->
+                        <xsl:if test="$container-id and id($container-id, ixsl:page())//button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]">
+                            <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm facet-clear-all">
+                                <span class="msi outline sm" aria-hidden="true">filter_alt_off</span>
+                                <span>
+                                    <xsl:apply-templates select="key('resources', 'clear-filters', ldh:translations())" mode="ac:label"/>
+                                </span>
+                            </button>
+                        </xsl:if>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:otherwise>
+                <ul class="ldh-grid-block">
+                    <xsl:apply-templates select="." mode="ac:Grid"/>
+                </ul>
+                <xsl:call-template name="ldh:Pager">
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="result-count" select="$result-count"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="total-count" select="$total-count"/>
+                </xsl:call-template>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- table -->
+
+    <xsl:template match="rdf:RDF" mode="ldh:TableViewBlock" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
+        <xsl:param name="container-id" as="xs:string?"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="total-count" as="xs:integer?"/>
+        <xsl:variable name="result-count" select="count(rdf:Description)" as="xs:integer"/>
+
+        <xsl:choose>
+            <xsl:when test="($total-count, $result-count)[1] = 0">
+                <xsl:apply-templates select="." mode="ldh:BlockBlank">
+                    <xsl:with-param name="action" as="item()*">
+                        <!-- with filters active the empty state is recoverable: the same control the toolbar's Clear-all carries -->
+                        <xsl:if test="$container-id and id($container-id, ixsl:page())//button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]">
+                            <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm facet-clear-all">
+                                <span class="msi outline sm" aria-hidden="true">filter_alt_off</span>
+                                <span>
+                                    <xsl:apply-templates select="key('resources', 'clear-filters', ldh:translations())" mode="ac:label"/>
+                                </span>
+                            </button>
+                        </xsl:if>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:apply-templates select="." mode="ac:ResultsTable"/>
+                <xsl:call-template name="ldh:Pager">
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="result-count" select="$result-count"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="total-count" select="$total-count"/>
+                </xsl:call-template>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- hide documents that are paired with resources -->
+    <xsl:template match="*[key('resources', foaf:primaryTopic/@rdf:resource)]" mode="ac:ResultsTable"/>
+
+    <!-- sortable column header: in view tables the column's predicate reverse-maps to a SELECT variable via $var-predicates, so the th carries the var name for the onclick sort. Columns outside the query's BGP (and non-view tables, where no $var-predicates is tunneled) fall through to the plain th -->
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*" mode="ac:ResultsTableHeaderCell">
+        <xsl:param name="var-predicates" as="map(xs:string, xs:anyURI*)?" tunnel="yes"/>
+        <xsl:param name="order-by-var-name" as="xs:string?" tunnel="yes"/>
+        <xsl:param name="order-by-desc" as="xs:boolean?" tunnel="yes"/>
+        <xsl:variable name="predicate" select="concat(namespace-uri(), local-name())" as="xs:string"/>
+        <xsl:variable name="var-name" select="if (exists($var-predicates)) then sort(map:keys($var-predicates))[$predicate = $var-predicates(.)][1] else ()" as="xs:string?"/>
+
+        <xsl:choose>
+            <xsl:when test="exists($var-name)">
+                <th scope="col" class="sortable" data-var-name="{$var-name}">
+                    <xsl:if test="$var-name = $order-by-var-name">
+                        <xsl:attribute name="aria-sort" select="if ($order-by-desc) then 'descending' else 'ascending'"/>
+                    </xsl:if>
+
+                    <xsl:apply-templates select="."/>
+                    <span class="msi sm sort-arrow" aria-hidden="true">
+                        <xsl:value-of select="if ($var-name = $order-by-var-name and $order-by-desc) then 'arrow_downward' else 'arrow_upward'"/>
+                    </span>
+                </th>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:next-match/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- graph -->
+
+    <xsl:template match="rdf:RDF" mode="ac:Graph">
+        <xsl:param name="canvas-id" as="xs:string"/>
+
+        <div id="{$canvas-id}" class="graph-3d-canvas"/>
+    </xsl:template>
+    
+    <!-- parallax -->
+    
+    <!-- Loads the chips for the parallax row: the predicates linking the result set to the rest of
+         the graph, both outgoing and incoming. Discovery asks the endpoint over the whole result
+         set (LIMIT/OFFSET/ORDER stripped off the subquery) rather than reading the loaded page, so
+         properties held only by resources on other pages are found too, and objects that are dead
+         ends - never subjects themselves - are excluded by the query. -->
+    <xsl:template name="ldh:ParallaxNav">
+        <xsl:param name="properties-container-id" as="xs:string"/>
+        <xsl:param name="empty-results" as="xs:boolean"/>
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="endpoint" as="xs:anyURI"/>
+        <xsl:param name="focus-var-name" as="xs:string"/>
+        <xsl:param name="property-metadata" as="document-node()?"/>
+        <xsl:param name="cache" as="item()"/>
+
+        <!-- the chips container is emitted with the parallax row by ldh:RenderViewResults' initial markup -->
+        <xsl:for-each select="id($properties-container-id, ixsl:page())">
+            <!-- a SELECT * view has no named focus variable to pivot on -->
+            <xsl:if test="not($empty-results) and $focus-var-name != ''">
+                <xsl:variable name="select-xml" as="document-node()">
+                    <xsl:document>
+                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit"/>
+                    </xsl:document>
+                </xsl:variable>
+                <xsl:variable name="select-xml" as="document-node()">
+                    <xsl:document>
+                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
+                    </xsl:document>
+                </xsl:variable>
+                <!-- an ordered subquery has to be materialized in full and defeats the outer LIMIT -->
+                <xsl:variable name="select-xml" as="document-node()">
+                    <xsl:document>
+                        <xsl:apply-templates select="$select-xml" mode="ldh:strip-order-by"/>
+                    </xsl:document>
+                </xsl:variable>
+                <!-- deduplicate the focus resources before the property fan-out, unless the query aggregates (re-projecting a GROUP BY query onto a non-grouping variable is invalid SPARQL) -->
+                <xsl:variable name="select-xml" as="document-node()">
+                    <xsl:choose>
+                        <xsl:when test="$select-xml/json:map/json:array[@key = 'group'] or $select-xml/json:map/json:array[@key = 'variables']/json:map">
+                            <xsl:sequence select="$select-xml"/>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <xsl:document>
+                                <xsl:apply-templates select="$select-xml" mode="ldh:replace-variables">
+                                    <xsl:with-param name="var-names" select="$focus-var-name" tunnel="yes"/>
+                                </xsl:apply-templates>
+                            </xsl:document>
+                        </xsl:otherwise>
+                    </xsl:choose>
+                </xsl:variable>
+
+                <!-- paging, sorting and mode switches re-render the view without changing the result set - only re-discover when the stripped query actually differs -->
+                <xsl:variable name="parallax-key" select="serialize($select-xml)" as="xs:string"/>
+                <xsl:if test="not(ixsl:contains($cache, 'parallax-key') and ixsl:get($cache, 'parallax-key') = $parallax-key)">
+                    <ixsl:set-property name="parallax-key" select="$parallax-key" object="$cache"/>
+
+                    <!-- clear chips from the previous result set -->
+                    <xsl:result-document href="?." method="ixsl:replace-content"/>
+
+                    <xsl:variable name="uuid" select="ac:uuid()" as="xs:string"/>
+                    <xsl:variable name="query-xml" as="document-node()">
+                        <xsl:document>
+                            <xsl:apply-templates select="$select-xml" mode="ldh:link-predicates">
+                                <xsl:with-param name="uuid" select="$uuid" tunnel="yes"/>
+                            </xsl:apply-templates>
+                        </xsl:document>
+                    </xsl:variable>
+                    <xsl:variable name="query-json-string" select="xml-to-json($query-xml)" as="xs:string"/>
+                    <xsl:variable name="query-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $query-json-string ])"/>
+                    <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $query-json ]), 'toString', [])" as="xs:string"/>
+                    <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
+                    <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
+                    <xsl:variable name="context" as="map(*)" select="
+                      map{
+                        'request': $request,
+                        'container': .,
+                        'predicate-var-name': 'predicate' || translate($uuid, '-', '_'),
+                        'inverse-var-name': 'inverse' || translate($uuid, '-', '_'),
+                        'property-metadata': $property-metadata
+                      }"/>
+                    <ixsl:promise select="ixsl:http-request($context('request')) =>
+                        ixsl:then(ldh:rethread-response($context, ?)) =>
+                        ixsl:then(ldh:handle-response#1) =>
+                        ixsl:then(ldh:parallax-response#1)"
+                        on-failure="ldh:promise-failure#1"/>
+                </xsl:if>
+            </xsl:if>
+        </xsl:for-each>
+    </xsl:template>
+    
+    <!-- resolves the view's client-side cache entry: block-hosted views are keyed by the host block's @about, modal-hosted views (geo/latest/search/class instances) by the container's @id -->
+    <xsl:function name="ldh:view-cache" as="item()">
+        <xsl:param name="container" as="element()"/>
+
+        <xsl:variable name="key" select="($container/ancestor::div[@about][contains-token(@class, 'block')][1]/@about, $container/@id)[1]" as="xs:string"/>
+        <xsl:sequence select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $key || '`')"/>
+    </xsl:function>
+
+    <!-- EVENT LISTENERS -->
+
+    <!-- create view onclick: inserts a row form for a new view block after the query block, bound to the same
+         query resource. Its chart counterpart is the btn-create-chart handler in chart.xsl; both hand off to
+         ldh:CreateBlock (client/block.xsl), which is the document-level create-instance chain. Unlike the
+         chart, a view has no presentation settings to read off the results, so the query is all it carries. -->
+
+    <xsl:template match="div[contains-token(@class, 'block')][@about]//button[contains-token(@class, 'btn-create-view')]" mode="ixsl:onclick">
+        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][@about][1]" as="element()"/>
+        <xsl:variable name="forClass" select="xs:anyURI('&ldh;View')" as="xs:anyURI"/>
+
+        <xsl:call-template name="ldh:CreateBlock">
+            <xsl:with-param name="block" select="$block"/>
+            <xsl:with-param name="forClass" select="$forClass"/>
+            <xsl:with-param name="properties" as="element()*">
+                <spin:query rdf:resource="{$block/@about}"/>
+            </xsl:with-param>
+        </xsl:call-template>
+    </xsl:template>
+
+    <!-- View pagination - previous page (generic handler for all Views) -->
+    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'ldh-pager')]//button[contains-token(@class, 'pager-prev')]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ViewPage">
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="direction" select="'previous'"/>
+            </xsl:call-template>
+        </xsl:variable>
+
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- View pagination - next page (generic handler for all Views) -->
+    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'ldh-pager')]//button[contains-token(@class, 'pager-next')]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ViewPage">
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="direction" select="'next'"/>
+            </xsl:call-template>
+        </xsl:variable>
+
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- View page size - rows per page (generic handler for all Views) -->
+    <xsl:template match="div[@typeof = '&ldh;View']//select[contains-token(@class, 'pager-size')]" mode="ixsl:onchange">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="limit" select="xs:integer(ixsl:get(., 'value'))" as="xs:integer"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ViewLimit">
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="limit" select="$limit"/>
+            </xsl:call-template>
+        </xsl:variable>
+
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- keeps the toolbar sort controls in agreement with the query state, whichever control drove the
+         change (key pick, direction toggle, column-header sort): the popover highlights the chosen key,
+         the trigger names it, and the direction slot re-renders -->
+    <xsl:template match="div[@typeof = '&ldh;View']" mode="ldh:SortControlsState">
+        <xsl:param name="var-name" as="xs:string?"/>
+        <xsl:param name="desc" as="xs:boolean"/>
+
+        <xsl:for-each select=".//div[contains-token(@class, 'sort-facet')]">
+            <xsl:for-each select=".//button[contains-token(@class, 'sort-opt')]">
+                <xsl:variable name="on" select="string(@data-var-name) = $var-name" as="xs:boolean"/>
+
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-on', $on ])[current-date() lt xs:date('2000-01-01')]"/>
+                <ixsl:set-attribute name="aria-checked" select="if ($on) then 'true' else 'false'" object="."/>
+                <xsl:choose>
+                    <xsl:when test="$on and not(span[contains-token(@class, 'tick')])">
+                        <xsl:result-document href="?." method="ixsl:append-content">
+                            <span class="msi sm tick" aria-hidden="true">check</span>
+                        </xsl:result-document>
+                    </xsl:when>
+                    <xsl:when test="not($on)">
+                        <xsl:for-each select="span[contains-token(@class, 'tick')]">
+                            <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+                        </xsl:for-each>
+                    </xsl:when>
+                    <xsl:otherwise/>
+                </xsl:choose>
+            </xsl:for-each>
+
+            <xsl:variable name="on-label" select=".//button[contains-token(@class, 'sort-opt')][string(@data-var-name) = $var-name]/span[contains-token(@class, 'nm')]/string()" as="xs:string?"/>
+            <xsl:for-each select="button[contains-token(@class, 'sort-key')]/span[contains-token(@class, 'val')]">
+                <xsl:result-document href="?." method="ixsl:replace-content">
+                    <xsl:choose>
+                        <xsl:when test="exists($on-label)">
+                            <xsl:value-of select="$on-label"/>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <xsl:apply-templates select="key('resources', 'none', ldh:translations())" mode="ac:label"/>
+                        </xsl:otherwise>
+                    </xsl:choose>
+                </xsl:result-document>
+            </xsl:for-each>
+        </xsl:for-each>
+
+        <xsl:for-each select=".//span[contains-token(@class, 'sort-dir-slot')]">
+            <xsl:result-document href="?." method="ixsl:replace-content">
+                <xsl:call-template name="ldh:SortDirectionPill">
+                    <xsl:with-param name="desc" select="$desc"/>
+                </xsl:call-template>
+            </xsl:result-document>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- sort-key trigger: its popover is pre-rendered, so this runs only the open/close lifecycle -
+         the generic facet-pill handler this button would otherwise match also loads facet values off
+         hidden inputs the sort pill does not carry -->
+    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'sort-facet')]/button[contains-token(@class, 'sort-key')]" mode="ixsl:onclick" priority="1">
+        <xsl:variable name="facet-container" select="parent::div[contains-token(@class, 'facet')]" as="element()"/>
+
+        <!-- one popover at a time: any other facet's open list yields to this one -->
+        <xsl:apply-templates select="$facet-container/../div[contains-token(@class, 'facet')][contains-token(@class, 'is-open')][not(. is $facet-container)]/div[contains-token(@class, 'facet-pop')]" mode="ldh:CloseFacetPopover"/>
+
+        <!-- visibility is the is-open state alone (ldh.css shows the popover off it) -->
+        <xsl:variable name="open" select="not(contains-token($facet-container/@class, 'is-open'))" as="xs:boolean"/>
+        <xsl:sequence select="ixsl:call(ixsl:get($facet-container, 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+        <ixsl:set-property name="ariaExpanded" select="if ($open) then 'true' else 'false'" object="."/>
+    </xsl:template>
+
+    <!-- View sort-key option handler (generic handler for all Views): single-selection, so a pick also
+         closes the popover. Priority outranks the facet opt handler this button would otherwise match -->
+    <xsl:template match="div[@typeof = '&ldh;View']//button[contains-token(@class, 'sort-opt')]" mode="ixsl:onclick" priority="1">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="var-name" select="string(@data-var-name)" as="xs:string?"/>
+
+        <xsl:apply-templates select="ancestor::div[contains-token(@class, 'facet-pop')][1]" mode="ldh:CloseFacetPopover"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ViewOrder">
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="var-name" select="$var-name"/>
+            </xsl:call-template>
+        </xsl:variable>
+
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <xsl:apply-templates select="$container" mode="ldh:SortControlsState">
+            <xsl:with-param name="var-name" select="$var-name"/>
+            <xsl:with-param name="desc" select="boolean($select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:boolean[@key = 'descending'][. = 'true'])"/>
+        </xsl:apply-templates>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- View sort-direction handler (generic handler for all Views) -->
+    <xsl:template match="div[@typeof = '&ldh;View']//button[contains-token(@class, 'sort-dir')]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="desc" select="contains-token(@class, 'is-desc')" as="xs:boolean"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ViewOrderDirection">
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="desc" select="$desc"/>
+            </xsl:call-template>
+        </xsl:variable>
+
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <xsl:apply-templates select="$container" mode="ldh:SortControlsState">
+            <xsl:with-param name="var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:string[@key = 'expression']/substring-after(., '?')"/>
+            <xsl:with-param name="desc" select="not($desc)"/>
+        </xsl:apply-templates>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+
+        <!-- toggle the arrow direction -->
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-order-by-desc' ])[current-date() lt xs:date('2000-01-01')]"/>
+    </xsl:template>
+
+    <!-- View sortable column header handler (generic handler for all Views): the active column toggles direction, any other column becomes the sort key -->
+    <xsl:template match="div[@typeof = '&ldh;View']//th[contains-token(@class, 'sortable')]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="var-name" select="@data-var-name" as="xs:string"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+        <xsl:variable name="order-by-var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:string[@key = 'expression']/substring-after(., '?')" as="xs:string?"/>
+        <xsl:variable name="desc" select="boolean($select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:boolean[@key = 'descending'][. = 'true'])" as="xs:boolean"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:choose>
+                <xsl:when test="$var-name = $order-by-var-name">
+                    <xsl:call-template name="ldh:ViewOrderDirection">
+                        <xsl:with-param name="select-xml" select="$select-xml"/>
+                        <xsl:with-param name="desc" select="$desc"/>
+                    </xsl:call-template>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:call-template name="ldh:ViewOrder">
+                        <xsl:with-param name="select-xml" select="$select-xml"/>
+                        <xsl:with-param name="var-name" select="$var-name"/>
+                    </xsl:call-template>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:variable>
+
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <!-- keep the toolbar sort controls in agreement with the column-driven state -->
+        <xsl:variable name="new-desc" select="boolean($select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:boolean[@key = 'descending'][. = 'true'])" as="xs:boolean"/>
+        <xsl:apply-templates select="$container" mode="ldh:SortControlsState">
+            <xsl:with-param name="var-name" select="$var-name"/>
+            <xsl:with-param name="desc" select="$new-desc"/>
+        </xsl:apply-templates>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- View mode handler (generic handler for all Views) -->
+    <xsl:template match="div[@typeof = '&ldh;View']//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][not(contains-token(@class, 'is-active'))]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="active-class" select="tokenize(@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <!-- deactivate the other mode items -->
+        <xsl:for-each select="../a">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+        <!-- activate this mode item -->
+        <xsl:for-each select=".">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- facet header onclick -->
+    
+    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'facet')]/button[contains-token(@class, 'facet-pill')]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="facet-container" select="parent::div[contains-token(@class, 'facet')]" as="element()"/>
+        <xsl:variable name="subject-var-name" select="input[@name = 'subject']/@value" as="xs:string"/>
+        <xsl:variable name="predicate" select="input[@name = 'predicate']/@value" as="xs:anyURI"/>
+        <xsl:variable name="object-var-name" select="input[@name = 'object']/@value" as="xs:string"/>
+        <!-- load facet values using the initial (not the current transformed) SELECT query, so that one facet's selection does not constrain another facet's value list -->
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
+        <xsl:variable name="select-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ ixsl:call($select-builder, 'build', []) ])" as="xs:string"/>
+        <xsl:variable name="select-xml" select="json-to-xml($select-json-string)" as="document-node()"/>
+        <!-- TO-DO: can we get multiple BGPs here with the same ?s/p/?o ? -->
+        <xsl:variable name="bgp-triples-map" select="$select-xml//json:map[json:string[@key = 'type'] = 'bgp']/json:array[@key = 'triples']/json:map[json:string[@key = 'subject'] = '?' || $subject-var-name][json:string[@key = 'predicate'] = $predicate][json:string[@key = 'object'] = '?' || $object-var-name]" as="element()"/>
+
+        <!-- opening one facet closes the others in the same toolbar -->
+        <xsl:apply-templates select="$facet-container/../div[contains-token(@class, 'facet')][contains-token(@class, 'is-open')][not(. is $facet-container)]/div[contains-token(@class, 'facet-pop')]" mode="ldh:CloseFacetPopover"/>
+
+        <!-- is the current facet loaded? -->
+        <xsl:variable name="loaded" select="exists(following-sibling::div[contains-token(@class, 'facet-pop')])" as="xs:boolean"/>
+        <xsl:choose>
+            <!-- if not, load and render its values -->
+            <xsl:when test="not($loaded)">
+                <!-- open the popover immediately with a loading state; the response replaces it with the value list.
+                     'is-open' elevates the host .ldh-block (app.css :has() rule) so the popover paints above subsequent blocks -->
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+                <ixsl:set-property name="ariaExpanded" select="'true'" object="."/>
+
+                <xsl:for-each select="$facet-container">
+                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:result-document href="?." method="ixsl:append-content">
+                        <div class="facet-pop" role="menu" aria-label="{string(button[contains-token(@class, 'facet-pill')]/span[contains-token(@class, 'pred')])}">
+                            <div class="head">
+                                <span class="pname">
+                                    <xsl:value-of select="$predicate"/>
+                                </span>
+                                <button type="button" class="clear">
+                                    <xsl:apply-templates select="key('resources', 'clear-facet', ldh:translations())" mode="ac:label"/>
+                                </button>
+                            </div>
+                            <div class="facet-values">
+                                <div class="facet-loading">
+                                    <xsl:apply-templates select="." mode="ldh:ProgressBar">
+                                        <xsl:with-param name="class" select="'ldhc-pbar ht-sm is-indeterminate'"/>
+                                        <xsl:with-param name="width" select="()"/>
+                                    </xsl:apply-templates>
+                                </div>
+                            </div>
+                        </div>
+                    </xsl:result-document>
+                </xsl:for-each>
+
+                <xsl:for-each select="$container">
+                    <xsl:sequence select="ldh:busy-cursor()"/>
+
+                    <!-- the subject is a variable - trim the leading question mark -->
+                    <xsl:variable name="subject-var-name" select="substring-after($bgp-triples-map/json:string[@key = 'subject'], '?')" as="xs:string"/>
+                    <!-- predicate is a URI -->
+                    <xsl:variable name="predicate" select="$bgp-triples-map/json:string[@key = 'predicate']" as="xs:anyURI"/>
+                    <!-- the object is a variable - trim the leading question mark -->
+                    <xsl:variable name="object-var-name" select="substring-after($bgp-triples-map/json:string[@key = 'object'], '?')" as="xs:string"/>
+                    <!-- generate unique variable name for COUNT(?subject) -->
+                    <xsl:variable name="count-var-name" select="'count' || $subject-var-name || generate-id()" as="xs:string"/>
+                    <!-- generate unique variable name for ?label -->
+                    <xsl:variable name="label-var-name" select="'label' || $object-var-name || generate-id()" as="xs:string"/>
+                    <xsl:variable name="label-sample-var-name" select="$label-var-name || 'sample'" as="xs:string"/>
+                    <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+
+                    <!-- strip LIMIT and OFFSET from the query - we want facet counts for the entire dataset, not just the current page -->
+                    <xsl:variable name="select-xml" as="document-node()">
+                        <xsl:document>
+                            <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit"/>
+                        </xsl:document>
+                    </xsl:variable>
+                    <xsl:variable name="select-xml" as="document-node()">
+                        <xsl:document>
+                            <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset"/>
+                        </xsl:document>
+                    </xsl:variable>
+
+                    <!-- generate the XML structure of a SPARQL query which is used to load facet values, their counts and labels -->
+                    <xsl:variable name="select-xml" as="document-node()">
+                        <xsl:document>
+                            <xsl:apply-templates select="$select-xml" mode="ldh:bgp-value-counts">
+                                <xsl:with-param name="bgp-triples-map" select="$bgp-triples-map" tunnel="yes"/>
+                                <xsl:with-param name="subject-var-name" select="$subject-var-name" tunnel="yes"/>
+                                <xsl:with-param name="object-var-name" select="$object-var-name" tunnel="yes"/>
+                                <xsl:with-param name="count-var-name" select="$count-var-name" tunnel="yes"/>
+                                <xsl:with-param name="label-var-name" select="$label-var-name" tunnel="yes"/>
+                                <xsl:with-param name="label-sample-var-name" select="$label-sample-var-name" tunnel="yes"/>
+                            </xsl:apply-templates>
+                        </xsl:document>
+                    </xsl:variable>
+                    <xsl:variable name="select-json-string" select="xml-to-json($select-xml)" as="xs:string"/>
+                    <xsl:variable name="select-json" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'parse', [ $select-json-string ])"/>
+                    <xsl:variable name="query-string" select="ixsl:call(ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromQuery', [ $select-json ]), 'toString', [])" as="xs:string"/>
+                    <xsl:variable name="request-uri" select="ldh:href($endpoint, map{})" as="xs:anyURI"/>
+                    <xsl:variable name="request" select="map{ 'method': 'POST', 'href': $request-uri, 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }" as="map(*)"/>
+                    <xsl:variable name="context" as="map(*)" select="
+                      map{
+                        'request': $request,
+                        'container': $facet-container,
+                        'predicate': $predicate,
+                        'object-var-name': $object-var-name,
+                        'count-var-name': $count-var-name,
+                        'label-sample-var-name': $label-sample-var-name
+                      }"/>
+
+                    <ixsl:promise select="ixsl:http-request($context('request')) =>
+                        ixsl:then(ldh:rethread-response($context, ?)) =>
+                        ixsl:then(ldh:handle-response#1) =>
+                        ixsl:then(ldh:facet-value-response#1) =>
+                        ixsl:finally(ldh:reset-cursor#0)"
+                        on-failure="ldh:promise-failure#1"/>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:otherwise>
+                <!-- visibility is the is-open state alone (ldh.css shows the popover off it) -->
+                <xsl:variable name="open" select="not(contains-token($facet-container/@class, 'is-open'))" as="xs:boolean"/>
+                <xsl:sequence select="ixsl:call(ixsl:get($facet-container, 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-open', $open ])[current-date() lt xs:date('2000-01-01')]"/>
+                <ixsl:set-property name="ariaExpanded" select="if ($open) then 'true' else 'false'" object="."/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+    
+    <!-- closes a facet popover: hides the value list, drops the container's 'is-open' state and resets its pill's caret -->
+
+    <xsl:template match="div[contains-token(@class, 'facet-pop')]" mode="ldh:CloseFacetPopover">
+        <xsl:sequence select="ixsl:call(ixsl:get(.., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="preceding-sibling::button[contains-token(@class, 'facet-pill')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-property name="ariaExpanded" select="'false'" object="."/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- clicks that no other handler claims bubble up to body: dismiss any open facet and block links popovers.
+         Drop-downs are not dismissed here - the pointerdown rule in client.xsl reaches every press, including
+         the ones a specific handler takes, so this rule never saw a case it had left to close -->
+
+    <xsl:template match="body" mode="ixsl:onclick">
+        <xsl:apply-templates select="ixsl:page()//div[contains-token(@class, 'facet')][contains-token(@class, 'is-open')]/div[contains-token(@class, 'facet-pop')]" mode="ldh:CloseFacetPopover"/>
+        <xsl:apply-templates select="ixsl:page()//div[contains-token(@class, 'links-nav')][contains-token(@class, 'is-open')]" mode="ldh:CloseLinksPopover"/>
+    </xsl:template>
+
+    <!-- clicks inside the popover that no option or control claims stop here instead of bubbling to
+         body and dismissing it -->
+
+    <xsl:template match="div[contains-token(@class, 'facet')]/div[contains-token(@class, 'facet-pop')]" mode="ixsl:onclick"/>
+
+    <!-- the pill's summary of its facet's selection: 'Any' with nothing picked, the value's own label
+         for a single pick, a count otherwise. The pill also carries the selection as 'is-active' -->
+
+    <xsl:template match="div[contains-token(@class, 'facet')]" mode="ldh:UpdateFacetPill">
+        <xsl:variable name="selected" select="child::div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'facet-values')]/button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]" as="element()*"/>
+
+        <xsl:for-each select="button[contains-token(@class, 'facet-pill')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', exists($selected) ])[current-date() lt xs:date('2000-01-01')]"/>
+
+            <xsl:for-each select="span[contains-token(@class, 'val')]">
+                <xsl:result-document href="?." method="ixsl:replace-content">
+                    <xsl:choose>
+                        <xsl:when test="empty($selected)">
+                            <xsl:apply-templates select="key('resources', 'facet-any', ldh:translations())" mode="ac:label"/>
+                        </xsl:when>
+                        <xsl:when test="count($selected) eq 1">
+                            <xsl:value-of select="$selected/span[contains-token(@class, 'nm')]"/>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <xsl:value-of select="count($selected)"/>
+                            <xsl:text> </xsl:text>
+                            <xsl:apply-templates select="key('resources', 'facet-selected', ldh:translations())" mode="ac:label"/>
+                        </xsl:otherwise>
+                    </xsl:choose>
+                </xsl:result-document>
+            </xsl:for-each>
+
+            <!-- with a selection the caret yields to the design's inline clear; the x is a span control
+                 inside the pill button, so its own click template intercepts before the pill's -->
+            <xsl:for-each select="(span[contains-token(@class, 'caret')], span[contains-token(@class, 'x')])[1]">
+                <xsl:result-document href="?." method="ixsl:replace-element">
+                    <xsl:choose>
+                        <xsl:when test="exists($selected)">
+                            <span class="x" role="button" tabindex="0" aria-label="{ac:label(key('resources', 'clear-facet', ldh:translations()))} {string(../span[contains-token(@class, 'pred')])}">
+                                <span class="msi sm" aria-hidden="true">close</span>
+                            </span>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <span class="msi sm caret" aria-hidden="true">expand_more</span>
+                        </xsl:otherwise>
+                    </xsl:choose>
+                </xsl:result-document>
+            </xsl:for-each>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- clearing a facet is the same rebuild as unchecking its last value, so both reach ldh:FilterFacet -->
+
+    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'head')]/button[contains-token(@class, 'clear')]" mode="ixsl:onclick">
+        <xsl:variable name="facet" select="ancestor::div[contains-token(@class, 'facet')][1]" as="element()"/>
+
+        <xsl:for-each select="$facet//button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-on' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-property name="ariaChecked" select="'false'" object="."/>
+        </xsl:for-each>
+
+        <xsl:apply-templates select="$facet" mode="ldh:FilterFacet"/>
+    </xsl:template>
+
+    <!-- the pill's inline clear (the x that replaces the caret while values are picked): the same
+         rebuild as the popover's Clear -->
+    <xsl:template match="div[@typeof = '&ldh;View']//button[contains-token(@class, 'facet-pill')]/span[contains-token(@class, 'x')]" mode="ixsl:onclick" priority="1">
+        <xsl:variable name="facet" select="ancestor::div[contains-token(@class, 'facet')][1]" as="element()"/>
+
+        <xsl:for-each select="$facet//button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-on' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-property name="ariaChecked" select="'false'" object="."/>
+        </xsl:for-each>
+
+        <xsl:apply-templates select="$facet" mode="ldh:FilterFacet"/>
+    </xsl:template>
+
+    <!-- Clear all: every facet's selection goes and one rebuild re-filters from the (now empty) state.
+         Also reached from the blank state's recovery action, which carries the same class -->
+    <xsl:template match="div[@typeof = '&ldh;View']//button[contains-token(@class, 'facet-clear-all')]" mode="ixsl:onclick">
+        <xsl:variable name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:variable name="facets" select="$container//div[contains-token(@class, 'facet')][.//button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]]" as="element()*"/>
+
+        <xsl:for-each select="$facets//button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-on' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-property name="ariaChecked" select="'false'" object="."/>
+        </xsl:for-each>
+
+        <xsl:apply-templates select="$facets" mode="ldh:UpdateFacetPill"/>
+        <xsl:apply-templates select="$facets[1]" mode="ldh:FilterFacet"/>
+    </xsl:template>
+
+    <!-- facet value picked: the option carries its own selected state, so the click toggles it and the
+         facet is re-filtered from whatever is on. Picking does not dismiss the popover - several values
+         of one predicate are meant to be picked in one pass -->
+
+    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'facet-values')]/button[contains-token(@class, 'opt')]" mode="ixsl:onclick">
+        <xsl:variable name="on" select="not(contains-token(@class, 'is-on'))" as="xs:boolean"/>
+
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-on', $on ])[current-date() lt xs:date('2000-01-01')]"/>
+        <ixsl:set-property name="ariaChecked" select="if ($on) then 'true' else 'false'" object="."/>
+
+        <xsl:apply-templates select="ancestor::div[contains-token(@class, 'facet')][1]" mode="ldh:FilterFacet"/>
+    </xsl:template>
+
+    <xsl:template match="div[contains-token(@class, 'facet')]" mode="ldh:FilterFacet">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+        <xsl:variable name="var-name" select="button[contains-token(@class, 'facet-pill')]/input[@name = 'object']/@value" as="xs:string"/>
+        <!-- collect the values/types/datatypes of the options that are on and build an array of maps -->
+        <xsl:variable name="options" select="child::div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'facet-values')]/button[contains-token(@class, 'opt')][contains-token(@class, 'is-on')]" as="element()*"/>
+        <xsl:variable name="values" select="array { for $option in $options return map { 'value' : string($option/@data-value), 'type': string($option/@data-type), 'datatype': string($option/@data-datatype) } }" as="array(map(xs:string, xs:string))"/>
+
+        <xsl:apply-templates select="." mode="ldh:UpdateFacetPill"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ViewFilter">
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="var-name" select="$var-name"/>
+                <xsl:with-param name="values" select="$values"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <!-- store the transformed query XML -->
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- parallax onclick -->
+
+    <xsl:template match="div[@typeof = '&ldh;View']//div[contains-token(@class, 'ldh-pivot-bar')]//button[contains-token(@class, 'ldh-pivot-pill')]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+        <xsl:variable name="predicate" select="input/@value" as="xs:anyURI"/>
+        <xsl:variable name="label" select="string(span[contains-token(@class, 'lbl')])" as="xs:string"/>
+        <xsl:variable name="inverse" select="@data-dir = 'in'" as="xs:boolean"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ViewParallax">
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="predicate" select="$predicate"/>
+                <xsl:with-param name="inverse" select="$inverse"/>
+            </xsl:call-template>
+        </xsl:variable>
+
+        <!-- store the transformed query XML -->
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+        <!-- record the applied step and re-render the toolbar's step chips -->
+        <xsl:variable name="steps-json" select="if (ixsl:contains($cache, 'parallax-steps')) then string(ixsl:get($cache, 'parallax-steps')) else '[]'" as="xs:string"/>
+        <xsl:variable name="steps" select="array:append(parse-json($steps-json), map{ 'predicate': string($predicate), 'label': $label, 'inverse': $inverse })" as="array(*)"/>
+        <ixsl:set-property name="parallax-steps" select="serialize($steps, map{ 'method': 'json' })" object="$cache"/>
+        <xsl:apply-templates select="$container" mode="ldh:RenderParallaxSteps">
+            <xsl:with-param name="steps" select="$steps"/>
+        </xsl:apply-templates>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- applied parallax steps render as removable chips in the toolbar, next to the facet pills -->
+
+    <xsl:template match="*" mode="ldh:RenderParallaxSteps">
+        <xsl:param name="steps" as="array(*)"/>
+
+        <xsl:for-each select="descendant::span[contains-token(@class, 'parallax-steps')][1]">
+            <xsl:result-document href="?." method="ixsl:replace-content">
+                <xsl:for-each select="1 to array:size($steps)">
+                    <xsl:variable name="step" select="array:get($steps, .)" as="map(*)"/>
+                    <xsl:variable name="inverse" select="($step('inverse'), false())[1]" as="xs:boolean"/>
+
+                    <button type="button" class="facet-pill parallax-step" title="{$step('predicate')}">
+                        <input name="ou" type="hidden" value="{$step('predicate')}"/>
+                        <!-- the arrow is what distinguishes a step taken backwards from the same predicate followed forwards -->
+                        <span class="msi xs" aria-hidden="true">
+                            <xsl:value-of select="if ($inverse) then 'arrow_back' else 'arrow_forward'"/>
+                        </span>
+                        <span class="pred">
+                            <xsl:apply-templates select="key('resources', if ($inverse) then 'via-incoming' else 'via', ldh:translations())" mode="ac:label"/>
+                        </span>
+                        <span class="val">
+                            <xsl:value-of select="$step('label')"/>
+                        </span>
+                        <span class="x">
+                            <span class="msi xs" aria-hidden="true">close</span>
+                        </span>
+                    </button>
+                </xsl:for-each>
+            </xsl:result-document>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- removing an applied step rewinds the view: the query is rebuilt from the initial SELECT string and the steps before the removed one are replayed -->
+
+    <xsl:template match="div[@typeof = '&ldh;View']//span[contains-token(@class, 'parallax-steps')]/button[contains-token(@class, 'parallax-step')]" mode="ixsl:onclick">
+        <xsl:param name="container" select="ancestor::div[@typeof = '&ldh;View'][1]" as="element()"/>
+        <xsl:param name="cache" select="ldh:view-cache($container)" as="item()"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+        <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+        <xsl:variable name="position" select="count(preceding-sibling::button[contains-token(@class, 'parallax-step')]) + 1" as="xs:integer"/>
+        <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+        <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="steps" select="parse-json(string(ixsl:get($cache, 'parallax-steps')))" as="array(*)"/>
+        <xsl:variable name="kept" select="array:subarray($steps, 1, $position - 1)" as="array(*)"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <!-- rebuild the initial query XML from the cached SELECT string -->
+        <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
+        <xsl:variable name="select-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ ixsl:call($select-builder, 'build', []) ])" as="xs:string"/>
+        <xsl:variable name="select-xml" as="document-node()">
+            <xsl:call-template name="ldh:ReplayParallaxSteps">
+                <xsl:with-param name="select-xml" select="json-to-xml($select-json-string)"/>
+                <xsl:with-param name="steps" select="$kept"/>
+            </xsl:call-template>
+        </xsl:variable>
+
+        <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+        <ixsl:set-property name="parallax-steps" select="serialize($kept, map{ 'method': 'json' })" object="$cache"/>
+        <xsl:apply-templates select="$container" mode="ldh:RenderParallaxSteps">
+            <xsl:with-param name="steps" select="$kept"/>
+        </xsl:apply-templates>
+
+        <xsl:variable name="view-context" as="map(*)">
+            <xsl:call-template name="ldh:RenderView">
+                <xsl:with-param name="container" select="$container"/>
+                <xsl:with-param name="active-mode" select="$active-mode"/>
+                <xsl:with-param name="select-string" select="$select-string"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="cache" select="$cache"/>
+            </xsl:call-template>
+        </xsl:variable>
+        <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+        <ixsl:promise select="
+            ixsl:resolve($context) =>
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- re-applies parallax steps to the query XML one at a time, each in its recorded direction -->
+
+    <xsl:template name="ldh:ReplayParallaxSteps">
+        <xsl:param name="select-xml" as="document-node()"/>
+        <xsl:param name="steps" as="array(*)"/>
+
+        <xsl:choose>
+            <xsl:when test="array:size($steps) = 0">
+                <xsl:sequence select="$select-xml"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:variable name="step" select="array:head($steps)" as="map(*)"/>
+                <xsl:variable name="stepped" as="document-node()">
+                    <xsl:call-template name="ldh:ViewParallax">
+                        <xsl:with-param name="select-xml" select="$select-xml"/>
+                        <xsl:with-param name="predicate" select="xs:anyURI($step('predicate'))"/>
+                        <xsl:with-param name="inverse" select="($step('inverse'), false())[1]"/>
+                    </xsl:call-template>
+                </xsl:variable>
+
+                <xsl:call-template name="ldh:ReplayParallaxSteps">
+                    <xsl:with-param name="select-xml" select="$stepped"/>
+                    <xsl:with-param name="steps" select="array:tail($steps)"/>
+                </xsl:call-template>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- CALLBACKS -->
+    
+    <xsl:function name="ldh:view-query-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="this" select="$context('this')" as="xs:anyURI"/>
+        <xsl:variable name="about" select="$context('about')" as="xs:anyURI"/>
+        <xsl:variable name="block" select="$context('block')" as="element()"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="mode" select="$context('mode')" as="xs:anyURI?"/>
+        <xsl:variable name="refresh-content" select="$context('refresh-content')" as="xs:boolean?"/>
+        <xsl:variable name="query-uri" select="$context('query-uri')" as="xs:anyURI"/>
+        <xsl:variable name="block-uri" select="$block/@about" as="xs:anyURI"/>
+        <xsl:variable name="cache" select="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')" as="item()"/>
+
+        <xsl:message>ldh:view-query-response</xsl:message>
+
+        <xsl:for-each select="$response">
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
+                    <xsl:for-each select="?body">
+                        <xsl:variable name="select-query" select="key('resources', $query-uri)" as="element()"/>
+                        <xsl:variable name="service-uri" select="xs:anyURI($select-query/ldh:service/@rdf:resource)" as="xs:anyURI?"/>
+                        <!-- set $this variable value unless getting the query string from state -->
+                        <xsl:variable name="select-string" select="replace($select-query/sp:text, '$this', '&lt;' || $this || '&gt;', 'q')" as="xs:string"/>
+                        <xsl:variable name="select-string" select="replace($select-string, '$about', '&lt;' || $about || '&gt;', 'q')" as="xs:string"/>
+                        <xsl:variable name="select-xml" as="document-node()">
+                            <xsl:variable name="select-json" as="item()">
+                                <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
+                                <xsl:sequence select="ixsl:call($select-builder, 'build', [])"/>
+                            </xsl:variable>
+                            <xsl:variable name="select-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ $select-json ])" as="xs:string"/>
+                            <xsl:sequence select="json-to-xml($select-json-string)"/>
+                        </xsl:variable>
+                        <xsl:variable name="initial-var-name" select="$select-xml/json:map/json:array[@key = 'variables']/json:string[1]/substring-after(., '?')" as="xs:string"/>
+                        <xsl:variable name="focus-var-name" select="$initial-var-name" as="xs:string"/>
+                        <!-- service can be explicitly specified on content using ldh:service -->
+                        <xsl:variable name="service" select="if ($service-uri) then key('resources', $service-uri, document(ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ()))) else ()" as="element()?"/> <!-- TO-DO: refactor asynchronously -->
+                        <xsl:variable name="endpoint" select="($service/sd:endpoint/@rdf:resource/xs:anyURI(.), sd:endpoint())[1]" as="xs:anyURI"/>
+
+                        <xsl:choose>
+                            <!-- service URI is not specified or specified and can be loaded -->
+                            <xsl:when test="not($service-uri) or ($service-uri and exists($service))">
+                                <!-- create window.LinkedDataHub.contents[{$block-uri}] object if it's not already created -->
+                                <xsl:if test="not(ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'))">
+                                    <!-- create new cache entry using content URI as key -->
+                                    <ixsl:set-property name="{'`' || $block-uri || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
+                                </xsl:if>
+
+                                <!-- store the initial SELECT query (without modifiers) -->
+                                <ixsl:set-property name="select-string" select="$select-string" object="$cache"/>
+                                <!-- store the first var name of the initial SELECT query -->
+                                <ixsl:set-property name="initial-var-name" select="$initial-var-name" object="$cache"/>
+                                <!-- store the endpoint -->
+                                <ixsl:set-property name="endpoint" select="$endpoint" object="$cache"/>
+
+                                <xsl:variable name="select-xml" as="document-node()">
+                                    <xsl:document>
+                                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-limit">
+                                            <xsl:with-param name="limit" select="$page-size" tunnel="yes"/>
+                                        </xsl:apply-templates>
+                                    </xsl:document>
+                                </xsl:variable>
+                                <xsl:variable name="select-xml" as="document-node()">
+                                    <xsl:document>
+                                        <xsl:apply-templates select="$select-xml" mode="ldh:replace-offset">
+                                            <xsl:with-param name="offset" select="0" tunnel="yes"/>
+                                        </xsl:apply-templates>
+                                    </xsl:document>
+                                </xsl:variable>
+
+                                <!-- store the transformed query XML -->
+                                <ixsl:set-property name="select-xml" select="$select-xml" object="$cache"/>
+
+                                <xsl:variable name="view-context" as="map(*)">
+                                    <xsl:call-template name="ldh:RenderView">
+                                        <xsl:with-param name="container" select="$container"/>
+                                        <xsl:with-param name="select-string" select="$select-string"/>
+                                        <xsl:with-param name="select-xml" select="$select-xml"/>
+                                        <xsl:with-param name="endpoint" select="$endpoint"/>
+                                        <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                                        <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
+                                        <xsl:with-param name="active-mode" select="if ($mode) then $mode else xs:anyURI('&ac;ListMode')"/>
+                                        <xsl:with-param name="refresh-content" select="$refresh-content"/>
+                                        <xsl:with-param name="cache" select="$cache"/>
+                                        <xsl:with-param name="form-actions" select="$context('form-actions')"/>
+                                    </xsl:call-template>
+                                </xsl:variable>
+                                <!-- Mark query response as complete -->
+                                <xsl:sequence select="ldh:update-progress-counter($cache, $context, 'complete', ())"/>
+
+                                <xsl:sequence select="map:merge((map{ 'block': $block }, $view-context))"/>
+                            </xsl:when>
+                            <xsl:otherwise>
+                                <!-- the query document loaded (200); the service resource is simply absent from it, so there is no
+                                     HTTP failure to report and passing $response here would head the detail with a misleading 'HTTP 200' -->
+                                <xsl:sequence select="ldh:render-block-error($container//div[contains-token(@class, 'main')], 'block-service-not-loaded', 'block-resource-not-described-explanation', $service-uri, ())"/>
+
+                                <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                            </xsl:otherwise>
+                        </xsl:choose>
+                    </xsl:for-each>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:sequence select="ldh:render-block-error($container//div[contains-token(@class, 'main')], 'block-query-not-loaded', ldh:http-error-key($response?status), $query-uri, $response)"/>
+
+                    <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+
+                    <xsl:sequence select="
+                      error(
+                        QName('&ldh;', 'ldh:HTTPError'),
+                        concat('HTTP ', ?status, ' returned: ', ?message),
+                        $response
+                      )
+                    "/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:for-each>
+    </xsl:function>
+    
+    <!-- the lexical sort key of a result: COALESCEs across $predicates in path order, preferring values whose @xml:lang primary subtag matches the reader's first accepted language -->
+
+    <xsl:function name="ldh:sort-key-lexical" as="xs:string?">
+        <xsl:param name="resource" as="element()"/>
+        <xsl:param name="predicates" as="xs:anyURI*"/>
+
+        <xsl:variable name="children" select="for $p in $predicates return $resource/*[concat(namespace-uri(), local-name()) = $p]" as="element()*"/>
+        <xsl:sequence select="(($children[tokenize(@xml:lang, '-')[1] = tokenize(ac:langs()[1], '-')[1]]/string(text()))[1], ($children[not(@xml:lang)]/string(text()))[1], ($children/string((text(), @rdf:resource, @rdf:nodeID)[1]))[1])[. ne ''][1]"/>
+    </xsl:function>
+
+    <!-- the RDF datatype shared by a sort column's literals, or () when the column carries none (plain or language-tagged literals, resources) or mixes several. The wrapped DESCRIBE returns an unordered graph, so the view re-sorts the page client-side; keying off the datatype is what keeps that order agreeing with the SPARQL ORDER BY that chose the page's members. -->
+
+    <xsl:function name="ldh:sort-datatype" as="xs:anyURI?">
+        <xsl:param name="resources" as="element()*"/>
+        <xsl:param name="predicates" as="xs:anyURI*"/>
+
+        <xsl:variable name="datatypes" select="distinct-values(for $p in $predicates return $resources/*[concat(namespace-uri(), local-name()) = $p]/@rdf:datatype/string(.))" as="xs:string*"/>
+        <xsl:sequence select="if (count($datatypes) eq 1) then xs:anyURI($datatypes) else ()"/>
+    </xsl:function>
+
+    <!-- casts a lexical sort key to the XSD type that orders it. Returns () for datatypes XPath does not order (strings and their subtypes, xs:anyURI, binaries, gregorians, QNames) and for values that fail to cast - those tie here and are ordered by the lexical key instead. -->
+
+    <xsl:function name="ldh:sort-key" as="xs:anyAtomicType?">
+        <xsl:param name="key" as="xs:string?"/>
+        <xsl:param name="datatype" as="xs:anyURI?"/>
+
+        <xsl:choose>
+            <!-- exact rather than promoted to xs:double, so integers beyond double's 2^53 keep their order -->
+            <xsl:when test="ldh:datatype-family($datatype) = 'integer'">
+                <xsl:sequence select="if ($key castable as xs:integer) then xs:integer($key) else ()"/>
+            </xsl:when>
+            <xsl:when test="ldh:datatype-family($datatype) = 'decimal'">
+                <xsl:sequence select="if ($key castable as xs:decimal) then xs:decimal($key) else ()"/>
+            </xsl:when>
+            <!-- 'NaN' is a valid xs:double lexical form, and a NaN sort key freezes SaxonJS's comparison outright - the remaining keys are never consulted and the results fall back to document order - so it is filtered back out to () here -->
+            <xsl:when test="ldh:datatype-family($datatype) = 'double'">
+                <xsl:sequence select="if ($key castable as xs:double) then xs:double($key)[. eq .] else ()"/>
+            </xsl:when>
+            <xsl:when test="ldh:datatype-family($datatype) = 'dateTime'">
+                <xsl:sequence select="if ($key castable as xs:dateTime) then xs:dateTime($key) else ()"/>
+            </xsl:when>
+            <xsl:when test="ldh:datatype-family($datatype) = 'date'">
+                <xsl:sequence select="if ($key castable as xs:date) then xs:date($key) else ()"/>
+            </xsl:when>
+            <xsl:when test="ldh:datatype-family($datatype) = 'time'">
+                <xsl:sequence select="if ($key castable as xs:time) then xs:time($key) else ()"/>
+            </xsl:when>
+            <xsl:when test="ldh:datatype-family($datatype) = 'yearMonthDuration'">
+                <xsl:sequence select="if ($key castable as xs:yearMonthDuration) then xs:yearMonthDuration($key) else ()"/>
+            </xsl:when>
+            <xsl:when test="ldh:datatype-family($datatype) = 'dayTimeDuration'">
+                <xsl:sequence select="if ($key castable as xs:dayTimeDuration) then xs:dayTimeDuration($key) else ()"/>
+            </xsl:when>
+            <!-- xs:duration is only partially ordered (P1M and P30D do not compare), so only its two ordered subtypes get a typed key -->
+            <xsl:when test="ldh:datatype-family($datatype) = 'duration'">
+                <xsl:sequence select="if ($key castable as xs:yearMonthDuration) then xs:yearMonthDuration($key) else if ($key castable as xs:dayTimeDuration) then xs:dayTimeDuration($key) else ()"/>
+            </xsl:when>
+            <xsl:when test="ldh:datatype-family($datatype) = 'boolean'">
+                <xsl:sequence select="if ($key castable as xs:boolean) then xs:boolean($key) else ()"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:sequence select="()"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- when view RDF/XML results load, render them -->
+    <xsl:function name="ldh:render-view" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="results" select="$context('view-results-response')?body" as="document-node()"/>
+        <xsl:variable name="block" select="$context('block')" as="element()"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="container-id" select="$context('container-id')" as="xs:string"/>
+        <xsl:variable name="active-mode" select="$context('active-mode')" as="xs:anyURI"/>
+        <xsl:variable name="select-xml" select="$context('select-xml')" as="document-node()"/>
+        <xsl:variable name="initial-var-name" select="$context('initial-var-name')" as="xs:string"/>
+        <xsl:variable name="focus-var-name" select="$context('focus-var-name')" as="xs:string"/>
+        <xsl:variable name="select-string" select="$context('select-string')" as="xs:string"/>
+        <xsl:variable name="endpoint" select="$context('endpoint')" as="xs:anyURI"/>
+        <xsl:variable name="object-metadata" select="$context('object-metadata')" as="document-node()?"/>
+        <xsl:variable name="property-metadata" select="$context('property-metadata')" as="document-node()?"/>
+        <xsl:variable name="cache" select="$context('cache')" as="item()"/>
+        <xsl:variable name="form-actions" select="$context('form-actions')" as="element()?"/>
+        <xsl:variable name="result-count-container-id" select="$container-id || '-result-count'" as="xs:string"/>
+
+        <xsl:message>ldh:render-view</xsl:message>
+
+        <xsl:for-each select="$results">
+            <!-- map { object-var-name -> candidate predicate URIs } from BGP triples whose subject is the focus variable; deduped per var. SPARQL ORDER BY uses variables, but the wrapped DESCRIBE returns an unordered RDF graph, so the view sorts by predicates client-side - this map bridges the two. -->
+            <xsl:variable name="var-predicates" as="map(xs:string, xs:anyURI*)">
+                <xsl:map>
+                    <xsl:for-each-group select="$select-xml//json:map[json:string[@key = 'type'] = 'bgp']/json:array[@key = 'triples']/json:map[json:string[@key = 'subject'] = '?' || $initial-var-name][starts-with(json:string[@key = 'object'], '?')]" group-by="substring-after(json:string[@key = 'object'], '?')">
+                        <xsl:variable name="predicates" as="xs:anyURI*">
+                            <xsl:for-each select="current-group()">
+                                <xsl:sequence select="ldh:alt-path-uris((json:string[@key = 'predicate'], json:map[@key = 'predicate'])[1])"/>
+                            </xsl:for-each>
+                        </xsl:variable>
+                        <xsl:if test="exists($predicates)">
+                            <xsl:map-entry key="current-grouping-key()" select="distinct-values($predicates) ! xs:anyURI(.)"/>
+                        </xsl:if>
+                    </xsl:for-each-group>
+                </xsl:map>
+            </xsl:variable>
+
+            <xsl:variable name="order-by-var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:string[@key = 'expression']/substring-after(., '?')" as="xs:string?"/>
+            <xsl:variable name="order-by-predicates" select="if ($order-by-var-name and map:contains($var-predicates, $order-by-var-name)) then $var-predicates($order-by-var-name) else ()" as="xs:anyURI*"/>
+            <xsl:variable name="desc" select="$select-xml/json:map/json:array[@key = 'order']/json:map[1]/json:boolean[@key = 'descending']" as="xs:boolean?"/>
+            <xsl:variable name="default-order-by-var-name" select="$select-xml/json:map/json:array[@key = 'order']/json:map[2]/json:string[@key = 'expression']/substring-after(., '?')" as="xs:string?"/>
+            <!-- empty unless distinct from the primary, so the secondary keys below collapse to () when both ORDER BY conditions resolve to the same predicates -->
+            <xsl:variable name="default-order-by-predicates" select="if ($default-order-by-var-name and map:contains($var-predicates, $default-order-by-var-name) and not(deep-equal($order-by-predicates, $var-predicates($default-order-by-var-name)))) then $var-predicates($default-order-by-var-name) else ()" as="xs:anyURI*"/>
+            <xsl:variable name="default-desc" select="$select-xml/json:map/json:array[@key = 'order']/json:map[2]/json:boolean[@key = 'descending']" as="xs:boolean?"/>
+            <!-- each column's datatype is resolved once over the whole result set, not per row: xsl:sort requires every key to be mutually comparable, so the type has to be a property of the column rather than of the value -->
+            <xsl:variable name="order-by-datatype" select="ldh:sort-datatype(/rdf:RDF/*, $order-by-predicates)" as="xs:anyURI?"/>
+            <xsl:variable name="default-order-by-datatype" select="ldh:sort-datatype(/rdf:RDF/*, $default-order-by-predicates)" as="xs:anyURI?"/>
+            <xsl:variable name="sorted-results" as="document-node()">
+                <xsl:document>
+                    <xsl:for-each select="/rdf:RDF">
+                        <xsl:copy>
+                            <!-- the typed key orders the column by its XSD datatype and the lexical key breaks its ties, which is also where untyped columns and values that fail to cast are ordered -->
+                            <xsl:perform-sort select="*">
+                                <xsl:sort select="ldh:sort-key(ldh:sort-key-lexical(., $order-by-predicates), $order-by-datatype)" order="{if ($desc) then 'descending' else 'ascending'}"/>
+                                <xsl:sort select="ldh:sort-key-lexical(., $order-by-predicates)" order="{if ($desc) then 'descending' else 'ascending'}"/>
+                                <xsl:sort select="ldh:sort-key(ldh:sort-key-lexical(., $default-order-by-predicates), $default-order-by-datatype)" order="{if ($default-desc) then 'descending' else 'ascending'}"/>
+                                <xsl:sort select="ldh:sort-key-lexical(., $default-order-by-predicates)" order="{if ($default-desc) then 'descending' else 'ascending'}"/>
+                                <!-- soft by URI/bnode ID otherwise -->
+                                <xsl:sort select="if (@rdf:about) then @rdf:about else @rdf:nodeID" order="{if ($default-desc) then 'descending' else 'ascending'}"/>
+                            </xsl:perform-sort>
+                        </xsl:copy>
+                    </xsl:for-each>
+                </xsl:document>
+            </xsl:variable>
+
+            <xsl:for-each select="$container/div[contains-token(@class, 'main')]">
+                <xsl:call-template name="ldh:RenderViewResults">
+                    <xsl:with-param name="container" select="$container"/>
+                    <xsl:with-param name="results" select="$sorted-results"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="var-predicates" select="$var-predicates"/>
+                    <xsl:with-param name="container-id" select="$container-id"/>
+                    <xsl:with-param name="endpoint" select="$endpoint"/>
+                    <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
+                    <xsl:with-param name="desc" select="$desc"/>
+                    <xsl:with-param name="order-by-var-name" select="$order-by-var-name"/>
+                    <xsl:with-param name="result-count-container-id" select="$result-count-container-id"/>
+                    <xsl:with-param name="active-mode" select="$active-mode"/>
+                    <xsl:with-param name="object-metadata" select="$object-metadata"/>
+                    <xsl:with-param name="property-metadata" select="$property-metadata"/>
+                    <xsl:with-param name="cache" select="$cache"/>
+                    <xsl:with-param name="form-actions" select="$form-actions"/>
+                </xsl:call-template>
+            </xsl:for-each>
+
+            <!-- use the initial (not the current transformed) SELECT query and focus var name for facet rendering. Facets render as dropdown pills in the view toolbar's left zone -->
+            <xsl:for-each select="$container/descendant::div[contains-token(@class, 'ldh-view-toolbar')][1]/div[contains-token(@class, 'left')]">
+                <xsl:call-template name="ldh:RenderFacets">
+                    <xsl:with-param name="select-string" select="$select-string"/>
+                    <xsl:with-param name="property-metadata" select="$property-metadata"/>
+                </xsl:call-template>
+            </xsl:for-each>
+
+            <xsl:call-template name="ldh:ParallaxNav">
+                <xsl:with-param name="empty-results" select="empty($sorted-results/rdf:RDF/*)"/>
+                <xsl:with-param name="select-xml" select="$select-xml"/>
+                <xsl:with-param name="endpoint" select="$endpoint"/>
+                <xsl:with-param name="focus-var-name" select="$focus-var-name"/>
+                <xsl:with-param name="property-metadata" select="$property-metadata"/>
+                <xsl:with-param name="cache" select="$cache"/>
+                <xsl:with-param name="properties-container-id" select="$container-id || '-parallax-properties'"/>
+            </xsl:call-template>
+
+            <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
+        </xsl:for-each>
+
+        <!-- loading is done - restore the default mouse cursor -->
+        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
+
+        <!-- Mark main view query as complete -->
+        <xsl:sequence select="ldh:update-progress-counter($cache, $context, 'complete', ())"/>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
+    <!-- the discovered predicates arrive as (predicate, direction) pairs - one chip each, so a predicate
+         used both ways yields two. Their labels live in the ontology rather than the end-user dataset,
+         so they are fetched from the /ns endpoint in a single batched request. -->
+    <xsl:function name="ldh:parallax-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="predicate-var-name" select="$context('predicate-var-name')" as="xs:string"/>
+        <xsl:variable name="inverse-var-name" select="$context('inverse-var-name')" as="xs:string"/>
+
+        <xsl:message>ldh:parallax-response</xsl:message>
+
+        <xsl:for-each select="$response">
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/sparql-results+xml'">
+                    <xsl:for-each select="?body">
+                        <xsl:variable name="links" as="map(*)*">
+                            <xsl:for-each select="//srx:result[srx:binding[@name = $predicate-var-name]/srx:uri]">
+                                <xsl:sequence select="map{ 'predicate': xs:anyURI(srx:binding[@name = $predicate-var-name]/srx:uri), 'inverse': xs:boolean(srx:binding[@name = $inverse-var-name]/srx:literal) }"/>
+                            </xsl:for-each>
+                        </xsl:variable>
+
+                        <xsl:if test="exists($links)">
+                            <!-- render synchronously with whatever labels are already known, then re-render when the batch arrives -->
+                            <xsl:sequence select="ldh:render-parallax-chips($container, $links, $context('property-metadata'))"/>
+
+                            <xsl:variable name="values" select="' VALUES $this { ' || string-join(distinct-values($links ! ('&lt;' || ?predicate || '&gt;')), ' ') || ' }'" as="xs:string"/>
+                            <xsl:variable name="query-string" select="$object-metadata-ns-query || $values" as="xs:string"/>
+                            <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+                            <xsl:variable name="context" select="map:merge((
+                              $context,
+                              map{
+                                'request': $request,
+                                'container': $container,
+                                'links': $links
+                              }
+                            ), map{ 'duplicates': 'use-last' })"/>
+                            <ixsl:promise select="ixsl:http-request($context('request')) =>
+                                ixsl:then(ldh:rethread-response($context, ?)) =>
+                                ixsl:then(ldh:handle-response#1) =>
+                                ixsl:then(ldh:parallax-property-response#1)"
+                                on-failure="ldh:promise-failure#1"/>
+                        </xsl:if>
+                    </xsl:for-each>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:variable name="response" select="." as="map(*)"/>
+                    <!-- error response - could not load parallax results -->
+                    <xsl:for-each select="$container">
+                        <xsl:result-document href="?." method="ixsl:append-content">
+                            <!-- appended beside the parallax rows rather than filling a block body, so the bare alert
+                                 without the ldh-block-error wrapper - it must not ring the view card it sits in -->
+                            <xsl:sequence select="ldh:error-alert('block-query-failed', ldh:http-error-key($response?status), ())"/>
+                        </xsl:result-document>
+                    </xsl:for-each>
+
+                    <xsl:sequence select="ldh:end-block-loading($context, ())[current-date() lt xs:date('2000-01-01')]"/>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:for-each>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
+    <!-- re-renders the chip strip once the batched labels arrive -->
+    <xsl:function name="ldh:parallax-property-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="links" select="$context('links')" as="map(*)*"/>
+
+        <xsl:message>ldh:parallax-property-response</xsl:message>
+
+        <xsl:for-each select="$response">
+            <xsl:variable name="metadata" select="if (?status = 200 and ?media-type = 'application/rdf+xml') then ?body else ()" as="document-node()?"/>
+
+            <xsl:sequence select="ldh:render-parallax-chips($container, $links, $metadata)"/>
+        </xsl:for-each>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
+    <!-- the whole strip renders at once from the complete link list: outgoing chips first, then incoming, each group by label -->
+    <xsl:function name="ldh:render-parallax-chips" ixsl:updating="yes">
+        <xsl:param name="container" as="element()"/>
+        <xsl:param name="links" as="map(*)*"/>
+        <xsl:param name="metadata" as="document-node()?"/>
+
+        <xsl:variable name="chips" as="element()*">
+            <xsl:for-each select="$links">
+                <xsl:sort select="number(?inverse)"/>
+                <xsl:sort select="ldh:predicate-label(?predicate, $metadata)" lang="{ac:langs()[1]}"/>
+
+                <button type="button" class="ldh-pivot-pill{if (?inverse) then ' is-in' else ()}" title="{?predicate}" data-dir="{if (?inverse) then 'in' else 'out'}">
+                    <input name="ou" type="hidden" value="{?predicate}"/>
+                    <span class="msi sm" aria-hidden="true">
+                        <xsl:value-of select="if (?inverse) then 'arrow_back' else 'arrow_forward'"/>
+                    </span>
+                    <span class="lbl">
+                        <xsl:value-of select="ldh:predicate-label(?predicate, $metadata)"/>
+                    </span>
+                </button>
+            </xsl:for-each>
+        </xsl:variable>
+
+        <xsl:for-each select="$container">
+            <xsl:result-document href="?." method="ixsl:replace-content">
+                <xsl:sequence select="$chips"/>
+            </xsl:result-document>
+        </xsl:for-each>
+    </xsl:function>
+
+    <!-- the ontology's label for a predicate, falling back to its fragment, then its last path segment, then the URI itself -->
+    <xsl:function name="ldh:predicate-label" as="xs:string">
+        <xsl:param name="predicate" as="xs:anyURI"/>
+        <xsl:param name="metadata" as="document-node()?"/>
+        <xsl:variable name="resource" select="if ($metadata) then key('resources', $predicate, $metadata) else ()" as="element()?"/>
+
+        <xsl:choose>
+            <xsl:when test="$resource">
+                <xsl:value-of>
+                    <xsl:apply-templates select="$resource" mode="ac:label"/>
+                </xsl:value-of>
+            </xsl:when>
+            <xsl:when test="contains($predicate, '#') and not(ends-with($predicate, '#'))">
+                <xsl:value-of select="substring-after($predicate, '#')"/>
+            </xsl:when>
+            <xsl:when test="string-length(tokenize($predicate, '/')[last()]) &gt; 0">
+                <xsl:value-of select="translate(tokenize($predicate, '/')[last()], '_', ' ')"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:value-of select="$predicate"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+    
+    <xsl:function name="ldh:facet-value-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="predicate" select="$context('predicate')" as="xs:anyURI"/>
+        <xsl:variable name="object-var-name" select="$context('object-var-name')" as="xs:string"/>
+        <xsl:variable name="count-var-name" select="$context('count-var-name')" as="xs:string"/>
+        <xsl:variable name="label-sample-var-name" select="$context('label-sample-var-name')" as="xs:string"/>
+
+        <xsl:message>ldh:facet-value-response</xsl:message>
+
+        <xsl:for-each select="$response">
+            <xsl:variable name="response" select="." as="map(*)"/>
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/sparql-results+xml'">
+                    <xsl:for-each select="?body">
+                        <xsl:variable name="results" select="." as="document-node()"/>
+                        <xsl:choose>
+                            <xsl:when test="$results//srx:result[srx:binding[@name = $object-var-name]]">
+                                <xsl:choose>
+                                    <!-- special case for rdf:type - we expect its values to be in the ontology (classes), not in the instance data -->
+                                    <xsl:when test="$predicate = '&rdf;type'">
+                                        <xsl:for-each select="$results//srx:result[srx:binding[@name = $object-var-name]]">
+                                            <xsl:variable name="object-type" select="srx:binding[@name = $object-var-name]/srx:uri" as="xs:anyURI"/>
+                                            <xsl:variable name="value-result" select="." as="element()"/>
+                                            <!-- DESCRIBE the class over the application's /ns ontology endpoint (ACL-enforced) instead of proxying its vocab document -->
+                                            <xsl:variable name="query-string" select="$property-metadata-query || ' VALUES $Type { &lt;' || $object-type || '&gt; }'" as="xs:string"/>
+                                            <xsl:variable name="request" select="map{ 'method': 'POST', 'href': ldh:href(resolve-uri('ns', ldt:base())), 'media-type': 'application/sparql-query', 'body': $query-string, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
+                                            <xsl:variable name="context" as="map(*)" select="
+                                              map{
+                                                'request': $request,
+                                                'container': $container,
+                                                'object-var-name': $object-var-name,
+                                                'count-var-name': $count-var-name,
+                                                'object-type': $object-type,
+                                                'value-result': $value-result
+                                              }"/>
+                                            <ixsl:promise select="ixsl:http-request($context('request')) =>
+                                                ixsl:then(ldh:rethread-response($context, ?)) =>
+                                                ixsl:then(ldh:handle-response#1) =>
+                                                ixsl:then(ldh:facet-value-type-response#1)"
+                                                on-failure="ldh:promise-failure#1"/>
+                                        </xsl:for-each>
+                                    </xsl:when>
+                                    <xsl:otherwise>
+                                        <!-- replace the loading state with the value list -->
+                                        <xsl:for-each select="$container/div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'facet-values')]">
+                                            <xsl:result-document href="?." method="ixsl:replace-content">
+                                                <xsl:apply-templates select="$results//srx:result[srx:binding[@name = $object-var-name]]" mode="ldh:FacetValueItem">
+                                                    <!-- order by count first -->
+                                                    <xsl:sort select="xs:integer(srx:binding[@name = $count-var-name]/srx:literal)" order="descending"/>
+                                                    <!-- order by label second -->
+                                                    <xsl:sort select="srx:binding[@name = $label-sample-var-name]/srx:literal"/>
+                                                    <xsl:sort select="srx:binding[@name = $object-var-name]/srx:*"/>
+
+                                                    <xsl:with-param name="object-var-name" select="$object-var-name"/>
+                                                    <xsl:with-param name="count-var-name" select="$count-var-name"/>
+                                                    <xsl:with-param name="label-sample-var-name" select="$label-sample-var-name"/>
+                                                </xsl:apply-templates>
+
+                                                <xsl:if test="empty($results//srx:result[srx:binding[@name = $object-var-name]])">
+                                                    <div class="facet-empty">
+                                                        <xsl:apply-templates select="key('resources', 'no-facet-values', ldh:translations())" mode="ac:label"/>
+                                                    </div>
+                                                </xsl:if>
+                                            </xsl:result-document>
+                                        </xsl:for-each>
+                                    </xsl:otherwise>
+                                </xsl:choose>
+                            </xsl:when>
+                            <xsl:otherwise>
+                                <!-- no values - replace the loading state with the empty state -->
+                                <xsl:for-each select="$container/div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'facet-values')]">
+                                    <xsl:result-document href="?." method="ixsl:replace-content">
+                                        <div class="facet-empty">
+                                            <xsl:apply-templates select="key('resources', 'no-values', ldh:translations())" mode="ac:label"/>
+                                        </div>
+                                    </xsl:result-document>
+                                </xsl:for-each>
+                            </xsl:otherwise>
+                        </xsl:choose>
+                    </xsl:for-each>
+                </xsl:when>
+                <xsl:otherwise>
+                    <!-- error response - could not load facet results -->
+                    <xsl:for-each select="$container/div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'facet-values')]">
+                        <xsl:result-document href="?." method="ixsl:replace-content">
+                            <div>
+                                <xsl:sequence select="ldh:error-alert('block-values-failed', ldh:http-error-key($response?status), ())"/>
+                            </div>
+                        </xsl:result-document>
+                    </xsl:for-each>
+                </xsl:otherwise>
+            </xsl:choose>
+
+        </xsl:for-each>
+        
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+    
+    <xsl:function name="ldh:facet-value-type-response" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="object-var-name" select="$context('object-var-name')" as="xs:string"/>
+        <xsl:variable name="count-var-name" select="$context('count-var-name')" as="xs:string"/>
+        <xsl:variable name="object-type" select="$context('object-type')" as="xs:anyURI"/>
+        <xsl:variable name="value-result" select="$context('value-result')" as="element()"/>
+
+        <xsl:message>ldh:facet-value-type-response</xsl:message>
+
+        <xsl:for-each select="$response">
+            <xsl:variable name="results" select="if (?status = 200 and ?media-type = 'application/rdf+xml') then ?body else ()" as="document-node()?"/>
+            <xsl:variable name="existing-items" select="$container/div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'facet-values')]/button[contains-token(@class, 'opt')]" as="element()*"/>
+            <xsl:variable name="new-item" as="element()">
+                <xsl:apply-templates select="$value-result" mode="ldh:FacetValueItem">
+                    <xsl:with-param name="object-var-name" select="$object-var-name"/>
+                    <xsl:with-param name="count-var-name" select="$count-var-name"/>
+                    <xsl:with-param name="label">
+                        <xsl:choose>
+                            <xsl:when test="$results">
+                                <xsl:apply-templates select="key('resources', $object-type, $results)" mode="ac:label"/>
+                            </xsl:when>
+                            <xsl:otherwise>
+                                <xsl:value-of select="$object-type"/>
+                            </xsl:otherwise>
+                        </xsl:choose>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </xsl:variable>
+            <xsl:variable name="items" as="element()*">
+                <!-- sort the existing <li> items together with the new item -->
+                <xsl:perform-sort select="($existing-items, $new-item)">
+                    <!-- sort by the count the option carries first -->
+                    <xsl:sort select="xs:integer(@data-count)" order="descending"/>
+                    <!-- sort by the value label second -->
+                    <xsl:sort select="span[contains-token(@class, 'nm')]" lang="{ac:langs()[1]}"/>
+                </xsl:perform-sort>
+            </xsl:variable>
+
+            <xsl:for-each select="$container/div[contains-token(@class, 'facet-pop')]/div[contains-token(@class, 'facet-values')]">
+                <xsl:result-document href="?." method="ixsl:replace-content">
+                    <xsl:sequence select="$items"/>
+                </xsl:result-document>
+            </xsl:for-each>
+        </xsl:for-each>
+        
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+    
+    <xsl:function name="ldh:result-count-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="count-var-name" select="$context('count-var-name')" as="xs:string"/>
+
+        <xsl:message>ldh:result-count-response</xsl:message>
+
+        <!-- Mark result count response as complete -->
+        <xsl:sequence select="ldh:update-progress-counter($context('cache'), $context, 'complete', ())"/>
+
+        <xsl:for-each select="$response">
+            <xsl:choose>
+                <xsl:when test="?status = 200 and ?media-type = 'application/sparql-results+xml'">
+                    <xsl:for-each select="?body">
+                        <xsl:variable name="results" select="." as="document-node()"/>
+                        <xsl:for-each select="$container">
+                            <xsl:result-document href="?." method="ixsl:replace-content">
+                                <xsl:apply-templates select="$results" mode="ldh:ViewResultCount">
+                                    <xsl:with-param name="count-var-name" select="$count-var-name" tunnel="yes"/>
+                                </xsl:apply-templates>
+                            </xsl:result-document>
+                        </xsl:for-each>
+
+                        <!-- cache the total so pagers rendered on later page flips know it immediately, and refresh the pager already on the page with it -->
+                        <xsl:variable name="total-count" select="xs:integer(($results//srx:binding[@name = $count-var-name]/srx:literal)[1])" as="xs:integer?"/>
+                        <xsl:variable name="container-id" select="$context('container-id')" as="xs:string?"/>
+                        <xsl:if test="exists($total-count)">
+                            <ixsl:set-property name="result-count" select="$total-count" object="$context('cache')"/>
+
+                            <xsl:if test="$container-id">
+                                <xsl:variable name="view-results" select="if (ixsl:contains($context('cache'), 'results')) then ixsl:get($context('cache'), 'results') else ()" as="document-node()?"/>
+                                <xsl:for-each select="id($container-id || '-container-results', ixsl:page())//div[contains-token(@class, 'ldh-pager')]">
+                                    <xsl:result-document href="?." method="ixsl:replace-content">
+                                        <xsl:call-template name="ldh:PagerControls">
+                                            <xsl:with-param name="container-id" select="$container-id"/>
+                                            <xsl:with-param name="result-count" select="count($view-results/rdf:RDF/rdf:Description)"/>
+                                            <xsl:with-param name="select-xml" select="ixsl:get($context('cache'), 'select-xml')"/>
+                                            <xsl:with-param name="total-count" select="$total-count"/>
+                                        </xsl:call-template>
+                                    </xsl:result-document>
+                                </xsl:for-each>
+                            </xsl:if>
+                        </xsl:if>
+                    </xsl:for-each>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:for-each select="$container">
+                        <xsl:result-document href="?." method="ixsl:replace-content">
+                            <!-- the count sits inline in the view toolbar, where a full alert would outweigh the row it
+                                 reports on - the design system's compact negative tag is the status marker at this size -->
+                            <span class="ldhc-tag em-quiet co-negative sz-sm">
+                                <span class="msi outline" aria-hidden="true">error</span>
+                                <span class="ldhc-tag-lbl">
+                                    <xsl:apply-templates select="key('resources', 'block-count-failed', ldh:translations())" mode="ac:label"/>
+                                </span>
+                            </span>
+                        </xsl:result-document>
+                    </xsl:for-each>
+                </xsl:otherwise>
+            </xsl:choose>
+        </xsl:for-each>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
+
+    <!-- INLINE CREATION -->
+
+    <!-- update template for the forward linking triple, substituted with the same replace() idiom as the constructor update strings. INSERT/WHERE form: PATCH only accepts INSERT/WHERE and DELETE WHERE (DocumentHierarchyGraphStoreImpl) -->
+    <xsl:variable name="view-instance-link-string" as="xs:string">
+        <![CDATA[
+            INSERT
+              { $about  $property  $this }
+            WHERE
+              {}
+        ]]>
+    </xsl:variable>
+
+    <!-- open the instance creation modal form for a view carrying ldh:container metadata (stamped as data-* attributes by ldh:ontology-view-insert) -->
+    <xsl:template match="div[contains-token(@class, 'block')]//button[contains-token(@class, 'add-instance')][@data-for-class][@data-container]" mode="ixsl:onclick">
+        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:variable name="view-block" select="ancestor::div[contains-token(@class, 'block')][@data-property][1]" as="element()"/>
+        <xsl:variable name="content-body" select="ancestor::div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="forClass" select="xs:anyURI(@data-for-class)" as="xs:anyURI"/>
+        <xsl:variable name="container-uri" select="xs:anyURI(@data-container)" as="xs:anyURI"/>
+        <xsl:variable name="doc-uri" select="resolve-uri(ac:uuid() || '/', $container-uri)" as="xs:anyURI"/> <!-- build a relative URI for the container's child document -->
+        <xsl:variable name="this" select="xs:anyURI($doc-uri || '#id' || ac:uuid())" as="xs:anyURI"/> <!-- the instance is a fragment resource within the new document, same minting as the type-combobox flow -->
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
+        <!-- 'types' is initially set to ($forClass) so the shape fetch targets the right class, same as the type-combobox flow; 'view-*' keys carry the linkage metadata through the chain -->
+        <xsl:variable name="context" as="map(*)" select="map{
+            'content-body': $content-body,
+            'forClass': $forClass,
+            'types': ($forClass),
+            'doc-uri': $doc-uri,
+            'this': $this,
+            'view-property': xs:anyURI($view-block/@data-property),
+            'view-inverse': exists($view-block/@data-inverse),
+            'view-about': xs:anyURI($view-block/ancestor::*[@about][1]/@about),
+            'view-block-id': string($view-block/@id)
+        }"/>
+
+        <ixsl:promise select="ixsl:resolve($context) =>
+            ixsl:then(ldh:fire-load-set-parallel(?, [
+              [ ldh:load-constructed-doc#1, 'constructed-doc-request', 'constructed-doc-response', ldh:set-constructed-doc#1 ],
+              [ ldh:load-shapes#1,          'shapes-request',          'shapes-response',          ldh:set-shapes#1 ]
+            ])) =>
+            ixsl:then(ldh:set-combobox-form-resource#1) =>
+            ixsl:then(ldh:fire-load-set-parallel(?, [
+              [ ldh:load-constructors#1,      'constructors-request',      'constructors-response',      ldh:set-constructors#1 ],
+              [ ldh:load-type-metadata#1,     'type-metadata-request',     'type-metadata-response',     ldh:set-type-metadata#1 ],
+              [ ldh:load-property-metadata#1, 'property-metadata-request', 'property-metadata-response', ldh:set-property-metadata#1 ],
+              [ ldh:load-constraints#1,       'constraints-request',       'constraints-response',       ldh:set-constraints#1 ]
+            ])) =>
+            ixsl:then(ldh:render-view-instance-modal-form#1) =>
+            ixsl:finally(ldh:reset-cursor#0)"
+            on-failure="ldh:promise-failure#1"/>
+    </xsl:template>
+
+    <!-- Terminal callback for the add-instance onclick chain. Renders the instantiated resource with the same ac:ResourceForm pipeline as the type-combobox row form (ldh:render-combobox-row-form), but with method='put' targeting the new document — the RDF/POST body then describes the fragment instance and the PUT auto-creates the containing Item document around it. Stamps the linkage metadata on the modal element so the submit and response handlers (separate events) can read it. -->
+    <xsl:function name="ldh:render-view-instance-modal-form" as="item()*" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="content-body" select="$context('content-body')" as="element()"/>
+        <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
+        <xsl:variable name="this" select="$context('this')" as="xs:anyURI"/>
+        <xsl:variable name="forClass" select="$context('forClass')" as="xs:anyURI"/>
+        <xsl:variable name="instance-doc" select="$context('instance-doc')" as="document-node()"/>
+        <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
+        <xsl:variable name="type-metadata" select="$context('type-metadata')" as="document-node()?"/>
+        <xsl:variable name="property-metadata" select="$context('property-metadata')" as="document-node()?"/>
+        <xsl:variable name="constraints" select="$context('constraints')" as="document-node()?"/>
+        <xsl:variable name="constructors" select="$context('constructors')" as="document-node()?"/>
+        <xsl:variable name="shapes" select="$context('shapes')" as="document-node()?"/>
+        <xsl:variable name="classes" select="()" as="element()*"/>
+
+        <xsl:message>ldh:render-view-instance-modal-form</xsl:message>
+
+        <xsl:for-each select="$content-body">
+            <!-- the document-level ac:ResourceForm template renders the form shell (hidden rdf input, form actions); prototype-only object bnodes are suppressed by resource.xsl -->
+            <xsl:variable name="form" as="element()*">
+                <xsl:apply-templates select="$instance-doc" mode="ac:ResourceForm">
+                    <xsl:with-param name="method" select="'put'"/>
+                    <xsl:with-param name="action" select="ldh:href($doc-uri)" as="xs:anyURI" tunnel="yes"/>
+                    <xsl:with-param name="form-actions-class" select="'ldh-form-bar'" as="xs:string?"/>
+                    <xsl:with-param name="show-close-button" select="true()"/>
+                    <xsl:with-param name="classes" select="$classes"/>
+                    <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
+                    <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
+                    <xsl:with-param name="constructor" select="$constructed-doc" tunnel="yes"/>
+                    <xsl:with-param name="constructors" select="$constructors" tunnel="yes"/>
+                    <xsl:with-param name="constraints" select="$constraints" tunnel="yes"/>
+                    <xsl:with-param name="shapes" select="$shapes" tunnel="yes"/>
+                    <xsl:with-param name="base-uri" select="$doc-uri" tunnel="yes"/>
+                </xsl:apply-templates>
+            </xsl:variable>
+
+
+            <!-- a modal takes over from the chrome that opened it: a drop-down the pick came from is dismissed here, once its own handler has run -->
+            <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]" mode="ldh:CloseMenu"/>
+            <xsl:result-document href="?." method="ixsl:append-content">
+                <div class="ldhc-backdrop pos-top modal modal-constructor" about="{$doc-uri}" typeof="{$forClass}"> <!-- @about identifies the new document URL (uniform with the other modals so submit handlers can read $block/@about); the instance URI travels on @data-instance -->
+                    <xsl:apply-templates select="." mode="ldh:Modal">
+                        <xsl:with-param name="body" as="item()*">
+
+                            <xsl:copy-of select="$form"/>
+                        
+                        </xsl:with-param>
+                    </xsl:apply-templates>
+                </div>
+            </xsl:result-document>
+
+            <xsl:for-each select="./div[contains-token(@class, 'modal-constructor')][@about = $doc-uri]">
+                <ixsl:set-attribute name="data-property" select="string($context('view-property'))" object="."/>
+                <xsl:if test="$context('view-inverse')">
+                    <ixsl:set-attribute name="data-inverse" select="'true'" object="."/>
+                </xsl:if>
+                <ixsl:set-attribute name="data-about" select="string($context('view-about'))" object="."/>
+                <ixsl:set-attribute name="data-instance" select="string($this)" object="."/>
+                <ixsl:set-attribute name="data-block-id" select="$context('view-block-id')" object="."/>
+            </xsl:for-each>
+
+            <!-- add event listeners to the descendants of the form -->
+            <xsl:if test="id($form/@id, ixsl:page())">
+                <xsl:apply-templates select="id($form/@id, ixsl:page())" mode="ldh:RenderRowForm"/>
+            </xsl:if>
+        </xsl:for-each>
+    </xsl:function>
+
+    <!-- submit inline creation modal form: forward view — the linking triple <about> <property> <new> is PATCHed into the current document by the response callback -->
+    <xsl:template match="div[contains-token(@class, 'modal-constructor')][@data-property][not(@data-inverse)]//form[tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')][upper-case(@method) = 'PUT']" mode="ixsl:onsubmit" priority="3"> <!-- prioritize over modal.xsl -->
+        <xsl:next-match>
+            <xsl:with-param name="callback" select="ldh:view-instance-form-response#1"/>
+        </xsl:next-match>
+    </xsl:template>
+
+    <!-- submit inline creation modal form: inverse view — the linking triple <new> <property> <about> belongs in the new document's graph, so it ships inside the PUT body -->
+    <xsl:template match="div[contains-token(@class, 'modal-constructor')][@data-property][@data-inverse]//form[tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')][upper-case(@method) = 'PUT']" mode="ixsl:onsubmit" priority="3"> <!-- prioritize over modal.xsl -->
+        <xsl:param name="elements" select=".//input | .//textarea | .//select" as="element()*"/>
+        <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
+        <xsl:variable name="modal" select="ancestor::div[contains-token(@class, 'modal-constructor')][1]" as="element()"/>
+        <!-- pre-process form before submitting it: syncs input values, so it must precede ldh:parse-rdf-post -->
+        <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
+        <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>
+        <xsl:variable name="link-triple" as="element()">
+            <json:map>
+                <json:string key="subject"><xsl:sequence select="string($modal/@data-instance)"/></json:string>
+                <json:string key="predicate"><xsl:sequence select="string($modal/@data-property)"/></json:string>
+                <json:string key="object"><xsl:sequence select="string($modal/@data-about)"/></json:string>
+            </json:map>
+        </xsl:variable>
+
+        <xsl:next-match>
+            <xsl:with-param name="callback" select="ldh:view-instance-form-response#1"/>
+            <!-- append $link-triple to the $request-body sent with the request, but not to the $resources rendered afterwards -->
+            <xsl:with-param name="request-body" as="document-node()">
+                <xsl:document>
+                    <rdf:RDF>
+                        <xsl:sequence select="ldh:triples-to-descriptions(($triples, $link-triple))"/>
+                    </rdf:RDF>
+                </xsl:document>
+            </xsl:with-param>
+        </xsl:next-match>
+    </xsl:template>
+
+    <!-- Per-flow callback for the inline creation PUT response. On 201 Created: close the modal, establish the forward linking triple (inverse ones shipped in the PUT body), refresh the view. Everything else delegates to the plain constructor modal flow (violation re-render, error alert). -->
+    <xsl:function name="ldh:view-instance-form-response" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+
+        <xsl:message>ldh:view-instance-form-response</xsl:message>
+
+        <xsl:choose>
+            <xsl:when test="$response?status = 201 and map:contains($response?headers, 'location')">
+                <xsl:variable name="modal" select="$context('block')" as="element()"/>
+                <!-- read the linkage metadata off the modal before removing it -->
+                <xsl:variable name="property" select="$modal/@data-property" as="xs:string"/>
+                <xsl:variable name="inverse" select="exists($modal/@data-inverse)" as="xs:boolean"/>
+                <xsl:variable name="about" select="$modal/@data-about" as="xs:string"/>
+                <xsl:variable name="instance" select="$modal/@data-instance" as="xs:string"/>
+                <xsl:variable name="block-id" select="$modal/@data-block-id" as="xs:string"/>
+                <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
+                <xsl:sequence select="ixsl:call($modal, 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+
+                <xsl:choose>
+                    <!-- inverse linking triple already shipped inside the PUT body: refresh straight away. The cursor stays 'progress' (set on form submit) until ldh:render-view restores it -->
+                    <xsl:when test="$inverse">
+                        <xsl:sequence select="ldh:refresh-view($block-id)"/>
+                    </xsl:when>
+                    <!-- forward: INSERT the linking triple into the current document, then refresh -->
+                    <xsl:otherwise>
+                        <xsl:variable name="update-string" select="replace($view-instance-link-string, '$about', '&lt;' || $about || '&gt;', 'q')" as="xs:string"/>
+                        <xsl:variable name="update-string" select="replace($update-string, '$property', '&lt;' || $property || '&gt;', 'q')" as="xs:string"/>
+                        <xsl:variable name="update-string" select="replace($update-string, '$this', '&lt;' || $instance || '&gt;', 'q')" as="xs:string"/>
+                        <xsl:variable name="etag" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $doc-uri || '`'), 'etag')" as="xs:string"/>
+                        <!-- If-Match header checks preconditions, i.e. that the graph has not been modified in the meanwhile -->
+                        <xsl:variable name="link-request" select="map{ 'method': 'PATCH', 'href': ldh:href($doc-uri, map{}), 'media-type': 'application/sparql-update', 'body': $update-string, 'headers': map{ 'If-Match': $etag, 'Accept': 'application/rdf+xml', 'Cache-Control': 'no-cache' } }" as="map(*)"/>
+                        <xsl:variable name="link-context" as="map(*)" select="map{ 'request': $link-request, 'doc-uri': $doc-uri, 'block-id': $block-id }"/>
+
+                        <ixsl:promise select="
+                            ixsl:http-request($link-context('request')) =>
+                                ixsl:then(ldh:rethread-response($link-context, ?)) =>
+                                ixsl:then(ldh:handle-response#1) =>
+                                ixsl:then(ldh:view-instance-link-response#1)
+                            "
+                            on-failure="ldh:promise-failure#1"/>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </xsl:when>
+            <!-- 200/204, constraint violations and errors take the same path as the plain constructor modal flow -->
+            <xsl:otherwise>
+                <xsl:sequence select="ldh:constructor-form-response($context)"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- callback for the forward linking triple PATCH -->
+    <xsl:function name="ldh:view-instance-link-response" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
+        <xsl:variable name="block-id" select="$context('block-id')" as="xs:string"/>
+
+        <xsl:message>ldh:view-instance-link-response</xsl:message>
+
+        <xsl:choose>
+            <xsl:when test="$response?status = (200, 204)">
+                <xsl:variable name="etag" select="$response?headers?etag" as="xs:string?"/>
+                <xsl:if test="$etag">
+                    <!-- store ETag header value under window.LinkedDataHub.contents[$doc-uri].etag so subsequent edits of the current document don't fail preconditions -->
+                    <ixsl:set-property name="etag" select="$etag" object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $doc-uri || '`')"/>
+                </xsl:if>
+
+                <!-- the cursor stays 'progress' (set on form submit) until ldh:render-view restores it -->
+                <xsl:sequence select="ldh:refresh-view($block-id)"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
+
+                <xsl:sequence select="ldh:error-response-alert($context)"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- Re-query the view block's results with fresh data (Cache-Control: no-cache). Rebuilds the request context from the contents cache like the pager/order/mode listeners do: the view's RDFa (spin:query) is replaced by the toolbar on the initial render, so re-entering ldh:RenderRow would no longer match the view template -->
+    <xsl:function name="ldh:refresh-view" as="item()*" ixsl:updating="yes">
+        <xsl:param name="block-id" as="xs:string"/>
+
+        <xsl:message>ldh:refresh-view block-id: '<xsl:value-of select="$block-id"/>' matched views: <xsl:value-of select="count((id($block-id, ixsl:page())//div[@typeof = '&ldh;View'])[1])"/></xsl:message>
+
+        <!-- shape-agnostic: legacy blocks nest the typed div under div.row-main, nblocks under div.ldh-nblock-body; document order keeps [1] on the block's own typed div even when sub-views are injected inside its results -->
+        <xsl:for-each select="(id($block-id, ixsl:page())//div[@typeof = '&ldh;View'])[1]">
+            <xsl:variable name="container" select="." as="element()"/>
+            <xsl:variable name="cache" select="ldh:view-cache($container)" as="item()"/>
+            <xsl:message>ldh:refresh-view cache found: <xsl:value-of select="exists($cache)"/></xsl:message>
+            <xsl:variable name="select-string" select="ixsl:get($cache, 'select-string')" as="xs:string"/>
+            <xsl:variable name="select-xml" select="ixsl:get($cache, 'select-xml')" as="document-node()"/>
+            <xsl:variable name="initial-var-name" select="ixsl:get($cache, 'initial-var-name')" as="xs:string"/>
+            <xsl:variable name="endpoint" select="ixsl:get($cache, 'endpoint')" as="xs:anyURI"/>
+            <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/*[contains-token(@class, 'mi')][contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string"/>
+            <xsl:variable name="active-mode" select="map:get($class-modes, $active-class)" as="xs:anyURI"/>
+
+            <xsl:variable name="view-context" as="map(*)">
+                <xsl:call-template name="ldh:RenderView">
+                    <xsl:with-param name="container" select="$container"/>
+                    <xsl:with-param name="active-mode" select="$active-mode"/>
+                    <xsl:with-param name="select-string" select="$select-string"/>
+                    <xsl:with-param name="select-xml" select="$select-xml"/>
+                    <xsl:with-param name="initial-var-name" select="$initial-var-name"/>
+                    <xsl:with-param name="endpoint" select="$endpoint"/>
+                    <xsl:with-param name="refresh-content" select="true()"/>
+                    <xsl:with-param name="cache" select="$cache"/>
+                </xsl:call-template>
+            </xsl:variable>
+            <xsl:variable name="context" select="map:merge((map{ 'block': $container }, $view-context))" as="map(*)"/>
+
+            <ixsl:promise select="
+                ixsl:resolve($context) =>
+                    ixsl:then(ldh:view-results-thunk#1) =>
+                    ixsl:finally(ldh:reset-cursor#0)"
+                on-failure="ldh:promise-failure#1"/>
+        </xsl:for-each>
+    </xsl:function>
+
+</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/typeahead.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/combobox.xsl
similarity index 80%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/typeahead.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/combobox.xsl
index 0d4d1ea827..68295da148 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/typeahead.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/combobox.xsl
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE xsl:stylesheet [
-    <!ENTITY typeahead  "http://graphity.org/typeahead#">
+    <!ENTITY ldh        "https://w3id.org/atomgraph/linkeddatahub#">
     <!ENTITY ac         "https://w3id.org/atomgraph/client#">
     <!ENTITY rdf        "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
     <!ENTITY rdfs       "http://www.w3.org/2000/01/rdf-schema#">
@@ -20,7 +20,7 @@ xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:prop="http://saxonica.com/ns/html-property"
 xmlns:style="http://saxonica.com/ns/html-style-property"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
-xmlns:typeahead="&typeahead;"
+xmlns:ldh="&ldh;"
 xmlns:ac="&ac;"
 xmlns:rdf="&rdf;"
 xmlns:rdfs="&rdfs;"
@@ -38,7 +38,7 @@ extension-element-prefixes="ixsl"
 version="3.0"
 >
         
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ac:TypeaheadOption">
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:ComboboxItem">
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="query" as="xs:string"/>
         <xsl:param name="name" select="if (@rdf:about) then 'ou' else if (@rdf:nodeID) then 'ob' else ()" as="xs:string"/>
@@ -46,14 +46,10 @@ version="3.0"
             <xsl:apply-templates select="." mode="ac:label"/>
         </xsl:variable>
 
-        <li>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-            
+        <li class="{string-join(('ldhc-cb-item', $class), ' ')}" title="{(@rdf:about, @rdf:nodeID)[1]}">
             <input type="hidden" name="{$name}" value="{(@rdf:about, @rdf:nodeID)[1]}"/>
 
-            <a title="{(@rdf:about, @rdf:nodeID)[1]}">
+            <span class="ldhc-cb-item-lbl">
                 <xsl:for-each select="$label">
                     <xsl:choose>
                         <xsl:when test="contains(lower-case(.), lower-case($query))">
@@ -74,22 +70,22 @@ version="3.0"
                         </xsl:otherwise>
                     </xsl:choose>
                 </xsl:for-each>
-                
-                <span class="pull-right" style="font-size: smaller;">
-                    <xsl:for-each select="rdf:type/@rdf:resource">
-                        <xsl:apply-templates select="." mode="ac:object-label"/>
-                        <xsl:if test="position() != last()">
-                            <xsl:text> </xsl:text>
-                        </xsl:if>
-                    </xsl:for-each>
-                </span>
-            </a>
+            </span>
+
+            <span class="ldhc-cb-item-sub">
+                <xsl:for-each select="rdf:type/@rdf:resource">
+                    <xsl:apply-templates select="." mode="ac:object-label"/>
+                    <xsl:if test="position() != last()">
+                        <xsl:text> </xsl:text>
+                    </xsl:if>
+                </xsl:for-each>
+            </span>
         </li>
     </xsl:template>
     
     <!-- NAMED TEMPLATES -->
 
-    <xsl:template name="typeahead:load-xml">
+    <xsl:template name="ldh:ComboboxLoad">
         <xsl:param name="element" as="element()"/>
         <xsl:param name="uri" as="xs:anyURI"/>
         <xsl:param name="query" as="xs:string"/>
@@ -98,7 +94,7 @@ version="3.0"
         <!-- if the value hasn't changed during the delay -->
         <xsl:if test="$query = $element/ixsl:get(., 'value')">
             <ixsl:schedule-action http-request="map{ 'method': 'GET', 'href': $uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }">
-                <xsl:call-template name="typeahead:xml-loaded">
+                <xsl:call-template name="ldh:ComboboxLoaded">
                     <xsl:with-param name="element" select="$element" as="element()"/>
                     <xsl:with-param name="resource-types" select="$resource-types"/>
                 </xsl:call-template>
@@ -106,21 +102,21 @@ version="3.0"
         </xsl:if>
     </xsl:template>
 
-    <xsl:template name="typeahead:xml-loaded">
+    <xsl:template name="ldh:ComboboxLoaded">
         <xsl:context-item as="map(*)" use="required"/>
         
         <xsl:param name="element" as="element()"/>
         <xsl:param name="resource-types" as="xs:anyURI*"/>
         
-        <xsl:variable name="menu" select="$element/following-sibling::ul" as="element()"/>
+        <xsl:variable name="menu" select="($element/following-sibling::ul, $element/../following-sibling::div[contains-token(@class, 'ldhc-cb-panel')])[1]" as="element()"/>
         
         <xsl:choose>
             <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
                 <xsl:for-each select="?body">
                     <!-- TO-DO: does not belong here -->
-                    <ixsl:set-property name="LinkedDataHub.typeahead.rdfXml" select="."/>
+                    <ixsl:set-property name="LinkedDataHub.combobox.rdfXml" select="."/>
 
-                    <xsl:call-template name="typeahead:process">
+                    <xsl:call-template name="ldh:ComboboxProcess">
                         <xsl:with-param name="menu" select="$menu"/>
                         <!-- filter out the search container and the hypermedia arguments which are not the real search results -->
                         <xsl:with-param name="items" select="rdf:RDF/*[@rdf:about]"/>
@@ -136,7 +132,7 @@ version="3.0"
         </xsl:choose>
     </xsl:template>
     
-    <xsl:template name="typeahead:process">
+    <xsl:template name="ldh:ComboboxProcess">
         <xsl:param name="menu" as="element()"/>
         <xsl:param name="items" as="element()*"/>
         <xsl:param name="element" as="element()"/>
@@ -145,7 +141,7 @@ version="3.0"
 
         <xsl:choose>
             <xsl:when test="$items">
-                <xsl:call-template name="typeahead:render">
+                <xsl:call-template name="ldh:ComboboxRender">
                     <xsl:with-param name="menu" select="$menu"/>
                     <!-- we're filtering here because data might not come pre-FILTERed from a SPARQL result, e.g. from an ontology document -->
                     <!-- TO-DO: filtering properties by literal text() containing $query -->
@@ -154,27 +150,27 @@ version="3.0"
                     <!--<xsl:with-param name="name" select="$name"/>-->
                 </xsl:call-template>
                 
-                <xsl:call-template name="typeahead:show">
+                <xsl:call-template name="ldh:ComboboxShow">
                     <xsl:with-param name="element" select="$element"/>
                     <xsl:with-param name="menu" select="$menu"/>
                 </xsl:call-template>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:call-template name="typeahead:hide">
+                <xsl:call-template name="ldh:ComboboxHide">
                     <xsl:with-param name="menu" select="$menu"/>
                 </xsl:call-template>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
 
-    <xsl:template name="typeahead:render">
+    <xsl:template name="ldh:ComboboxRender">
         <xsl:param name="menu" as="element()"/>
         <xsl:param name="items" as="element()*"/>
         <xsl:param name="element" as="element()"/>
         <!--<xsl:param name="name" as="xs:string"/>-->
         
         <xsl:result-document href="#{$menu/@id}" method="ixsl:replace-content">
-            <xsl:apply-templates select="$items" mode="ac:TypeaheadOption">
+            <xsl:apply-templates select="$items" mode="ldh:ComboboxItem">
                 <xsl:with-param name="query" select="$element/ixsl:get(., 'value')"/>
                 <!--<xsl:with-param name="name" select="$name"/>-->
                 <!-- TO-DO: replace with ac:label()? -->
@@ -188,18 +184,21 @@ version="3.0"
         </xsl:result-document>
     </xsl:template>
     
-    <xsl:template name="typeahead:show">
+    <xsl:template name="ldh:ComboboxShow">
         <xsl:param name="element" as="element()"/>
         <xsl:param name="menu" as="element()"/>
         
         <xsl:for-each select="$menu">
             <ixsl:set-style name="display" select="'block'"/>
-            <ixsl:set-style name="top" select="($element/ixsl:get(., 'offsetTop') + $element/ixsl:get(., 'offsetHeight')) || 'px'"/>
-            <ixsl:set-style name="left" select="($element/ixsl:get(., 'offsetLeft')) || 'px'"/>
+            <!-- combobox panels are positioned by the stylesheet; only the legacy ul menus need inline offsets -->
+            <xsl:if test="not(contains-token(@class, 'ldhc-cb-panel'))">
+                <ixsl:set-style name="top" select="($element/ixsl:get(., 'offsetTop') + $element/ixsl:get(., 'offsetHeight')) || 'px'"/>
+                <ixsl:set-style name="left" select="($element/ixsl:get(., 'offsetLeft')) || 'px'"/>
+            </xsl:if>
         </xsl:for-each>
     </xsl:template>
 
-    <xsl:template name="typeahead:hide">
+    <xsl:template name="ldh:ComboboxHide">
         <xsl:param name="menu" as="element()"/>
 
         <xsl:for-each select="$menu">
@@ -208,16 +207,16 @@ version="3.0"
         </xsl:for-each>
     </xsl:template>
     
-    <xsl:template name="typeahead:selection-up">
+    <xsl:template name="ldh:ComboboxSelectionUp">
         <xsl:param name="menu" as="element()"/>
         
         <xsl:choose>
-            <xsl:when test="$menu/li[tokenize(@class, ' ') = 'active']">
-                <xsl:for-each select="$menu/li[tokenize(@class, ' ') = 'active']">
+            <xsl:when test="$menu/li[tokenize(@class, ' ') = 'is-active']">
+                <xsl:for-each select="$menu/li[tokenize(@class, ' ') = 'is-active']">
                     <xsl:if test="preceding-sibling::li">
-                        <ixsl:set-attribute name="class" select="string-join(tokenize(@class, ' ')[not(. = 'active')], ' ')"/>
+                        <ixsl:set-attribute name="class" select="string-join(tokenize(@class, ' ')[not(. = 'is-active')], ' ')"/>
                         <xsl:for-each select="preceding-sibling::li[1]">
-                            <ixsl:set-attribute name="class" select="concat(@class, ' ', 'active')"/>
+                            <ixsl:set-attribute name="class" select="concat(@class, ' ', 'is-active')"/>
                             <xsl:variable name="menu-scroll-top" select="ixsl:get($menu, 'scrollTop')" as="xs:double"/>
                             <xsl:variable name="offset-top" select="ixsl:get(., 'offsetTop')" as="xs:double"/>
                             <xsl:if test="$offset-top &lt; $menu-scroll-top">
@@ -229,22 +228,22 @@ version="3.0"
             </xsl:when>
             <xsl:otherwise>
                 <xsl:for-each select="$menu/li[last()]">
-                    <ixsl:set-attribute name="class" select="concat(@class, ' ', 'active')"/>
+                    <ixsl:set-attribute name="class" select="concat(@class, ' ', 'is-active')"/>
                 </xsl:for-each>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
 
-    <xsl:template name="typeahead:selection-down">
+    <xsl:template name="ldh:ComboboxSelectionDown">
         <xsl:param name="menu" as="element()"/>
 
         <xsl:choose>
-            <xsl:when test="$menu/li[tokenize(@class, ' ') = 'active']">
-                <xsl:for-each select="$menu/li[tokenize(@class, ' ') = 'active']">
+            <xsl:when test="$menu/li[tokenize(@class, ' ') = 'is-active']">
+                <xsl:for-each select="$menu/li[tokenize(@class, ' ') = 'is-active']">
                     <xsl:if test="following-sibling::li">
-                        <ixsl:set-attribute name="class" select="string-join(tokenize(@class, ' ')[not(. = 'active')], ' ')"/>
+                        <ixsl:set-attribute name="class" select="string-join(tokenize(@class, ' ')[not(. = 'is-active')], ' ')"/>
                         <xsl:for-each select="following-sibling::li[1]">
-                            <ixsl:set-attribute name="class" select="concat(@class, ' ', 'active')"/>
+                            <ixsl:set-attribute name="class" select="concat(@class, ' ', 'is-active')"/>
                             <xsl:variable name="menu-scroll-top" select="ixsl:get($menu, 'scrollTop')" as="xs:double"/>
                             <xsl:variable name="menu-offset-height" select="ixsl:get($menu, 'offsetHeight')" as="xs:double"/>
                             <xsl:variable name="offset-top" select="ixsl:get(., 'offsetTop')" as="xs:double"/>
@@ -258,7 +257,7 @@ version="3.0"
             </xsl:when>
             <xsl:otherwise>
                 <xsl:for-each select="$menu/li[1]">
-                    <ixsl:set-attribute name="class" select="concat(@class, ' ', 'active')"/>
+                    <ixsl:set-attribute name="class" select="concat(@class, ' ', 'is-active')"/>
                 </xsl:for-each>
             </xsl:otherwise>
         </xsl:choose>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/constructor.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/constructor.xsl
similarity index 56%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/constructor.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/constructor.xsl
index 3eb915b80f..e8979ea19f 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/constructor.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/constructor.xsl
@@ -30,7 +30,6 @@ xmlns:rdfs="&rdfs;"
 xmlns:srx="&srx;"
 xmlns:ldt="&ldt;"
 xmlns:spin="&spin;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
@@ -117,88 +116,104 @@ exclude-result-prefixes="#all"
                 <xsl:variable name="constructors" select="$context('constructors')" as="document-node()"/>
 
                 <xsl:for-each select="$container">
+
+                    <!-- a modal takes over from the chrome that opened it: a drop-down the pick came from is dismissed here, once its own handler has run -->
+                    <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]" mode="ldh:CloseMenu"/>
                     <xsl:result-document href="?." method="ixsl:append-content">
-                        <div class="modal modal-constructor fade in">
-                            <form class="form-horizontal constructor-template" about="{$type}">
-                                <div class="modal-header">
-                                    <button type="button" class="close">&#215;</button>
-
-                                    <h3>
-                                        <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': 'DESCRIBE &lt;' || $type || '&gt;', 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
-
-                                        <xsl:apply-templates select="key('resources', $type, document(ac:document-uri($request-uri)))" mode="ac:label"/>
-                                    </h3>
-                                </div>
-                                <div class="modal-body">
-                                    <xsl:for-each select="$constructors//srx:result">
-                                        <xsl:variable name="constructor-uri" select="srx:binding[@name = 'constructor']/srx:uri" as="xs:anyURI"/>
-                                        <xsl:variable name="construct-string" select="srx:binding[@name = 'construct']/srx:literal" as="xs:string"/>
-                                        <xsl:variable name="construct-json" as="item()">
-                                            <xsl:variable name="construct-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'QueryBuilder'), 'fromString', [ $construct-string ])"/>
-                                            <xsl:sequence select="ixsl:call($construct-builder, 'build', [])"/>
-                                        </xsl:variable>
-                                        <xsl:variable name="construct-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ $construct-json ])" as="xs:string"/>
-                                        <xsl:variable name="construct-xml" select="json-to-xml($construct-json-string)" as="document-node()"/>
-
-                                        <xsl:call-template name="ldh:ConstructorFieldset">
-                                            <xsl:with-param name="constructor-uri" select="$constructor-uri"/>
-                                            <xsl:with-param name="construct-xml" select="$construct-xml"/>
-                                        </xsl:call-template>
-                                    </xsl:for-each>
-
-                                    <p>
-                                        <button type="button" class="btn btn-primary create-action add-constructor">
-                                            <xsl:value-of>
-                                                <xsl:apply-templates select="key('resources', 'constructor', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                            </xsl:value-of>
-                                        </button>
-                                    </p>
-                                </div>
-                                <div class="form-actions modal-footer">
-                                    <button type="button" class="btn btn-primary btn-save">
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                        </xsl:value-of>
-                                    </button>
-                                    <button type="button" class="btn btn-close">
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'cancel', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                        </xsl:value-of>
-                                    </button>
-                                </div>
-                            </form>
+                        <!-- the constructor dialog stacks above the edit form's dialog -->
+                        <div class="ldhc-backdrop pos-top modal modal-constructor" data-depth="2">
+                            <div class="ldhc-modal sz-lg" role="dialog" aria-modal="true" aria-labelledby="modal-title-{generate-id()}">
+                                <form class="ldh-edit-form constructor-template" about="{$type}">
+                                    <div class="ldhc-modal-head">
+                                        <span class="ldhc-modal-icon"><span class="msi outline" aria-hidden="true">tune</span></span>
+                                        <div class="ldhc-modal-titles">
+                                            <span class="ldhc-modal-eyebrow">
+                                                <xsl:apply-templates select="key('resources', 'constructor', ldh:translations())" mode="ac:label"/>
+                                            </span>
+                                            <h2 class="ldhc-modal-title" id="modal-title-{generate-id()}">
+                                                <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': 'DESCRIBE &lt;' || $type || '&gt;', 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
+
+                                                <xsl:apply-templates select="key('resources', $type, document(ac:document-uri($request-uri)))" mode="ac:label"/>
+                                            </h2>
+                                        </div>
+                                        <span class="ldhc-modal-x">
+                                            <button type="button" class="ldhc-iconbtn sz-sm in-neutral ap-ghost close" aria-label="{ac:label(key('resources', 'close', ldh:translations()))}"><span class="msi sm">close</span></button>
+                                        </span>
+                                    </div>
+                                    <div class="ldhc-modal-body is-flush">
+                                        <div class="ldh-ctor-body">
+                                            <xsl:for-each select="$constructors//srx:result">
+                                                <xsl:variable name="constructor-uri" select="srx:binding[@name = 'constructor']/srx:uri" as="xs:anyURI"/>
+                                                <xsl:variable name="construct-string" select="srx:binding[@name = 'construct']/srx:literal" as="xs:string"/>
+                                                <xsl:variable name="construct-json" as="item()">
+                                                    <xsl:variable name="construct-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'QueryBuilder'), 'fromString', [ $construct-string ])"/>
+                                                    <xsl:sequence select="ixsl:call($construct-builder, 'build', [])"/>
+                                                </xsl:variable>
+                                                <xsl:variable name="construct-json-string" select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ $construct-json ])" as="xs:string"/>
+                                                <xsl:variable name="construct-xml" select="json-to-xml($construct-json-string)" as="document-node()"/>
+
+                                                <xsl:call-template name="ldh:ConstructorFieldset">
+                                                    <xsl:with-param name="constructor-uri" select="$constructor-uri"/>
+                                                    <xsl:with-param name="construct-xml" select="$construct-xml"/>
+                                                </xsl:call-template>
+                                            </xsl:for-each>
+
+                                            <button type="button" class="ldh-ctor-addctor create-action add-constructor">
+                                                <span class="msi sm" aria-hidden="true">add</span>
+                                                <span>
+                                                    <xsl:apply-templates select="key('resources', 'constructor', ldh:translations())" mode="ac:label"/>
+                                                </span>
+                                            </button>
+                                        </div>
+
+                                        <div class="mhint">
+                                            <button type="button" class="ldhc-btn in-neutral ap-outline sz-md btn-close">
+                                                <span>
+                                                    <xsl:apply-templates select="key('resources', 'cancel', ldh:translations())" mode="ac:label"/>
+                                                </span>
+                                            </button>
+                                            <button type="button" class="ldhc-btn in-primary ap-solid sz-md btn-save">
+                                                <span class="msi outline sm" aria-hidden="true">check</span>
+                                                <span>
+                                                    <xsl:apply-templates select="key('resources', 'save', ldh:translations())" mode="ac:label"/>
+                                                </span>
+                                            </button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
                         </div>
                     </xsl:result-document>
                 </xsl:for-each>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ 'Could not load constructors for class &quot;' || $type || '&quot;' ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ac:label(key('resources', 'constructors-not-loaded', ldh:translations())) || ' &quot;' || $type || '&quot;' ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:otherwise>
         </xsl:choose>
 
         <ixsl:set-style name="cursor" select="'default'" object="$container"/>
     </xsl:function>
 
-    <xsl:template match="json:array[@key = 'template']/json:map[json:string[@key = 'subject'] = '?this']" mode="bs2:ConstructorTripleForm" priority="1">
-        <xsl:param name="class" select="'control-group constructor-triple'" as="xs:string?"/>
-        
+    <xsl:template match="json:array[@key = 'template']/json:map[json:string[@key = 'subject'] = '?this']" mode="ldh:ConstructorTripleForm" priority="1">
+        <xsl:param name="class" select="'ldh-ctor-row constructor-triple'" as="xs:string?"/>
+
         <div>
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
-            
+
             <xsl:apply-templates select="json:string[@key = 'predicate']" mode="ldh:ConstructorTripleFormControl"/>
-            
+
             <xsl:apply-templates select="json:string[@key = 'object']" mode="ldh:ConstructorTripleFormControl"/>
         </div>
     </xsl:template>
     
-    <xsl:template match="*" mode="bs2:ConstructorTripleForm"/>
+    <xsl:template match="*" mode="ldh:ConstructorTripleForm"/>
     
     <xsl:template match="json:map/json:string[@key = 'predicate']" mode="ldh:ConstructorTripleFormControl" name="ldh:ConstructorPredicate">
         <xsl:param name="predicate" select="." as="xs:anyURI?"/>
 
-        <label class="control-label">
+        <div class="ctor-pred">
             <xsl:choose>
                 <xsl:when test="$predicate">
                     <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': 'DESCRIBE &lt;' || $predicate || '&gt;', 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
@@ -212,12 +227,12 @@ exclude-result-prefixes="#all"
 
                     <xsl:choose>
                         <xsl:when test="exists($resource)">
-                            <xsl:apply-templates select="$resource" mode="ldh:Typeahead">
-                                <xsl:with-param name="class" select="'btn add-typeahead add-property-typeahead'"/>
+                            <xsl:apply-templates select="$resource" mode="ldh:ComboboxChip">
+                                <xsl:with-param name="class" select="'cb-chip-btn add-combobox add-property-combobox'"/>
                             </xsl:apply-templates>
                         </xsl:when>
                         <xsl:otherwise>
-                            <!-- no metadata available for $predicate: synthesize a minimal rdf:Description so ldh:Typeahead matches and ac:label falls back to the URI tail -->
+                            <!-- no metadata available for $predicate: synthesize a minimal rdf:Description so ldh:ComboboxChip matches and ac:label falls back to the URI tail -->
                             <xsl:variable name="synthetic" as="document-node()">
                                 <xsl:document>
                                     <rdf:RDF>
@@ -227,169 +242,165 @@ exclude-result-prefixes="#all"
                                     </rdf:RDF>
                                 </xsl:document>
                             </xsl:variable>
-                            <xsl:apply-templates select="$synthetic/rdf:RDF/rdf:Description" mode="ldh:Typeahead">
-                                <xsl:with-param name="class" select="'btn add-typeahead add-property-typeahead'"/>
+                            <xsl:apply-templates select="$synthetic/rdf:RDF/rdf:Description" mode="ldh:ComboboxChip">
+                                <xsl:with-param name="class" select="'cb-chip-btn add-combobox add-property-combobox'"/>
                             </xsl:apply-templates>
                         </xsl:otherwise>
                     </xsl:choose>
                 </xsl:when>
                 <xsl:otherwise>
-                    <xsl:variable name="uuid" select="ixsl:call(ixsl:window(), 'generateUUID', [])" as="xs:string"/>
+                    <xsl:variable name="uuid" select="ac:uuid()" as="xs:string"/>
 
-                    <xsl:call-template name="bs2:Lookup">
+                    <xsl:call-template name="ldh:Combobox">
                         <xsl:with-param name="forClass" select="xs:anyURI('&rdf;Property')"/>
-                        <xsl:with-param name="class" select="'property-typeahead typeahead'"/>
+                        <xsl:with-param name="class" select="'property-combobox combobox'"/>
                         <xsl:with-param name="id" select="'input-' || $uuid"/>
-                        <xsl:with-param name="list-class" select="'property-typeahead typeahead dropdown-menu'"/>
+                        <xsl:with-param name="list-class" select="'property-combobox combobox ldhc-cb-panel'"/>
                     </xsl:call-template>
                 </xsl:otherwise>
             </xsl:choose>
-        </label>
+        </div>
     </xsl:template>
-    
+
     <xsl:template match="json:map/json:string[@key = 'object']" mode="ldh:ConstructorTripleFormControl" name="ldh:ConstructorObject">
         <xsl:param name="object-bnode-id" select="." as="xs:string"/>
         <xsl:param name="object-type" select="../../json:map[json:string[@key = 'subject'] = $object-bnode-id]/json:string[@key = 'object']" as="xs:anyURI?"/>
 
-        <div class="controls">
-            <div class="btn-group pull-right">
-                <button type="button" class="btn btn-small pull-right btn-remove-property" tabindex="-1">
-                    <xsl:attribute name="title">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'remove-stmt', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </xsl:attribute>
-                </button>
-            </div>
-                    
-            <label class="radio">
-                <input type="radio" class="object-kind" name="{generate-id()}-object-kind" value="&rdfs;Resource" checked="checked">
-                    <xsl:if test="not(starts-with($object-type, '&xsd;'))">
-                        <xsl:attribute name="checked" select="'checked'"/>
-                    </xsl:if>
-                </input>
-                <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'resource', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </xsl:value-of>
-            </label>
-            <label class="radio">
-                <input type="radio" class="object-kind" name="{generate-id()}-object-kind" value="&rdfs;Literal">
-                    <xsl:if test="starts-with($object-type, '&xsd;')">
-                        <xsl:attribute name="checked" select="'checked'"/>
-                    </xsl:if>
-                </input>
+        <div class="ctor-term" role="radiogroup">
+            <button type="button" role="radio" data-kind="&rdfs;Resource">
+                <xsl:attribute name="class" select="concat('object-kind', if (not(starts-with($object-type, '&xsd;'))) then ' is-on' else ())"/>
+                <xsl:attribute name="aria-checked" select="if (not(starts-with($object-type, '&xsd;'))) then 'true' else 'false'"/>
+
+                <xsl:apply-templates select="key('resources', 'resource', ldh:translations())" mode="ac:label"/>
+            </button>
+            <button type="button" role="radio" data-kind="&rdfs;Literal">
+                <xsl:attribute name="class" select="concat('object-kind', if (starts-with($object-type, '&xsd;')) then ' is-on' else ())"/>
+                <xsl:attribute name="aria-checked" select="if (starts-with($object-type, '&xsd;')) then 'true' else 'false'"/>
+
+                <xsl:apply-templates select="key('resources', 'literal', ldh:translations())" mode="ac:label"/>
+            </button>
+        </div>
+
+        <span class="ctor-range-slot">
+            <xsl:choose>
+                <xsl:when test="starts-with($object-type, '&xsd;')">
+                    <xsl:call-template name="ldh:ConstructorLiteralObject">
+                        <xsl:with-param name="object-type" select="$object-type"/>
+                    </xsl:call-template>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:call-template name="ldh:ConstructorResourceObject">
+                        <xsl:with-param name="object-type" select="$object-type"/>
+                    </xsl:call-template>
+                </xsl:otherwise>
+            </xsl:choose>
+        </span>
+
+        <button type="button" class="ctor-rm btn-remove-property" tabindex="-1">
+            <xsl:attribute name="title">
                 <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'literal', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                    <xsl:apply-templates select="key('resources', 'remove-stmt', ldh:translations())" mode="ac:label"/>
                 </xsl:value-of>
-            </label>
+            </xsl:attribute>
 
-            <span class="help-inline">
-                <xsl:choose>
-                    <xsl:when test="starts-with($object-type, '&xsd;')">
-                        <xsl:call-template name="ldh:ConstructorLiteralObject">
-                            <xsl:with-param name="object-type" select="$object-type"/>
-                        </xsl:call-template>
-                    </xsl:when>
-                    <xsl:otherwise>
-                        <xsl:call-template name="ldh:ConstructorResourceObject">
-                            <xsl:with-param name="object-type" select="$object-type"/>
-                        </xsl:call-template>
-                    </xsl:otherwise>
-                </xsl:choose>
-            </span>
-        </div>
+            <span class="msi sm" aria-hidden="true">remove</span>
+        </button>
     </xsl:template>
     
     <xsl:template name="ldh:ConstructorFieldset">
         <xsl:param name="constructor-uri" as="xs:anyURI"/>
         <xsl:param name="construct-xml" as="document-node()?"/>
 
-        <fieldset about="{$constructor-uri}">
-            <legend>
-                <a href="{$constructor-uri}" title="{$constructor-uri}" target="_blank">
-                    <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': 'DESCRIBE &lt;' || $constructor-uri || '&gt;', 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
-                    <xsl:apply-templates select="key('resources', $constructor-uri, document($request-uri))" mode="ac:label"/>
-                </a>
-            </legend>
-
-            <xsl:apply-templates select="$construct-xml/json:map/json:array[@key = 'template']/json:map" mode="bs2:ConstructorTripleForm">
-                <xsl:sort select="json:string[@key = 'predicate']"/>
-            </xsl:apply-templates>
-
-            <div class="control-group">
-                <label class="control-label">
-                    <button type="button" class="btn btn-primary create-action add-triple-template">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', '&rdf;Property', document(ac:document-uri('&rdf;')))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </button>
-                </label>
-                <div class="controls"></div>
+        <fieldset class="ldh-ctor-card" about="{$constructor-uri}">
+            <div class="ldh-ctor-card-head">
+                <span class="ttl">
+                    <a href="{$constructor-uri}" title="{$constructor-uri}" target="_blank">
+                        <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': 'DESCRIBE &lt;' || $constructor-uri || '&gt;', 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
+                        <xsl:apply-templates select="key('resources', $constructor-uri, document($request-uri))" mode="ac:label"/>
+                    </a>
+                </span>
             </div>
+
+            <div class="ldh-ctor-rows">
+                <xsl:apply-templates select="$construct-xml/json:map/json:array[@key = 'template']/json:map" mode="ldh:ConstructorTripleForm">
+                    <xsl:sort select="json:string[@key = 'predicate']"/>
+                </xsl:apply-templates>
+            </div>
+
+            <button type="button" class="ldh-ctor-addprop create-action add-triple-template">
+                <span class="msi sm" aria-hidden="true">add</span>
+                <span>
+                    <xsl:apply-templates select="key('resources', '&rdf;Property', document(ac:document-uri('&rdf;')))" mode="ac:label"/>
+                </span>
+            </button>
         </fieldset>
     </xsl:template>
 
     <xsl:template name="ldh:ConstructorLiteralObject">
         <xsl:param name="object-type" as="xs:anyURI?"/>
-        
-        <select name="ou">
-            <option value="&xsd;string">
-                <xsl:if test="$object-type = '&xsd;string'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
-                    
-                <xsl:text>String</xsl:text>
-            </option>
-            <option value="&xsd;boolean">
-                <xsl:if test="$object-type = '&xsd;boolean'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
-
-                <xsl:text>Boolean</xsl:text>
-            </option>
-            <option value="&xsd;date">
-                <xsl:if test="$object-type = '&xsd;date'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
-
-                <xsl:text>Date</xsl:text>
-            </option>
-            <option value="&xsd;dateTime">
-                <xsl:if test="$object-type = '&xsd;dateTime'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
-
-                <xsl:text>Datetime</xsl:text>
-            </option>
-            <option value="&xsd;integer">
-                <xsl:if test="$object-type = '&xsd;integer'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
 
-                <xsl:text>Integer</xsl:text>
-            </option>
-            <option value="&xsd;float">
-                <xsl:if test="$object-type = '&xsd;float'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
-
-                <xsl:text>Float</xsl:text>
-            </option>
-            <option value="&xsd;double">
-                <xsl:if test="$object-type = '&xsd;double'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
-
-                <xsl:text>Double</xsl:text>
-            </option>
-            <option value="&xsd;decimal">
-                <xsl:if test="$object-type = '&xsd;decimal'">
-                    <xsl:attribute name="selected" select="'selected'"/>
-                </xsl:if>
-
-                <xsl:text>Decimal</xsl:text>
-            </option>
-        </select>
+        <xsl:apply-templates select="." mode="ac:SelectShell">
+            <xsl:with-param name="select" as="item()*">
+                <select name="ou" class="ctor-range">
+                    <option value="&xsd;string">
+                        <xsl:if test="$object-type = '&xsd;string'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+                            
+                        <xsl:apply-templates select="key('resources', 'datatype-string', ldh:translations())" mode="ac:label"/>
+                    </option>
+                    <option value="&xsd;boolean">
+                        <xsl:if test="$object-type = '&xsd;boolean'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+        
+                        <xsl:apply-templates select="key('resources', 'datatype-boolean', ldh:translations())" mode="ac:label"/>
+                    </option>
+                    <option value="&xsd;date">
+                        <xsl:if test="$object-type = '&xsd;date'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+        
+                        <xsl:apply-templates select="key('resources', 'datatype-date', ldh:translations())" mode="ac:label"/>
+                    </option>
+                    <option value="&xsd;dateTime">
+                        <xsl:if test="$object-type = '&xsd;dateTime'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+        
+                        <xsl:apply-templates select="key('resources', 'datatype-datetime', ldh:translations())" mode="ac:label"/>
+                    </option>
+                    <option value="&xsd;integer">
+                        <xsl:if test="$object-type = '&xsd;integer'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+        
+                        <xsl:apply-templates select="key('resources', 'datatype-integer', ldh:translations())" mode="ac:label"/>
+                    </option>
+                    <option value="&xsd;float">
+                        <xsl:if test="$object-type = '&xsd;float'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+        
+                        <xsl:apply-templates select="key('resources', 'datatype-float', ldh:translations())" mode="ac:label"/>
+                    </option>
+                    <option value="&xsd;double">
+                        <xsl:if test="$object-type = '&xsd;double'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+        
+                        <xsl:apply-templates select="key('resources', 'datatype-double', ldh:translations())" mode="ac:label"/>
+                    </option>
+                    <option value="&xsd;decimal">
+                        <xsl:if test="$object-type = '&xsd;decimal'">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+        
+                        <xsl:apply-templates select="key('resources', 'datatype-decimal', ldh:translations())" mode="ac:label"/>
+                    </option>
+                </select>
+            </xsl:with-param>
+        </xsl:apply-templates>
     </xsl:template>
     
     <xsl:template name="ldh:ConstructorResourceObject">
@@ -399,18 +410,18 @@ exclude-result-prefixes="#all"
             <xsl:when test="$object-type">
                 <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': 'DESCRIBE &lt;' || $object-type || '&gt;', 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
 
-                <xsl:apply-templates select="key('resources', $object-type, document($request-uri))" mode="ldh:Typeahead">
-                    <xsl:with-param name="class" select="'btn add-typeahead add-class-typeahead'"/>
+                <xsl:apply-templates select="key('resources', $object-type, document($request-uri))" mode="ldh:ComboboxChip">
+                    <xsl:with-param name="class" select="'cb-chip-btn add-combobox add-class-combobox'"/>
                 </xsl:apply-templates>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:variable name="uuid" select="ixsl:call(ixsl:window(), 'generateUUID', [])" as="xs:string"/>
+                <xsl:variable name="uuid" select="ac:uuid()" as="xs:string"/>
 
-                <xsl:call-template name="bs2:Lookup">
+                <xsl:call-template name="ldh:Combobox">
                     <xsl:with-param name="forClass" select="(xs:anyURI('&rdfs;Class'), xs:anyURI('&owl;Class'))"/> <!-- ontologies are served without inference, so owl:Class subjects do not carry the rdfs:Class type -->
-                    <xsl:with-param name="class" select="'class-typeahead typeahead'"/>
+                    <xsl:with-param name="class" select="'class-combobox combobox'"/>
                     <xsl:with-param name="id" select="'input-' || $uuid"/>
-                    <xsl:with-param name="list-class" select="'class-typeahead typeahead dropdown-menu'"/>
+                    <xsl:with-param name="list-class" select="'class-combobox combobox ldhc-cb-panel'"/>
                 </xsl:call-template>
             </xsl:otherwise>
         </xsl:choose>
@@ -422,7 +433,7 @@ exclude-result-prefixes="#all"
     <xsl:template match="button[contains-token(@class, 'btn-edit-constructors')]" mode="ixsl:onclick">"
         <xsl:variable name="type" select="ixsl:get(., 'dataset.resourceType')" as="xs:anyURI"/>
 
-        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]">
+        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]">
             <xsl:call-template name="ldh:LoadConstructors">
                 <xsl:with-param name="type" select="$type"/>
             </xsl:call-template>
@@ -430,46 +441,52 @@ exclude-result-prefixes="#all"
     </xsl:template>
     
     <!-- classes and properties are looked up in the <ns> endpoint -->
-    <xsl:template match="input[contains-token(@class, 'class-typeahead')] | input[contains-token(@class, 'property-typeahead')]" mode="ixsl:onkeyup" priority="1">
+    <xsl:template match="input[contains-token(@class, 'class-combobox')] | input[contains-token(@class, 'property-combobox')]" mode="ixsl:onkeyup" priority="1">
         <xsl:next-match>
             <xsl:with-param name="endpoint" select="resolve-uri('ns', ldt:base())"/>
             <xsl:with-param name="select-string" select="$select-labelled-string"/>
         </xsl:next-match>
     </xsl:template>
 
-    <xsl:template match="ul[contains-token(@class, 'dropdown-menu')][contains-token(@class, 'class-typeahead')]/li" mode="ixsl:onmousedown" priority="2">
+    <xsl:template match="*[contains-token(@class, 'ldhc-cb-panel')][contains-token(@class, 'class-combobox')]/li" mode="ixsl:onmousedown" priority="2">
         <xsl:next-match>
-            <xsl:with-param name="typeahead-class" select="'btn add-typeahead add-class-typeahead'"/>
+            <xsl:with-param name="chip-class" select="'cb-chip-btn add-combobox add-class-combobox'"/>
         </xsl:next-match>
     </xsl:template>
 
-    <xsl:template match="ul[contains-token(@class, 'dropdown-menu')][contains-token(@class, 'property-typeahead')]/li" mode="ixsl:onmousedown" priority="2">
+    <xsl:template match="*[contains-token(@class, 'ldhc-cb-panel')][contains-token(@class, 'property-combobox')]/li" mode="ixsl:onmousedown" priority="2">
         <xsl:next-match>
-            <xsl:with-param name="typeahead-class" select="'btn add-typeahead add-property-typeahead'"/>
+            <xsl:with-param name="chip-class" select="'cb-chip-btn add-combobox add-property-combobox'"/>
         </xsl:next-match>
     </xsl:template>
 
     <!-- special case for class lookups -->
-    <xsl:template match="button[contains-token(@class, 'add-class-typeahead')]" mode="ixsl:onclick" priority="1">
+    <xsl:template match="button[contains-token(@class, 'add-class-combobox')]" mode="ixsl:onclick" priority="1">
         <xsl:next-match>
-            <xsl:with-param name="lookup-class" select="'class-typeahead typeahead'"/>
-            <xsl:with-param name="lookup-list-class" select="'class-typeahead typeahead dropdown-menu'" as="xs:string"/>
+            <xsl:with-param name="combobox-class" select="'class-combobox combobox'"/>
+            <xsl:with-param name="combobox-list-class" select="'class-combobox combobox ldhc-cb-panel'" as="xs:string"/>
         </xsl:next-match>
     </xsl:template>
 
     <!-- special case for property lookups -->
-    <xsl:template match="button[contains-token(@class, 'add-property-typeahead')]" mode="ixsl:onclick" priority="1">
+    <xsl:template match="button[contains-token(@class, 'add-property-combobox')]" mode="ixsl:onclick" priority="1">
         <xsl:next-match>
-            <xsl:with-param name="lookup-class" select="'property-typeahead typeahead'"/>
-            <xsl:with-param name="lookup-list-class" select="'property-typeahead typeahead dropdown-menu'" as="xs:string"/>
+            <xsl:with-param name="combobox-class" select="'property-combobox combobox'"/>
+            <xsl:with-param name="combobox-list-class" select="'property-combobox combobox ldhc-cb-panel'" as="xs:string"/>
         </xsl:next-match>
     </xsl:template>
 
-    <!-- toggles object type control depending on the object kind -->
-    <xsl:template match="input[@type = 'radio'][contains-token(@class, 'object-kind')]" mode="ixsl:onchange">
-        <xsl:variable name="object-kind" select="ixsl:get(., 'value')" as="xs:anyURI"/>
-        
-        <xsl:for-each select="ancestor::div[contains-token(@class, 'controls')]/span[@class = 'help-inline']">
+    <!-- toggles object type control depending on the object kind (segmented radio buttons) -->
+    <xsl:template match="button[contains-token(@class, 'object-kind')]" mode="ixsl:onclick">
+        <xsl:variable name="object-kind" select="xs:anyURI(@data-kind)" as="xs:anyURI"/>
+        <xsl:variable name="button" select="." as="element()"/>
+
+        <xsl:for-each select="../button[contains-token(@class, 'object-kind')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-on', . is $button ])[current-date() lt xs:date('2000-01-01')]"/>
+            <ixsl:set-attribute name="aria-checked" select="if (. is $button) then 'true' else 'false'" object="."/>
+        </xsl:for-each>
+
+        <xsl:for-each select="ancestor::div[contains-token(@class, 'ldh-ctor-row')][1]/span[contains-token(@class, 'ctor-range-slot')]">
             <xsl:result-document href="?." method="ixsl:replace-content">
                 <xsl:if test="$object-kind = '&rdfs;Resource'">
                     <xsl:call-template name="ldh:ConstructorResourceObject"/>
@@ -480,41 +497,31 @@ exclude-result-prefixes="#all"
             </xsl:result-document>
         </xsl:for-each>
     </xsl:template>
-    
-    <!-- appends new triple template -->
-    <xsl:template match="div[contains-token(@class, 'control-group')]//button[contains-token(@class, 'create-action')][contains-token(@class, 'add-triple-template')]" mode="ixsl:onclick">
-        <xsl:variable name="container" select="ancestor::div[contains-token(@class, 'control-group')]" as="element()"/>
-        <xsl:variable name="controls" as="node()*">
-            <xsl:call-template name="ldh:ConstructorPredicate">
-                <xsl:with-param name="predicate" select="()"/>
-            </xsl:call-template>
-            
-            <xsl:call-template name="ldh:ConstructorObject">
-                <xsl:with-param name="object-type" select="()"/>
-            </xsl:call-template>
-        </xsl:variable>
-        
-        <!-- move the current row of controls to the bottom of the content list -->
-        <xsl:for-each select="$container/..">
-            <xsl:result-document href="?." method="ixsl:append-content">
-                <xsl:copy-of select="$container"/>
-            </xsl:result-document>
-        </xsl:for-each>
 
-        <!-- add .constructor-triple to div.control-group -->
-        <xsl:for-each select="$container">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'constructor-triple', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+    <!-- appends new triple template to the card's row list -->
+    <xsl:template match="button[contains-token(@class, 'create-action')][contains-token(@class, 'add-triple-template')]" mode="ixsl:onclick">
+        <xsl:variable name="row" as="node()*">
+            <div class="ldh-ctor-row constructor-triple">
+                <xsl:call-template name="ldh:ConstructorPredicate">
+                    <xsl:with-param name="predicate" select="()"/>
+                </xsl:call-template>
 
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:copy-of select="$controls"/>
+                <xsl:call-template name="ldh:ConstructorObject">
+                    <xsl:with-param name="object-type" select="()"/>
+                </xsl:call-template>
+            </div>
+        </xsl:variable>
+
+        <xsl:for-each select="preceding-sibling::div[contains-token(@class, 'ldh-ctor-rows')][1]">
+            <xsl:result-document href="?." method="ixsl:append-content">
+                <xsl:copy-of select="$row"/>
             </xsl:result-document>
         </xsl:for-each>
     </xsl:template>
-    
+
     <!-- appends new constructor -->
-    <xsl:template match="div[contains-token(@class, 'modal-body')]//button[contains-token(@class, 'create-action')][contains-token(@class, 'add-constructor')]" mode="ixsl:onclick">
-        <xsl:variable name="container" select="ancestor::div[contains-token(@class, 'modal-body')]" as="element()"/>
-        <xsl:variable name="button-div" select=".." as="element()"/>
+    <xsl:template match="div[contains-token(@class, 'ldhc-modal-body')]//button[contains-token(@class, 'create-action')][contains-token(@class, 'add-constructor')]" mode="ixsl:onclick">
+        <xsl:variable name="button-div" select="." as="element()"/> <!-- the addctor strip button itself; new cards insert before it -->
         <xsl:variable name="type" select="ancestor::form/@about" as="xs:anyURI"/> <!-- the URI of the class that constructors are attached to -->
         <xsl:variable name="query-string" select="replace($type-graph-query, '$Type', '&lt;' || $type || '&gt;', 'q')" as="xs:string"/>
         <xsl:variable name="admin-base-uri" select="xs:anyURI(replace(ldt:base(), '^(https?://)', '$1admin.'))" as="xs:anyURI"/>
@@ -526,7 +533,6 @@ exclude-result-prefixes="#all"
         <xsl:variable name="request" as="item()*">
             <ixsl:schedule-action http-request="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/sparql-results+xml' } }">
                 <xsl:call-template name="onTypeGraphLoad">
-                    <xsl:with-param name="container" select="$container"/>
                     <xsl:with-param name="type" select="$type"/>
                     <xsl:with-param name="button-div" select="$button-div"/>
                 </xsl:call-template>
@@ -536,25 +542,25 @@ exclude-result-prefixes="#all"
     </xsl:template>
     
     <!-- save constructor form onclick. Validate it before update updating constructors -->
-    <xsl:template match="form[contains-token(@class, 'constructor-template')]//div[contains-token(@class, 'form-actions')]/button[contains-token(@class, 'btn-save')]" mode="ixsl:onclick">
+    <xsl:template match="form[contains-token(@class, 'constructor-template')]//div[contains-token(@class, 'mhint')]/button[contains-token(@class, 'btn-save')]" mode="ixsl:onclick">
         <xsl:variable name="form" select="ancestor::form" as="element()"/>
-        <xsl:variable name="control-groups" select="$form/descendant::div[contains-token(@class, 'control-group')]" as="element()*"/>
+        <xsl:variable name="rows" select="$form/descendant::div[contains-token(@class, 'ldh-ctor-row')]" as="element()*"/>
 
         <xsl:choose>
             <!-- input values missing, throw an error -->
-            <xsl:when test="exists($control-groups/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
-                <xsl:sequence select="$control-groups[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:when test="exists($rows/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
+                <xsl:sequence select="$rows[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', true() ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:when>
             <!-- all required values present, proceed to update the constructors -->
             <xsl:otherwise>
-                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                <xsl:sequence select="ldh:busy-cursor()"/>
 
                 <xsl:for-each select="$form//fieldset">
                     <xsl:variable name="container" select="." as="element()"/>
                     <xsl:variable name="constructor-uri" select="@about" as="xs:anyURI"/>
                     <xsl:variable name="construct-xml" as="document-node()">
                         <!-- not all controls might have value, filter to those that have -->
-                        <xsl:iterate select="./div[contains-token(@class, 'control-group')][label//input[@name = 'ou']/@value][./div[contains-token(@class, 'controls')]//input[@name = 'ou']/@value or ./div[contains-token(@class, 'controls')]//select[@name = 'ou']]">
+                        <xsl:iterate select="./div[contains-token(@class, 'ldh-ctor-rows')]/div[contains-token(@class, 'ldh-ctor-row')][./div[contains-token(@class, 'ctor-pred')]//input[@name = 'ou']/@value][span[contains-token(@class, 'ctor-range-slot')]//input[@name = 'ou']/@value or span[contains-token(@class, 'ctor-range-slot')]//select[@name = 'ou']]">
                             <xsl:param name="construct-xml" as="document-node()">
                                 <xsl:document>
                                     <json:map>
@@ -574,8 +580,8 @@ exclude-result-prefixes="#all"
                             <xsl:next-iteration>
                                 <xsl:with-param name="construct-xml">
                                     <xsl:apply-templates select="$construct-xml" mode="ldh:add-constructor-triple">
-                                        <xsl:with-param name="predicate" select="label//input[@name = 'ou']/@value/xs:anyURI(.)" tunnel="yes"/>
-                                        <xsl:with-param name="object-type" select="(./div[contains-token(@class, 'controls')]//input[@name = 'ou']/@value/xs:anyURI(.), xs:anyURI(./div[contains-token(@class, 'controls')]//select[@name = 'ou']/ixsl:get(., 'value')))[1]" tunnel="yes"/>
+                                        <xsl:with-param name="predicate" select="./div[contains-token(@class, 'ctor-pred')]//input[@name = 'ou']/@value/xs:anyURI(.)" tunnel="yes"/>
+                                        <xsl:with-param name="object-type" select="(span[contains-token(@class, 'ctor-range-slot')]//input[@name = 'ou']/@value/xs:anyURI(.), xs:anyURI(span[contains-token(@class, 'ctor-range-slot')]//select[@name = 'ou']/ixsl:get(., 'value')))[1]" tunnel="yes"/>
                                     </xsl:apply-templates>
                                 </xsl:with-param>
                             </xsl:next-iteration>
@@ -631,14 +637,13 @@ exclude-result-prefixes="#all"
                 </ixsl:schedule-action>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ 'Could not update constructor' ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ac:label(key('resources', 'constructor-not-updated', ldh:translations())) ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
     
     <xsl:template name="onTypeGraphLoad">
         <xsl:context-item as="map(*)" use="required"/>
-        <xsl:param name="container" as="element()"/>
         <xsl:param name="type" as="xs:anyURI"/> <!-- the URI of the class that constructors are attached to -->
         <xsl:param name="button-div" as="element()"/>
 
@@ -647,7 +652,7 @@ exclude-result-prefixes="#all"
                 <xsl:for-each select="?body">
                     <xsl:for-each select="//srx:result">
                         <xsl:variable name="graph" select="srx:binding[@name = 'graph']/srx:uri" as="xs:anyURI"/>
-                        <xsl:variable name="uuid" select="ixsl:call(ixsl:window(), 'generateUUID', [])" as="xs:string"/>
+                        <xsl:variable name="uuid" select="ac:uuid()" as="xs:string"/>
                         <xsl:variable name="constructor-uri" select="xs:anyURI($graph || '#id' || $uuid)" as="xs:anyURI"/>
                         <xsl:variable name="update-string" select="replace($constructor-insert-string, '$this', '&lt;' || $constructor-uri || '&gt;', 'q')" as="xs:string"/>
                         <xsl:variable name="update-string" select="replace($update-string, '$Type', '&lt;' || $type || '&gt;', 'q')" as="xs:string"/>
@@ -656,7 +661,6 @@ exclude-result-prefixes="#all"
                         <xsl:variable name="request" as="item()*">
                             <ixsl:schedule-action http-request="map{ 'method': 'PATCH', 'href': $request-uri, 'media-type': 'application/sparql-update', 'body': $update-string }">
                                 <xsl:call-template name="onConstructorAppend">
-                                    <xsl:with-param name="container" select="$container"/>
                                     <xsl:with-param name="button-div" select="$button-div"/>
                                     <xsl:with-param name="constructor-uri" select="$constructor-uri"/>
                                 </xsl:call-template>
@@ -667,37 +671,29 @@ exclude-result-prefixes="#all"
                 </xsl:for-each>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ 'Could not load ontology graph URI(s)' ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ac:label(key('resources', 'ontology-graphs-not-loaded', ldh:translations())) ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
     
     <xsl:template name="onConstructorAppend">
         <xsl:context-item as="map(*)" use="required"/>
-        <xsl:param name="container" as="element()"/>
         <xsl:param name="button-div" as="element()"/>
         <xsl:param name="constructor-uri" as="xs:anyURI"/>
 
         <xsl:choose>
             <xsl:when test="?status = 200">
-                <!-- remove the "Add constructor" button -->
+                <!-- insert the fieldset above the "Add constructor" button, which stays at the bottom of the form -->
                 <xsl:for-each select="$button-div">
-                    <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:for-each>
-                
-                <xsl:for-each select="$container">
-                    <xsl:result-document href="?." method="ixsl:append-content">
+                    <xsl:result-document href="?." method="ixsl:insert-before">
                         <xsl:call-template name="ldh:ConstructorFieldset">
                             <xsl:with-param name="constructor-uri" select="$constructor-uri"/>
                         </xsl:call-template>
-                        
-                        <!-- re-append the "Add constructor" button at the bottom of the form -->
-                        <xsl:copy-of select="$button-div"/>
                     </xsl:result-document>
                 </xsl:for-each>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ 'Could not append constructor' ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ac:label(key('resources', 'constructor-not-appended', ldh:translations())) ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:otherwise>
         </xsl:choose>
         
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/form.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/form.xsl
similarity index 60%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/form.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/form.xsl
index 30fc3973a0..e79c05b2cb 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/form.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/form.xsl
@@ -4,7 +4,6 @@
     <!ENTITY ldh        "https://w3id.org/atomgraph/linkeddatahub#">
     <!ENTITY lapp       "https://w3id.org/atomgraph/linkeddatahub/apps#">
     <!ENTITY ac         "https://w3id.org/atomgraph/client#">
-    <!ENTITY typeahead  "http://graphity.org/typeahead#">
     <!ENTITY rdf        "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
     <!ENTITY rdfs       "http://www.w3.org/2000/01/rdf-schema#">
     <!ENTITY xsd        "http://www.w3.org/2001/XMLSchema#">
@@ -39,15 +38,15 @@ xmlns:lapp="&lapp;"
 xmlns:rdf="&rdf;"
 xmlns:rdfs="&rdfs;"
 xmlns:dct="&dct;"
-xmlns:typeahead="&typeahead;"
 xmlns:ldt="&ldt;"
 xmlns:acl="&acl;"
+xmlns:foaf="&foaf;"
 xmlns:sd="&sd;"
 xmlns:sh="&sh;"
 xmlns:sioc="&sioc;"
 xmlns:spin="&spin;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
+xmlns:cm="https://w3id.org/atomgraph/rdfa-editor/content-model#"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
@@ -107,32 +106,18 @@ WHERE
     <!-- TEMPLATES -->
     
     <!-- suppress constraint violations and HTTP responses in the row form - they are displayed as errors on the edited resources -->
-    <xsl:template match="*[rdf:type/@rdf:resource = $system-types]" mode="bs2:RowForm" priority="3"/>
+    <xsl:template match="*[rdf:type/@rdf:resource = $system-types]" mode="ldh:RowForm" priority="3"/>
 
     <!-- suppress constraint violations and HTTP responses in the form - they are displayed as errors on the edited resources -->
-    <xsl:template match="*[rdf:type/@rdf:resource = $system-types]" mode="bs2:Form" priority="3"/>
+    <xsl:template match="*[rdf:type/@rdf:resource = $system-types]" mode="ac:ResourceForm" priority="3"/>
+
+    <!-- suppress the constraint descriptions the exception mapper includes for kind discrimination - they are referenced via spin:violationSource/sh:sourceShape and their types are open-ended (ldh:MissingPropertyValue, per-app templates), so the $system-types list cannot enumerate them -->
+    <xsl:template match="*[key('predicates-by-object', (@rdf:nodeID, @rdf:about))[self::spin:violationSource or self::sh:sourceShape]]" mode="ldh:RowForm" priority="3"/>
+
+    <xsl:template match="*[key('predicates-by-object', (@rdf:nodeID, @rdf:about))[self::spin:violationSource or self::sh:sourceShape]]" mode="ac:ResourceForm" priority="3"/>
 
     <!-- suppress the system properties of document resources (they are set automatically by LinkedDataHub) -->
-    <xsl:template match="*[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/dct:created | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/dct:modified | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/sioc:has_container | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/sioc:has_parent | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/dct:creator | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/acl:owner | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container')]/*[namespace-uri() = '&rdf;'][starts-with(local-name(), '_')][@rdf:resource] | *[rdf:type/@rdf:resource = '&dh;Item']/*[namespace-uri() = '&rdf;'][starts-with(local-name(), '_')]" mode="bs2:FormControl" priority="1"/>
-    
-    <!-- canonicalize XML in rdf:XMLLiterals -->
-    <xsl:template match="json:string[@key = 'object'][ends-with(., '^^&rdf;XMLLiteral')]" mode="ldh:CanonicalizeXML" priority="1">
-        <xsl:copy>
-            <xsl:apply-templates select="@*" mode="#current"/>
-
-            <xsl:variable name="xml-string" select="substring-before(substring-after(., '&quot;'), '&quot;^^')" as="xs:string"/>
-            <xsl:variable name="xml-literal" select="parse-xml($xml-string)" as="document-node()"/>
-            <xsl:variable name="xml-c14n-string" select="ldh:canonicalize-xml($xml-literal)" as="xs:string"/>
-            <xsl:sequence select="'&quot;' || $xml-c14n-string || '&quot;^^&rdf;XMLLiteral'"/>
-        </xsl:copy>
-    </xsl:template>
-    
-    <!-- identity transform -->
-    <xsl:template match="@* | node()" mode="ldh:CanonicalizeXML">
-        <xsl:copy>
-            <xsl:apply-templates select="@* | node()" mode="#current"/>
-        </xsl:copy>
-    </xsl:template>
+    <xsl:template match="*[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/dct:created | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/dct:modified | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/sioc:has_container | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/sioc:has_parent | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/dct:creator | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]/acl:owner | *[rdf:type/@rdf:resource = ('&def;Root', '&dh;Container')]/*[namespace-uri() = '&rdf;'][starts-with(local-name(), '_')][@rdf:resource] | *[rdf:type/@rdf:resource = '&dh;Item']/*[namespace-uri() = '&rdf;'][starts-with(local-name(), '_')]" mode="ac:FormControl" priority="1"/>
     
     <xsl:template match="*" mode="ldh:RenderRowForm">
         <xsl:apply-templates mode="#current"/>
@@ -140,19 +125,69 @@ WHERE
     
     <xsl:template match="text()" mode="ldh:RenderRowForm"/>
 
-    <!-- subject type change -->
-    <xsl:template match="select[contains-token(@class, 'subject-type')]" mode="ldh:RenderRowForm" priority="1">
-        <xsl:sequence select="ixsl:call(., 'addEventListener', [ 'change', ixsl:get(ixsl:window(), 'onSubjectTypeChange') ])[current-date() lt xs:date('2000-01-01')]"/>
+    <!-- flip the RDF/POST input names when the subject type changes between URI ("su") and blank node ("sb"), restoring the values last stored for the new type -->
+    <xsl:template match="select[contains-token(@class, 'subject-type')]" mode="ixsl:onchange">
+        <xsl:variable name="new-type" select="string(ixsl:get(., 'value'))" as="xs:string"/>
+        <xsl:variable name="subject-row" select="ancestor::div[contains-token(@class, 'ldh-subject')][1]" as="element()"/>
+        <xsl:variable name="old-subject-type" select="$subject-row//input[contains-token(@class, 'subject-type')][contains-token(@class, 'old')]" as="element()"/> <!-- old value in a hidden input -->
+        <xsl:variable name="old-type" select="string(ixsl:get($old-subject-type, 'value'))" as="xs:string"/>
+        <xsl:variable name="value" select="string(ixsl:get($subject-row//input[contains-token(@class, 'subject')], 'value'))" as="xs:string"/>
+        <xsl:variable name="new-type-old-subject" select="$subject-row//input[contains-token(@class, 'old')][contains-token(@class, $new-type)]" as="element()"/> <!-- old value (of the new type) in a hidden input -->
+        <xsl:variable name="new-type-old-value" select="string(ixsl:get($new-type-old-subject, 'value'))" as="xs:string"/>
+        <xsl:variable name="object-type" select="map{ 'su': 'ou', 'sb': 'ob' }" as="map(xs:string, xs:string)"/>
+
+        <!-- the subject and object names are disjoint, so a single pass over their union cannot re-match an input it has just renamed -->
+        <xsl:for-each select="ancestor::form[1]//input[@name = ($old-type, $object-type($old-type))][ixsl:get(., 'value') = $value]">
+            <ixsl:set-attribute name="name" select="if (@name = $old-type) then $new-type else $object-type($new-type)" object="."/>
+            <ixsl:set-property name="value" select="$new-type-old-value" object="."/>
+        </xsl:for-each>
+
+        <!-- store the current subject type and value which will be the old ones next time -->
+        <ixsl:set-property name="value" select="$new-type" object="$old-subject-type"/>
+        <ixsl:set-property name="value" select="$new-type-old-value" object="$new-type-old-subject"/>
     </xsl:template>
-    
+
+    <!-- propagate a changed subject URI/bnode value to every RDF/POST input that carried the old one -->
+    <xsl:template match="fieldset//input[contains-token(@class, 'subject')]" mode="ixsl:onchange">
+        <xsl:variable name="new-value" select="string(ixsl:get(., 'value'))" as="xs:string"/>
+        <xsl:variable name="subject-row" select="ancestor::div[contains-token(@class, 'ldh-subject')][1]" as="element()"/>
+        <xsl:variable name="subject-type" select="string(ixsl:get($subject-row//select[contains-token(@class, 'subject-type')], 'value'))" as="xs:string"/> <!-- "su" (URI) or "sb" (bnode) -->
+        <xsl:variable name="old-subject" select="$subject-row//input[contains-token(@class, 'old')][contains-token(@class, $subject-type)]" as="element()"/>
+        <xsl:variable name="old-value" select="string(ixsl:get($old-subject, 'value'))" as="xs:string"/>
+        <xsl:variable name="object-type" select="map{ 'su': 'ou', 'sb': 'ob' }" as="map(xs:string, xs:string)"/>
+
+        <xsl:for-each select="ancestor::form[1]//input[@name = ($subject-type, $object-type($subject-type))][ixsl:get(., 'value') = $old-value]">
+            <ixsl:set-property name="value" select="$new-value" object="."/>
+        </xsl:for-each>
+
+        <!-- store the value in the hidden input -->
+        <ixsl:set-property name="value" select="$new-value" object="$old-subject"/>
+    </xsl:template>
+
     <!-- the RDFa editor toolbar mounts in the active document's editor-bar, below the action bar (LDH pages have no nav element) -->
     <xsl:function name="rdfae:toolbar-host" as="element()*">
-        <xsl:sequence select="(id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]//div[contains-token(@class, 'editor-bar')]/div[contains-token(@class, 'container-fluid')])[1]"/>
+        <xsl:sequence select="(id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]//div[contains-token(@class, 'editor-bar')]/div[contains-token(@class, 'content-body')])[1]"/>
+    </xsl:function>
+
+    <!-- the region's canonical lexical form: the single canonicalization point for rdf:XMLLiteral values
+         (cm:canonical, canonical-xhtml.xsl, serialized by Saxon). Shared by the ol-input serialization,
+         the activation baseline and the autosave dirty check, so their verdicts can't drift -->
+    <xsl:function name="ldh:canonical-content" as="xs:string">
+        <xsl:param name="region" as="element()"/>
+
+        <xsl:variable name="canonical" as="node()*">
+            <xsl:apply-templates select="$region/node()" mode="cm:canonical"/>
+        </xsl:variable>
+        <xsl:sequence select="serialize($canonical, map{ 'method': 'xml' })"/>
     </xsl:function>
 
     <!-- first editable region on the page: full editor bring-up (chrome, dialogs, drawers, all regions) -->
     <xsl:template match="div[contains-token(@class, 'rdfa-editor-content')][empty(id('edit-toolbar', ixsl:page()))]" mode="ldh:RenderRowForm" priority="2">
         <xsl:call-template name="rdfae:init-editor"/>
+        <!-- canonical form at activation: the autosave compares against it and skips the no-op save.
+             Stashed after init, which seeds an empty region with a caret paragraph - a baseline taken
+             before it would leave an untouched fresh block permanently dirty -->
+        <ixsl:set-property name="canonicalBaseline" select="ldh:canonical-content(.)" object="."/>
         <xsl:call-template name="ldh:focus-editable">
             <xsl:with-param name="region" select="."/>
         </xsl:call-template>
@@ -167,6 +202,8 @@ WHERE
         <xsl:call-template name="rdfae:init-region">
             <xsl:with-param name="region" select="."/>
         </xsl:call-template>
+        <!-- the activation baseline follows init here too, for the same seeded-paragraph reason -->
+        <ixsl:set-property name="canonicalBaseline" select="ldh:canonical-content(.)" object="."/>
         <xsl:call-template name="ldh:focus-editable">
             <xsl:with-param name="region" select="."/>
         </xsl:call-template>
@@ -199,7 +236,14 @@ WHERE
     <!-- Focus the region's first editable host. When a click-to-edit stashed a structural caret anchor
          (window.LinkedDataHub pendingCaretBlock/Offset, set in block.xsl), re-resolve it against the
          editor DOM - the same content block at the same character offset - and place the caret there.
-         Falls back to plain focus (block start) for non-click entry or when the anchor no longer resolves. -->
+         Falls back to plain focus (block start) for non-click entry or when the anchor no longer resolves.
+
+         Entry must always leave focus inside the region. An XHTML block renders no form actions
+         (show-form-actions=false in block.xsl), so the focusout autosave is its only exit, and that
+         handler can only fire if something in the region holds focus. The entering click reaches
+         .btn-edit through a synthetic click(), which moves no focus, and the read-mode block is then
+         replaced - so anything this template leaves unfocused strands the author in an editor with no
+         way out but a reload. -->
     <xsl:template name="ldh:focus-editable">
         <xsl:param name="region" as="element()"/>
 
@@ -209,39 +253,47 @@ WHERE
         <ixsl:set-property name="pendingCaretBlock" select="()" object="$ldh-state"/>
         <ixsl:set-property name="pendingCaretOffset" select="()" object="$ldh-state"/>
 
-        <xsl:variable name="pos" as="map(*)?" select="if (exists($block-idx) and exists($char-off))
-            then ldh:text-position(($region/*[not(@data-role)])[xs:integer($block-idx) + 1], xs:integer($char-off)) else ()"/>
+        <xsl:variable name="pos" as="map(*)?" select="if (exists($block-idx) and exists($char-off)) then ldh:text-position(($region/*[not(@data-role)])[xs:integer($block-idx) + 1], xs:integer($char-off)) else ()"/>
+        <!-- the anchor is usable only where it resolves inside an editable host: ldh:text-position picks
+             any non-chrome text node, inter-element whitespace in a structural container included, and
+             rdfae:focus-caret focuses nothing for a host-less node (its for-each over rdfae:host-of
+             selects the empty sequence, and collapsing a selection into a non-editable node focuses
+             nothing either). Testing the host rather than the anchor routes that case to the fallback -->
+        <xsl:variable name="host" select="rdfae:host-of($pos?node)" as="element()?"/>
 
         <xsl:choose>
-            <xsl:when test="exists($pos)">
+            <xsl:when test="exists($host)">
                 <xsl:call-template name="rdfae:focus-caret">
                     <xsl:with-param name="node" select="$pos?node"/>
                     <xsl:with-param name="offset" select="$pos?offset"/>
                 </xsl:call-template>
             </xsl:when>
+            <!-- no anchor, or one that landed outside every host: the region's first host takes the caret.
+                 A region with no host at all falls back to the region itself, whose tabindex rdfae:init-region
+                 sets for exactly this - the canvas' focusable floor -->
             <xsl:otherwise>
-                <xsl:for-each select="($region//*[@contenteditable = 'true'])[1]">
+                <xsl:for-each select="(($region//*[@contenteditable = 'true'])[1], $region)[1]">
                     <xsl:sequence select="ixsl:call(., 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
                 </xsl:for-each>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
 
-    <!-- override RDFa editor annotation typeahead: use LDH's /ns-querying bs2:Lookup instead of doc()-on-vocabs -->
+    <!-- override RDFa editor annotation typeahead: use LDH's /ns-querying ldh:Combobox instead of doc()-on-vocabs -->
     <xsl:function name="rdfae:typeahead-field" as="element()">
         <xsl:param name="field" as="xs:string"/>
         <xsl:variable name="for-class" as="xs:anyURI" select="if ($field = 'typeof') then xs:anyURI('&owl;Class') else xs:anyURI('&rdf;Property')"/>
-        <span data-field="{$field}" class="typeahead-field rdfa-editor-ui">
-            <xsl:call-template name="bs2:Lookup">
-                <xsl:with-param name="class" select="'property-typeahead typeahead'"/>
+        <span data-field="{$field}" class="combobox-field rdfa-editor-ui">
+            <xsl:call-template name="ldh:Combobox">
+                <xsl:with-param name="class" select="'property-combobox combobox'"/>
                 <xsl:with-param name="id" select="'annotation-' || $field"/>
-                <xsl:with-param name="list-class" select="'property-typeahead typeahead dropdown-menu'"/>
+                <xsl:with-param name="list-class" select="'property-combobox combobox ldhc-cb-panel'"/>
                 <xsl:with-param name="forClass" select="$for-class"/>
             </xsl:call-template>
         </span>
     </xsl:function>
 
-    <!-- rebuild the typeahead field and pre-populate with IRI; clears any prior committed button state -->
+    <!-- rebuild the combobox field and pre-populate with IRI; clears any prior committed button state -->
     <xsl:template name="rdfae:typeahead-set-value">
         <xsl:param name="form" as="element()"/>
         <xsl:param name="field" as="xs:string"/>
@@ -249,10 +301,10 @@ WHERE
         <xsl:variable name="for-class" as="xs:anyURI" select="if ($field = 'typeof') then xs:anyURI('&owl;Class') else xs:anyURI('&rdf;Property')"/>
         <xsl:for-each select="($form//span[@data-field = $field])[1]">
             <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:call-template name="bs2:Lookup">
-                    <xsl:with-param name="class" select="'property-typeahead typeahead'"/>
+                <xsl:call-template name="ldh:Combobox">
+                    <xsl:with-param name="class" select="'property-combobox combobox'"/>
                     <xsl:with-param name="id" select="'annotation-' || $field"/>
-                    <xsl:with-param name="list-class" select="'property-typeahead typeahead dropdown-menu'"/>
+                    <xsl:with-param name="list-class" select="'property-combobox combobox ldhc-cb-panel'"/>
                     <xsl:with-param name="forClass" select="$for-class"/>
                     <xsl:with-param name="value" select="if ($iri ne '') then $iri else ()"/>
                 </xsl:call-template>
@@ -260,7 +312,7 @@ WHERE
         </xsl:for-each>
     </xsl:template>
 
-    <!-- read back the IRI from span[@data-field]: committed (hidden input) or typed (property-typeahead text) -->
+    <!-- read back the IRI from span[@data-field]: committed (hidden input) or typed (property-combobox text) -->
     <xsl:function name="rdfae:typeahead-value" as="xs:string?">
         <xsl:param name="form" as="element()"/>
         <xsl:param name="field" as="xs:string"/>
@@ -271,219 +323,347 @@ WHERE
                 <xsl:sequence select="string(ixsl:get($hidden, 'value'))[. ne '']"/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:variable name="input" as="element()?" select="($wrapper//input[contains-token(@class, 'property-typeahead')])[1]"/>
+                <xsl:variable name="input" as="element()?" select="($wrapper//input[contains-token(@class, 'property-combobox')])[1]"/>
                 <xsl:variable name="text" as="xs:string" select="normalize-space(string(ixsl:get($input, 'value')))"/>
                 <xsl:sequence select="if (rdfae:is-absolute-iri($text)) then $text else ()"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
 
-    <!-- Bootstrap-styled annotation overlay (replaces rdfa-editor's custom HTML structure) -->
+    <!-- annotation overlay on the design system's modal head/body anatomy (replaces rdfa-editor's custom HTML structure) -->
     <xsl:template name="rdfae:render-overlay">
-        <div id="{$rdfae:overlay-id}" class="modal rdfa-editor-ui" role="dialog" aria-modal="true" aria-label="RDFa annotation" style="display: none;">
-            <div class="modal-header">
-                <button type="button" class="close cancel-action">&#215;</button>
-                <legend>RDFa Annotation</legend>
+        <div id="{$rdfae:overlay-id}" class="rdfa-editor-ui" role="dialog" aria-modal="true" aria-label="{ac:label(key('resources', 'rdfa-annotation', ldh:translations()))}" style="display: none;">
+            <div class="ldhc-modal-head">
+                <legend>
+                    <xsl:apply-templates select="key('resources', 'rdfa-annotation', ldh:translations())" mode="ac:label"/>
+                </legend>
+                <span class="ldhc-modal-x">
+                    <button type="button" class="ldhc-iconbtn sz-sm in-neutral ap-ghost close cancel-action" aria-label="{ac:label(key('resources', 'close', ldh:translations()))}"><span class="msi sm">close</span></button>
+                </span>
             </div>
-            <div class="modal-body">
-                <form id="annotation-form" class="form-horizontal">
-                    <div class="control-group">
-                        <label class="control-label" for="stmt-subject">Subject</label>
-                        <div class="controls">
-                            <div id="stmt-subject" class="uneditable-input"/>
+            <div class="ldhc-modal-body">
+                <form id="annotation-form" class="ldh-prop-form">
+                    <div class="ldh-prop-group">
+                        <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                            <xsl:with-param name="label" as="item()*">
+                                <xsl:apply-templates select="key('resources', 'rdfa-subject', ldh:translations())" mode="ac:label"/>
+                            </xsl:with-param>
+                        </xsl:apply-templates>
+                        <div class="ldh-prop-row is-last">
+                            <div class="value val-stack">
+                                <div class="val-main">
+                                    <div id="stmt-subject"/>
+                                </div>
+                            </div>
+                            <div class="row-actions"></div>
                         </div>
                     </div>
-                    <div class="control-group">
-                        <label class="control-label" for="annotation-property">Property</label>
-                        <div class="controls">
-                            <xsl:sequence select="rdfae:typeahead-field('property')"/>
+                    <div class="ldh-prop-group">
+                        <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                            <xsl:with-param name="label" as="item()*">
+                                <xsl:apply-templates select="key('resources', 'rdfa-property', ldh:translations())" mode="ac:label"/>
+                            </xsl:with-param>
+                        </xsl:apply-templates>
+                        <div class="ldh-prop-row is-last">
+                            <div class="value val-stack">
+                                <div class="val-main">
+                                    <xsl:sequence select="rdfae:typeahead-field('property')"/>
+                                </div>
+                            </div>
+                            <div class="row-actions"></div>
                         </div>
                     </div>
-                    <div class="control-group">
-                        <label class="control-label" for="annotation-value">Value</label>
-                        <div class="controls">
-                            <input type="text" id="annotation-value" name="value" class="input-xlarge" placeholder="Literal value"/>
-                            <span class="help-block">The selected text; change to emit a machine-readable content value</span>
+                    <div class="ldh-prop-group">
+                        <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                            <xsl:with-param name="label" as="item()*">
+                                <xsl:apply-templates select="key('resources', 'rdfa-value', ldh:translations())" mode="ac:label"/>
+                            </xsl:with-param>
+                        </xsl:apply-templates>
+                        <div class="ldh-prop-row is-last">
+                            <div class="value val-stack">
+                                <div class="val-main">
+                                    <xsl:apply-templates select="." mode="ac:FieldShell">
+                                        <xsl:with-param name="control" as="item()*">
+                                            <input type="text" id="annotation-value" name="value" placeholder="{ac:label(key('resources', 'rdfa-value-placeholder', ldh:translations()))}"/>
+                                        </xsl:with-param>
+                                    </xsl:apply-templates>
+                                </div>
+                                <span class="ldhc-help sz-sm"><xsl:apply-templates select="key('resources', 'rdfa-value-help', ldh:translations())" mode="ac:label"/></span>
+                            </div>
+                            <div class="row-actions"></div>
                         </div>
                     </div>
                     <fieldset>
-                        <legend>Subject</legend>
-                        <div class="control-group">
-                            <label class="control-label" for="annotation-subject">Subject (about)</label>
-                            <div class="controls">
-                                <input type="text" id="annotation-subject" name="subject" class="input-xlarge" placeholder="Overrides the subject in scope"/>
-                                <span class="help-block">IRI or _:blank-node identifier</span>
+                        <legend><xsl:apply-templates select="key('resources', 'rdfa-subject', ldh:translations())" mode="ac:label"/></legend>
+                        <div class="ldh-prop-group">
+                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                <xsl:with-param name="label" as="item()*">
+                                    <xsl:apply-templates select="key('resources', 'rdfa-subject-about', ldh:translations())" mode="ac:label"/>
+                                </xsl:with-param>
+                            </xsl:apply-templates>
+                            <div class="ldh-prop-row is-last">
+                                <div class="value val-stack">
+                                    <div class="val-main">
+                                        <xsl:apply-templates select="." mode="ac:FieldShell">
+                                            <xsl:with-param name="control" as="item()*">
+                                                <input type="text" id="annotation-subject" name="subject" placeholder="{ac:label(key('resources', 'rdfa-subject-placeholder', ldh:translations()))}"/>
+                                            </xsl:with-param>
+                                        </xsl:apply-templates>
+                                    </div>
+                                    <span class="ldhc-help sz-sm"><xsl:apply-templates select="key('resources', 'rdfa-subject-help', ldh:translations())" mode="ac:label"/></span>
+                                </div>
+                                <div class="row-actions"></div>
                             </div>
                         </div>
-                        <div class="control-group">
-                            <label class="control-label" for="annotation-typeof">Type (typeof)</label>
-                            <div class="controls">
-                                <xsl:sequence select="rdfae:typeahead-field('typeof')"/>
-                                <span class="help-block">Types the annotated resource; without a subject the typed resource becomes the object of the property (chaining)</span>
+                        <div class="ldh-prop-group">
+                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                <xsl:with-param name="label" as="item()*">
+                                    <xsl:apply-templates select="key('resources', 'rdfa-type-typeof', ldh:translations())" mode="ac:label"/>
+                                </xsl:with-param>
+                            </xsl:apply-templates>
+                            <div class="ldh-prop-row is-last">
+                                <div class="value val-stack">
+                                    <div class="val-main">
+                                        <xsl:sequence select="rdfae:typeahead-field('typeof')"/>
+                                    </div>
+                                    <span class="ldhc-help sz-sm"><xsl:apply-templates select="key('resources', 'rdfa-typeof-help', ldh:translations())" mode="ac:label"/></span>
+                                </div>
+                                <div class="row-actions"></div>
                             </div>
                         </div>
                     </fieldset>
                     <fieldset>
-                        <legend>Object</legend>
-                        <div class="control-group">
-                            <label class="control-label" for="annotation-object">Object (resource)</label>
-                            <div class="controls">
-                                <input type="text" id="annotation-object" name="object" class="input-xlarge" placeholder="Object IRI"/>
-                                <span class="help-block">Makes the object a resource instead of the literal value</span>
+                        <legend><xsl:apply-templates select="key('resources', 'rdfa-object', ldh:translations())" mode="ac:label"/></legend>
+                        <div class="ldh-prop-group">
+                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                <xsl:with-param name="label" as="item()*">
+                                    <xsl:apply-templates select="key('resources', 'rdfa-object-resource', ldh:translations())" mode="ac:label"/>
+                                </xsl:with-param>
+                            </xsl:apply-templates>
+                            <div class="ldh-prop-row is-last">
+                                <div class="value val-stack">
+                                    <div class="val-main">
+                                        <xsl:apply-templates select="." mode="ac:FieldShell">
+                                            <xsl:with-param name="control" as="item()*">
+                                                <input type="text" id="annotation-object" name="object" placeholder="{ac:label(key('resources', 'rdfa-object-placeholder', ldh:translations()))}"/>
+                                            </xsl:with-param>
+                                        </xsl:apply-templates>
+                                    </div>
+                                    <span class="ldhc-help sz-sm"><xsl:apply-templates select="key('resources', 'rdfa-object-help', ldh:translations())" mode="ac:label"/></span>
+                                </div>
+                                <div class="row-actions"></div>
                             </div>
                         </div>
-                        <div class="control-group">
-                            <label class="control-label" for="annotation-datatype">Datatype</label>
-                            <div class="controls">
-                                <select id="annotation-datatype" name="datatype">
-                                    <option value="">(plain literal)</option>
-                                    <xsl:variable name="xsd" as="xs:string" select="'http://www.w3.org/2001/XMLSchema#'"/>
-                                    <xsl:for-each select="'string', 'date', 'dateTime', 'time', 'integer', 'decimal', 'double', 'float', 'boolean', 'anyURI'">
-                                        <option value="{$xsd || .}">xsd:<xsl:value-of select="."/></option>
-                                    </xsl:for-each>
-                                    <option value="{$rdfae:custom}">-- Custom datatype --</option>
-                                </select>
-                                <input type="text" name="custom-datatype" class="input-xlarge" placeholder="Datatype IRI" style="display: none;"/>
-                                <span class="help-block">Types the literal; mutually exclusive with a language tag</span>
+                        <div class="ldh-prop-group">
+                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                <xsl:with-param name="label" as="item()*">
+                                    <xsl:apply-templates select="key('resources', 'rdfa-datatype', ldh:translations())" mode="ac:label"/>
+                                </xsl:with-param>
+                            </xsl:apply-templates>
+                            <div class="ldh-prop-row is-last">
+                                <div class="value val-stack">
+                                    <div class="val-main">
+                                        <xsl:apply-templates select="." mode="ac:SelectShell">
+                                            <xsl:with-param name="select" as="item()*">
+                                            <select id="annotation-datatype" name="datatype">
+                                                <option value=""><xsl:apply-templates select="key('resources', 'rdfa-plain-literal', ldh:translations())" mode="ac:label"/></option>
+                                                <xsl:variable name="xsd" as="xs:string" select="'http://www.w3.org/2001/XMLSchema#'"/>
+                                                <xsl:for-each select="'string', 'date', 'dateTime', 'time', 'integer', 'decimal', 'double', 'float', 'boolean', 'anyURI'">
+                                                    <option value="{$xsd || .}">xsd:<xsl:value-of select="."/></option>
+                                                </xsl:for-each>
+                                                <option value="{$rdfae:custom}"><xsl:apply-templates select="key('resources', 'rdfa-custom-datatype', ldh:translations())" mode="ac:label"/></option>
+                                            </select>
+                                            </xsl:with-param>
+                                        </xsl:apply-templates>
+                                        <!-- hidden until the Custom option reveals it; the handler toggles the shell's state class, not the input -->
+                                        <xsl:apply-templates select="." mode="ac:FieldShell">
+                                            <xsl:with-param name="class" select="'is-hidden'"/>
+                                            <xsl:with-param name="control" as="item()*">
+                                                <input type="text" name="custom-datatype" placeholder="{ac:label(key('resources', 'rdfa-datatype-placeholder', ldh:translations()))}"/>
+                                            </xsl:with-param>
+                                        </xsl:apply-templates>
+                                    </div>
+                                    <span class="ldhc-help sz-sm"><xsl:apply-templates select="key('resources', 'rdfa-datatype-help', ldh:translations())" mode="ac:label"/></span>
+                                </div>
+                                <div class="row-actions"></div>
                             </div>
                         </div>
-                        <div class="control-group">
-                            <label class="control-label" for="annotation-lang">Language</label>
-                            <div class="controls">
-                                <input type="text" id="annotation-lang" name="lang" class="input-small" placeholder="e.g. en, fr-CA"/>
-                                <span class="help-block">Language tag for the literal; ignored when a datatype is set</span>
+                        <div class="ldh-prop-group">
+                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                <xsl:with-param name="label" as="item()*">
+                                    <xsl:apply-templates select="key('resources', 'rdfa-language', ldh:translations())" mode="ac:label"/>
+                                </xsl:with-param>
+                            </xsl:apply-templates>
+                            <div class="ldh-prop-row is-last">
+                                <div class="value val-stack">
+                                    <div class="val-main">
+                                        <xsl:apply-templates select="." mode="ac:FieldShell">
+                                            <xsl:with-param name="control" as="item()*">
+                                                <input type="text" id="annotation-lang" name="lang" placeholder="{ac:label(key('resources', 'rdfa-language-placeholder', ldh:translations()))}"/>
+                                            </xsl:with-param>
+                                        </xsl:apply-templates>
+                                    </div>
+                                    <span class="ldhc-help sz-sm"><xsl:apply-templates select="key('resources', 'rdfa-language-help', ldh:translations())" mode="ac:label"/></span>
+                                </div>
+                                <div class="row-actions"></div>
                             </div>
                         </div>
                     </fieldset>
-                    <div class="form-actions modal-footer">
-                        <button type="button" class="btn btn-danger remove-action" style="display: none;">Remove</button>
-                        <button type="button" class="btn btn-primary spo-action">Annotate</button>
-                        <button type="button" class="btn cancel-action">Cancel</button>
+                    <div class="ldh-block-foot">
+                        <button type="button" class="ldhc-btn in-negative ap-solid sz-sm remove-action" style="display: none;"><xsl:value-of select="ac:label(key('resources', 'remove', ldh:translations()))"/></button>
+                        <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm cancel-action"><xsl:value-of select="ac:label(key('resources', 'cancel', ldh:translations()))"/></button>
+                        <button type="button" class="ldhc-btn in-primary ap-solid sz-sm spo-action"><xsl:value-of select="ac:label(key('resources', 'annotate', ldh:translations()))"/></button>
                     </div>
                 </form>
             </div>
         </div>
     </xsl:template>
 
+    <!-- the imported handler toggles the custom-datatype input itself (and focus/lang state); with the inputs
+         riding field shells, the wrappers toggle here in agreement — the reveal before the delegation, so the
+         input is focusable by the time the imported handler calls focus on it, and the language box takes the
+         design's is-disabled state after it, mirroring the disabled flag the delegation sets on the input -->
+    <xsl:template match="select[@name = 'datatype']" mode="ixsl:onchange">
+        <xsl:variable name="custom" as="xs:boolean" select="string(ixsl:get(., 'value')) eq $rdfae:custom"/>
+        <xsl:for-each select="ancestor::form//input[@name = 'custom-datatype']/ancestor::div[contains-token(@class, 'ldhc-field')][1]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-hidden', not($custom) ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+
+        <xsl:apply-imports/>
+
+        <xsl:variable name="datatype" as="xs:boolean" select="string(ixsl:get(., 'value')) ne ''"/>
+        <xsl:for-each select="ancestor::form//input[@name = 'lang']/ancestor::div[contains-token(@class, 'ldhc-field-box')][1]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-disabled', $datatype ])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+    </xsl:template>
+
     <!-- Bootstrap-styled toolbar dialogs (replace rdfa-editor's custom HTML) -->
 
     <xsl:template name="rdfae:render-table-dialog">
-        <div id="table-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Insert table" style="display: none;">
-            <label for="table-rows">Body rows</label>
+        <div id="table-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="{ac:label(key('resources', 'insert-table', ldh:translations()))}" style="display: none;">
+            <label for="table-rows"><xsl:apply-templates select="key('resources', 'table-body-rows', ldh:translations())" mode="ac:label"/></label>
             <input type="number" id="table-rows" name="rows" value="3" min="1" max="50"/>
-            <label for="table-cols">Columns</label>
+            <label for="table-cols"><xsl:apply-templates select="key('resources', 'table-columns', ldh:translations())" mode="ac:label"/></label>
             <input type="number" id="table-cols" name="cols" value="3" min="1" max="20"/>
-            <label class="checkbox"><input type="checkbox" name="header-row" checked="checked"/> Header row</label>
-            <label for="table-caption">Caption</label>
+            <label class="checkbox"><input type="checkbox" name="header-row" checked="checked"/><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'table-header-row', ldh:translations())" mode="ac:label"/></label>
+            <label for="table-caption"><xsl:apply-templates select="key('resources', 'caption', ldh:translations())" mode="ac:label"/></label>
             <input type="text" id="table-caption" name="caption"/>
             <div class="action-buttons">
-                <button type="button" class="btn btn-primary table-save">Insert</button>
-                <button type="button" class="btn table-cancel">Cancel</button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm table-save"><xsl:value-of select="ac:label(key('resources', 'insert', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm table-cancel"><xsl:value-of select="ac:label(key('resources', 'cancel', ldh:translations()))"/></button>
             </div>
         </div>
     </xsl:template>
 
     <xsl:template name="rdfae:render-link-dialog">
-        <div id="link-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Link" style="display: none;">
-            <label for="link-href">Link target (href)</label>
+        <div id="link-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="{ac:label(key('resources', 'link', ldh:translations()))}" style="display: none;">
+            <label for="link-href"><xsl:apply-templates select="key('resources', 'link-href', ldh:translations())" mode="ac:label"/></label>
             <input type="text" id="link-href" name="href" placeholder="https://..."/>
             <div class="action-buttons">
-                <button type="button" class="btn btn-danger link-remove" style="display: none;">Remove link</button>
-                <button type="button" class="btn btn-primary link-save">Save</button>
-                <button type="button" class="btn link-cancel">Cancel</button>
+                <button type="button" class="ldhc-btn in-negative ap-solid sz-sm link-remove" style="display: none;"><xsl:value-of select="ac:label(key('resources', 'remove-link', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm link-save"><xsl:value-of select="ac:label(key('resources', 'save', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm link-cancel"><xsl:value-of select="ac:label(key('resources', 'cancel', ldh:translations()))"/></button>
             </div>
         </div>
     </xsl:template>
 
     <xsl:template name="rdfae:render-figure-dialog">
-        <div id="figure-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Insert figure" style="display: none;">
-            <label for="figure-src">Image URL (src)</label>
-            <input type="text" id="figure-src" name="src" placeholder="https://... or relative path"/>
-            <label for="figure-alt">Alternate text (alt)</label>
+        <div id="figure-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="{ac:label(key('resources', 'insert-figure', ldh:translations()))}" style="display: none;">
+            <label for="figure-src"><xsl:apply-templates select="key('resources', 'figure-src', ldh:translations())" mode="ac:label"/></label>
+            <input type="text" id="figure-src" name="src" placeholder="{ac:label(key('resources', 'figure-src-placeholder', ldh:translations()))}"/>
+            <label for="figure-alt"><xsl:apply-templates select="key('resources', 'figure-alt', ldh:translations())" mode="ac:label"/></label>
             <input type="text" id="figure-alt" name="alt"/>
-            <label for="figure-caption">Caption</label>
+            <label for="figure-caption"><xsl:apply-templates select="key('resources', 'caption', ldh:translations())" mode="ac:label"/></label>
             <input type="text" id="figure-caption" name="caption"/>
             <div class="action-buttons">
-                <button type="button" class="btn btn-primary figure-save">Insert</button>
-                <button type="button" class="btn figure-cancel">Cancel</button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm figure-save"><xsl:value-of select="ac:label(key('resources', 'insert', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm figure-cancel"><xsl:value-of select="ac:label(key('resources', 'cancel', ldh:translations()))"/></button>
             </div>
         </div>
     </xsl:template>
 
     <xsl:template name="rdfae:render-find-dialog">
-        <div id="find-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Find and replace" style="display: none;">
-            <label for="find-text">Find</label>
+        <div id="find-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="{ac:label(key('resources', 'find-and-replace', ldh:translations()))}" style="display: none;">
+            <label for="find-text"><xsl:apply-templates select="key('resources', 'find', ldh:translations())" mode="ac:label"/></label>
             <input type="text" id="find-text" name="find"/>
-            <label for="find-replace">Replace with</label>
+            <label for="find-replace"><xsl:apply-templates select="key('resources', 'replace-with', ldh:translations())" mode="ac:label"/></label>
             <input type="text" id="find-replace" name="replace"/>
-            <label class="checkbox"><input type="checkbox" name="match-case"/> Match case</label>
+            <label class="checkbox"><input type="checkbox" name="match-case"/><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'match-case', ldh:translations())" mode="ac:label"/></label>
             <div class="action-buttons">
-                <button type="button" class="btn btn-primary find-next">Find next</button>
-                <button type="button" class="btn replace-current">Replace</button>
-                <button type="button" class="btn replace-all">Replace all</button>
-                <button type="button" class="btn find-close">Close</button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm find-next"><xsl:value-of select="ac:label(key('resources', 'find-next', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm replace-current"><xsl:value-of select="ac:label(key('resources', 'replace', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm replace-all"><xsl:value-of select="ac:label(key('resources', 'replace-all', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm find-close"><xsl:value-of select="ac:label(key('resources', 'close', ldh:translations()))"/></button>
             </div>
-            <span id="find-status" class="help-block"/>
+            <span id="find-status" class="ldhc-help sz-sm"/>
         </div>
     </xsl:template>
 
     <xsl:template name="rdfae:render-extra-dialogs">
-        <div id="ldh-block-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Insert block" style="display: none;">
-            <label for="ldh-block-type">Block type</label>
+        <div id="ldh-block-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="{ac:label(key('resources', 'insert-block', ldh:translations()))}" style="display: none;">
+            <label for="ldh-block-type"><xsl:apply-templates select="key('resources', 'block-type', ldh:translations())" mode="ac:label"/></label>
             <select id="ldh-block-type" name="block-type-iri">
-                <option value="https://w3id.org/atomgraph/rdfa-editor#reference">Resource</option>
-                <option value="&ldh;View">View</option>
-                <option value="&ldh;ResultSetChart">Result set chart</option>
+                <option value="https://w3id.org/atomgraph/rdfa-editor#reference"><xsl:apply-templates select="key('resources', 'resource', ldh:translations())" mode="ac:label"/></option>
+                <option value="&ldh;View"><xsl:apply-templates select="key('resources', 'view', ldh:translations())" mode="ac:label"/></option>
+                <option value="&ldh;ResultSetChart"><xsl:apply-templates select="key('resources', 'result-set-chart', ldh:translations())" mode="ac:label"/></option>
             </select>
             <div class="ldh-fields ldh-fields-reference">
-                <label for="ldh-reference-uri">Resource URI</label>
+                <label for="ldh-reference-uri"><xsl:apply-templates select="key('resources', 'resource-uri', ldh:translations())" mode="ac:label"/></label>
                 <input type="text" id="ldh-reference-uri" name="reference-uri" placeholder="http://dbpedia.org/resource/Ada_Lovelace"/>
             </div>
             <div class="ldh-fields ldh-fields-frag" style="display: none;">
-                <label for="ldh-about">Fragment id</label>
+                <label for="ldh-about"><xsl:apply-templates select="key('resources', 'fragment-id', ldh:translations())" mode="ac:label"/></label>
                 <input type="text" id="ldh-about" name="about" placeholder="#chart-1"/>
             </div>
             <div class="ldh-fields ldh-fields-view" style="display: none;">
-                <label for="ldh-view-query">Query URI</label>
+                <label for="ldh-view-query"><xsl:apply-templates select="key('resources', 'query-uri', ldh:translations())" mode="ac:label"/></label>
                 <input type="text" id="ldh-view-query" name="view-query"/>
-                <label for="ldh-view-mode">Mode URI (optional)</label>
+                <label for="ldh-view-mode"><xsl:apply-templates select="key('resources', 'mode-uri-optional', ldh:translations())" mode="ac:label"/></label>
                 <input type="text" id="ldh-view-mode" name="view-mode"/>
             </div>
             <div class="ldh-fields ldh-fields-chart" style="display: none;">
-                <label for="ldh-chart-query">Query URI</label>
+                <label for="ldh-chart-query"><xsl:apply-templates select="key('resources', 'query-uri', ldh:translations())" mode="ac:label"/></label>
                 <input type="text" id="ldh-chart-query" name="chart-query"/>
-                <label for="ldh-chart-type">Chart type</label>
+                <label for="ldh-chart-type"><xsl:apply-templates select="key('resources', 'chart-type', ldh:translations())" mode="ac:label"/></label>
                 <select id="ldh-chart-type" name="chart-type">
-                    <option value="&ac;Table">Table</option>
-                    <option value="&ac;BarChart">Bar chart</option>
-                    <option value="&ac;LineChart">Line chart</option>
-                    <option value="&ac;ScatterChart">Scatter chart</option>
+                    <option value="&ac;Table"><xsl:apply-templates select="key('resources', 'chart-table', ldh:translations())" mode="ac:label"/></option>
+                    <option value="&ac;BarChart"><xsl:apply-templates select="key('resources', 'chart-bar', ldh:translations())" mode="ac:label"/></option>
+                    <option value="&ac;LineChart"><xsl:apply-templates select="key('resources', 'chart-line', ldh:translations())" mode="ac:label"/></option>
+                    <option value="&ac;ScatterChart"><xsl:apply-templates select="key('resources', 'chart-scatter', ldh:translations())" mode="ac:label"/></option>
                 </select>
-                <label for="ldh-chart-category">Category variable</label>
+                <label for="ldh-chart-category"><xsl:apply-templates select="key('resources', 'chart-category-var', ldh:translations())" mode="ac:label"/></label>
                 <input type="text" id="ldh-chart-category" name="chart-category"/>
-                <label for="ldh-chart-series">Series variable</label>
+                <label for="ldh-chart-series"><xsl:apply-templates select="key('resources', 'chart-series-var', ldh:translations())" mode="ac:label"/></label>
                 <input type="text" id="ldh-chart-series" name="chart-series"/>
             </div>
             <div class="action-buttons">
-                <button type="button" class="btn btn-primary ldh-block-save">Insert</button>
-                <button type="button" class="btn ldh-block-cancel">Cancel</button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm ldh-block-save"><xsl:value-of select="ac:label(key('resources', 'insert', ldh:translations()))"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm ldh-block-cancel"><xsl:value-of select="ac:label(key('resources', 'cancel', ldh:translations()))"/></button>
             </div>
         </div>
     </xsl:template>
 
-    <!-- TO-DO: phase out as regular ixsl: event templates -->
     <xsl:template match="fieldset//input" mode="ldh:RenderRowForm" priority="1">
-        <!-- subject value change -->
-        <xsl:if test="contains-token(@class, 'subject')">
-            <xsl:sequence select="ixsl:call(., 'addEventListener', [ 'change', ixsl:get(ixsl:window(), 'onSubjectValueChange') ])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:if>
-        
-        <!-- TO-DO: move to a better place. Does not take effect if typeahead is reset -->
+        <!-- TO-DO: move to a better place. Does not take effect if combobox is reset -->
         <ixsl:set-property object="." name="autocomplete" select="'off'"/>
     </xsl:template>
 
-    <!-- set focus on the first required input -->
-    <xsl:template match="fieldset//div[contains-token(@class, 'required')][1]//input" mode="ldh:RenderRowForm" priority="1">
+    <!-- The control a user would fill in first. Hidden RDF/POST inputs are skipped - focus() on them is a no-op - and a combobox whose value already resolves renders as a button rather than an input. -->
+    <xsl:function name="ldh:focusable-control" as="element()?">
+        <xsl:param name="container" as="element()"/>
+
+        <xsl:sequence select="($container//*[self::input[not(@type = 'hidden')] or self::textarea or self::select or self::button[contains-token(@class, 'add-combobox')]])[1]"/>
+    </xsl:function>
+
+    <!-- Focus the prop-group the form opens on: the first required one, or - for a class that constrains nothing, a bare owl:NamedIndividual - the type control, since choosing the class is then the only thing left to do. Matching the group rather than the control itself keeps the focus out of the way of the templates that turn a control into a widget: block/query.xsl replaces the query textarea with a YASQE editor in this same mode, and two priority-1 rules on the same textarea would leave only the later-included one running. The group's own children go first, so by the time ldh:FocusControl is dispatched the widget exists. -->
+    <xsl:template match="fieldset//div[contains-token(@class, 'required')][1] | fieldset[not(.//div[contains-token(@class, 'required')])]//div[contains-token(@class, 'ldh-prop-group')][input[@name = 'pu'][@value = '&rdf;type']]" mode="ldh:RenderRowForm" priority="1">
+        <xsl:apply-templates mode="#current"/>
+
+        <xsl:apply-templates select="ldh:focusable-control(.)" mode="ldh:FocusControl"/>
+    </xsl:template>
+
+    <!-- focus a form control; overridden where a widget stands in for the control -->
+    <xsl:template match="*" mode="ldh:FocusControl">
         <xsl:sequence select="ixsl:call(., 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
     </xsl:template>
     
@@ -493,17 +673,30 @@ WHERE
     
     <xsl:template match="text()" mode="ldh:FormPreSubmit"/>
     
-    <!-- serialize canonicalized editor content into the hidden ol input before form submission -->
+    <!-- serialize canonicalized editor content into the hidden ol input before form submission
+         (ldh:canonical-content is the canonical lexical form of the stored rdf:XMLLiteral) -->
     <xsl:template match="div[contains-token(@class, 'rdfa-editor-content')]" mode="ldh:FormPreSubmit" priority="1">
-        <xsl:variable name="canonical" as="node()*">
-            <xsl:apply-templates select="node()" mode="canonical"/>
-        </xsl:variable>
-        <xsl:variable name="value" select="serialize($canonical, map{ 'method': 'xml' })" as="xs:string"/>
+        <xsl:variable name="value" select="ldh:canonical-content(.)" as="xs:string"/>
         <xsl:for-each select="following-sibling::input[@name = 'ol'][1]">
             <ixsl:set-property name="value" select="$value" object="."/>
         </xsl:for-each>
     </xsl:template>
 
+    <!-- view source (overrides edit.xsl): an LDH region is chrome around an XMLLiteral fragment, not the
+         RDFa document root the standalone editor serializes - canonicalize the region's children (the same
+         payload ldh:FormPreSubmit stores in the ol input), not the region element, which rule C7b unwraps -->
+    <xsl:template match="button[@id = 'view-source']" mode="ixsl:onclick">
+        <xsl:variable name="canonical" as="node()*">
+            <xsl:apply-templates select="rdfae:active-root()/node()" mode="cm:canonical"/>
+        </xsl:variable>
+        <xsl:call-template name="rdfae:show-output">
+            <xsl:with-param name="title" select="ac:label(key('resources', 'canonical-xhtml-rdfa', ldh:translations()))"/>
+            <xsl:with-param name="text" select="serialize($canonical, map{ 'method': 'xml' })"/>
+            <xsl:with-param name="filename" select="'content.xhtml'"/>
+            <xsl:with-param name="media-type" select="'application/xhtml+xml'"/>
+        </xsl:call-template>
+    </xsl:template>
+
     <!-- trim whitespace in bnode/URI values -->
     <xsl:template match="input[@name = ('ob', 'ou')][ixsl:get(., 'value')]" mode="ldh:FormPreSubmit" priority="1">
         <ixsl:set-attribute name="value" select="normalize-space(ixsl:get(., 'value'))"/>
@@ -514,41 +707,41 @@ WHERE
         <!-- set the input type back to 'text' because 'datetime-local' does not accept the timezoned value -->
         <ixsl:set-attribute name="type" select="'text'"/>
         
-        <xsl:variable name="timezone" select="ixsl:get(following-sibling::input[contains-token(@class, 'input-timezone')], 'value')" as="xs:string"/>
+        <!-- the value and timezone inputs sit in separate field boxes, so navigate via the shared .ldh-dt-pair rather than the sibling axis -->
+        <xsl:variable name="timezone" select="ixsl:get(ancestor::span[contains-token(@class, 'ldh-dt-pair')][1]//input[contains-token(@class, 'input-timezone')], 'value')" as="xs:string"/>
         <!-- concatenate datetime-local value together with timezone TO-DO: handle invalid timezone values -->
         <xsl:variable name="timezoned-value" select="xs:dateTime(ixsl:get(., 'value') || $timezone)" as="xs:dateTime"/>
         <ixsl:set-property name="value" select="$timezoned-value" object="."/>
     </xsl:template>
     
-    <xsl:template name="bs2:SignUpComplete">
+    <xsl:template name="ldh:SignUpComplete">
         <xsl:context-item as="map(*)" use="required"/>
         <xsl:param name="created-uri" select="?headers?location" as="xs:anyURI"/>
-        <xsl:param name="content-body" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:param name="content-body" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
 
         <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
 
         <xsl:for-each select="$content-body">
             <xsl:result-document href="?." method="ixsl:replace-content">
-                <div class="row-fluid">
-                    <div class="main offset2 span7">
-                        <div class="alert alert-success row-fluid">
-                            <div class="span1">
-                                <img src="{resolve-uri('static/com/atomgraph/linkeddatahub/icons/baseline_done_white_48dp.png', $lapp:origin)}" alt="Signup complete"/>
-                            </div>
-                            <div class="span11">
-                                <p>Congratulations! Your WebID profile has been created. You can see its data below.</p>
-                                <p>
-                                    <strong>Authentication details have been sent to your email address.</strong>
-                                </p>
-                            </div>
-                        </div>
+                <div class="block-row">
+                    <div class="main">
+                        <xsl:apply-templates select="." mode="ac:InlineAlert">
+                            <xsl:with-param name="variant" select="'va-success'"/>
+                            <xsl:with-param name="class" select="'ldhc-alert va-success block-row'"/>
+                            <xsl:with-param name="title" as="item()*">
+                                <xsl:apply-templates select="key('resources', 'signup-created', ldh:translations())" mode="ac:label"/>
+                            </xsl:with-param>
+                            <xsl:with-param name="text" as="item()*">
+                                <xsl:apply-templates select="key('resources', 'signup-email-sent', ldh:translations())" mode="ac:label"/>
+                            </xsl:with-param>
+                        </xsl:apply-templates>
                     </div>
                 </div>
                 
                 <!-- proxy $created-uri to make sure we get RDF/XML. TO-DO: load asynchronously? -->
                 <xsl:variable name="request-uri" select="ldh:href(ac:build-uri($created-uri, map{ 'accept': 'application/rdf+xml' }), map{})" as="xs:anyURI"/>
                 <xsl:for-each select="document($request-uri)">
-                    <xsl:apply-templates select="key('resources-by-type', '&foaf;Person')[@rdf:about]" mode="bs2:Row"/>
+                    <xsl:apply-templates select="key('resources-by-type', '&foaf;Person')[@rdf:about]" mode="ldh:BlockRow"/>
                 </xsl:for-each>
             </xsl:result-document>
         </xsl:for-each>
@@ -559,11 +752,13 @@ WHERE
     <!-- enable inline editing form (do nothing if the button is disabled) -->
     
     <xsl:template match="div[contains-token(@class, 'block')][@about]//button[contains-token(@class, 'btn-edit')][not(contains-token(@class, 'disabled'))]" mode="ixsl:onclick">
-        <xsl:param name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
+        <!-- the nearest .block can be Web-Client's bare default-mode wrapper around a sub-resource;
+             the edit targets the nearest addressable block, per the match pattern's own guarantee -->
+        <xsl:param name="block" select="ancestor::div[contains-token(@class, 'block')][@about][1]" as="element()"/>
         <xsl:param name="about" select="$block/@about" as="xs:anyURI"/>
 
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
         
         <xsl:if test="not(ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $about || '`'))">
             <ixsl:set-property name="{'`' || $about || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
@@ -571,17 +766,19 @@ WHERE
         <!-- deep clone of the current DOM content so it can be restored if .btn-cancel is clicked -->
         <ixsl:set-property name="block-html" select="ixsl:call($block, 'cloneNode', [ true() ])" object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $about || '`')"/>
 
-        <!-- if the URI is external, dereference it through the proxy -->
-        <xsl:variable name="request-uri" select="ldh:href(ldh:base-uri(.))" as="xs:anyURI"/>
+        <!-- the block content's source document (per-subtree via the data-base-uri stamp for embeds); if the URI is external, dereference it through the proxy -->
+        <xsl:variable name="base-uri" select="ldh:base-uri(.)" as="xs:anyURI"/>
+        <xsl:variable name="request-uri" select="ldh:href($base-uri)" as="xs:anyURI"/>
         <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
         <xsl:variable name="context" as="map(*)" select="
           map{
             'request': $request,
             'block': $block,
             'about': $about,
+            'base-uri': $base-uri,
             'endpoint': sd:endpoint()
           }"/>
-        <!-- ldh:fetch-and-load-edited-resource bakes a GET-style type-metadata-request directly, so the type-metadata pair uses an identity load-fn rather than ldh:load-type-metadata (which would build a different POST-style request). The ldh:load-constructed-doc pair fetches the SPIN-side constructor in parallel; ldh:render-row-form folds it with $shapes via ldh:merge-constructors to produce the pure constructor passed as the bs2:FormControl 'constructor' tunnel — same input shape as the CREATE flows. -->
+        <!-- ldh:fetch-and-load-edited-resource bakes a GET-style type-metadata-request directly, so the type-metadata pair uses an identity load-fn rather than ldh:load-type-metadata (which would build a different POST-style request). The ldh:load-constructed-doc pair fetches the SPIN-side constructor in parallel; ldh:render-row-form folds it with $shapes via ldh:merge-constructors to produce the pure constructor passed as the ac:FormControl 'constructor' tunnel — same input shape as the CREATE flows. -->
         <ixsl:promise select="
           ixsl:resolve($context)
             => ixsl:then(ldh:fetch-and-load-edited-resource#1)
@@ -596,8 +793,8 @@ WHERE
                  [ ldh:load-object-metadata#1,                  'ns-metadata-request',       'ns-metadata-response',       ldh:set-object-metadata-ns#1 ]
                ]))
             => ixsl:then(ldh:merge-object-metadata#1)
-            => ixsl:then(ldh:render-row-form#1)
-            => ixsl:finally(ldh:reset-cursor#0)
+            => ixsl:then(ldh:render-row-form#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
@@ -649,11 +846,16 @@ WHERE
                     <xsl:variable name="etag" select="?headers?etag" as="xs:string?"/>
 
                     <xsl:for-each select="?body">
-                        <ixsl:set-property name="{'`' || ac:absolute-path(ldh:base-uri(.)) || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
+                        <!-- key by the loaded document's URI threaded from the requesting handler (a response document has no stamped DOM ancestor for ldh:base-uri() to resolve); flows that do not thread it are page-level and fall back -->
+                        <xsl:variable name="base-uri" select="($context('base-uri'), ldh:base-uri(.))[1]" as="xs:anyURI"/>
+                        <!-- reuse the existing per-URI object: replacing it would wipe the 'block-html' snapshot stored by the btn-edit handler when $about equals the document URI (proxied external resources) -->
+                        <xsl:if test="not(ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path($base-uri) || '`'))">
+                            <ixsl:set-property name="{'`' || ac:absolute-path($base-uri) || '`'}" select="ldh:new-object()" object="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
+                        </xsl:if>
                         <!-- store document under window.LinkedDataHub.contents[$base-uri].results -->
-                        <ixsl:set-property name="results" select="." object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`')"/>
+                        <ixsl:set-property name="results" select="." object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path($base-uri) || '`')"/>
                         <!-- store ETag header value under window.LinkedDataHub.contents[$base-uri].etag -->
-                        <ixsl:set-property name="etag" select="$etag" object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`')"/>
+                        <ixsl:set-property name="etag" select="$etag" object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path($base-uri) || '`')"/>
 
                         <xsl:variable name="resource" select="key('resources', $about)" as="element()"/> <!-- TO-DO: handle error -->
                         <xsl:variable name="types" select="distinct-values($resource/rdf:type/@rdf:resource)" as="xs:anyURI*"/>
@@ -661,7 +863,7 @@ WHERE
                         <xsl:variable name="results-uri" select="ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': $query-string, 'accept': 'application/rdf+xml' })" as="xs:anyURI"/>
                         <xsl:variable name="request-uri" select="ldh:href($results-uri, map{})" as="xs:anyURI"/>
                         <xsl:variable name="http-request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-                        <!-- 'document' = raw response body; the renderer handles per-Description suppression via ldh:DocumentForm match templates. 'action' defaults to the response document's URL if the caller didn't set it. property-uris/object-uris seed the downstream ldh:load-property-metadata / ldh:load-object-metadata steps. 'forClass' seeds ldh:load-constructed-doc / ldh:load-shapes / ldh:load-constructors / ldh:load-constraints — same shape as the CREATE chains, so the EDIT promise chain can include the constructor fetch and produce the same pure-constructor input to bs2:FormControl as CREATE. -->
+                        <!-- 'document' = raw response body; the renderer handles per-Description suppression via ldh:DocumentForm match templates. 'action' defaults to the response document's URL if the caller didn't set it. property-uris/object-uris seed the downstream ldh:load-property-metadata / ldh:load-object-metadata steps. 'forClass' seeds ldh:load-constructed-doc / ldh:load-shapes / ldh:load-constructors / ldh:load-constraints — same shape as the CREATE chains, so the EDIT promise chain can include the constructor fetch and produce the same pure-constructor input to ac:FormControl as CREATE. -->
                         <xsl:sequence select="map:merge(($context, map{
                           'type-metadata-request': $http-request,
                           'resource': $resource,
@@ -751,7 +953,7 @@ WHERE
         </xsl:for-each>
     </xsl:function>
 
-    <!-- Fold step for the create-new-instance chain. Instantiates the (pure, bnode-prototyped) constructor under the minted URI and extracts the row-form resource + its types. Reads context('constructed-doc'), context('forClass'), context('this'); writes context('instance-doc'), context('resource'), context('types'). context('constructed-doc') stays the pure constructor — bs2:FormControl reads it via the 'constructor' tunnel to derive $template / the property dropdown. -->
+    <!-- Fold step for the create-new-instance chain. Instantiates the (pure, bnode-prototyped) constructor under the minted URI and extracts the row-form resource + its types. Reads context('constructed-doc'), context('forClass'), context('this'); writes context('instance-doc'), context('resource'), context('types'). context('constructed-doc') stays the pure constructor — ac:FormControl reads it via the 'constructor' tunnel to derive $template / the property dropdown. -->
     <xsl:function name="ldh:set-row-form-resource" as="map(*)" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
@@ -770,14 +972,18 @@ WHERE
         }), map{ 'duplicates': 'use-last' })"/>
     </xsl:function>
 
-    <!-- Terminal callback for the create-new-instance chain (row-fluid add-constructor onclick).
-         Reads context('constructed-doc'/'resource'/'types'/'constructors'/'shapes'/'method'/'container'/'doc-uri'),
-         does the remaining (still-sync) type-metadata/property-metadata/constraints fetches inline,
-         and inserts the rendered row-form before context('container'). -->
+    <!-- Terminal callback for every create-instance chain: the document-level add-constructor onclick here,
+         and the chart/view block creation in client/block.xsl. Reads
+         context('constructed-doc'/'resource'/'types'/'constructors'/'shapes'/'method'/'doc-uri'), does the
+         remaining (still-sync) type-metadata/property-metadata/constraints fetches inline, and inserts the
+         rendered row-form relative to context('insert-anchor'). Each flow stamps its own anchor and the
+         ixsl output method it wants - the dock inserts before its own container, a block after itself. -->
     <xsl:function name="ldh:render-add-row-form" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="method" select="$context('method')" as="xs:string"/>
-        <xsl:variable name="container" select="$context('container')" as="element()"/>
+        <xsl:variable name="anchor" select="$context('insert-anchor')" as="element()"/>
+        <!-- not $method: that is the form's HTTP method, and shadowing it here sends the row form's save as IXSL:INSERT-AFTER -->
+        <xsl:variable name="insert-method" select="$context('insert-method')" as="xs:string"/>
         <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
         <xsl:variable name="base-uri" select="$context('base-uri')" as="xs:anyURI"/>
         <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
@@ -801,7 +1007,7 @@ WHERE
             <xsl:variable name="request-uri" select="ldh:href(ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': $query-string, 'accept': 'application/sparql-results+xml' }), map{})" as="xs:anyURI"/>
             <xsl:variable name="constraints" select="if (exists($types)) then document($request-uri) else ()" as="document-node()?"/>
 
-            <xsl:apply-templates select="$resource" mode="bs2:RowForm">
+            <xsl:apply-templates select="$resource" mode="ldh:RowForm">
                 <xsl:with-param name="about" select="()"/>
                 <xsl:with-param name="method" select="$method"/>
                 <xsl:with-param name="action" select="ldh:href($doc-uri)" as="xs:anyURI" tunnel="yes"/>
@@ -816,13 +1022,16 @@ WHERE
             </xsl:apply-templates>
         </xsl:variable>
 
-        <!-- insert $row-form before the .add-constructor container TO-DO: replace with <xsl:result-document href="?." method="ixsl:insert-after"> when SaxonJS 3 is available https://saxonica.plan.io/issues/5543 -->
-        <xsl:sequence select="ixsl:call($container, 'before', [ $row-form ])[current-date() lt xs:date('2000-01-01')]"/>
+        <!-- insert $row-form relative to the anchor; each flow stamps the method it wants -->
+        <xsl:for-each select="$anchor">
+            <xsl:result-document href="?." method="{$insert-method}">
+                <xsl:sequence select="$row-form"/>
+            </xsl:result-document>
+        </xsl:for-each>
 
-        <!-- apply client-side templates on the appended row form (now preceding sibling of the $container) -->
-        <xsl:apply-templates select="$container/preceding-sibling::*[1]" mode="ldh:RenderRowForm"/>
+        <!-- apply client-side templates on the row form, now the anchor's sibling on whichever side it landed -->
+        <xsl:apply-templates select="if ($insert-method = 'ixsl:insert-before') then $anchor/preceding-sibling::*[1] else $anchor/following-sibling::*[1]" mode="ldh:RenderRowForm"/>
 
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
     </xsl:function>
     
     <xsl:function name="ldh:render-row-form" as="item()*" ixsl:updating="yes">
@@ -838,86 +1047,91 @@ WHERE
         <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()?"/>
         <xsl:variable name="object-metadata" select="$context('object-metadata')" as="document-node()?"/>
 
-        <!-- Fold SHACL shape-instance and SPIN constructed-doc into the pure, bnode-prototyped constructor consumed by bs2:FormControl. Skips instantiation — EDIT already has $resource with its real URI from the server fetch, so nothing to mint. forClass is the resource's primary rdf:type. Shared helper with ldh:render-row-form-violation so the merge lives in one place. -->
+        <!-- Fold SHACL shape-instance and SPIN constructed-doc into the pure, bnode-prototyped constructor consumed by ac:FormControl. Skips instantiation — EDIT already has $resource with its real URI from the server fetch, so nothing to mint. forClass is the resource's primary rdf:type. Shared helper with ldh:render-row-form-violation so the merge lives in one place. -->
         <xsl:variable name="constructor" select="ldh:build-merged-constructor($shapes, $constructed-doc, $types[1])" as="document-node()?"/>
 
-        <xsl:for-each select="$block">
-            <xsl:variable name="row" as="node()*">
-                <xsl:apply-templates select="$resource" mode="bs2:RowForm">
-                    <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
-                    <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
-                    <xsl:with-param name="constructor" select="$constructor" tunnel="yes"/>
-                    <xsl:with-param name="constructors" select="$constructors" tunnel="yes"/>
-                    <xsl:with-param name="constraints" select="$constraints" tunnel="yes"/>
-                    <xsl:with-param name="shapes" select="$shapes" tunnel="yes"/>
-                    <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
-                </xsl:apply-templates>
-            </xsl:variable>
+        <xsl:variable name="row" as="element()">
+            <xsl:apply-templates select="$resource" mode="ldh:RowForm">
+                <!-- the loaded document's URI threaded from the requesting handler - the form's action must PATCH the document the content came from, which ldh:base-uri() cannot resolve on a response-document node -->
+                <xsl:with-param name="base-uri" select="($context('base-uri'), ldh:base-uri($resource))[1]" tunnel="yes"/>
+                <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
+                <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
+                <xsl:with-param name="constructor" select="$constructor" tunnel="yes"/>
+                <xsl:with-param name="constructors" select="$constructors" tunnel="yes"/>
+                <xsl:with-param name="constraints" select="$constraints" tunnel="yes"/>
+                <xsl:with-param name="shapes" select="$shapes" tunnel="yes"/>
+                <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
+            </xsl:apply-templates>
+        </xsl:variable>
 
-            <!-- replace block element attributes TO-DO: shouldn't be necessary in SaxonJS 3 using method="ixsl:replace-element": https://saxonica.plan.io/issues/6303#note-2 -->
-            <xsl:for-each select="@*">
-                <ixsl:remove-attribute object="$block" name="{name()}"/>
-            </xsl:for-each>
-            <xsl:for-each select="$row/@*">
-                <ixsl:set-attribute object="$block" name="{name()}" select="."/>
-            </xsl:for-each>
+        <xsl:sequence select="ldh:replace-block-element($block, $row)"/>
+    </xsl:function>
 
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:copy-of select="$row/*"/> <!-- inject the content of div.row-fluid -->
+    <!-- Replaces the host block element with the rendered element, then form listeners are initialized. The replacement detaches $block, so the inserted node is re-resolved by the rendered element's id. Shared DOM-update tail of the inline (ldh:render-row-form) and modal (ldh:render-form) flows so both transplant the rendered form's block root the same way. -->
+    <xsl:function name="ldh:replace-block-element" as="item()*" ixsl:updating="yes">
+        <xsl:param name="block" as="element()"/>
+        <xsl:param name="element" as="element()"/>
+
+        <xsl:for-each select="$block">
+            <xsl:result-document href="?." method="ixsl:replace-element">
+                <xsl:copy-of select="$element"/>
             </xsl:result-document>
         </xsl:for-each>
 
         <!-- initialize event listeners -->
-        <xsl:apply-templates select="$block" mode="ldh:RenderRowForm"/>
+        <xsl:apply-templates select="id($element/@id, ixsl:page())" mode="ldh:RenderRowForm"/>
     </xsl:function>
 
     <xsl:function name="ldh:render-form" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="block" select="$context('block')" as="element()"/>
         <xsl:variable name="document" select="$context('document')" as="document-node()"/>
+        <xsl:variable name="form" select="ldh:render-document-form($document, $context)" as="element()"/>
 
-        <xsl:for-each select="$block">
-            <xsl:variable name="form" select="ldh:render-document-form($document, $context)" as="element()*"/>
-
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:copy-of select="$form"/>
-            </xsl:result-document>
-        </xsl:for-each>
-
-        <!-- initialize event listeners -->
-        <xsl:apply-templates select="$block" mode="ldh:RenderRowForm"/>
+        <xsl:sequence select="ldh:replace-block-element($block, $form)"/>
 
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
     </xsl:function>
 
-    <!-- ldh:DocumentForm: form-flavor mode that reuses the bs2:Form shell but replaces its body with a match-template-driven Description iteration. Only the Description at @rdf:about = $about is rendered as a fieldset; everything else in the response graph is suppressed declaratively. Used by both the initial document-edit/settings/add-instance render paths and their constraint-violation re-render paths. -->
+    <!-- ldh:DocumentForm: form-flavor mode that reuses the ac:ResourceForm shell but replaces its body with a match-template-driven Description iteration. Only the Description at @rdf:about = $about is rendered as a fieldset; everything else in the response graph is suppressed declaratively. Used by both the initial document-edit/settings/add-instance render paths and their constraint-violation re-render paths. -->
     <xsl:template match="rdf:RDF" mode="ldh:DocumentForm">
         <xsl:param name="method" select="'post'" as="xs:string"/>
-        <xsl:param name="form-actions-class" select="'form-actions modal-footer'" as="xs:string?"/>
+        <xsl:param name="form-actions-class" select="'ldh-form-bar'" as="xs:string?"/>
+        <xsl:param name="about" as="xs:anyURI" tunnel="yes"/>
+        <xsl:variable name="types" select="distinct-values(key('resources', $about)/rdf:type/@rdf:resource)" as="xs:anyURI*"/>
         <!-- tunnel params (about, action, base-uri, required, constructors, constraints,
              shapes, type-metadata, property-metadata, object-metadata) propagate through
-             to bs2:Form and to the per-Description templates automatically -->
-        <xsl:call-template name="bs2:Form">
-            <xsl:with-param name="method" select="$method"/>
-            <xsl:with-param name="form-actions-class" select="$form-actions-class"/>
-            <xsl:with-param name="body" as="node()*">
-                <xsl:apply-templates mode="bs2:Exception"/>
-                <xsl:apply-templates mode="#current"/>
-            </xsl:with-param>
-        </xsl:call-template>
+             to ac:ResourceForm and to the per-Description templates automatically -->
+        <!-- the block shell (div[@about][@typeof] with the 'block' anchor token) unifies the modal form with the inline row forms: the generic handlers (add-value property picker, constructor sync, type combobox) key on it. @id is read back by ldh:render-modal-form-violation to initialize listeners on the re-rendered form -->
+        <div id="block-{generate-id()}" class="block ldh-block" about="{$about}">
+            <xsl:if test="exists($types)">
+                <xsl:attribute name="typeof" select="string-join($types, ' ')"/>
+            </xsl:if>
+
+            <div class="main ldh-block-body">
+                <xsl:call-template name="ac:ResourceForm">
+                    <xsl:with-param name="method" select="$method"/>
+                    <xsl:with-param name="form-actions-class" select="$form-actions-class"/>
+                    <xsl:with-param name="show-close-button" select="true()"/>
+                    <xsl:with-param name="body" as="node()*">
+                        <xsl:apply-templates mode="ldh:Exception"/>
+                        <xsl:apply-templates mode="#current"/>
+                    </xsl:with-param>
+                </xsl:call-template>
+            </div>
+        </div>
     </xsl:template>
 
-    <!-- per-Description dispatch: keep the editable subject, suppress every other Description in the response graph. The discriminator $about is a tunnel param because XSLT 3.0 patterns cannot reference template-local params; the keep-or-suppress test lives in the body via xsl:if. Dispatches to bs2:Form mode so the bs2:Form mode template at resource.xsl:1182 handles the bs2:FormControl entry with the right $inline / $required params and the shell's default merged-properties iteration (resource props + constructor template props, sorted by constraints, with the violations/constructor/type-constraints/type-shapes with-params required by per-property templates). -->
+    <!-- per-Description dispatch: keep the editable subject, suppress every other Description in the response graph. The discriminator $about is a tunnel param because XSLT 3.0 patterns cannot reference template-local params; the keep-or-suppress test lives in the body via xsl:if. Dispatches to ac:ResourceForm mode so the ac:ResourceForm mode template at resource.xsl:1182 handles the ac:FormControl entry with the right $inline / $required params and the shell's default merged-properties iteration (resource props + constructor template props, sorted by constraints, with the violations/constructor/type-constraints/type-shapes with-params required by per-property templates). -->
     <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:DocumentForm">
         <xsl:param name="about" as="xs:anyURI" tunnel="yes"/>
         <xsl:if test="@rdf:about = $about">
-            <xsl:apply-templates select="." mode="bs2:Form">
+            <xsl:apply-templates select="." mode="ac:ResourceForm">
                 <xsl:with-param name="required" select="true()" tunnel="yes"/>
             </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
 
-    <!-- thin dispatcher: function-item invoked by the initial-render and violation handlers via ldh:render-document-form($body, $ctx). Named (not an inline XPath function literal) because xsl:apply-templates is an XSLT instruction. base-uri falls back to the editable subject URI when the caller hasn't set it, so bs2:Form's xs:anyURI typecheck doesn't see an empty value when the body is a freshly constructed doc with no associated URI. -->
+    <!-- thin dispatcher: function-item invoked by the initial-render and violation handlers via ldh:render-document-form($body, $ctx). Named (not an inline XPath function literal) because xsl:apply-templates is an XSLT instruction. base-uri falls back to the editable subject URI when the caller hasn't set it, so ac:ResourceForm's xs:anyURI typecheck doesn't see an empty value when the body is a freshly constructed doc with no associated URI. The 'constructor' tunnel folds ctx('shapes') + ctx('constructed-doc') via ldh:build-merged-constructor — same pure-constructor input to ac:FormControl as the inline row-form renders, so the property picker offers the classes' constructor properties. -->
     <xsl:function name="ldh:render-document-form" as="element()*">
         <xsl:param name="body" as="document-node()"/>
         <xsl:param name="ctx"  as="map(*)"/>
@@ -928,6 +1142,7 @@ WHERE
             <xsl:with-param name="base-uri"          select="if (map:contains($ctx, 'base-uri')) then $ctx('base-uri') else $ctx('about')" tunnel="yes"/>
             <xsl:with-param name="type-metadata"     select="$ctx('type-metadata')"     tunnel="yes"/>
             <xsl:with-param name="property-metadata" select="$ctx('property-metadata')" tunnel="yes"/>
+            <xsl:with-param name="constructor"       select="ldh:build-merged-constructor($ctx('shapes'), $ctx('constructed-doc'), $ctx('types')[1])" tunnel="yes"/>
             <xsl:with-param name="constructors"      select="$ctx('constructors')"      tunnel="yes"/>
             <xsl:with-param name="constraints"       select="$ctx('constraints')"       tunnel="yes"/>
             <xsl:with-param name="shapes"            select="$ctx('shapes')"            tunnel="yes"/>
@@ -936,11 +1151,11 @@ WHERE
         </xsl:apply-templates>
     </xsl:function>
 
-    <!-- thin dispatcher for the Container/Item creation flow (the SPIN-constructor-driven "add" form). Mirrors ldh:render-document-form#2 but dispatches in mode="bs2:Form" instead of mode="ldh:DocumentForm". bs2:Form's rdf:RDF shell at document.xsl:1170 iterates all Descriptions (primary at @rdf:about=$base-uri + non-primary sorted by label) — exactly what the constructor flow needs to keep co-shipped content blocks visible across the initial render and the constraint-violation re-render. http:Response and spin:ConstraintViolation Descriptions are suppressed by the existing priority=3 empty templates at form.xsl:106/109. -->
+    <!-- thin dispatcher for the Container/Item creation flow (the SPIN-constructor-driven "add" form). Mirrors ldh:render-document-form#2 but dispatches in mode="ac:ResourceForm" instead of mode="ldh:DocumentForm". ac:ResourceForm's rdf:RDF shell at document.xsl:1170 iterates all Descriptions (primary at @rdf:about=$base-uri + non-primary sorted by label) — exactly what the constructor flow needs to keep co-shipped content blocks visible across the initial render and the constraint-violation re-render. http:Response and spin:ConstraintViolation Descriptions are suppressed by the existing priority=3 empty templates at form.xsl:106/109. -->
     <xsl:function name="ldh:render-constructor-form" as="element()*">
         <xsl:param name="body" as="document-node()"/>
         <xsl:param name="ctx"  as="map(*)"/>
-        <xsl:apply-templates select="$body" mode="bs2:Form">
+        <xsl:apply-templates select="$body" mode="ac:ResourceForm">
             <xsl:with-param name="method"            select="$ctx('method')"/>
             <xsl:with-param name="action"            select="$ctx('action')"            tunnel="yes"/>
             <xsl:with-param name="base-uri"          select="if (map:contains($ctx, 'base-uri')) then $ctx('base-uri') else $ctx('about')" tunnel="yes"/>
@@ -951,7 +1166,8 @@ WHERE
             <xsl:with-param name="shapes"            select="$ctx('shapes')"            tunnel="yes"/>
             <xsl:with-param name="object-metadata"   select="$ctx('object-metadata')"   tunnel="yes"/>
             <xsl:with-param name="required"          select="$ctx('required')"          tunnel="yes"/>
-            <xsl:with-param name="form-actions-class" select="'form-actions modal-footer'" as="xs:string?"/>
+            <xsl:with-param name="form-actions-class" select="'ldh-form-bar'" as="xs:string?"/>
+            <xsl:with-param name="show-close-button" select="true()"/>
         </xsl:apply-templates>
     </xsl:function>
 
@@ -972,7 +1188,6 @@ WHERE
         <!-- initialize event listeners -->
         <xsl:apply-templates select="$block" mode="ldh:RenderRowForm"/>
 
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
     </xsl:function>
 
     <!-- thin dispatcher parallel to ldh:render-document-form#2, but mode="ldh:AppSettingsForm". Same tunnel-param set so violation re-renders work identically. -->
@@ -998,21 +1213,36 @@ WHERE
     <!-- TO-DO: unify -->
     <xsl:template match="div[ancestor::div[contains-token(@class, 'block')]]//button[contains-token(@class, 'btn-cancel')][not(contains-token(@class, 'disabled'))]" mode="ixsl:onclick">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="container" select="ancestor::div[contains-token(@class, 'row-fluid')][1]" as="element()"/>
-        <xsl:variable name="about" select="$block/@about" as="xs:anyURI"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-        
+        <xsl:apply-templates select="ancestor::div[contains-token(@class, 'block')][1]" mode="ldh:CancelEditing"/>
+    </xsl:template>
+
+    <!-- a block that has never been saved has no @about, no server-side resource and no pre-editing
+         snapshot to restore: cancelling discards the block itself -->
+    <xsl:template match="div[contains-token(@class, 'block')][not(@about)]" mode="ldh:CancelEditing">
+        <!-- the whole row goes: removing only the card would leave an empty .ldh-block-row shell -->
+        <xsl:for-each select="(ancestor::div[contains-token(@class, 'ldh-block-row')][1], .)[1]">
+            <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:for-each>
+    </xsl:template>
+
+    <!-- restores the block's pre-editing snapshot (stashed by the btn-edit handler) and drops it: the edit
+         form is replaced by the read-mode content without a save. Shared by the Cancel button and the
+         clean-focusout path of the XMLLiteral autosave (block.xsl) -->
+    <xsl:template match="div[contains-token(@class, 'block')][@about]" mode="ldh:CancelEditing">
+        <xsl:variable name="about" select="@about" as="xs:anyURI"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
+
         <!-- retrieve HTML stored before editing mode was enabled -->
         <xsl:variable name="block-html" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $about || '`'), 'block-html')" as="element()"/>
 
-        <!-- restore snapshot of block HTML that was captured before entering editing mode -->
-        <xsl:for-each select="$block">
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:sequence select="$block-html/*"/>
-            </xsl:result-document>
-        </xsl:for-each>
+        <!-- restore the whole snapshot element, not just its children: the edit-mode render replaces the
+             block wrapper itself, and its class differs from the read-mode wrapper's (an XHTML block is
+             quiet prose in read mode but carded while editing) -->
+        <xsl:result-document href="?." method="ixsl:replace-element">
+            <xsl:sequence select="$block-html"/>
+        </xsl:result-document>
 
         <!-- remove the $block-html value -->
         <ixsl:remove-property name="block-html" object="ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $about || '`')"/>
@@ -1022,7 +1252,7 @@ WHERE
     
     <!-- submit instance creation row-form using POST -->
     
-    <xsl:template match="form[ancestor::div[@typeof]][contains-token(@class, 'form-horizontal')]" mode="ixsl:onsubmit">
+    <xsl:template match="form[ancestor::div[@typeof]][tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')]" mode="ixsl:onsubmit">
         <xsl:param name="block" select="ancestor::div[@typeof][1]" as="element()"/> <!-- block has no @about at this stage (before saving it) -->
         <xsl:param name="form" select="." as="element()"/>
         <xsl:param name="method" select="upper-case(@method)" as="xs:string"/>
@@ -1036,7 +1266,7 @@ WHERE
         <xsl:variable name="accept" select="'application/rdf+xml'" as="xs:string"/>
         <xsl:variable name="etag" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`'), 'etag')" as="xs:string"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <!-- pre-process form before submitting it: syncs input values, so it must precede ldh:parse-rdf-post.
              A wrapping handler that supplied $request-body has already run the pass -->
@@ -1045,10 +1275,6 @@ WHERE
         </xsl:if>
 
         <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>
-        <!-- canonicalize XML in rdf:XMLLiterals -->
-        <xsl:variable name="triples" as="element()*">
-            <xsl:apply-templates select="$triples" mode="ldh:CanonicalizeXML"/>
-        </xsl:variable>
         <xsl:variable name="resources" as="document-node()">
             <xsl:document>
                 <rdf:RDF>
@@ -1089,7 +1315,8 @@ WHERE
                   ixsl:http-request($context('request'))
                     => ixsl:then(ldh:rethread-response($context, ?))
                     => ixsl:then(ldh:handle-response#1)
-                    => ixsl:then($callback)
+                    => ixsl:then($callback) =>
+                    ixsl:finally(ldh:reset-cursor#0)
                 " on-failure="ldh:promise-failure#1"/>
             </xsl:otherwise>
         </xsl:choose>
@@ -1097,8 +1324,8 @@ WHERE
 
     <!-- submit instance update row-form using PATCH -->
 
-    <xsl:template match="div[contains-token(@class, 'block')]//form[contains-token(@class, 'form-horizontal')][upper-case(@method) = 'PATCH']" mode="ixsl:onsubmit" priority="1">
-        <xsl:param name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
+    <xsl:template match="div[contains-token(@class, 'block')]//form[tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')][upper-case(@method) = 'PATCH']" mode="ixsl:onsubmit" priority="1">
+        <xsl:param name="block" select="ancestor::div[contains-token(@class, 'block')][@about][1]" as="element()"/>
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
         <xsl:variable name="form" select="." as="element()"/>
         <xsl:variable name="method" select="upper-case(@method)" as="xs:string"/>
@@ -1108,17 +1335,13 @@ WHERE
         <xsl:variable name="about" select="$block/@about" as="xs:anyURI"/>
         <xsl:variable name="etag" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`'), 'etag')" as="xs:string"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
         
         <!-- pre-process form before submitting it -->
         <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
 
         <xsl:variable name="elements" select=".//input | .//textarea | .//select" as="element()*"/>
         <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>
-        <!-- canonicalize XML in rdf:XMLLiterals -->
-        <xsl:variable name="triples" as="element()*">
-            <xsl:apply-templates select="$triples" mode="ldh:CanonicalizeXML"/>
-        </xsl:variable>
 
         <xsl:variable name="update-string" select="ldh:insertdelete-update(ldh:triples-to-bgp(ldh:uri-po-pattern($about)), ldh:triples-to-bgp($triples), ldh:triples-to-bgp(ldh:uri-po-pattern($about)))" as="xs:string"/>
         <xsl:variable name="resources" as="document-node()">
@@ -1143,27 +1366,28 @@ WHERE
           ixsl:http-request($context('request'))
             => ixsl:then(ldh:rethread-response($context, ?))
             => ixsl:then(ldh:handle-response#1)
-            => ixsl:then(ldh:row-form-response#1)
+            => ixsl:then(ldh:row-form-response#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
     
     <!-- add new property to form -->
     
-    <!-- Terminal callback for the add-value onclick promise chain. Reads context('constructed-doc')
-         and uses the matched property to render either a bs2:TypeControl or bs2:FormControl into the fieldset. -->
+    <!-- Terminal callback for the add-value onclick promise chain. Folds context('shapes') + context('constructed-doc') via ldh:build-merged-constructor — the same pure-constructor source the property picker was rendered from, so SHACL-defined properties resolve the same as SPIN-defined ones — and uses the matched property to render either a ldh:TypeControl or ac:FormControl into the fieldset. -->
     <xsl:function name="ldh:render-add-value" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
-        <xsl:variable name="property-control-group" select="$context('property-control-group')" as="element()"/>
-        <xsl:variable name="fieldset" select="$context('fieldset')" as="element()"/>
+        <xsl:variable name="property-addrow" select="$context('property-addrow')" as="element()"/>
         <xsl:variable name="property-uri" select="$context('property-uri')" as="xs:anyURI"/>
         <xsl:variable name="forClass" select="$context('forClass')" as="xs:anyURI*"/>
         <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
+        <xsl:variable name="shapes" select="$context('shapes')" as="document-node()?"/>
+        <xsl:variable name="constructor" select="ldh:build-merged-constructor($shapes, $constructed-doc, $forClass[1])" as="document-node()"/>
 
         <xsl:variable name="resource" as="element()">
             <xsl:choose>
                 <!-- $forClass constructor found -->
-                <xsl:when test="key('resources-by-type', $forClass, $constructed-doc)[not(key('predicates-by-object', @rdf:nodeID))]">
-                    <xsl:sequence select="key('resources-by-type', $forClass, $constructed-doc)[not(key('predicates-by-object', @rdf:nodeID))]"/>
+                <xsl:when test="key('resources-by-type', $forClass, $constructor)[not(key('predicates-by-object', @rdf:nodeID))]">
+                    <xsl:sequence select="key('resources-by-type', $forClass, $constructor)[not(key('predicates-by-object', @rdf:nodeID))]"/>
                 </xsl:when>
                 <!-- $forClass constructor not found -->
                 <xsl:otherwise>
@@ -1175,60 +1399,56 @@ WHERE
         </xsl:variable>
         <xsl:variable name="property" select="$resource/*[concat(namespace-uri(), local-name()) = $property-uri]" as="element()"/>
 
-        <!-- remove the current property control group from the current position -->
-        <xsl:sequence select="ixsl:call($property-control-group, 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
-
-        <xsl:for-each select="$fieldset">
+        <!-- append the new group to the row container; the add-statement row stays below it as the fieldset's trailer -->
+        <xsl:variable name="prop-form" select="$property-addrow/preceding-sibling::div[contains-token(@class, 'ldh-prop-form')][1]" as="element()"/>
+        <xsl:for-each select="$prop-form">
             <xsl:result-document href="?." method="ixsl:append-content">
                 <xsl:choose>
-                    <!-- TO-DO: unify bs2:TypeControl and bs2:FormControl? -->
+                    <!-- TO-DO: unify ldh:TypeControl and ac:FormControl? -->
                     <xsl:when test="$property-uri = '&rdf;type'">
-                        <xsl:apply-templates select="$property" mode="bs2:TypeControl">
+                        <xsl:apply-templates select="$property" mode="ldh:TypeControl">
                             <!-- generate fresh $for value because otherwise we can generate existing IDs from the same constructor -->
                             <xsl:with-param name="for" select="'id' || ac:uuid()"/>
                             <xsl:with-param name="type-metadata" select="$constructed-doc"/>
                         </xsl:apply-templates>
                     </xsl:when>
                     <xsl:otherwise>
-                        <xsl:apply-templates select="$property" mode="bs2:FormControl">
+                        <xsl:apply-templates select="$property" mode="ac:FormControl">
                             <!-- generate fresh $for value because otherwise we can generate existing IDs from the same constructor -->
                             <xsl:with-param name="for" select="'id' || ac:uuid()"/>
                         </xsl:apply-templates>
                     </xsl:otherwise>
                 </xsl:choose>
-
-                <!-- append the property control group at the end of the fieldset -->
-                <xsl:copy-of select="$property-control-group"/>
             </xsl:result-document>
 
-            <!-- initialize the last property control group after it's appended -->
-            <xsl:apply-templates select="(./div[contains-token(@class, 'control-group')][input/@name = 'pu'])[last()]" mode="ldh:RenderRowForm"/>
+            <!-- initialize the new group after it's appended -->
+            <xsl:apply-templates select="*[last()]" mode="ldh:RenderRowForm"/>
         </xsl:for-each>
 
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
     </xsl:function>
 
     <xsl:template match="div[@typeof]//form//button[contains-token(@class, 'add-value')]" mode="ixsl:onclick">
-        <xsl:variable name="property-control-group" select="../.." as="element()"/>
-        <xsl:variable name="fieldset" select="$property-control-group/.." as="element()"/>
-        <xsl:variable name="property-uri" select="../preceding-sibling::*/select/option[ixsl:get(., 'selected') = true()]/ixsl:get(., 'value')" as="xs:anyURI"/>
-        <xsl:variable name="forClass" select="for $type in tokenize(ancestor::div[@typeof][contains-token(@class, 'row-fluid')]/@typeof) return xs:anyURI($type)" as="xs:anyURI*"/>
+        <xsl:variable name="property-addrow" select="ancestor::div[contains-token(@class, 'ldh-prop-addrow')][1]" as="element()"/>
+        <xsl:variable name="property-uri" select="preceding-sibling::span[contains-token(@class, 'ldhc-select')]/select/option[ixsl:get(., 'selected') = true()]/ixsl:get(., 'value')" as="xs:anyURI"/>
+        <xsl:variable name="forClass" select="for $type in tokenize(ancestor::div[@typeof][contains-token(@class, 'block')][1]/@typeof) return xs:anyURI($type)" as="xs:anyURI*"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="context" as="map(*)" select="map{
-            'property-control-group': $property-control-group,
-            'fieldset': $fieldset,
+            'property-addrow': $property-addrow,
             'property-uri': $property-uri,
-            'forClass': $forClass
+            'forClass': $forClass,
+            'types': $forClass
         }"/>
 
+        <!-- constructed-doc + shapes fetched in parallel and folded by ldh:render-add-value — the same merged-constructor input the picker was rendered from -->
         <ixsl:promise select="ixsl:resolve($context) =>
-            ixsl:then(ldh:load-constructed-doc#1) =>
-            ixsl:then(ldh:http-request-threaded(?, 'constructed-doc-request', 'constructed-doc-response')) =>
-            ixsl:then(ldh:handle-response(?, 'constructed-doc-response')) =>
-            ixsl:then(ldh:set-constructed-doc#1) =>
-            ixsl:then(ldh:render-add-value#1)"
+            ixsl:then(ldh:fire-load-set-parallel(?, [
+                [ ldh:load-constructed-doc#1, 'constructed-doc-request', 'constructed-doc-response', ldh:set-constructed-doc#1 ],
+                [ ldh:load-shapes#1,          'shapes-request',          'shapes-response',          ldh:set-shapes#1 ]
+            ])) =>
+            ixsl:then(ldh:render-add-value#1) =>
+            ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
@@ -1237,23 +1457,25 @@ WHERE
     <!-- Fans out over the open editing forms after a constructor edit: every fieldset with property
          control groups re-fetches its type set's constructor and reconciles its controls with it. -->
     <xsl:template name="ldh:SyncFormsWithConstructor">
-        <xsl:apply-templates select="ixsl:page()//fieldset[./div[contains-token(@class, 'control-group')]/input[@name = 'pu']][ancestor::div[@typeof][contains-token(@class, 'row-fluid')]]" mode="ldh:SyncFormWithConstructor"/>
+        <xsl:apply-templates select="ixsl:page()//fieldset[./div[contains-token(@class, 'ldh-prop-form')]/div[contains-token(@class, 'ldh-prop-group')]/input[@name = 'pu']][ancestor::div[@typeof][contains-token(@class, 'block')]]" mode="ldh:SyncFormWithConstructor"/>
     </xsl:template>
 
     <xsl:template match="fieldset" mode="ldh:SyncFormWithConstructor">
-        <xsl:variable name="forClass" select="for $type in tokenize(ancestor::div[@typeof][contains-token(@class, 'row-fluid')][1]/@typeof) return xs:anyURI($type)" as="xs:anyURI*"/>
-        <xsl:variable name="context" as="map(*)" select="map{ 'fieldset': ., 'forClass': $forClass }"/>
+        <xsl:variable name="forClass" select="for $type in tokenize(ancestor::div[@typeof][contains-token(@class, 'block')][1]/@typeof) return xs:anyURI($type)" as="xs:anyURI*"/>
+        <xsl:variable name="context" as="map(*)" select="map{ 'fieldset': ., 'forClass': $forClass, 'types': $forClass }"/>
 
+        <!-- constructed-doc + shapes fetched in parallel and folded by ldh:sync-form-with-constructor, so SHACL-defined properties survive the reconciliation the same as SPIN-defined ones -->
         <ixsl:promise select="ixsl:resolve($context) =>
-            ixsl:then(ldh:load-constructed-doc#1) =>
-            ixsl:then(ldh:http-request-threaded(?, 'constructed-doc-request', 'constructed-doc-response')) =>
-            ixsl:then(ldh:handle-response(?, 'constructed-doc-response')) =>
-            ixsl:then(ldh:set-constructed-doc#1) =>
+            ixsl:then(ldh:fire-load-set-parallel(?, [
+                [ ldh:load-constructed-doc#1, 'constructed-doc-request', 'constructed-doc-response', ldh:set-constructed-doc#1 ],
+                [ ldh:load-shapes#1,          'shapes-request',          'shapes-response',          ldh:set-shapes#1 ]
+            ])) =>
             ixsl:then(ldh:sync-form-with-constructor#1)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
-    <!-- Terminal callback for the constructor-sync promise chain. Diffs the fresh constructor prototype
+    <!-- Terminal callback for the constructor-sync promise chain. Folds context('shapes') + context('constructed-doc')
+         via ldh:build-merged-constructor and diffs the merged constructor prototype
          against the fieldset's property control groups: properties the form is missing get controls
          appended at the end (before the re-appended property picker), value-less controls for properties
          the constructor no longer asserts are removed. Controls holding entered values and rdf:type
@@ -1265,37 +1487,39 @@ WHERE
 
         <xsl:if test="map:contains($context, 'constructed-doc')">
             <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
-            <xsl:variable name="resource" select="key('resources-by-type', $forClass, $constructed-doc)[not(key('predicates-by-object', @rdf:nodeID))]" as="element()*"/>
+            <xsl:variable name="shapes" select="$context('shapes')" as="document-node()?"/>
+            <xsl:variable name="constructor" select="ldh:build-merged-constructor($shapes, $constructed-doc, $forClass[1])" as="document-node()"/>
+            <xsl:variable name="resource" select="key('resources-by-type', $forClass, $constructor)[not(key('predicates-by-object', @rdf:nodeID))]" as="element()*"/>
             <xsl:variable name="arcs" select="$resource/*[not(concat(namespace-uri(), local-name()) = '&rdf;type')]" as="element()*"/>
             <xsl:variable name="arc-uris" select="distinct-values(for $arc in $arcs return concat(namespace-uri($arc), local-name($arc)))" as="xs:string*"/>
-            <xsl:variable name="existing-uris" select="$fieldset/div[contains-token(@class, 'control-group')]/input[@name = 'pu']/@value" as="xs:string*"/>
+            <xsl:variable name="prop-form" select="$fieldset/div[contains-token(@class, 'ldh-prop-form')]" as="element()"/>
+            <xsl:variable name="existing-uris" select="$prop-form/div[contains-token(@class, 'ldh-prop-group')]/input[@name = 'pu']/@value" as="xs:string*"/>
             <xsl:variable name="new-arcs" select="$arcs[not(concat(namespace-uri(), local-name()) = $existing-uris)]" as="element()*"/>
 
-            <!-- remove value-less control groups whose property the constructor no longer asserts -->
-            <xsl:for-each select="$fieldset/div[contains-token(@class, 'control-group')][input[@name = 'pu']/@value[not(. = ($arc-uris, '&rdf;type'))]][empty(descendant::*[self::input or self::textarea][@name = ('ou', 'ol', 'ob')][ixsl:get(., 'value') ne ''])]">
+            <!-- remove value-less groups whose property the constructor no longer asserts -->
+            <xsl:for-each select="$prop-form/div[contains-token(@class, 'ldh-prop-group')][input[@name = 'pu']/@value[not(. = ($arc-uris, '&rdf;type'))]][empty(descendant::*[self::input or self::textarea][@name = ('ou', 'ol', 'ob')][ixsl:get(., 'value') ne ''])]">
                 <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:for-each>
 
             <xsl:if test="exists($new-arcs)">
-                <xsl:variable name="property-control-group" select="$fieldset/div[contains-token(@class, 'control-group')][descendant::button[contains-token(@class, 'add-value')]]" as="element()?"/>
-                <xsl:sequence select="$property-control-group/ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
-                <xsl:variable name="control-group-count" select="count($fieldset/div[contains-token(@class, 'control-group')][input/@name = 'pu'])" as="xs:integer"/>
+                <xsl:variable name="prop-groups" as="element()*">
+                    <xsl:for-each select="$new-arcs">
+                        <xsl:apply-templates select="." mode="ac:FormControl">
+                            <!-- generate fresh $for value because otherwise we can generate existing IDs from the same constructor -->
+                            <xsl:with-param name="for" select="'id' || ac:uuid()"/>
+                        </xsl:apply-templates>
+                    </xsl:for-each>
+                </xsl:variable>
+                <xsl:variable name="group-count" select="count($prop-form/div[contains-token(@class, 'ldh-prop-group')])" as="xs:integer"/>
 
-                <xsl:for-each select="$fieldset">
+                <!-- the add-statement row sits below the row container, so new groups always append at the container's end -->
+                <xsl:for-each select="$prop-form">
                     <xsl:result-document href="?." method="ixsl:append-content">
-                        <xsl:for-each select="$new-arcs">
-                            <xsl:apply-templates select="." mode="bs2:FormControl">
-                                <!-- generate fresh $for value because otherwise we can generate existing IDs from the same constructor -->
-                                <xsl:with-param name="for" select="'id' || ac:uuid()"/>
-                            </xsl:apply-templates>
-                        </xsl:for-each>
-
-                        <!-- re-append the property picker control group at the end of the fieldset -->
-                        <xsl:copy-of select="$property-control-group"/>
+                        <xsl:copy-of select="$prop-groups"/>
                     </xsl:result-document>
 
-                    <!-- initialize the appended property control groups -->
-                    <xsl:apply-templates select="./div[contains-token(@class, 'control-group')][input/@name = 'pu'][position() gt $control-group-count]" mode="ldh:RenderRowForm"/>
+                    <!-- initialize the appended property groups -->
+                    <xsl:apply-templates select="./div[contains-token(@class, 'ldh-prop-group')][position() gt $group-count]" mode="ldh:RenderRowForm"/>
                 </xsl:for-each>
             </xsl:if>
         </xsl:if>
@@ -1345,12 +1569,12 @@ WHERE
             <xsl:choose>
                 <!-- empty submitted graph (user stripped rdf:type and left other inputs blank): nothing was created/modified server-side, so drop the just-added block rather than re-rendering it from zero descriptions (which would violate the cardinality=1 assertion on $new-block) -->
                 <xsl:when test="empty($resources/rdf:RDF/*)">
-                    <xsl:sequence select="ixsl:call($block, 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ixsl:call(($block/ancestor::div[contains-token(@class, 'ldh-block-row')][1], $block)[1], 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
                 </xsl:when>
                 <xsl:otherwise>
                     <xsl:variable name="classes" select="()" as="element()*"/>
                     <xsl:variable name="new-block" as="element()">
-                        <xsl:apply-templates select="$resources/rdf:RDF/*" mode="bs2:Row">
+                        <xsl:apply-templates select="$resources/rdf:RDF/*" mode="ldh:BlockRow">
                             <xsl:with-param name="classes" select="$classes"/>
                             <xsl:with-param name="style" select="()"/> <!-- TO-DO: remove? -->
                             <xsl:with-param name="type-content" select="false()"/>
@@ -1358,23 +1582,16 @@ WHERE
                         </xsl:apply-templates>
                     </xsl:variable>
 
-                    <xsl:for-each select="$block">
-                        <!-- replace block element attributes TO-DO: shouldn't be necessary in SaxonJS 3 using method="ixsl:replace-element": https://saxonica.plan.io/issues/6303#note-2 -->
-                        <xsl:for-each select="@*">
-                            <ixsl:remove-attribute object="$block" name="{name()}"/>
-                        </xsl:for-each>
-                        <xsl:for-each select="$new-block/@*">
-                            <ixsl:set-attribute object="$block" name="{name()}" select="."/>
-                        </xsl:for-each>
-
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <xsl:copy-of select="$new-block/*"/>
+                    <!-- ldh:BlockRow renders a whole .ldh-block-row, so the row is what gets replaced (the card alone would nest a row inside the old row) -->
+                    <xsl:for-each select="($block/ancestor::div[contains-token(@class, 'ldh-block-row')][1], $block)[1]">
+                        <xsl:result-document href="?." method="ixsl:replace-element">
+                            <xsl:copy-of select="$new-block"/>
                         </xsl:result-document>
                     </xsl:for-each>
 
-                    <!-- cannot be in $block context because it contains old DOM (pre-ixsl:replace-content) -->
+                    <!-- the replacement detaches $block — re-resolve the inserted block by the rendered element's id -->
                     <xsl:variable name="factory" as="function(item()?) as item()*?">
-                        <xsl:apply-templates select="id($block/@id, ixsl:page())" mode="ldh:RenderRow"/>
+                        <xsl:apply-templates select="id($new-block/@id, ixsl:page())" mode="ldh:RenderRow"/>
                     </xsl:variable>
 
                     <xsl:if test="exists($factory)">
@@ -1415,8 +1632,9 @@ WHERE
         <xsl:message>ldh:row-form-submit-violation</xsl:message>
 
         <xsl:variable name="body" select="$response?body" as="document-node()"/>
-        <!-- exclude the violation/response machinery Descriptions (the suppression list above) - their types must not pollute the instance type set, or the union-typed constructor prototype fails bs2:FormControl's subset test -->
-        <xsl:variable name="types" select="for $t in distinct-values($body/rdf:RDF/*[not(@rdf:about = $doc-uri)][not(rdf:type/@rdf:resource = $system-types)]/rdf:type/@rdf:resource) return xs:anyURI($t)" as="xs:anyURI*"/>
+        <!-- the type set comes from the block's RDFa @typeof (stamped at render time by ldh:BlockRow and the create flows; the submit handler's match pattern guarantees it), not from the response body: the 422 echo carries auxiliary descriptions - inlined bnodes like the signup cert key, constraint descriptions referenced via spin:violationSource - whose types would pollute the constructor's forClass and fail ac:FormControl's prototype subset test. Trade-off: a type added via the type control just before submit is missing from @typeof until the next successful render -->
+        <xsl:variable name="block" select="$context('block')" as="element()"/>
+        <xsl:variable name="types" select="for $t in tokenize($block/@typeof, ' ') return xs:anyURI($t)" as="xs:anyURI*"/>
 
         <xsl:variable name="new-context" as="map(*)" select="map:merge((
             $context,
@@ -1448,7 +1666,7 @@ WHERE
             on-failure="ldh:promise-failure#1"/>
     </xsl:function>
 
-    <!-- Terminal callback for the row-form-submit-violation promise chain. Renders the form with violation feedback by applying bs2:RowForm to the response body and replacing block content. All metadata is fetched async by the upstream chain steps; this function reads from context and folds $shapes + $constructed-doc into the pure merged constructor passed as the bs2:FormControl 'constructor' tunnel. Without this fold, bs2:FormControl's param default fires and its SHACL branch silently drops the SPIN-defined property templates for any class that has both SHACL shapes and SPIN constructor properties (e.g. skos:Concept). -->
+    <!-- Terminal callback for the row-form-submit-violation promise chain. Renders the form with violation feedback by applying ldh:RowForm to the response body and replacing block content. All metadata is fetched async by the upstream chain steps; this function reads from context and folds $shapes + $constructed-doc into the pure merged constructor passed as the ac:FormControl 'constructor' tunnel. Without this fold, ac:FormControl's param default fires and its SHACL branch silently drops the SPIN-defined property templates for any class that has both SHACL shapes and SPIN constructor properties (e.g. skos:Concept). -->
     <xsl:function name="ldh:render-row-form-violation" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
@@ -1468,8 +1686,19 @@ WHERE
 
         <xsl:variable name="row-form" as="node()*">
             <!-- filter out the current document which might be in the constraint violation response attached by an rdf:_N property to a block resource -->
-            <xsl:apply-templates select="$body/rdf:RDF/*[not(@rdf:about = $doc-uri)]" mode="bs2:RowForm">
+            <xsl:apply-templates select="$body/rdf:RDF/*[not(@rdf:about = $doc-uri)]" mode="ldh:RowForm">
+                <!-- DO NOT make this tolerate an absent $form without fixing what follows. The flows that
+                     PATCH from a button rather than submitting a form (saving a query, saving a chart) put
+                     no 'form' in context, so this passes an empty sequence into a required xs:string and the
+                     violation surfaces as a type error. Supplying a fallback instead lets the path proceed -
+                     and it then resubmits in a loop: one rejected query save produced ~130 PATCHes and
+                     deleted the query resource outright, since the save is a DELETE/INSERT. The loop has to
+                     be fixed first; until then failing here is the lesser harm. -->
                 <xsl:with-param name="method" select="$form/@method"/>
+                <!-- keep the submitted form's id, so id-keyed overrides (e.g. signup's onsubmit on form#form-signup) survive the violation re-render; the block-derived fallback covers the formless PATCH flows -->
+                <xsl:with-param name="form-id" select="string(($form/@id, 'form-' || ldh:block-id($block))[1])"/>
+                <!-- the loaded document's URI from the submit context (computed on the stamped form DOM), so the re-rendered form keeps PATCHing the document the content came from -->
+                <xsl:with-param name="base-uri" select="$doc-uri" tunnel="yes"/>
                 <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
                 <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
                 <xsl:with-param name="constructor" select="$constructor" tunnel="yes"/>
@@ -1487,35 +1716,24 @@ WHERE
         </xsl:for-each>
 
         <!-- cannot be in $block context because it contains old DOM (pre-ixsl:replace-content) -->
-        <xsl:for-each select="id($block/@id, ixsl:page())">
+        <xsl:for-each select="id(ldh:block-id($block), ixsl:page())">
             <xsl:apply-templates select="." mode="ldh:RenderRowForm"/>
         </xsl:for-each>
     </xsl:function>
 
-    <xsl:function name="ldh:replace-content" as="map(*)" ixsl:updating="yes">
-        <xsl:param name="context" as="map(*)"/>
-
-        <xsl:variable name="target" select="$context('target')" as="element()"/>
-        <xsl:variable name="content" select="$context('content')" as="item()*"/>
-
-        <xsl:result-document href="?." method="ixsl:replace-content">
-          <xsl:copy-of select="$content"/>
-        </xsl:result-document>
+    <!-- toggles the .ldh-subject row for subject URI/bnode ID editing -->
+    <xsl:template match="button[contains-token(@class, 'btn-edit-subj')]" mode="ixsl:onclick">
+        <!-- the subject row immediately follows the .ldh-form-subjbar hosting the toggle -->
+        <xsl:variable name="subject-row" select="ancestor::div[contains-token(@class, 'ldh-form-subjbar')][1]/following-sibling::div[1][contains-token(@class, 'ldh-subject')]" as="element()"/>
+        <xsl:variable name="pressed" select="ixsl:get(., 'ariaPressed') = 'true'" as="xs:boolean"/>
 
-        <xsl:sequence select="$context"/>
-    </xsl:function>
+        <ixsl:set-property name="ariaPressed" select="if ($pressed) then 'false' else 'true'" object="."/>
 
-    <!-- toggles the .control-group for subject URI/bnode ID editing -->
-    <xsl:template match="button[contains-token(@class, 'btn-edit-subj')]" mode="ixsl:onclick">
-        <!-- subject .control group is the first one after <legend> -->
-        <xsl:variable name="subj-control-group" select="ancestor::legend/following-sibling::div[1][contains-token(@class, 'control-group')]" as="element()"/>
-        
-        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'open' ])[current-date() lt xs:date('2000-01-01')]"/>
-        
-        <xsl:for-each select="$subj-control-group">
+        <xsl:for-each select="$subject-row">
             <xsl:choose>
+                <!-- clearing the inline display hands the choice back to the stylesheet (grid in form mode, flex standalone) -->
                 <xsl:when test="ixsl:style(.)?display = 'none'">
-                    <ixsl:set-style name="display" select="'block'"/>
+                    <ixsl:set-style name="display" select="''"/>
                 </xsl:when>
                 <xsl:otherwise>
                     <ixsl:set-style name="display" select="'none'"/>
@@ -1524,17 +1742,20 @@ WHERE
         </xsl:for-each>
     </xsl:template>
     
-    <!-- appends new SPIN-constructed instance to the page -->
-    <xsl:template match="div[contains-token(@class, 'row-fluid')]//button[contains-token(@class, 'add-constructor')][@data-for-class]" mode="ixsl:onclick" priority="1">
+    <!-- appends new SPIN-constructed instance to the page (block-row inline affordances and the create-resource dock) -->
+    <xsl:template match="div[contains-token(@class, 'block-row')]//button[contains-token(@class, 'add-constructor')][@data-for-class] | div[contains-token(@class, 'create-resource')]//button[contains-token(@class, 'add-constructor')][@data-for-class]" mode="ixsl:onclick" priority="1">
         <xsl:param name="method" select="'post'" as="xs:string"/>
-        <xsl:param name="container" select="ancestor::div[contains-token(@class, 'row-fluid')][1]" as="element()"/>
+        <xsl:param name="container" select="ancestor::div[contains-token(@class, 'block-row') or contains-token(@class, 'create-resource')][1]" as="element()"/>
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
         <xsl:variable name="forClass" select="xs:anyURI(@data-for-class)" as="xs:anyURI"/>
         <xsl:variable name="doc-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
         <xsl:variable name="id" select="'id' || ac:uuid()" as="xs:string"/>
         <xsl:variable name="this" select="xs:anyURI($doc-uri || '#' || $id)" as="xs:anyURI"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <!-- the class is picked, so the menu it was picked from is done: dismissed here rather than when the instance lands, because the chain that renders it takes several round-trips. The body pointerdown handler leaves this one alone - the press is inside the group it would close. Empty for the dock buttons that sit outside a drop-down. -->
+        <xsl:apply-templates select="ancestor::*[contains-token(@class, 'ldhc-menu-anchor')][1]" mode="ldh:CloseMenu"/>
+
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="context" as="map(*)" select="map{
             'method': $method,
@@ -1542,7 +1763,9 @@ WHERE
             'forClass': $forClass,
             'doc-uri': $doc-uri,
             'base-uri': $doc-uri,
-            'this': $this
+            'this': $this,
+            'insert-anchor': $container,
+            'insert-method': 'ixsl:insert-before'
         }"/>
 
         <ixsl:promise select="ixsl:resolve($context) =>
@@ -1559,12 +1782,13 @@ WHERE
             ixsl:then(ldh:http-request-threaded(?, 'shapes-request', 'shapes-response')) =>
             ixsl:then(ldh:handle-response(?, 'shapes-response')) =>
             ixsl:then(ldh:set-shapes#1) =>
-            ixsl:then(ldh:render-add-row-form#1)"
+            ixsl:then(ldh:render-add-row-form#1) =>
+            ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
     
     <!-- types (classes with constructors) are looked up in the <ns> endpoint -->
-    <xsl:template match="input[contains-token(@class, 'type-typeahead')]" mode="ixsl:onkeyup" priority="1">
+    <xsl:template match="input[contains-token(@class, 'type-combobox')]" mode="ixsl:onkeyup" priority="1">
         <xsl:next-match>
             <xsl:with-param name="endpoint" select="resolve-uri('ns', ldt:base())"/>
             <xsl:with-param name="select-string" select="$select-labelled-class-or-shape-string"/>
@@ -1574,9 +1798,9 @@ WHERE
     </xsl:template>
     
     <!-- lookup by $label and optional $Type using search SELECT -->
-    <xsl:template match="input[contains-token(@class, 'typeahead')]" mode="ixsl:onkeyup">
+    <xsl:template match="input[contains-token(@class, 'combobox')]" mode="ixsl:onkeyup">
         <xsl:param name="text" select="ixsl:get(., 'value')" as="xs:string?"/>
-        <xsl:param name="menu" select="following-sibling::ul" as="element()"/>
+        <xsl:param name="menu" select="(following-sibling::ul, ../following-sibling::div[contains-token(@class, 'ldhc-cb-panel')])[1]" as="element()"/>
         <xsl:param name="delay" select="400" as="xs:integer"/>
         <xsl:param name="endpoint" select="sd:endpoint()" as="xs:anyURI"/>
         <xsl:param name="forClass" select="../ixsl:get(., 'dataset.forClass') ! tokenize(.) ! xs:anyURI(.)" as="xs:anyURI*"/>
@@ -1639,75 +1863,72 @@ WHERE
 
         <xsl:choose>
             <xsl:when test="$key-code = 'Escape'">
-                <xsl:call-template name="typeahead:hide">
+                <xsl:call-template name="ldh:ComboboxHide">
                     <xsl:with-param name="menu" select="$menu"/>
                 </xsl:call-template>
             </xsl:when>
             <xsl:when test="$key-code = 'Enter'">
-                <xsl:for-each select="$menu/li[contains-token(@class, 'active')]">
+                <xsl:for-each select="$menu/li[contains-token(@class, 'is-active')]">
                     <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/> <!-- prevent form submit -->
                 
                     <xsl:variable name="resource-id" select="input[@name = ('ou', 'ob')]/ixsl:get(., 'value')" as="xs:anyURI"/>
-                    <xsl:variable name="typeahead-class" select="'btn add-typeahead'" as="xs:string"/>
-                    <xsl:variable name="typeahead-doc" select="ixsl:get(ixsl:window(), 'LinkedDataHub.typeahead.rdfXml')" as="document-node()"/> <!-- set by typeahead:xml-loaded -->
-                    <xsl:variable name="resource" select="key('resources', $resource-id, $typeahead-doc)"/>
+                    <xsl:variable name="chip-class" select="'cb-chip-btn add-combobox'" as="xs:string"/>
+                    <xsl:variable name="combobox-doc" select="ixsl:get(ixsl:window(), 'LinkedDataHub.combobox.rdfXml')" as="document-node()"/> <!-- set by ldh:ComboboxLoaded -->
+                    <xsl:variable name="resource" select="key('resources', $resource-id, $combobox-doc)"/>
 
+                    <!-- the committed chip replaces the whole lookup wrapper (legacy span or .ldhc-combobox) -->
                     <xsl:for-each select="../..">
-                        <xsl:variable name="typeahead" as="element()">
-                            <xsl:apply-templates select="$resource" mode="ldh:Typeahead">
-                                <xsl:with-param name="class" select="$typeahead-class"/>
+                        <xsl:result-document href="?." method="ixsl:replace-element">
+                            <xsl:apply-templates select="$resource" mode="ldh:ComboboxChip">
+                                <xsl:with-param name="class" select="$chip-class"/>
                                 <xsl:with-param name="forClass" select="$forClass"/>
                             </xsl:apply-templates>
-                        </xsl:variable>
-                        
-                        <xsl:result-document href="?." method="ixsl:replace-content">
-                            <xsl:sequence select="$typeahead/*"/>
                         </xsl:result-document>
                     </xsl:for-each>
                 </xsl:for-each>
             </xsl:when>
             <xsl:when test="$key-code = 'ArrowUp'">
-                <xsl:call-template name="typeahead:selection-up">
+                <xsl:call-template name="ldh:ComboboxSelectionUp">
                     <xsl:with-param name="menu" select="$menu"/>
                 </xsl:call-template>
             </xsl:when>
             <xsl:when test="$key-code = 'ArrowDown'">
-                <xsl:call-template name="typeahead:selection-down">
+                <xsl:call-template name="ldh:ComboboxSelectionDown">
                     <xsl:with-param name="menu" select="$menu"/>
                 </xsl:call-template>
             </xsl:when>
             <!-- ignore URIs in the input -->
             <xsl:when test="not(starts-with(ixsl:get(., 'value'), 'http://')) and not(starts-with(ixsl:get(., 'value'), 'https://'))">
                 <ixsl:schedule-action wait="$delay">
-                    <xsl:call-template name="typeahead:load-xml">
+                    <xsl:call-template name="ldh:ComboboxLoad">
                         <xsl:with-param name="element" select="."/>
                         <xsl:with-param name="query" select="ixsl:get(., 'value')"/>
                         <xsl:with-param name="uri" select="$request-uri"/>
-                        <!-- we don't want to use rdfs:Resource as a type because a filter in typeahead:process would not select any resources with this type -->
+                        <!-- we don't want to use rdfs:Resource as a type because a filter in ldh:ComboboxProcess would not select any resources with this type -->
                         <xsl:with-param name="resource-types" select="$forClass[not(. = '&rdfs;Resource')]"/>
                     </xsl:call-template>
                 </ixsl:schedule-action>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:call-template name="typeahead:hide">
+                <xsl:call-template name="ldh:ComboboxHide">
                     <xsl:with-param name="menu" select="$menu"/>
                 </xsl:call-template>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
 
-    <xsl:template match="input[contains-token(@class, 'typeahead')]" mode="ixsl:onfocusout">
-        <xsl:param name="menu" select="following-sibling::ul" as="element()"/>
+    <xsl:template match="input[contains-token(@class, 'combobox')]" mode="ixsl:onfocusout">
+        <xsl:param name="menu" select="(following-sibling::ul, ../following-sibling::div[contains-token(@class, 'ldhc-cb-panel')])[1]" as="element()"/>
         
-        <xsl:call-template name="typeahead:hide">
+        <xsl:call-template name="ldh:ComboboxHide">
             <xsl:with-param name="menu" select="$menu"/>
         </xsl:call-template>
     </xsl:template>
 
-    <!-- select .type-typeahead item (priority over plain .typeahead) -->
+    <!-- select .type-combobox item (priority over plain .combobox) -->
     
-    <!-- Fold step for the type-typeahead chain. Builds the SHACL shape-instance doc (bnode-prototyped, no identity rewrite), folds it with the async-fetched SPIN constructed-doc via ldh:merge-constructors (alpha-rename + group-by, both halves stay bnode-keyed), instantiates the merged constructor under $this, and extracts the row-form resource. Requires context('shapes') populated by an upstream ldh:load-shapes / ldh:set-shapes pair. Writes context('constructed-doc') as the pure merged constructor (bs2:FormControl reads it via the 'constructor' tunnel to derive $template); context('instance-doc') as the instantiated copy used to find $resource. -->
-    <xsl:function name="ldh:set-typeahead-form-resource" as="map(*)" ixsl:updating="yes">
+    <!-- Fold step for the type-combobox chain. Builds the SHACL shape-instance doc (bnode-prototyped, no identity rewrite), folds it with the async-fetched SPIN constructed-doc via ldh:merge-constructors (alpha-rename + group-by, both halves stay bnode-keyed), instantiates the merged constructor under $this, and extracts the row-form resource. Requires context('shapes') populated by an upstream ldh:load-shapes / ldh:set-shapes pair. Writes context('constructed-doc') as the pure merged constructor (ac:FormControl reads it via the 'constructor' tunnel to derive $template); context('instance-doc') as the instantiated copy used to find $resource. -->
+    <xsl:function name="ldh:set-combobox-form-resource" as="map(*)" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="constructed-doc" select="$context('constructed-doc')" as="document-node()"/>
         <xsl:variable name="forClass" select="$context('forClass')" as="xs:anyURI"/>
@@ -1735,11 +1956,11 @@ WHERE
         }), map{ 'duplicates': 'use-last' })"/>
     </xsl:function>
 
-    <!-- Terminal callback for the type-typeahead chain. Reads context (including async-fetched shapes
+    <!-- Terminal callback for the type-combobox chain. Reads context (including async-fetched shapes
          and constructors), does the remaining (still-sync) type-metadata/property-metadata/constraints fetches,
-         applies bs2:Form to render the new fieldset, replaces the existing fieldset content, and re-runs
+         applies ac:ResourceForm to render the new fieldset, replaces the existing fieldset content, and re-runs
          ldh:RenderRowForm to wire up event listeners. -->
-    <xsl:function name="ldh:render-typeahead-row-form" as="item()*" ixsl:updating="yes">
+    <xsl:function name="ldh:render-combobox-row-form" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="fieldset" select="$context('fieldset')" as="element()"/>
         <xsl:variable name="doc-uri" select="$context('doc-uri')" as="xs:anyURI"/>
@@ -1755,7 +1976,7 @@ WHERE
 
         <xsl:for-each select="$fieldset">
             <xsl:variable name="new-fieldset" as="element()*">
-                <xsl:apply-templates select="$resource" mode="bs2:Form">
+                <xsl:apply-templates select="$resource" mode="ac:ResourceForm">
                     <xsl:with-param name="method" select="'post'"/>
                     <xsl:with-param name="action" select="ldh:href($doc-uri)" as="xs:anyURI" tunnel="yes"/>
                     <xsl:with-param name="classes" select="$classes"/>
@@ -1784,28 +2005,24 @@ WHERE
         </xsl:for-each>
     </xsl:function>
 
-    <xsl:template match="ul[contains-token(@class, 'dropdown-menu')][contains-token(@class, 'type-typeahead')]/li" mode="ixsl:onmousedown" priority="1">
-        <xsl:param name="typeahead-class" select="'btn add-typeahead add-type-typeahead'" as="xs:string"/>
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-        <xsl:variable name="container" select="ancestor::div[contains-token(@class, 'row-fluid')][1]" as="element()"/>
+    <xsl:template match="*[contains-token(@class, 'ldhc-cb-panel')][contains-token(@class, 'type-combobox')]/li" mode="ixsl:onmousedown" priority="1">
+        <xsl:param name="chip-class" select="'cb-chip-btn add-combobox add-type-combobox'" as="xs:string"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
+        <xsl:variable name="container" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
         <xsl:variable name="fieldset" select="ancestor::fieldset" as="element()"/>
         <xsl:variable name="doc-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
         <xsl:variable name="resource-id" select="input[@name = ('ou', 'ob')]/ixsl:get(., 'value')" as="xs:string"/> <!-- can be URI resource or blank node ID -->
-        <xsl:variable name="typeahead-doc" select="ixsl:get(ixsl:window(), 'LinkedDataHub.typeahead.rdfXml')" as="document-node()"/>
-        <xsl:variable name="resource" select="key('resources', $resource-id, $typeahead-doc)" as="element()"/>
-        <xsl:variable name="initial-forClass" select="../../ixsl:get(., 'dataset.forClass') ! tokenize(.) ! xs:anyURI(.)" as="xs:anyURI*"/>
+        <xsl:variable name="combobox-doc" select="ixsl:get(ixsl:window(), 'LinkedDataHub.combobox.rdfXml')" as="document-node()"/>
+        <xsl:variable name="resource" select="key('resources', $resource-id, $combobox-doc)" as="element()"/>
+        <xsl:variable name="initial-forClass" select="(../../@data-for-class, ../preceding-sibling::div[contains-token(@class, 'ldhc-cb-box')]/@data-for-class)[1] ! tokenize(.) ! xs:anyURI(.)" as="xs:anyURI*"/>
 
-        <!-- render the typeahead button replacing the dropdown (synchronous DOM mutation, runs before the promise) -->
+        <!-- render the committed chip replacing the whole lookup wrapper (synchronous DOM mutation, runs before the promise) -->
         <xsl:for-each select="../..">
-            <xsl:variable name="typeahead" as="element()">
-                <xsl:apply-templates select="$resource" mode="ldh:Typeahead">
-                    <xsl:with-param name="class" select="$typeahead-class"/>
+            <xsl:result-document href="?." method="ixsl:replace-element">
+                <xsl:apply-templates select="$resource" mode="ldh:ComboboxChip">
+                    <xsl:with-param name="class" select="$chip-class"/>
                     <xsl:with-param name="forClass" select="$initial-forClass"/>
                 </xsl:apply-templates>
-            </xsl:variable>
-
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:sequence select="$typeahead/*"/>
             </xsl:result-document>
         </xsl:for-each>
 
@@ -1816,8 +2033,8 @@ WHERE
         <ixsl:set-attribute name="typeof" select="$forClass" object="$container"/>
 
         <!-- 'types' is initially set to ($forClass) so the shape fetch (which runs before
-             ldh:set-typeahead-form-resource and feeds the SHACL+SPIN merge) targets the right class.
-             After ldh:set-typeahead-form-resource runs the merge and extracts the real types from the
+             ldh:set-combobox-form-resource and feeds the SHACL+SPIN merge) targets the right class.
+             After ldh:set-combobox-form-resource runs the merge and extracts the real types from the
              merged document, it overwrites 'types' to the actual derived value used by load-constructors. -->
         <xsl:variable name="context" as="map(*)" select="map{
             'container': $container,
@@ -1833,37 +2050,34 @@ WHERE
               [ ldh:load-constructed-doc#1, 'constructed-doc-request', 'constructed-doc-response', ldh:set-constructed-doc#1 ],
               [ ldh:load-shapes#1,          'shapes-request',          'shapes-response',          ldh:set-shapes#1 ]
             ])) =>
-            ixsl:then(ldh:set-typeahead-form-resource#1) =>
+            ixsl:then(ldh:set-combobox-form-resource#1) =>
             ixsl:then(ldh:fire-load-set-parallel(?, [
               [ ldh:load-constructors#1,      'constructors-request',      'constructors-response',      ldh:set-constructors#1 ],
               [ ldh:load-type-metadata#1,     'type-metadata-request',     'type-metadata-response',     ldh:set-type-metadata#1 ],
               [ ldh:load-property-metadata#1, 'property-metadata-request', 'property-metadata-response', ldh:set-property-metadata#1 ],
               [ ldh:load-constraints#1,       'constraints-request',       'constraints-response',       ldh:set-constraints#1 ]
             ])) =>
-            ixsl:then(ldh:render-typeahead-row-form#1) =>
+            ixsl:then(ldh:render-combobox-row-form#1) =>
             ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
     
-    <!-- select typeahead item -->
+    <!-- select combobox item -->
     
-    <xsl:template match="ul[contains-token(@class, 'dropdown-menu')][contains-token(@class, 'typeahead')]/li" mode="ixsl:onmousedown">
-        <xsl:param name="typeahead-class" select="'btn add-typeahead'" as="xs:string"/>
+    <xsl:template match="*[contains-token(@class, 'ldhc-cb-panel')][contains-token(@class, 'combobox')]/li" mode="ixsl:onmousedown">
+        <xsl:param name="chip-class" select="'cb-chip-btn add-combobox'" as="xs:string"/>
         <xsl:variable name="resource-id" select="input[@name = ('ou', 'ob')]/ixsl:get(., 'value')" as="xs:string"/> <!-- can be URI resource or blank node ID -->
-        <xsl:variable name="typeahead-doc" select="ixsl:get(ixsl:window(), 'LinkedDataHub.typeahead.rdfXml')" as="document-node()"/>
-        <xsl:variable name="resource" select="key('resources', $resource-id, $typeahead-doc)" as="element()"/>
-        <xsl:variable name="forClass" select="../../ixsl:get(., 'dataset.forClass') ! tokenize(.) ! xs:anyURI(.)" as="xs:anyURI*"/>
+        <xsl:variable name="combobox-doc" select="ixsl:get(ixsl:window(), 'LinkedDataHub.combobox.rdfXml')" as="document-node()"/>
+        <xsl:variable name="resource" select="key('resources', $resource-id, $combobox-doc)" as="element()"/>
+        <xsl:variable name="forClass" select="(../../@data-for-class, ../preceding-sibling::div[contains-token(@class, 'ldhc-cb-box')]/@data-for-class)[1] ! tokenize(.) ! xs:anyURI(.)" as="xs:anyURI*"/>
 
+        <!-- the committed chip replaces the whole lookup wrapper (legacy span or .ldhc-combobox) -->
         <xsl:for-each select="../..">
-            <xsl:variable name="typeahead" as="element()">
-                <xsl:apply-templates select="$resource" mode="ldh:Typeahead">
-                    <xsl:with-param name="class" select="$typeahead-class"/>
+            <xsl:result-document href="?." method="ixsl:replace-element">
+                <xsl:apply-templates select="$resource" mode="ldh:ComboboxChip">
+                    <xsl:with-param name="class" select="$chip-class"/>
                     <xsl:with-param name="forClass" select="$forClass"/>
                 </xsl:apply-templates>
-            </xsl:variable>
-            
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:sequence select="$typeahead/*"/>
             </xsl:result-document>
         </xsl:for-each>
     </xsl:template>
@@ -1882,8 +2096,9 @@ WHERE
             <!-- delete existing content -->
             <xsl:when test="$about">
                 <!-- show a confirmation prompt -->
-                <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))) ])">
-                    <xsl:sequence select="ixsl:call($block, 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', ldh:translations())) ])">
+                    <!-- content-flow blocks sit in an .ldh-block-row shell that goes with them; modal forms have no row and fall back to the block itself -->
+                    <xsl:sequence select="ixsl:call(($block/ancestor::div[contains-token(@class, 'ldh-block-row')][1], $block)[1], 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
 
                     <xsl:variable name="where-pattern" as="element()">
                         <json:map>
@@ -1955,22 +2170,22 @@ WHERE
         <xsl:sequence select="ixsl:call(ancestor::fieldset, 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
     </xsl:template>
 
-    <!-- remove <div class="control-group"> -->
+    <!-- remove the statement: a property group hosts a single row, so the whole group goes (label included); a constructor row is self-contained -->
     <xsl:template match="button[contains-token(@class, 'btn-remove-property')]" mode="ixsl:onclick" priority="1">
-        <xsl:sequence select="ixsl:call(../../.., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call((ancestor::div[contains-token(@class, 'ldh-ctor-row')], ancestor::div[contains-token(@class, 'ldh-prop-group')])[1], 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
     </xsl:template>
 
     <xsl:template match="button[contains-token(@class, 'add-type')]" mode="ixsl:onclick" priority="1">
-        <xsl:param name="lookup-class" select="'type-typeahead typeahead'" as="xs:string"/>
-        <xsl:param name="lookup-list-class" select="'type-typeahead typeahead dropdown-menu'" as="xs:string"/>
-        <xsl:variable name="uuid" select="ixsl:call(ixsl:window(), 'generateUUID', [])" as="xs:string"/>
+        <xsl:param name="combobox-class" select="'type-combobox combobox'" as="xs:string"/>
+        <xsl:param name="combobox-list-class" select="'type-combobox combobox ldhc-cb-panel'" as="xs:string"/>
+        <xsl:variable name="uuid" select="ac:uuid()" as="xs:string"/>
         
         <xsl:for-each select="..">
             <xsl:variable name="lookup" as="element()">
-                <xsl:call-template name="bs2:Lookup">
+                <xsl:call-template name="ldh:Combobox">
                     <xsl:with-param name="id" select="'input-' || $uuid"/>
-                    <xsl:with-param name="class" select="$lookup-class"/>
-                    <xsl:with-param name="list-class" select="$lookup-list-class"/>
+                    <xsl:with-param name="class" select="$combobox-class"/>
+                    <xsl:with-param name="list-class" select="$combobox-list-class"/>
                 </xsl:call-template>
             </xsl:variable>
             
@@ -1990,33 +2205,29 @@ WHERE
     </xsl:template>
 
     <!-- special case for class (with constructor) lookups -->
-    <xsl:template match="button[contains-token(@class, 'add-type-typeahead')]" mode="ixsl:onclick" priority="1">
+    <xsl:template match="button[contains-token(@class, 'add-type-combobox')]" mode="ixsl:onclick" priority="1">
         <xsl:next-match>
-            <xsl:with-param name="lookup-class" select="'type-typeahead typeahead'"/>
-            <xsl:with-param name="lookup-list-class" select="'type-typeahead typeahead dropdown-menu'" as="xs:string"/>
+            <xsl:with-param name="combobox-class" select="'type-combobox combobox'"/>
+            <xsl:with-param name="combobox-list-class" select="'type-combobox combobox ldhc-cb-panel'" as="xs:string"/>
         </xsl:next-match>
     </xsl:template>
     
-    <xsl:template match="button[contains-token(@class, 'add-typeahead')]" mode="ixsl:onclick">
-        <xsl:param name="lookup-class" select="'resource-typeahead typeahead'" as="xs:string"/>
-        <xsl:param name="lookup-list-class" select="'resource-typeahead typeahead dropdown-menu'" as="xs:string"/>
-        <xsl:variable name="uuid" select="ixsl:call(ixsl:window(), 'generateUUID', [])" as="xs:string"/>
-        
-        <xsl:variable name="lookup">
-            <xsl:call-template name="bs2:Lookup">
-                <xsl:with-param name="id" select="'input-' || $uuid"/>
-                <xsl:with-param name="class" select="$lookup-class"/>
-                <xsl:with-param name="list-class" select="$lookup-list-class"/>
-            </xsl:call-template>
-        </xsl:variable>
-
-        <!-- workaround for https://saxonica.plan.io/issues/6303 -->
-        <xsl:variable name="this" select="." as="element()"/>
-        <xsl:for-each select="..">
-            <xsl:result-document href="?." method="ixsl:replace-content">
-                <xsl:sequence select="$this/preceding-sibling::node()"/>
-                <xsl:sequence select="$lookup/span/*"/>
-                <xsl:sequence select="$this/following-sibling::node()"/>
+    <xsl:template match="button[contains-token(@class, 'add-combobox')]" mode="ixsl:onclick">
+        <xsl:param name="combobox-class" select="'resource-combobox combobox'" as="xs:string"/>
+        <xsl:param name="combobox-list-class" select="'resource-combobox combobox'" as="xs:string"/>
+        <xsl:variable name="uuid" select="ac:uuid()" as="xs:string"/>
+        <!-- the committed chip span carries the class scope; the fresh lookup replaces it wholesale -->
+        <xsl:variable name="committed" select="ancestor::span[contains-token(@class, 'ldhc-cb-committed')][1]" as="element()"/>
+        <xsl:variable name="forClass" select="$committed/@data-for-class ! tokenize(.) ! xs:anyURI(.)" as="xs:anyURI*"/>
+
+        <xsl:for-each select="$committed">
+            <xsl:result-document href="?." method="ixsl:replace-element">
+                <xsl:call-template name="ldh:Combobox">
+                    <xsl:with-param name="id" select="'input-' || $uuid"/>
+                    <xsl:with-param name="class" select="$combobox-class"/>
+                    <xsl:with-param name="list-class" select="$combobox-list-class"/>
+                    <xsl:with-param name="forClass" select="$forClass"/>
+                </xsl:call-template>
             </xsl:result-document>
         </xsl:for-each>
 
@@ -2025,10 +2236,10 @@ WHERE
         </xsl:for-each>
     </xsl:template>
     
-    <!-- show a typeahead dropdown with instances in the form -->
+    <!-- show a combobox panel with instances in the form -->
     
-    <xsl:template match="form//input[contains-token(@class, 'resource-typeahead')]" mode="ixsl:onfocusin">
-        <xsl:variable name="menu" select="following-sibling::ul" as="element()"/>
+    <xsl:template match="form//input[contains-token(@class, 'resource-combobox')]" mode="ixsl:onfocusin">
+        <xsl:variable name="menu" select="(following-sibling::ul, ../following-sibling::div[contains-token(@class, 'ldhc-cb-panel')])[1]" as="element()"/>
         <xsl:variable name="forClass" select="../ixsl:get(., 'dataset.forClass')" as="xs:anyURI*"/>
         <xsl:variable name="item-doc" as="document-node()">
             <xsl:document>
@@ -2055,58 +2266,48 @@ WHERE
             </xsl:document>
         </xsl:variable>
 
-        <ixsl:set-property name="LinkedDataHub.typeahead.rdfXml" select="$item-doc"/>
+        <ixsl:set-property name="LinkedDataHub.combobox.rdfXml" select="$item-doc"/>
 
-        <xsl:call-template name="typeahead:process">
+        <xsl:call-template name="ldh:ComboboxProcess">
             <xsl:with-param name="menu" select="$menu"/>
             <xsl:with-param name="items" select="$item-doc/rdf:RDF/rdf:Description"/>
             <xsl:with-param name="element" select="."/>
         </xsl:call-template>
     </xsl:template>
 
-    <!-- simplified version of Bootstrap's tooltip() -->
-    
-    <xsl:template match="fieldset//input" mode="ixsl:onmouseover">
-        <xsl:choose>
-            <!-- show existing tooltip -->
-            <xsl:when test="../div[contains-token(@class, 'tooltip')]">
-                <ixsl:set-style name="display" select="'block'" object="../div[contains-token(@class, 'tooltip')]"/>
-            </xsl:when>
-            <!-- append new tooltip -->
-            <xsl:otherwise>
-                <xsl:variable name="description-span" select="ancestor::*[contains-token(@class, 'control-group')]//*[contains-token(@class, 'description')]" as="element()?"/>
-                <xsl:if test="$description-span">
-                    <xsl:variable name="input-offset-width" select="ixsl:get(., 'offsetWidth')" as="xs:integer"/>
-                    <xsl:variable name="input-offset-height" select="ixsl:get(., 'offsetHeight')" as="xs:integer"/>
-                    <xsl:for-each select="..">
-                        <xsl:result-document href="?." method="ixsl:append-content">
-                            <div class="tooltip fade top in">
-                                <div class="tooltip-arrow"></div>
-                                <div class="tooltip-inner">
-                                    <xsl:sequence select="$description-span/text()"/>
-                                </div>
-                            </div>
-                        </xsl:result-document>
-                    </xsl:for-each>
-                </xsl:if>
-            </xsl:otherwise>
-        </xsl:choose>
-        <!-- adjust the position of the tooltip relative to the input -->
-        <xsl:variable name="input-top" select="ixsl:get(., 'offsetTop')" as="xs:double"/>
-        <xsl:variable name="input-left" select="ixsl:get(., 'offsetLeft')" as="xs:double"/>
-        <xsl:variable name="input-width" select="ixsl:get(., 'offsetWidth')" as="xs:double"/>
-        <xsl:for-each select="../div[contains-token(@class, 'tooltip')]">
-            <xsl:variable name="tooltip-height" select="ixsl:get(., 'offsetHeight')" as="xs:double"/>
-            <xsl:variable name="tooltip-width" select="ixsl:get(., 'offsetWidth')" as="xs:double"/>
-            
-            <ixsl:set-style name="top" select="($input-top - $tooltip-height) || 'px'"/>
-            <ixsl:set-style name="left" select="($input-left + ($input-width - $tooltip-width) div 2) || 'px'"/>
+    <!-- file picked: surface the selected-file chip below the drop zone (the hidden input keeps serializing into the multipart body) -->
+
+    <xsl:template match="div[contains-token(@class, 'ldhc-fileinput')]//input[@type = 'file']" mode="ixsl:onchange">
+        <xsl:variable name="wrapper" select="ancestor::div[contains-token(@class, 'ldhc-fileinput')][1]" as="element()"/>
+        <xsl:variable name="has-file" select="ixsl:get(., 'files.length') gt 0" as="xs:boolean"/>
+        <xsl:variable name="file-name" select="if ($has-file) then string(ixsl:get(ixsl:call(ixsl:get(., 'files'), 'item', [ 0 ]), 'name')) else ()" as="xs:string?"/>
+
+        <xsl:for-each select="$wrapper/div[contains-token(@class, 'ldh-file-sel')]">
+            <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
+
+        <xsl:if test="exists($file-name)">
+            <xsl:for-each select="$wrapper">
+                <xsl:result-document href="?." method="ixsl:append-content">
+                    <div class="ldh-file-sel">
+                        <span class="msi outline sm" aria-hidden="true">description</span>
+                        <span class="fs-name">
+                            <xsl:value-of select="$file-name"/>
+                        </span>
+                    </div>
+                </xsl:result-document>
+            </xsl:for-each>
+        </xsl:if>
     </xsl:template>
-    
-    <xsl:template match="fieldset//input" mode="ixsl:onmouseout">
-        <xsl:for-each select="../div[contains-token(@class, 'tooltip')]">
-            <ixsl:set-style name="display" select="'none'"/>
+
+    <!-- the predicate-description toggletip in the row label: click toggles the tip the row template ships closed -->
+
+    <xsl:template match="button[contains-token(@class, 'ldhc-toggletip-btn')]" mode="ixsl:onclick">
+        <xsl:variable name="open" select="not(ixsl:get(., 'ariaExpanded') = 'true')" as="xs:boolean"/>
+
+        <ixsl:set-property name="ariaExpanded" select="if ($open) then 'true' else 'false'" object="."/>
+        <xsl:for-each select="following-sibling::span[contains-token(@class, 'ldhc-tip')]">
+            <ixsl:set-style name="display" select="if ($open) then 'inline-flex' else 'none'"/>
         </xsl:for-each>
     </xsl:template>
     
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/functions.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/functions.xsl
similarity index 68%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/functions.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/functions.xsl
index 54ec483960..8b0bf0967b 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/functions.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/functions.xsl
@@ -32,7 +32,6 @@ xmlns:acl="&acl;"
 xmlns:ldt="&ldt;"
 xmlns:sd="&sd;"
 xmlns:sioc="&sioc;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
@@ -45,17 +44,37 @@ exclude-result-prefixes="#all"
         <xsl:sequence select="if (ldh:query-params()?uri) then xs:anyURI(ldh:query-params()?uri) else ()"/>
     </xsl:function>
 
-    <!-- overrides the Web-Client stub; server-side ac:uuid() is the com.atomgraph.client.writer.function.UUID extension function -->
+    <!-- overrides the Web-Client stub; server-side ac:uuid() is the com.atomgraph.client.writer.function.UUID extension function.
+         crypto.randomUUID() is the platform's own generator, which retires the hand-written UUID.js the page used to load for this
+         alone. It is a secure-context API, and LDH is served over https - on an insecure origin crypto.randomUUID is undefined -->
     <xsl:function name="ac:uuid" as="xs:string">
-        <xsl:value-of select="ixsl:call(ixsl:window(), 'generateUUID', [])"/>
+        <xsl:value-of select="ixsl:call(ixsl:get(ixsl:window(), 'crypto'), 'randomUUID', [])"/>
+    </xsl:function>
+
+    <!-- deterministic 32-bit djb2 over the string's codepoints, for identifiers that have to survive a reload -
+         the counterpart to ac:uuid() wherever the thing being named is re-derived rather than stored.
+         Multiplication and addition only: XPath 3.1 has no bitwise operators, so FNV-1a's XOR is out. The running
+         value stays below 2^38, well inside exact double range, so the result is identical under Saxon-HE and
+         Saxon-JS however each of them backs xs:integer -->
+    <xsl:function name="ldh:hash-code" as="xs:integer">
+        <xsl:param name="string" as="xs:string"/>
+
+        <xsl:sequence select="fold-left(string-to-codepoints($string), 5381, function($acc as xs:integer, $codepoint as xs:integer) as xs:integer { ($acc * 33 + $codepoint) mod 4294967296 })"/>
     </xsl:function>
 
     <!-- ldh:query-params is defined once in imports/default.xsl and works in both contexts via ldh:request-uri -->
 
     <xsl:function name="ldh:base-uri" as="xs:anyURI">
-        <xsl:param name="arg" as="node()"/> <!-- ignored -->
+        <xsl:param name="arg" as="node()"/>
 
+        <!-- content loaded from another document (an ldh:Object embed, possibly with an ldh:graph override)
+             carries its source's URI on a data-base-uri ancestor, stamped by the loading flow - the browser
+             offers no per-subtree base (HTML never honored xml:base and Node.baseURI is document-wide) -->
+        <xsl:variable name="stamped" select="$arg/ancestor-or-self::*[@data-base-uri][1]/@data-base-uri" as="attribute()?"/>
         <xsl:choose>
+            <xsl:when test="$stamped">
+                <xsl:sequence select="xs:anyURI($stamped)"/>
+            </xsl:when>
             <xsl:when test="ac:uri()">
                 <xsl:sequence select="ac:document-uri(ac:uri())"/>
             </xsl:when>
@@ -67,7 +86,7 @@ exclude-result-prefixes="#all"
     </xsl:function>
     
     <xsl:function name="ldt:base" as="xs:anyURI">
-        <xsl:variable name="active-pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]" as="element()?"/>
+        <xsl:variable name="active-pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]" as="element()?"/>
         <xsl:sequence select="if ($active-pane and ixsl:contains($active-pane, 'dataset.base')) then xs:anyURI(ixsl:get($active-pane, 'dataset.base')) else xs:anyURI(lapp:origin(ldh:request-uri()) || '/')"/>
     </xsl:function>
 
@@ -81,7 +100,7 @@ exclude-result-prefixes="#all"
     </xsl:function>
 
     <xsl:function name="sd:endpoint" as="xs:anyURI">
-        <xsl:variable name="active-pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]" as="element()?"/>
+        <xsl:variable name="active-pane" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]" as="element()?"/>
         <xsl:sequence select="if ($active-pane and ixsl:contains($active-pane, 'dataset.endpoint')) then xs:anyURI(ixsl:get($active-pane, 'dataset.endpoint')) else resolve-uri('sparql', ldt:base())"/>
     </xsl:function>
 
@@ -103,6 +122,39 @@ exclude-result-prefixes="#all"
         <xsl:sequence select="lapp:origin(ldt:base())"/>
     </xsl:function>
 
+    <xsl:function name="ldh:label-document" as="document-node()?">
+        <xsl:param name="uri" as="xs:anyURI"/>
+
+        <xsl:sequence select="if (ixsl:doc-fetched($uri)) then document($uri) else ()"/>
+    </xsl:function>
+
+    <!-- the browser's own language preferences, overriding the Web-Client body that reads the writer-supplied parameter.
+         Same normalisation as that one: primary subtags, deduped, 'en' when the browser offers nothing.
+
+         navigator.languages comes back as a sequence of xs:untypedAtomic, so a for clause iterates the tags themselves -
+         measured in the browser, where reaching into it with ?* instead reports "Required item type is function(*);
+         supplied value is xs:untypedAtomic". Not every JS array converts this way: DataTransfer.types arrives as an XDM
+         array and does need flattening, so check the shape rather than assuming either. -->
+    <xsl:function name="ac:langs" as="xs:string*">
+        <xsl:variable name="langs" select="distinct-values(for $lang in ixsl:get(ixsl:window(), 'navigator.languages') return tokenize($lang, '-')[1])[not(. = ('', '*'))]" as="xs:string*"/>
+
+        <xsl:sequence select="if (exists($langs)) then $langs else 'en'"/>
+    </xsl:function>
+
+    <!-- Parses a SPARQL query string into the parse-tree JSON subset that ldh:construct-instance consumes: a 'template' array of subject/predicate/object term strings in the SPARQL.js 2.x serialization (see ldh:triples-to-descriptions) and a 'where' array whose non-emptiness marks a query that cannot be instantiated as a pure template. Dual-declared so both products parse identically: the SaxonJS declaration wraps the browser's SPARQL.js Parser; under Saxon the registered ParseQuery extension function (Jena QueryFactory) emits the same subset and takes precedence over the standalone-compilation fallback below (override-extension-function="no"). ParseQuery, ldh:triples-to-descriptions and ldh:construct-instance must change in lockstep if SPARQL.js is upgraded to 3.x. -->
+    <xsl:function name="ldh:parse-query" as="xs:string">
+        <xsl:param name="query" as="xs:string"/>
+
+        <!-- read the parse tree through JSON serialization - SaxonJS does not marshal plain JS arrays for ixsl:get() access -->
+        <xsl:sequence select="ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ ixsl:call($sparql-parser, 'parse', [ $query ]) ])"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:url-decode" as="xs:string">
+        <xsl:param name="encoded-string" as="xs:string"/>
+        
+        <xsl:sequence select="ixsl:call(ixsl:window(), 'decodeURIComponent', [ $encoded-string ])"/>
+    </xsl:function>
+
     <xsl:function name="ldh:query-type" as="xs:string?">
         <xsl:param name="query-string" as="xs:string"/>
         
@@ -110,22 +162,25 @@ exclude-result-prefixes="#all"
     </xsl:function>
 
     <xsl:function name="ldh:new-object">
-        <xsl:variable name="js-statement" as="element()">
-            <root statement="{{ }}"/>
-        </xsl:variable>
-        <xsl:sequence select="ixsl:eval(string($js-statement/@statement))"/>
+        <xsl:sequence select="ixsl:new('Object', [])"/>
     </xsl:function>
-    
-    <!-- Deprecated: use ixsl:new() instead (available in SaxonJS 3.0+) -->
-    <!--
-    <xsl:function name="ldh:new" as="item()">
-        <xsl:param name="target" as="xs:string"/>
-        <xsl:param name="arguments" as="array(*)"/>
 
-        <xsl:sequence select="ixsl:call(ixsl:window(), 'Reflect.construct', [ ixsl:get(ixsl:window(), $target), $arguments ] )"/>
+    <!-- the block's identity: the BlockRow/Block split keeps @id on the div.ldh-block-row scaffolding,
+         not on the div.block card the event handlers resolve, while a modal-hosted block carries its own -->
+    <xsl:function name="ldh:block-id" as="xs:string?">
+        <xsl:param name="block" as="element()"/>
+
+        <xsl:sequence select="($block/@id, $block/ancestor::div[contains-token(@class, 'ldh-block-row')][1]/@id)[1]"/>
     </xsl:function>
-    -->
 
+    <!-- resolved value of a design token (CSS custom property on the root element), for canvas
+         libraries (Google Charts, 3d-force-graph, OpenLayers) that take concrete color strings -->
+    <xsl:function name="ldh:css-token" as="xs:string">
+        <xsl:param name="name" as="xs:string"/>
+
+        <xsl:sequence select="normalize-space(ixsl:call(ixsl:call(ixsl:window(), 'getComputedStyle', [ ixsl:page()/* ]), 'getPropertyValue', [ $name ]))"/>
+    </xsl:function>
+    
     <!-- format URLs in DataTable as HTML links. !!! Saxon-JS cannot intercept Google Charts events, therefore set a full proxied URL !!! -->
     <xsl:template match="@rdf:about[starts-with(., 'http://')] | @rdf:about[starts-with(., 'https://')] | @rdf:resource[starts-with(., 'http://')] | @rdf:resource[starts-with(., 'https://')] | srx:uri[starts-with(., 'http://')] | srx:uri[starts-with(., 'https://')]" mode="ac:DataTable">
         <json:string key="v">&lt;a href="<xsl:value-of select="ldh:href(xs:anyURI(.), map{})"/>"&gt;<xsl:value-of select="."/>&lt;/a&gt;</json:string>
@@ -181,13 +236,6 @@ exclude-result-prefixes="#all"
         <xsl:sequence select="ixsl:new('google.visualization.DataTable', [ $json-obj ])"/>
     </xsl:function>
 
-    <xsl:function name="ldh:parse-html" as="document-node()">
-        <xsl:param name="string" as="xs:string"/>
-        <xsl:param name="mime-type" as="xs:string"/>
-        
-        <xsl:sequence select="ixsl:call(ixsl:new('DOMParser', []), 'parseFromString', [ $string, $mime-type ])"/>
-    </xsl:function>
-
     <!-- parses RDF/POST inputs into a sequence of SPARQL.js triple maps (they need to be wrapped into <array key="triples">) -->
     <!-- see https://atomgraph.github.io/RDF-POST/ for the specification -->
     <xsl:function name="ldh:parse-rdf-post" as="element()*">
@@ -296,84 +344,6 @@ exclude-result-prefixes="#all"
         </xsl:choose>
     </xsl:function>
     
-    <!-- parses SPARQL.js triple maps into RDF/XML. Depends on the SPARQL.js serialization used in the ldh:parse-rdf-post() function -->
-    <xsl:function name="ldh:triples-to-descriptions" as="element()*">
-        <xsl:param name="triples" as="element()*"/>
-        
-        <xsl:for-each-group select="$triples" group-by="json:string[@key = 'subject']">
-            <rdf:Description>
-                <!-- subject -->
-                <xsl:choose>
-                    <xsl:when test="starts-with(current-grouping-key(), '_:')">
-                        <xsl:attribute name="rdf:nodeID" select="substring-after(current-grouping-key(), '_:')"/>
-                    </xsl:when>
-                    <xsl:otherwise>
-                        <xsl:attribute name="rdf:about" select="current-grouping-key()"/>
-                    </xsl:otherwise>
-                </xsl:choose>
-
-                <xsl:for-each select="current-group()">
-                    <!-- split predicate URI into namespace and local name -->
-                    <xsl:variable name="namespace" select="xs:anyURI(if (contains(json:string[@key = 'predicate'], '#')) then substring-before(json:string[@key = 'predicate'], '#') || '#' else string-join(tokenize(json:string[@key = 'predicate'], '/')[not(position() = last())], '/') || '/')" as="xs:anyURI"/>
-                    <xsl:variable name="local-name" select="substring-after(json:string[@key = 'predicate'], $namespace)" as="xs:string"/>
-                    
-                    <!-- predicate -->
-                    <xsl:element namespace="{$namespace}" name="ns:{$local-name}">
-                        <xsl:for-each select="json:string[@key = 'object']">
-                            <!-- object -->
-                            <!-- TO-DO: upgrade SPARQL.js to 3.x. We need regex functions in the following logic because quoting/escaping sucks in SPARQL.js 2.x -->
-                            <xsl:choose>
-                                <!-- XML literal -->
-                                <!-- note: SPARQL.js 2.x does NOT wrap the datatype URI into <> -->
-                                <xsl:when test="matches(., '^&quot;(.*)&quot;\^\^&rdf;XMLLiteral$', 's')">
-                                    <xsl:attribute name="rdf:parseType" select="'Literal'"/>
-                                    <!-- XML literal has to be fixed previously, otherwise parse-xml() will fail -->
-                                    <xsl:analyze-string select="." regex="^&quot;(.*)&quot;\^\^&rdf;XMLLiteral$" flags="s">
-                                        <xsl:matching-substring>
-                                            <xsl:sequence select="parse-xml(regex-group(1))"/>
-                                        </xsl:matching-substring>
-                                    </xsl:analyze-string>
-                                </xsl:when>
-                                <!-- typed literal -->
-                                <!-- note: SPARQL.js 2.x does NOT wrap the datatype URI into <> -->
-                                <xsl:when test="matches(., '^&quot;(.*)&quot;\^\^(.*)$', 's')">
-                                    <xsl:analyze-string select="." regex="^&quot;(.*)&quot;\^\^(.*)$" flags="s">
-                                        <xsl:matching-substring>
-                                            <xsl:attribute name="rdf:datatype" select="regex-group(2)"/>
-
-                                            <xsl:sequence select="regex-group(1)"/>
-                                        </xsl:matching-substring>
-                                    </xsl:analyze-string>
-                                </xsl:when>
-                                <!-- language-tagged literal -->
-                                <xsl:when test="matches(., '^&quot;(.*?)&quot;@(.*)$', 's')">
-                                    <xsl:analyze-string select="." regex="^&quot;(.*?)&quot;@(.*)$" flags="s">
-                                        <xsl:matching-substring>
-                                            <xsl:attribute name="xml:lang" select="regex-group(2)"/>
-
-                                            <xsl:sequence select="regex-group(1)"/>
-                                        </xsl:matching-substring>
-                                    </xsl:analyze-string>
-                                </xsl:when>
-                                <!-- plain literal -->
-                                <xsl:when test="starts-with(., '&quot;') and ends-with(., '&quot;')">
-                                    <xsl:sequence select="substring(., 2, string-length(.) - 2)"/> <!-- trim first and last character -->
-                                </xsl:when>
-                                <!-- blank node -->
-                                <xsl:when test="starts-with(., '_:')">
-                                    <xsl:attribute name="rdf:nodeID" select="substring-after(., '_:')"/>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <xsl:attribute name="rdf:resource" select="."/>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </xsl:for-each>
-                    </xsl:element>
-                </xsl:for-each>
-            </rdf:Description>
-        </xsl:for-each-group>
-    </xsl:function>
-
     <!-- parses RDF/XML resources into SPARQL.js triples -->
     <xsl:function name="ldh:descriptions-to-triples" as="element()*">
         <xsl:param name="descriptions" as="element()*"/> <!-- rdf:Description sequence -->
@@ -422,130 +392,6 @@ exclude-result-prefixes="#all"
         </xsl:for-each>
     </xsl:function>
     
-    <!-- canonicalizes an XML document, returns canonical XML as string -->
-    
-    <xsl:function name="ldh:canonicalize-xml" as="xs:string">
-        <xsl:param name="doc" as="document-node()"/>
-        <xsl:variable name="js-statement" as="xs:string">
-            <![CDATA[
-                function (document) {
-                    var canonicaliser = window['xml-c14n-sync.js']().createCanonicaliser('http://www.w3.org/2001/10/xml-exc-c14n#WithComments');
-                    return canonicaliser.canonicaliseSync(document.documentElement);
-                }
-            ]]>
-        </xsl:variable>
-        <xsl:variable name="js-function" select="ixsl:eval(normalize-space($js-statement))"/> <!-- need normalize-space() due to Saxon-JS 2.4 bug: https://saxonica.plan.io/issues/5667 -->
-        <xsl:sequence select="ixsl:call($js-function, 'call', [ (), $doc ])"/>
-    </xsl:function>
-    
-    <!-- constructor instantiation: the template mirrors the instance. One SELECT fetches the
-    spin:constructor query texts for the whole type set (subclass closure, DISTINCT), and the
-    CONSTRUCT templates are expanded onto a single instance — one bnode prototype typed with all
-    the classes, value-range markers as sibling Descriptions in the same document. -->
-
-    <xsl:function name="ldh:constructor-query" as="xs:string">
-        <xsl:param name="types" as="xs:anyURI*"/>
-
-        <xsl:sequence select="'SELECT DISTINCT ?constructor ?text WHERE { VALUES ?type { ' || string-join(for $type in $types return '&lt;' || $type || '&gt;', ' ') || ' } ?type &lt;http://www.w3.org/2000/01/rdf-schema#subClassOf&gt;* ?class . ?class &lt;http://spinrdf.org/spin#constructor&gt; ?constructor . ?constructor &lt;http://spinrdf.org/sp#text&gt; ?text . }'"/>
-    </xsl:function>
-
-    <!-- rewrites a CONSTRUCT template term: ?this becomes the shared instance label, other blank
-    node labels are prefixed per constructor position so markers from different templates cannot collide -->
-    <xsl:function name="ldh:instance-term" as="xs:string">
-        <xsl:param name="term" as="xs:string"/>
-        <xsl:param name="pos" as="xs:integer"/>
-
-        <xsl:sequence select="if ($term = ('?this', '$this')) then '_:instance' else if (starts-with($term, '_:')) then '_:c' || $pos || '_' || substring-after($term, '_:') else $term"/>
-    </xsl:function>
-
-    <!-- returns the sorted type set of a pure value-range marker (a blank node carrying only rdf:type),
-    or the empty string when the label is not a pure marker -->
-    <xsl:function name="ldh:marker-types" as="xs:string">
-        <xsl:param name="label" as="xs:string"/>
-        <xsl:param name="triples" as="element()*"/>
-
-        <xsl:variable name="subject-triples" select="$triples[json:string[@key = 'subject'] = $label]" as="element()*"/>
-        <xsl:sequence select="if (starts-with($label, '_:') and exists($subject-triples) and not($subject-triples[not(json:string[@key = 'predicate'] = '&rdf;type')])) then string-join(sort($subject-triples/json:string[@key = 'object']), ' ') else ''"/>
-    </xsl:function>
-
-    <!-- instantiates spin:constructor CONSTRUCT templates onto a single instance typed with $types.
-    Constructors must be pure templates: a non-empty WHERE clause cannot be instantiated client-side
-    and is skipped with a warning. Properties asserted by several constructors with the same value
-    range are collapsed; different ranges on one predicate all survive. -->
-    <xsl:function name="ldh:construct-instance" as="document-node()">
-        <xsl:param name="texts" as="xs:string*"/>
-        <xsl:param name="types" as="xs:anyURI*"/>
-
-        <xsl:variable name="raw-triples" as="element()*">
-            <xsl:for-each select="$texts">
-                <xsl:variable name="pos" select="position()" as="xs:integer"/>
-                <!-- read the parse tree through JSON serialization (the form.xsl SELECT-builder idiom) - SaxonJS does not marshal plain JS arrays for ixsl:get() access -->
-                <xsl:variable name="query-xml" select="json-to-xml(ixsl:call(ixsl:get(ixsl:window(), 'JSON'), 'stringify', [ ixsl:call($sparql-parser, 'parse', [ string(.) ]) ]))" as="document-node()"/>
-                <xsl:choose>
-                    <xsl:when test="exists($query-xml/json:map/json:array[@key = 'where']/*)">
-                        <xsl:message>Constructor skipped: a non-empty WHERE clause cannot be instantiated client-side: <xsl:value-of select="."/></xsl:message>
-                    </xsl:when>
-                    <xsl:otherwise>
-                        <xsl:for-each select="$query-xml/json:map/json:array[@key = 'template']/json:map">
-                            <xsl:variable name="predicate" select="json:string[@key = 'predicate']" as="xs:string"/>
-                            <xsl:choose>
-                                <xsl:when test="starts-with($predicate, '?') or starts-with($predicate, '$')">
-                                    <xsl:message>Constructor template triple skipped: variable predicate <xsl:value-of select="$predicate"/></xsl:message>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <json:map>
-                                        <json:string key="subject"><xsl:value-of select="ldh:instance-term(json:string[@key = 'subject'], $pos)"/></json:string>
-                                        <json:string key="predicate"><xsl:value-of select="$predicate"/></json:string>
-                                        <json:string key="object"><xsl:value-of select="ldh:instance-term(json:string[@key = 'object'], $pos)"/></json:string>
-                                    </json:map>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </xsl:for-each>
-                    </xsl:otherwise>
-                </xsl:choose>
-            </xsl:for-each>
-        </xsl:variable>
-
-        <!-- collapse instance properties whose (predicate, marker type set) coincide - the same property
-        asserted by several constructors (e.g. dct:title via a superclass and the class's own constructor) -->
-        <xsl:variable name="dropped-markers" as="xs:string*">
-            <xsl:for-each-group select="$raw-triples[json:string[@key = 'subject'] = '_:instance'][not(ldh:marker-types(json:string[@key = 'object'], $raw-triples) = '')]" group-by="json:string[@key = 'predicate'] || ' ' || ldh:marker-types(json:string[@key = 'object'], $raw-triples)">
-                <xsl:sequence select="for $duplicate in subsequence(current-group(), 2) return string($duplicate/json:string[@key = 'object'])"/>
-            </xsl:for-each-group>
-        </xsl:variable>
-        <xsl:variable name="triples" select="$raw-triples[not(json:string[@key = 'subject'] = '_:instance' and json:string[@key = 'object'] = $dropped-markers)][not(json:string[@key = 'subject'] = $dropped-markers)]" as="element()*"/>
-
-        <xsl:variable name="type-triples" as="element()*">
-            <xsl:for-each select="$types">
-                <json:map>
-                    <json:string key="subject">_:instance</json:string>
-                    <json:string key="predicate">&rdf;type</json:string>
-                    <json:string key="object"><xsl:value-of select="."/></json:string>
-                </json:map>
-            </xsl:for-each>
-        </xsl:variable>
-
-        <xsl:variable name="doc" as="document-node()">
-            <xsl:document>
-                <rdf:RDF>
-                    <xsl:sequence select="ldh:triples-to-descriptions(($triples, $type-triples))"/>
-                </rdf:RDF>
-            </xsl:document>
-        </xsl:variable>
-        <xsl:sequence select="$doc"/>
-    </xsl:function>
-
-    <!-- CSR variant of ldh:construct-forClass (imports/default.xsl declares the SAXON one) -->
-    <xsl:function name="ldh:construct-forClass" as="document-node()">
-        <xsl:param name="forClass" as="xs:anyURI+"/>
-
-        <xsl:variable name="results-uri" select="ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': ldh:constructor-query($forClass), 'accept': 'application/sparql-results+xml' })" as="xs:anyURI"/>
-        <xsl:variable name="request-uri" select="ldh:href($results-uri, map{})" as="xs:anyURI"/>
-        <xsl:variable name="results" select="document($request-uri)" as="document-node()"/>
-
-        <xsl:sequence select="ldh:construct-instance(distinct-values($results//srx:binding[@name = 'text']/srx:literal), $forClass)"/>
-    </xsl:function>
-
     <!-- builds an <$about> ?p ?o triple pattern for the given $about URI -->
 
     <xsl:function name="ldh:uri-po-pattern" as="element()*">
@@ -748,7 +594,16 @@ exclude-result-prefixes="#all"
         "/>
     </xsl:function>
 
-    <!-- Promise-chain cleanup callback for ixsl:finally — resets the body cursor. ixsl:finally requires a 0-arg handler and ignores its return value (the original promise outcome flows through to on-failure / on-completion). Idempotent with ldh:promise-failure's own cursor reset, so chains that use both don't conflict. -->
+    <!-- Raises the busy cursor when an interaction starts async work. Its counterpart is not a matching call at
+         every terminal branch but ixsl:finally(ldh:reset-cursor#0) on the chain the work runs in, which settles
+         once whatever the outcome: the branch-by-branch resets this replaced were missing from error branches
+         (a response that resolved with a 4xx/5xx left the cursor spinning) and duplicated across the success
+         ones. Pair every ldh:busy-cursor() with a finally on the promise it precedes. -->
+    <xsl:function name="ldh:busy-cursor" as="empty-sequence()" ixsl:updating="yes">
+        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+    </xsl:function>
+
+    <!-- Promise-chain cleanup callback for ixsl:finally — resets the body cursor. ixsl:finally requires a 0-arg handler and ignores its return value (the original promise outcome flows through to on-failure / on-completion). -->
     <xsl:function name="ldh:reset-cursor" ixsl:updating="yes">
         <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
     </xsl:function>
@@ -782,5 +637,128 @@ exclude-result-prefixes="#all"
         <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
         <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ $response?message ])"/>
     </xsl:function>
-    
+
+    <!-- ERROR UI: one alert builder, one detail builder, and a render function per host (block body, modal form) -->
+
+    <!-- The nodeID of the sentence that explains an HTTP status in the reader's own terms, rather than
+         restating the upstream text. The upstream text is still shown, demoted, in the technical detail. -->
+    <xsl:function name="ldh:http-error-key" as="xs:string">
+        <xsl:param name="status" as="xs:double?"/> <!-- xs:double, not xs:integer: SaxonJS surfaces the response status as a JS number, and integers promote into this but doubles do not promote the other way -->
+
+
+        <xsl:sequence select="if ($status = 400) then 'http-error-malformed' else if ($status = 401) then 'http-error-unauthorized' else if ($status = 403) then 'http-error-forbidden' else if ($status = 404) then 'http-error-not-found' else if ($status = (502, 503, 504)) then 'http-error-unreachable' else if ($status ge 500) then 'http-error-server' else 'http-error-unknown'"/>
+    </xsl:function>
+
+    <!-- The negative alert every failure surface is built from (design system: Core → Status, InlineAlert).
+         The headline names what failed, the sentence under it explains why - neither restates the upstream
+         text, which belongs in the technical detail. -->
+    <xsl:function name="ldh:error-alert" as="element()">
+        <xsl:param name="title-key" as="xs:string"/> <!-- translations.rdf nodeID of the headline -->
+        <xsl:param name="explanation-key" as="xs:string"/> <!-- nodeID of the sentence under it; ldh:http-error-key() derives one from a status -->
+        <xsl:param name="uri" as="xs:anyURI?"/> <!-- what could not be reached, linked under the sentence -->
+
+        <xsl:variable name="translations" select="ldh:translations()" as="document-node()"/>
+
+        <xsl:apply-templates select="$translations" mode="ac:InlineAlert">
+            <xsl:with-param name="title" as="item()*">
+                <xsl:apply-templates select="key('resources', $title-key, $translations)" mode="ac:label"/>
+            </xsl:with-param>
+            <xsl:with-param name="text" as="item()*">
+                <xsl:apply-templates select="key('resources', $explanation-key, $translations)" mode="ac:label"/>
+            </xsl:with-param>
+            <!-- the URI takes the alert body's link slot, its own row, so the sentence above it stays a
+                 sentence and a long IRI wraps without breaking the prose -->
+            <xsl:with-param name="body" as="item()*">
+                <xsl:if test="$uri">
+                    <a class="ldh-code" href="{$uri}">
+                        <xsl:value-of select="$uri"/>
+                    </a>
+                </xsl:if>
+            </xsl:with-param>
+        </xsl:apply-templates>
+    </xsl:function>
+
+    <!-- The upstream text, demoted into a collapsed disclosure: never the first thing read, never withheld from
+         whoever needs it. Empty when there is nothing to show, so callers can hand it whatever they have. -->
+    <xsl:function name="ldh:error-detail" as="element()?">
+        <xsl:param name="detail" as="xs:string?"/>
+
+        <xsl:if test="normalize-space($detail)">
+            <details class="ldh-block-detail">
+                <summary>
+                    <span class="msi" aria-hidden="true">chevron_right</span>
+                    <xsl:apply-templates select="key('resources', 'technical-detail', ldh:translations())" mode="ac:label"/>
+                </summary>
+                <pre>
+                    <xsl:value-of select="$detail"/>
+                </pre>
+            </details>
+        </xsl:if>
+    </xsl:function>
+
+    <!-- The status line and message a failed response contributes to the technical detail. -->
+    <xsl:function name="ldh:response-detail" as="xs:string">
+        <xsl:param name="response" as="map(*)?"/>
+
+        <xsl:sequence select="string-join(($response?status ! ('HTTP ' || .), $response?message), '&#xA;')"/>
+    </xsl:function>
+
+    <!-- The body a block shows when its content could not be loaded (design system: Components → Block states).
+         The card and header around this stay as they are - app.css derives the failure ring from the presence
+         of .ldh-block-error. Small hosts that are not a block body (facet popover, result count, parallax rows)
+         call ldh:error-alert directly, so they cannot ring the card they happen to sit in. -->
+    <xsl:function name="ldh:block-error" as="element()">
+        <xsl:param name="title-key" as="xs:string"/>
+        <xsl:param name="explanation-key" as="xs:string"/>
+        <xsl:param name="uri" as="xs:anyURI?"/>
+        <xsl:param name="response" as="map(*)?"/> <!-- the failed response; its status and message make the technical detail -->
+
+        <div class="ldh-block-error">
+            <xsl:sequence select="ldh:error-alert($title-key, $explanation-key, $uri)"/>
+            <xsl:sequence select="ldh:error-detail(ldh:response-detail($response))"/>
+        </div>
+    </xsl:function>
+
+    <!-- Replaces a block's content with the failure body. Every block-body error path goes through here: the
+         for-each over the container and the replace-content result-document were written out at each of them,
+         and $container is a sequence because some callers narrow it (e.g. to the block's div.main) and may
+         narrow it to nothing. -->
+    <xsl:function name="ldh:render-block-error" as="empty-sequence()" ixsl:updating="yes">
+        <xsl:param name="container" as="element()*"/>
+        <xsl:param name="title-key" as="xs:string"/>
+        <xsl:param name="explanation-key" as="xs:string"/>
+        <xsl:param name="uri" as="xs:anyURI?"/>
+        <xsl:param name="response" as="map(*)?"/>
+
+        <xsl:for-each select="$container">
+            <xsl:result-document href="?." method="ixsl:replace-content">
+                <xsl:sequence select="ldh:block-error($title-key, $explanation-key, $uri, $response)"/>
+            </xsl:result-document>
+        </xsl:for-each>
+    </xsl:function>
+
+    <!-- Appends the same alert to a modal form's fieldset, which is where form-level failures report. No
+         .ldh-block-error wrapper: a form is not a block body, and the wrapper is what app.css rings a card on. -->
+    <xsl:function name="ldh:render-form-error" as="empty-sequence()" ixsl:updating="yes">
+        <xsl:param name="form" as="element()?"/>
+        <xsl:param name="title-key" as="xs:string"/>
+        <xsl:param name="explanation-key" as="xs:string"/>
+        <xsl:param name="detail" as="xs:string?"/>
+
+        <xsl:for-each select="$form//fieldset">
+            <xsl:result-document href="?." method="ixsl:append-content">
+                <xsl:sequence select="ldh:error-alert($title-key, $explanation-key, ())"/>
+                <xsl:sequence select="ldh:error-detail($detail)"/>
+            </xsl:result-document>
+        </xsl:for-each>
+    </xsl:function>
+
+    <!-- target URIs of the Link header entries whose parameters contain $marker (e.g. a rel URI or 'rel=timemap') -->
+    <xsl:function name="ldh:link-targets" as="xs:anyURI*">
+        <xsl:param name="link-header" as="xs:string?"/>
+        <xsl:param name="marker" as="xs:string"/>
+
+        <xsl:sequence select="tokenize($link-header, ',')[contains(., $marker)] ! xs:anyURI(substring-before(substring-after(substring-before(., ';'), '&lt;'), '&gt;'))"/>
+    </xsl:function>
+
 </xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/graph3d.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/graph3d.xsl
similarity index 94%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/graph3d.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/graph3d.xsl
index 3ccab50832..961f2402fb 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/graph3d.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/graph3d.xsl
@@ -17,14 +17,12 @@ xmlns:rdfs="&rdfs;"
 xmlns:sd="http://www.w3.org/ns/sparql-service-description#"
 xmlns:ac="&ac;"
 xmlns:ldh="&ldh;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
 
     <xsl:include href="3d-force-graph.xsl"/>
     <xsl:include href="normalize-rdfxml.xsl"/>
-    <xsl:include href="merge-rdfxml.xsl"/>
 
     <xsl:param name="backlinks-graph-string" as="xs:string">
 <![CDATA[
@@ -122,12 +120,13 @@ WHERE
                         'graph-state': $graph-state
                     }" as="map(*)"/>
 
-                    <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                    <xsl:sequence select="ldh:busy-cursor()"/>
 
                     <ixsl:promise select="
                         ixsl:http-request($request)
-                            => ixsl:then(ldh:handle-graph3d-rdf-response($context, ?))
-                    " on-failure="ldh:promise-failure#1"/>
+                            => ixsl:then(ldh:handle-graph3d-rdf-response($context, ?)) =>
+                            ixsl:finally(ldh:reset-cursor#0)
+                        " on-failure="ldh:promise-failure#1"/>
                 </xsl:otherwise>
             </xsl:choose>
         </xsl:if>
@@ -162,12 +161,13 @@ WHERE
                     'graph-state': $graph-state
                 }" as="map(*)"/>
 
-                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                <xsl:sequence select="ldh:busy-cursor()"/>
 
                 <ixsl:promise select="
                     ixsl:http-request($request)
-                        => ixsl:then(ldh:handle-graph3d-backlinks-response($context, ?))
-                " on-failure="ldh:promise-failure#1"/>
+                        => ixsl:then(ldh:handle-graph3d-backlinks-response($context, ?)) =>
+                        ixsl:finally(ldh:reset-cursor#0)
+                    " on-failure="ldh:promise-failure#1"/>
             </xsl:if>
         </xsl:if>
     </xsl:template>
@@ -282,7 +282,7 @@ WHERE
         <xsl:variable name="show-literals" select="if (exists($show-literals-cb)) then xs:boolean(ixsl:get($show-literals-cb, 'checked')) else false()" as="xs:boolean"/>
 
         <xsl:variable name="locale-cb" select="id('show-locale-literals-' || $canvas-id, ixsl:page())"/>
-        <xsl:variable name="locale-filter" select="if ($show-literals and exists($locale-cb) and xs:boolean(ixsl:get($locale-cb, 'checked'))) then tokenize($ac:lang, '-')[1] else ()" as="xs:string?"/>
+        <xsl:variable name="locale-filter" select="if ($show-literals and exists($locale-cb) and xs:boolean(ixsl:get($locale-cb, 'checked'))) then tokenize(ac:langs()[1], '-')[1] else ()" as="xs:string?"/>
 
         <xsl:variable name="rdf-doc" select="ixsl:get($graph-state, 'document')" as="document-node()"/>
         <xsl:variable name="graph-data" as="item()">
@@ -432,7 +432,7 @@ WHERE
         <xsl:param name="node-label" as="xs:string"/>
         <h4><xsl:value-of select="$node-label"/></h4>
         <dl>
-            <dt>ID</dt>
+            <dt><xsl:apply-templates select="key('resources', 'node-id', ldh:translations())" mode="ac:label"/></dt>
             <dd>
                 <xsl:choose>
                     <xsl:when test="starts-with($node-id, 'http://') or starts-with($node-id, 'https://')">
@@ -442,7 +442,7 @@ WHERE
                 </xsl:choose>
             </dd>
             <xsl:if test="rdf:type">
-                <dt>Types</dt>
+                <dt><xsl:apply-templates select="key('resources', 'node-types', ldh:translations())" mode="ac:label"/></dt>
                 <dd><xsl:value-of select="distinct-values(rdf:type/tokenize(@rdf:resource, '[/#]')[last()])" separator=", "/></dd>
             </xsl:if>
         </dl>
@@ -453,7 +453,7 @@ WHERE
         <xsl:param name="node-label" as="xs:string"/>
         <h4><xsl:value-of select="."/></h4>
         <dl>
-            <dt>ID</dt>
+            <dt><xsl:apply-templates select="key('resources', 'node-id', ldh:translations())" mode="ac:label"/></dt>
             <dd><xsl:value-of select="$node-id"/></dd>
         </dl>
     </xsl:template>
@@ -468,16 +468,16 @@ WHERE
             <xsl:result-document href="?." method="ixsl:append-content">
                 <div id="tooltip-{$canvas-id}" class="graph-3d-tooltip"/>
                 <div id="info-panel-{$canvas-id}" class="graph-3d-info-panel">
-                    <div id="info-content-{$canvas-id}">Click a node to see details</div>
+                    <div id="info-content-{$canvas-id}"><xsl:apply-templates select="key('resources', 'graph-click-node-hint', ldh:translations())" mode="ac:label"/></div>
                 </div>
                 <div id="show-panel-{$canvas-id}" class="graph-3d-show-panel">
-                    <label><input type="checkbox" id="show-stubs-{$canvas-id}" data-canvas-id="{$canvas-id}" class="graph-3d-filter" checked="checked"/> Resources without descriptions</label>
-                    <label><input type="checkbox" id="show-literals-{$canvas-id}" data-canvas-id="{$canvas-id}" class="graph-3d-filter"/> Literals
-                        <label class="sub-option"><input type="checkbox" id="show-locale-literals-{$canvas-id}" data-canvas-id="{$canvas-id}" class="graph-3d-filter" disabled="disabled"/> Matching locale only</label>
+                    <label><input type="checkbox" id="show-stubs-{$canvas-id}" data-canvas-id="{$canvas-id}" class="graph-3d-filter" checked="checked"/><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'graph-show-stubs', ldh:translations())" mode="ac:label"/></label>
+                    <label><input type="checkbox" id="show-literals-{$canvas-id}" data-canvas-id="{$canvas-id}" class="graph-3d-filter"/><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'graph-show-literals', ldh:translations())" mode="ac:label"/>
+                        <label class="sub-option"><input type="checkbox" id="show-locale-literals-{$canvas-id}" data-canvas-id="{$canvas-id}" class="graph-3d-filter" disabled="disabled"/><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'graph-locale-literals-only', ldh:translations())" mode="ac:label"/></label>
                     </label>
                 </div>
-                <button data-canvas-id="{$canvas-id}" class="graph-3d-zoom btn btn-small">Zoom to fit</button>
-                <button data-canvas-id="{$canvas-id}" class="graph-3d-fullscreen btn btn-small">Fullscreen</button>
+                <button data-canvas-id="{$canvas-id}" class="graph-3d-zoom ldhc-btn in-neutral ap-solid sz-sm"><span class="msi sm" aria-hidden="true">fit_screen</span><xsl:value-of select="ac:label(key('resources', 'zoom-to-fit', ldh:translations()))"/></button>
+                <button data-canvas-id="{$canvas-id}" class="graph-3d-fullscreen ldhc-btn in-neutral ap-solid sz-sm"><span class="msi sm" aria-hidden="true">fullscreen</span><xsl:value-of select="ac:label(key('resources', 'fullscreen', ldh:translations()))"/></button>
             </xsl:result-document>
         </xsl:for-each>
     </xsl:template>
@@ -496,7 +496,7 @@ WHERE
                 <xsl:with-param name="container" select="$canvas"/>
                 <xsl:with-param name="builder" select="ixsl:apply(ixsl:get(ixsl:window(), 'ForceGraph3D'), [])"/>
                 <xsl:with-param name="graph-width" select="xs:double(ixsl:get($canvas, 'offsetWidth'))"/>
-                <xsl:with-param name="graph-height" select="xs:double(600)"/>
+                <xsl:with-param name="graph-height" select="xs:double(ixsl:get($canvas, 'offsetHeight'))"/>
                 <xsl:with-param name="node-rel-size" select="xs:double(4)"/>
                 <xsl:with-param name="link-width" select="xs:double(1.5)"/>
                 <xsl:with-param name="node-label-color" select="'white'"/>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/map.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/map.xsl
similarity index 73%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/map.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/map.xsl
index 8c2a464333..578341dda3 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/map.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/map.xsl
@@ -6,6 +6,7 @@
     <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
     <!ENTITY geo    "http://www.w3.org/2003/01/geo/wgs84_pos#">
     <!ENTITY ldt    "https://www.w3.org/ns/ldt#">
+    <!ENTITY lapp   "https://w3id.org/atomgraph/linkeddatahub/apps#">
     <!ENTITY gs     "http://www.opengis.net/ont/geosparql#">
 ]>
 <xsl:stylesheet version="3.0"
@@ -21,11 +22,11 @@ xmlns:json="http://www.w3.org/2005/xpath-functions"
 xmlns:array="http://www.w3.org/2005/xpath-functions/array"
 xmlns:ac="&ac;"
 xmlns:ldh="&ldh;"
+xmlns:lapp="&lapp;"
 xmlns:rdf="&rdf;"
 xmlns:geo="&geo;"
 xmlns:ldt="&ldt;"
 xmlns:gs="&gs;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
@@ -145,10 +146,13 @@ exclude-result-prefixes="#all"
             'map': $map,
             'initial-load': $initial-load
           }"/>
+        <!-- the busy cursor is raised by ldh:RenderViewMode, which calls this template; the finally that lowers it
+             belongs here, on the chain that actually does the loading -->
         <ixsl:promise select="ixsl:http-request($context('request')) =>
             ixsl:then(ldh:rethread-response($context, ?)) =>
             ixsl:then(ldh:handle-response#1) =>
-            ixsl:then(ldh:geo-results-response#1)"
+            ixsl:then(ldh:geo-results-response#1) =>
+            ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
     
@@ -333,8 +337,6 @@ exclude-result-prefixes="#all"
         <xsl:variable name="map" select="$context('map')" as="item()"/> <!-- OpenLayers map object -->
         <xsl:variable name="initial-load" select="$context('initial-load')" as="xs:boolean"/>
 
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-        
         <xsl:for-each select="$response">
             <xsl:choose>
                 <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
@@ -350,17 +352,11 @@ exclude-result-prefixes="#all"
                 </xsl:when>
                 <xsl:otherwise>
                     <!-- error response - could not load query results -->
-                    <xsl:call-template name="render-container-error">
-                        <xsl:with-param name="container" select="$container"/>
-                        <xsl:with-param name="message" select="?message"/>
-                    </xsl:call-template>
+                    <xsl:sequence select="ldh:render-block-error($container, 'block-query-failed', ldh:http-error-key($response?status), (), $response)"/>
                 </xsl:otherwise>
             </xsl:choose>
         </xsl:for-each>
         
-        <!-- loading is done - restore the default mouse cursor -->
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-        
         <xsl:sequence select="$context"/>
     </xsl:function>
 
@@ -384,51 +380,68 @@ exclude-result-prefixes="#all"
                 <xsl:variable name="uri" select="xs:anyURI($id)" as="xs:anyURI"/>
                 <xsl:variable name="request-uri" select="ldh:href(ac:absolute-path($uri), map{})" as="xs:anyURI"/>
 
-                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-                <xsl:variable name="request" as="item()*">
-                    <ixsl:schedule-action http-request="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }">
-                        <xsl:call-template name="onFeatureDescriptionLoad">
-                            <xsl:with-param name="event" select="$event"/>
-                            <xsl:with-param name="map" select="$map"/>
-                            <xsl:with-param name="feature" select="$feature"/>
-                            <xsl:with-param name="uri" select="$uri"/>
-                        </xsl:call-template>
-                    </ixsl:schedule-action>
-                </xsl:variable>
-                <xsl:sequence select="$request[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ldh:busy-cursor()"/>
+
+                <xsl:variable name="context" as="map(*)" select="
+                  map{
+                    'request': map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } },
+                    'event': $event,
+                    'map': $map,
+                    'feature': $feature,
+                    'uri': $uri
+                  }"/>
+                <!-- no ldh:handle-response in the chain: a failed fetch is reported here rather than raised, so it must reach the callback -->
+                <ixsl:promise select="ixsl:http-request($context('request')) =>
+                    ixsl:then(ldh:rethread-response($context, ?)) =>
+                    ixsl:then(ldh:feature-description-response#1) =>
+                    ixsl:finally(ldh:reset-cursor#0)"
+                    on-failure="ldh:promise-failure#1"/>
             </xsl:if>
         </xsl:if>
     </xsl:template>
     
-    <xsl:template name="onFeatureDescriptionLoad">
-        <xsl:context-item as="map(*)" use="required"/>
-        <xsl:param name="event"/>
-        <xsl:param name="map"/>
-        <xsl:param name="feature"/>
-        <xsl:param name="uri" as="xs:anyURI"/>
-        
+    <xsl:function name="ldh:feature-description-response" as="map(*)" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="event" select="$context('event')"/>
+        <xsl:variable name="map" select="$context('map')"/>
+        <xsl:variable name="uri" select="$context('uri')" as="xs:anyURI"/>
+
         <xsl:choose>
-            <xsl:when test="?status = 200 and starts-with(?media-type, 'application/rdf+xml')">
-                <xsl:for-each select="?body">
+            <xsl:when test="$response?status = 200 and starts-with($response?media-type, 'application/rdf+xml')">
+                <xsl:for-each select="$response?body">
+                    <!-- info windows are the only overlays this map carries, and they read one at a time the way popups
+                         do elsewhere: the one being opened replaces whatever is already up, rather than stacking over it -->
+                    <xsl:sequence select="ixsl:call(ixsl:call($map, 'getOverlays', []), 'clear', [])[current-date() lt xs:date('2000-01-01')]"/>
+
                     <xsl:variable name="info-window-options" select="ldh:new-object()"/>
                     <xsl:variable name="info-window-html" as="element()">
-                        <xsl:apply-templates select="key('resources', $uri)">
-                            <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
-                        </xsl:apply-templates>
+                        <!-- the design-system property-list CSS is scoped to .ldh-block; is-quiet drops the card
+                             chrome that would otherwise paint a second bordered surface inside the info window
+                             panel, and the flush body leaves the inset to the overlay's own modal-body -->
+                        <div class="ldh-block is-quiet">
+                            <xsl:apply-templates select="key('resources', $uri)" mode="ac:BlockHeader"/>
+
+                            <div class="main ldh-block-body is-flush">
+                                <xsl:apply-templates select="key('resources', $uri)">
+                                    <xsl:with-param name="show-edit-button" select="false()" tunnel="yes"/>
+                                </xsl:apply-templates>
+                            </div>
+                        </div>
                     </xsl:variable>
                     <xsl:variable name="coord" select="ixsl:get($event, 'coordinate')"/>
                     <xsl:variable name="container" select="ixsl:call(ixsl:page(), 'createElement', [ 'div' ])" as="element()"/>
                     <xsl:sequence select="ixsl:call(ixsl:call($map, 'getOverlayContainerStopEvent', []), 'appendChild', [ $container ])[current-date() lt xs:date('2000-01-01')]"/>
-                    <xsl:variable name="uuid" select="ixsl:call(ixsl:window(), 'generateUUID', [])" as="xs:string"/>
+                    <xsl:variable name="uuid" select="ac:uuid()" as="xs:string"/>
                     <ixsl:set-attribute name="id" select="'id' || $uuid" object="$container"/>
 
                     <xsl:variable name="overlay-options" select="ldh:new-object()"/>
                     <ixsl:set-property name="element" select="$container" object="$overlay-options"/>
-                    <ixsl:set-property name="autoPan" select="true()" object="$overlay-options"/>
+                    <!-- no autoPan: it fires while the overlay joins the map, before the panel's own size is known here,
+                         and it can only move the map - which is not enough on its own. The pan and the fitting that has
+                         to finish it are done together below. -->
                     <ixsl:set-property name="positioning" select="'bottom-center'" object="$overlay-options"/>
                     <!--<ixsl:set-property name="className" select="'ol-overlay-container ol-selectable'" object="$overlay-options"/>-->
-                    <!--<ixsl:set-property name="autoPanAnimation" select="" object="$overlay-options"/>-->
                     <xsl:variable name="overlay" select="ixsl:new('ol.Overlay', [ $overlay-options ])"/>
                     <xsl:sequence select="ixsl:call($overlay, 'setPosition', [ $coord ])[current-date() lt xs:date('2000-01-01')]"/>
 
@@ -437,31 +450,70 @@ exclude-result-prefixes="#all"
 
                     <xsl:for-each select="$container">
                         <xsl:result-document href="?." method="ixsl:replace-content">
-                            <div class="modal-header">
-                                <button type="button" class="close">&#215;</button>
+                            <div class="ldhc-modal-head">
+                                <span class="ldhc-modal-x">
+                                    <button type="button" class="ldhc-iconbtn sz-sm in-neutral ap-ghost close" aria-label="{ac:label(key('resources', 'close', ldh:translations()))}"><span class="msi sm">close</span></button>
+                                </span>
                             </div>
-                            
-                            <div class="modal-body">
+
+                            <div class="ldhc-modal-body">
                                 <xsl:sequence select="$info-window-html"/>
                             </div>
                         </xsl:result-document>
                     </xsl:for-each>
                 
                     <xsl:sequence select="ixsl:call($map, 'addOverlay', [ $overlay ])[current-date() lt xs:date('2000-01-01')]"/>
+
+                    <!-- the popup only takes on the panel's width and max-height once ol has wrapped it, so where it can
+                         sit is settled here rather than in the options above. The map's overflow is hidden, so anything
+                         hanging over an edge is cut off - under the view controls at the top - and the popup is worked
+                         back into the viewport, inset by the same margin ol's own autoPan would have left it. -->
+                    <xsl:variable name="map-box" select="ixsl:call(ixsl:call($map, 'getTargetElement', []), 'getBoundingClientRect', [])"/>
+                    <!-- ol builds its own .ol-overlay-container around $container, and that wrapper is what the panel CSS sizes -->
+                    <xsl:variable name="popup-box" select="ixsl:call($container/.., 'getBoundingClientRect', [])"/>
+                    <xsl:variable name="margin" select="20" as="xs:double"/>
+                    <xsl:variable name="map-width" select="xs:double(ixsl:get($map-box, 'width'))" as="xs:double"/>
+                    <xsl:variable name="map-height" select="xs:double(ixsl:get($map-box, 'height'))" as="xs:double"/>
+                    <xsl:variable name="popup-width" select="xs:double(ixsl:get($popup-box, 'width'))" as="xs:double"/>
+                    <xsl:variable name="popup-height" select="xs:double(ixsl:get($popup-box, 'height'))" as="xs:double"/>
+                    <!-- the overlay is already rendered bottom-centred on the marker, so its own box locates the marker -->
+                    <xsl:variable name="natural-left" select="xs:double(ixsl:get($popup-box, 'left')) - xs:double(ixsl:get($map-box, 'left'))" as="xs:double"/>
+                    <xsl:variable name="marker-y" select="xs:double(ixsl:get($popup-box, 'top')) - xs:double(ixsl:get($map-box, 'top')) + $popup-height" as="xs:double"/>
+                    <!-- stay above the marker while there is room for that, drop below it when only that side has room -->
+                    <xsl:variable name="positioning" select="if ($popup-height + $margin le $marker-y or $popup-height + $margin gt $map-height - $marker-y) then 'bottom-center' else 'top-center'" as="xs:string"/>
+                    <xsl:variable name="natural-top" select="if ($positioning = 'bottom-center') then $marker-y - $popup-height else $marker-y" as="xs:double"/>
+                    <xsl:variable name="shift-x" select="max(($margin, min(($natural-left, $map-width - $popup-width - $margin)))) - $natural-left" as="xs:double"/>
+                    <xsl:variable name="shift-y" select="max(($margin, min(($natural-top, $map-height - $popup-height - $margin)))) - $natural-top" as="xs:double"/>
+                    <xsl:sequence select="ixsl:call($overlay, 'setPositioning', [ $positioning ])[current-date() lt xs:date('2000-01-01')]"/>
+
+                    <!-- the shift is offered to the map first, the way every popup implementation moves the least it can
+                         to reveal itself, so the panel keeps its foot on the marker. The view constrains its centre to
+                         the projection extent, so ask it which centre it can actually reach and read that back through
+                         the frame the measurements above came from: at the edge of the world the pan stops short, and
+                         only what it could not absorb becomes the overlay's own offset. -->
+                    <xsl:variable name="view" select="ixsl:call($map, 'getView', [])"/>
+                    <xsl:variable name="target-center" select="ixsl:call($map, 'getCoordinateFromPixel', [ [ $map-width div 2 - $shift-x, $map-height div 2 - $shift-y ] ])"/>
+                    <xsl:variable name="center" select="ixsl:call($view, 'getConstrainedCenter', [ $target-center ])"/>
+                    <!-- ol's coordinates and pixels arrive as sequences of two doubles rather than arrays, so they are
+                         indexed, not read with ixsl:get; asking for one as array(*) hangs the renderer rather than failing -->
+                    <xsl:variable name="center-pixel" select="ixsl:call($map, 'getPixelFromCoordinate', [ $center ])" as="xs:double*"/>
+                    <xsl:variable name="panned-x" select="$map-width div 2 - $center-pixel[1]" as="xs:double"/>
+                    <xsl:variable name="panned-y" select="$map-height div 2 - $center-pixel[2]" as="xs:double"/>
+                    <xsl:sequence select="ixsl:call($view, 'setCenter', [ $center ])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:sequence select="ixsl:call($overlay, 'setOffset', [ [ $shift-x - $panned-x, $shift-y - $panned-y ] ])[current-date() lt xs:date('2000-01-01')]"/>
                 </xsl:for-each>
             </xsl:when>
             <xsl:otherwise>
-                <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ ?message ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(ixsl:window(), 'alert', [ $response?message ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:otherwise>
         </xsl:choose>
-        
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-    </xsl:template>
+
+        <xsl:sequence select="$context"/>
+    </xsl:function>
     
     <!-- close popup overlay (info window) -->
     
-    <xsl:template match="div[contains-token(@class, 'ol-overlay-container')]//div[contains-token(@class, 'modal-header')]/button[contains-token(@class, 'close')]" mode="ixsl:onclick">
+    <xsl:template match="div[contains-token(@class, 'ol-overlay-container')]//div[contains-token(@class, 'ldhc-modal-head')]//button[contains-token(@class, 'close')]" mode="ixsl:onclick">
         <xsl:variable name="container" select="ancestor::div[contains-token(@class, 'ol-overlay-container')]/div" as="element()"/>
         <xsl:variable name="overlay" select="ixsl:get($container, 'overlay')" as="item()"/>
         <xsl:variable name="map" select="ixsl:call($overlay, 'getMap', [])" as="item()"/>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/memento.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/memento.xsl
similarity index 75%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/memento.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/memento.xsl
index d47426ee93..2d61af2ca8 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/memento.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/memento.xsl
@@ -20,7 +20,6 @@ xmlns:rdf="&rdf;"
 xmlns:prov="&prov;"
 xmlns:sp="&sp;"
 xmlns:acl="&acl;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 xmlns:xhtml="http://www.w3.org/1999/xhtml"
 exclude-result-prefixes="#all"
 extension-element-prefixes="ixsl"
@@ -33,9 +32,9 @@ version="3.0"
     <xsl:template match="a[contains-token(@class, 'document-history')]" mode="ixsl:onclick" priority="1">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
         <xsl:variable name="timemap-uri" select="xs:anyURI(resolve-uri(@href, ldh:base-uri(.)))" as="xs:anyURI"/>
-        <xsl:variable name="container" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="container" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $timemap-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
         <!-- ac:absolute-path() drops the ?version= that distinguishes a memento from the document it specializes -->
@@ -45,7 +44,8 @@ version="3.0"
             => ixsl:then(ldh:rethread-response($context, ?))
             => ixsl:then(ldh:handle-response#1)
             => ixsl:then(ldh:load-document-modes#1)
-            => ixsl:then(ldh:timemap-response#1)
+            => ixsl:then(ldh:timemap-response#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
@@ -68,29 +68,30 @@ version="3.0"
         <xsl:variable name="response" select="$context('response')" as="map(*)"/>
         <xsl:variable name="container" select="$context('container')" as="element()"/>
         <!-- same Link header parse as client.xsl uses to seed acl:mode(), but against the live document's response -->
-        <xsl:variable name="acl-modes" select="tokenize($context('doc-response')?headers?link, ',')[contains(., '&acl;mode')] ! xs:anyURI(substring-before(substring-after(substring-before(., ';'), '&lt;'), '&gt;'))" as="xs:anyURI*"/>
+        <xsl:variable name="acl-modes" select="ldh:link-targets($context('doc-response')?headers?link, '&acl;mode')" as="xs:anyURI*"/>
         <xsl:variable name="writable" select="$acl-modes = '&acl;Write'" as="xs:boolean"/>
 
         <xsl:for-each select="$response">
-            <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-
             <xsl:for-each select="$container">
+
+                <!-- a modal takes over from the chrome that opened it: a drop-down the pick came from is dismissed here, once its own handler has run -->
+                <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]" mode="ldh:CloseMenu"/>
                 <xsl:result-document href="?." method="ixsl:append-content">
-                    <div class="modal modal-constructor fade in" id="document-history-modal">
-                        <div class="modal-header">
-                            <button type="button" class="close">&#215;</button>
-                            <legend>
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'history', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </legend>
-                            <p class="text-info">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'history-description', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </p>
-                        </div>
-                        <div class="modal-body">
+                    <div class="ldhc-backdrop pos-top modal modal-constructor" id="document-history-modal">
+                        <xsl:apply-templates select="." mode="ldh:Modal">
+                            <xsl:with-param name="size" select="'sz-xl'"/>
+                            <xsl:with-param name="title" as="item()*">
+                                    <xsl:value-of>
+                                        <xsl:apply-templates select="key('resources', 'history', ldh:translations())" mode="ac:label"/>
+                                    </xsl:value-of>
+                            </xsl:with-param>
+                            <xsl:with-param name="sub" as="item()*">
+                                    <xsl:value-of>
+                                        <xsl:apply-templates select="key('resources', 'history-description', ldh:translations())" mode="ac:label"/>
+                                    </xsl:value-of>
+                            </xsl:with-param>
+                            <xsl:with-param name="body" as="item()*">
+
                             <xsl:choose>
                                 <xsl:when test="$response?status = 200 and $response?media-type = 'application/rdf+xml'">
                                     <xsl:variable name="mementos" select="$response?body//*[@rdf:about][prov:specializationOf/@rdf:resource]" as="element()*"/>
@@ -101,72 +102,68 @@ version="3.0"
                                     <!-- preselect the viewed version as the diff target and its predecessor as the diff source (the viewed version itself when there is none) -->
                                     <xsl:variable name="from-memento" select="(xs:anyURI($sorted-mementos[$current-index - 1]/@rdf:about), $current-memento)[1]" as="xs:anyURI?"/>
                                     <form id="form-version-diff">
-                                        <table class="table table-striped">
-                                            <colgroup>
-                                                <col style="width: 38%;"/>
-                                                <col style="width: 22%;"/>
-                                                <col style="width: 12%;"/>
-                                                <col style="width: 12%;"/>
-                                                <col style="width: 16%;"/>
-                                            </colgroup>
-                                            <thead>
-                                                <tr>
-                                                    <th>
+                                        <xsl:apply-templates select="." mode="ldh:DataTable">
+                                            <xsl:with-param name="cols" select="'38fr 22fr 12fr 12fr 16fr'"/>
+                                            <xsl:with-param name="caption" as="item()*">
+                                                <xsl:apply-templates select="key('resources', 'history', ldh:translations())" mode="ac:label"/>
+                                            </xsl:with-param>
+                                            <xsl:with-param name="head" as="item()*">
+                                                    <th scope="col" role="columnheader">
                                                         <xsl:value-of>
-                                                            <xsl:apply-templates select="key('resources', 'version', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                                            <xsl:apply-templates select="key('resources', 'version', ldh:translations())" mode="ac:label"/>
                                                         </xsl:value-of>
                                                     </th>
-                                                    <th>
+                                                    <th scope="col" role="columnheader">
                                                         <xsl:value-of>
-                                                            <xsl:apply-templates select="key('resources', 'agent', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                                            <xsl:apply-templates select="key('resources', 'agent', ldh:translations())" mode="ac:label"/>
                                                         </xsl:value-of>
                                                     </th>
                                                     <!-- header colors match the diff colors: removed content comes from the From version, added content from the To version -->
-                                                    <th class="text-error">
+                                                    <th scope="col" role="columnheader" class="text-error">
                                                         <xsl:value-of>
-                                                            <xsl:apply-templates select="key('resources', 'from', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                                            <xsl:apply-templates select="key('resources', 'from', ldh:translations())" mode="ac:label"/>
                                                         </xsl:value-of>
                                                     </th>
-                                                    <th class="text-success">
+                                                    <th scope="col" role="columnheader" class="text-success">
                                                         <xsl:value-of>
-                                                            <xsl:apply-templates select="key('resources', 'to', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                                            <xsl:apply-templates select="key('resources', 'to', ldh:translations())" mode="ac:label"/>
                                                         </xsl:value-of>
                                                     </th>
                                                     <!-- the restore column has no heading: the buttons name the action themselves -->
-                                                    <th></th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <xsl:apply-templates select="$mementos" mode="bs2:MementoList">
+                                                    <th scope="col" role="columnheader"></th>
+                                            </xsl:with-param>
+                                            <xsl:with-param name="body" as="item()*">
+                                                <xsl:apply-templates select="$mementos" mode="ldh:MementoList">
                                                     <xsl:sort select="prov:generatedAtTime" order="descending"/>
                                                     <xsl:with-param name="current-memento" select="$current-memento"/>
                                                     <xsl:with-param name="from-memento" select="$from-memento"/>
                                                     <xsl:with-param name="to-memento" select="$current-memento"/>
                                                     <xsl:with-param name="writable" select="$writable"/>
                                                 </xsl:apply-templates>
-                                            </tbody>
-                                        </table>
-                                        <div class="form-actions modal-footer">
-                                            <button type="submit" class="btn btn-primary">
+                                            </xsl:with-param>
+                                        </xsl:apply-templates>
+                                        <div class="ldh-block-foot">
+                                            <button type="button" class="ldhc-btn in-neutral ap-outline sz-md btn-close">
                                                 <xsl:value-of>
-                                                    <xsl:apply-templates select="key('resources', 'compare', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                                    <xsl:apply-templates select="key('resources', 'close', ldh:translations())" mode="ac:label"/>
                                                 </xsl:value-of>
                                             </button>
-                                            <button type="button" class="btn btn-close">
+                                            <button type="submit" class="ldhc-btn in-primary ap-solid sz-md">
+                                                <span class="msi sm" aria-hidden="true">compare_arrows</span>
                                                 <xsl:value-of>
-                                                    <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                                    <xsl:apply-templates select="key('resources', 'compare', ldh:translations())" mode="ac:label"/>
                                                 </xsl:value-of>
                                             </button>
                                         </div>
                                     </form>
                                 </xsl:when>
                                 <xsl:otherwise>
-                                    <div class="alert alert-error">
-                                        <xsl:text>Could not load the version history</xsl:text>
-                                    </div>
+                                    <xsl:sequence select="ldh:error-alert('version-history-not-loaded', ldh:http-error-key($response?status), ())"/>
                                 </xsl:otherwise>
                             </xsl:choose>
-                        </div>
+                        
+                            </xsl:with-param>
+                        </xsl:apply-templates>
                     </div>
                 </xsl:result-document>
             </xsl:for-each>
@@ -205,8 +202,8 @@ version="3.0"
         <xsl:variable name="doc-uri" select="ac:absolute-path(ldh:request-uri())" as="xs:anyURI"/>
         <xsl:variable name="modal" select="ancestor::div[contains-token(@class, 'modal')]" as="element()?"/>
 
-        <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))) ])">
-            <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:if test="ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'are-you-sure', ldh:translations())) ])">
+            <xsl:sequence select="ldh:busy-cursor()"/>
 
             <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $memento-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
             <xsl:variable name="context" select="map{ 'request': $request, 'doc-uri': $doc-uri, 'modal': $modal }" as="map(*)"/>
@@ -214,7 +211,8 @@ version="3.0"
               ixsl:http-request($context('request'))
                 => ixsl:then(ldh:rethread-response($context, ?))
                 => ixsl:then(ldh:handle-response#1)
-                => ixsl:then(ldh:restore-version#1)
+                => ixsl:then(ldh:restore-version#1) =>
+                ixsl:finally(ldh:reset-cursor#0)
             " on-failure="ldh:promise-failure#1"/>
         </xsl:if>
     </xsl:template>
@@ -234,8 +232,7 @@ version="3.0"
                     => ixsl:then(ldh:restored-version#1)"/>
             </xsl:when>
             <xsl:otherwise>
-                <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-                <xsl:sequence select="ldh:restore-failed($context, 'Could not read the selected version')"/>
+                <xsl:sequence select="ldh:restore-failed($context, 'version-not-read')"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -259,7 +256,7 @@ version="3.0"
                 </xsl:call-template>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ldh:restore-failed($context, 'Could not restore this version')"/>
+                <xsl:sequence select="ldh:restore-failed($context, 'version-not-restored')"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -267,13 +264,11 @@ version="3.0"
     <!-- reports a failed restore inside the modal, so the agent keeps the version list they were working from -->
     <xsl:function name="ldh:restore-failed" as="item()?" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
-        <xsl:param name="message" as="xs:string"/>
+        <xsl:param name="title-key" as="xs:string"/> <!-- translations.rdf nodeID naming which step of the restore failed -->
 
-        <xsl:for-each select="$context('modal')/div[contains-token(@class, 'modal-body')]">
+        <xsl:for-each select="($context('modal')//div[contains-token(@class, 'ldhc-modal-body')])[1]">
             <xsl:result-document href="?." method="ixsl:prepend-content">
-                <div class="alert alert-error">
-                    <xsl:value-of select="$message || ' (HTTP ' || $context('response')?status || ')'"/>
-                </div>
+                <xsl:sequence select="ldh:error-alert($title-key, ldh:http-error-key($context('response')?status), ())"/>
             </xsl:result-document>
         </xsl:for-each>
     </xsl:function>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/modal.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/modal.xsl
similarity index 70%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/modal.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/modal.xsl
index 8ef59c67e4..8f1e82c7a0 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/modal.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/modal.xsl
@@ -44,7 +44,6 @@ xmlns:dct="&dct;"
 xmlns:dh="&dh;"
 xmlns:sp="&sp;"
 xmlns:spin="&spin;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
@@ -68,42 +67,45 @@ LIMIT   10
     <!-- TEMPLATES -->
     
     <xsl:template name="ldh:FirstTimeMessage">
-        <div class="modal modal-first-time-message">
-            <div class="hero-unit">
-                <button type="button" class="close">×</button>
-                <h1>Your LinkedDataHub is ready!</h1>
-                <h2>Unlock the value of your Knowledge Graph with data-driven content and low code apps.</h2>
-                <p>Create structured content backed by live data, intuitively explore graph datasets, model and manage RDF data, control data quality and more. <em>Without writing code</em>.</p>
-                <p>
-                    <a class="btn btn-primary btn-large" href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/get-started/" target="_blank">Get started</a>
-                    <a class="btn btn-large" href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/" target="_blank">Learn more</a>
-                </p>
-            </div>
+        <div class="ldhc-backdrop pos-center modal modal-first-time-message">
+            <xsl:apply-templates select="." mode="ldh:Modal">
+                <xsl:with-param name="flush" select="true()"/>
+                <xsl:with-param name="body" as="item()*">
+
+                    <div class="ldh-hero">
+                        <h1><xsl:apply-templates select="key('resources', 'first-time-title', ldh:translations())" mode="ac:label"/></h1>
+                        <h2><xsl:apply-templates select="key('resources', 'first-time-subtitle', ldh:translations())" mode="ac:label"/></h2>
+                        <p><xsl:apply-templates select="key('resources', 'first-time-body', ldh:translations())" mode="ac:label"/><xsl:text> </xsl:text><em><xsl:apply-templates select="key('resources', 'first-time-body-emphasis', ldh:translations())" mode="ac:label"/></em>.</p>
+                        <p>
+                            <a class="ldhc-btn in-primary ap-solid sz-lg" href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/get-started/" target="_blank"><xsl:value-of select="ac:label(key('resources', 'get-started', ldh:translations()))"/></a>
+                            <a class="ldhc-btn in-neutral ap-solid sz-lg" href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/" target="_blank"><xsl:value-of select="ac:label(key('resources', 'learn-more', ldh:translations()))"/></a>
+                        </p>
+                    </div>
+                
+                </xsl:with-param>
+            </xsl:apply-templates>
         </div>
     </xsl:template>
     
     <xsl:template name="ldh:AddDataForm">
         <xsl:param name="id" select="'add-data'" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn btn-primary btn-save'" as="xs:string?"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-md btn-save'" as="xs:string?"/>
         <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
         <xsl:param name="source" as="xs:anyURI?"/>
         <xsl:param name="query" as="xs:anyURI?"/>
-        <xsl:param name="legend-label" select="ac:label(key('resources', 'add-rdf-data', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))" as="xs:string"/>
+        <xsl:param name="legend-label" select="ac:label(key('resources', 'add-rdf-data', ldh:translations()))" as="xs:string"/>
 
-        <div class="modal modal-constructor fade in">
+        <div class="ldhc-backdrop pos-top modal modal-constructor">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
 
-            <div class="modal-header">
-                <button type="button" class="close">&#215;</button>
-
-                <legend>
-                    <xsl:value-of select="$legend-label"/>
-                </legend>
-            </div>
+            <xsl:apply-templates select="." mode="ldh:Modal">
+                <xsl:with-param name="title" as="item()*">
+                            <xsl:value-of select="$legend-label"/>
+                </xsl:with-param>
+                <xsl:with-param name="body" as="item()*">
 
-            <div class="modal-body">
                 <form id="form-clone-data" method="POST">
                     <xsl:comment>The hidden pu/ou input pairs use RDF/POST-style naming to key the submit handler's data extraction; the form is never wire-submitted</xsl:comment>
                     <fieldset>
@@ -112,210 +114,237 @@ LIMIT   10
                             <input type="hidden" name="ou" value="{$query}"/>
                         </xsl:if>
 
-                        <div class="control-group required">
-                            <input type="hidden" name="pu" value="&dct;source"/>
-                            <!-- TO-DO: localize label -->
-                            <label class="control-label" for="remote-rdf-source">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'source', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </label>
-                            <div class="controls">
-                                <input type="text" id="remote-rdf-source" name="ou" class="input-xxlarge">
-                                    <xsl:if test="$source">
-                                        <xsl:attribute name="value" select="$source"/>
-                                    </xsl:if>
-                                </input>
-                                <span class="help-inline">
-                                    <xsl:value-of>
-                                        <xsl:apply-templates select="key('resources', 'resource', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                    </xsl:value-of>
-                                </span>
+                        <div class="ldh-prop-form is-form-mode">
+                            <div class="ldh-prop-group required">
+                                <input type="hidden" name="pu" value="&dct;source"/>
+                                <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                    <xsl:with-param name="this" select="xs:anyURI('&dct;source')"/>
+                                    <xsl:with-param name="label" as="item()*">
+                                        <xsl:apply-templates select="key('resources', 'source', ldh:translations())" mode="ac:label"/>
+                                    </xsl:with-param>
+                                    <xsl:with-param name="required" select="true()"/>
+                                </xsl:apply-templates>
+                                <div class="ldh-prop-row is-last">
+                                    <div class="value val-stack">
+                                        <div class="val-main">
+                                            <xsl:apply-templates select="." mode="ac:FieldShell">
+                                                <xsl:with-param name="control" as="item()*">
+                                                    <input type="text" id="remote-rdf-source" name="ou">
+                                                        <xsl:if test="$source">
+                                                            <xsl:attribute name="value" select="$source"/>
+                                                        </xsl:if>
+                                                    </input>
+                                                </xsl:with-param>
+                                            </xsl:apply-templates>
+                                            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                                                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-resource'"/>
+                                                <xsl:with-param name="label" as="item()*">
+                                                    <xsl:apply-templates select="key('resources', 'resource', ldh:translations())" mode="ac:label"/>
+                                                </xsl:with-param>
+                                            </xsl:apply-templates>
+                                        </div>
+                                    </div>
+                                    <div class="row-actions"></div>
+                                </div>
                             </div>
-                        </div>
-                        <div class="control-group required">
-                            <input type="hidden" name="pu" value="&sd;name"/>
-                            <label class="control-label" for="remote-rdf-doc">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'graph', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </label>
-                            <div class="controls">
-                                <span data-for-class="&dh;Container &dh;Item">
-                                    <input type="text" name="ou" id="remote-rdf-doc" class="resource-typeahead typeahead"/>
-                                    <ul class="resource-typeahead typeahead dropdown-menu" id="ul-upload-rdf-doc" style="display: none;"></ul>
-                                </span>
-
-                                <!--
-                                <div class="btn-group">
-                                    <button type="button" class="btn dropdown-toggle create-action"></button>
-                                    <ul class="dropdown-menu">
-                                        <li>
-                                            <button data-for-class="&dh;Container" class="btn add-constructor" title="&dh;Container" id="{generate-id()}-remote-rdf-container">
-                                                <xsl:value-of>
-                                                    <xsl:apply-templates select="key('resources', '&dh;Container', document(ac:document-uri('&dh;')))" mode="ac:label"/>
-                                                </xsl:value-of>
-                                            </button>
-                                        </li>
-                                        <li>
-                                            <button data-for-class="&dh;Item" type="button" class="btn add-constructor" title="&dh;Item" id="{generate-id()}-remote-rdf-item">
-                                                <xsl:value-of>
-                                                    <xsl:apply-templates select="key('resources', '&dh;Item', document(ac:document-uri('&dh;')))" mode="ac:label"/>
-                                                </xsl:value-of>
-                                            </button>
-                                        </li>
-                                    </ul>
+                            <div class="ldh-prop-group required">
+                                <input type="hidden" name="pu" value="&sd;name"/>
+                                <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                    <xsl:with-param name="this" select="xs:anyURI('&sd;name')"/>
+                                    <xsl:with-param name="label" as="item()*">
+                                        <xsl:apply-templates select="key('resources', 'graph', ldh:translations())" mode="ac:label"/>
+                                    </xsl:with-param>
+                                    <xsl:with-param name="required" select="true()"/>
+                                </xsl:apply-templates>
+                                <div class="ldh-prop-row is-last">
+                                    <div class="value val-stack">
+                                        <div class="val-main">
+                                            <xsl:call-template name="ldh:Combobox">
+                                                <xsl:with-param name="id" select="'remote-rdf-doc'"/>
+                                                <xsl:with-param name="forClass" select="(xs:anyURI('&dh;Container'), xs:anyURI('&dh;Item'))"/>
+                                            </xsl:call-template>
+
+                                            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                                                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-resource'"/>
+                                                <xsl:with-param name="label" as="item()*">
+                                                    <xsl:apply-templates select="key('resources', '&dh;Document', document(ac:document-uri('&dh;')))" mode="ac:label"/>
+                                                </xsl:with-param>
+                                            </xsl:apply-templates>
+                                        </div>
+                                    </div>
+                                    <div class="row-actions"></div>
                                 </div>
-                                -->
-                                <span class="help-inline">
-                                    <xsl:value-of>
-                                        <xsl:apply-templates select="key('resources', '&dh;Document', document(ac:document-uri('&dh;')))" mode="ac:label"/>
-                                    </xsl:value-of>
-                                </span>
                             </div>
                         </div>
                     </fieldset>
 
-                    <div class="form-actions modal-footer">
-                        <button type="submit" class="{$button-class}">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                        <button type="button" class="btn btn-close">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                        <button type="reset" class="btn btn-reset">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'reset', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                    </div>
+                    <xsl:apply-templates select="." mode="ldh:FormFooter">
+                        <xsl:with-param name="class" select="'ldh-block-foot'"/>
+                        <xsl:with-param name="button-class" select="$button-class"/>
+                        <xsl:with-param name="dismiss" select="'close'"/>
+                    </xsl:apply-templates>
                 </form>
 
-                <div class="alert alert-info">
-                    <p>Adding data this way fetches the source through the Linked Data proxy and appends it to the target document, so use it for small amounts of data only (e.g. a few thousand RDF triples). For larger data, use asynchronous <a href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/reference/imports/rdf/" target="_blank">RDF imports</a>.</p>
-                </div>
-            </div>
+                <xsl:apply-templates select="." mode="ac:InlineAlert">
+                    <xsl:with-param name="variant" select="'va-informative'"/>
+                    <xsl:with-param name="text" as="item()*">
+                        <xsl:apply-templates select="key('resources', 'add-data-notice', ldh:translations())" mode="ac:label"/>
+                        <xsl:text> </xsl:text>
+                        <a href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/reference/imports/rdf/" target="_blank">
+                            <xsl:apply-templates select="key('resources', 'rdf-imports', ldh:translations())" mode="ac:label"/>
+                        </a>
+                        <xsl:text>.</xsl:text>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+                
+                </xsl:with-param>
+            </xsl:apply-templates>
         </div>
     </xsl:template>
 
     <xsl:template name="ldh:GenerateContainersForm">
         <xsl:param name="id" select="'generate-containers'" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn btn-primary btn-save'" as="xs:string?"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-md btn-save'" as="xs:string?"/>
         <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
-        <xsl:param name="legend-label" select="ac:label(key('resources', 'generate-containers', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))" as="xs:string"/>
+        <xsl:param name="legend-label" select="ac:label(key('resources', 'generate-containers', ldh:translations()))" as="xs:string"/>
         <xsl:param name="default-limit" select="10" as="xs:integer"/>
         
-        <div class="modal modal-constructor fade in">
+        <div class="ldhc-backdrop pos-top modal modal-constructor">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
 
-            <div class="modal-header">
-                <button type="button" class="close">&#215;</button>
+            <xsl:apply-templates select="." mode="ldh:Modal">
+                <xsl:with-param name="title" as="item()*">
+                            <xsl:value-of select="$legend-label"/>
+                </xsl:with-param>
+                <xsl:with-param name="body" as="item()*">
 
-                <legend>
-                    <xsl:value-of select="$legend-label"/>
-                </legend>
-            </div>
-
-            <div class="modal-body">
-                <div class="tabbable">
-                    <ul class="nav nav-tabs">
-                        <li class="active">
+                <div class="ldhc-tabs or-horizontal">
+                    <ul class="ldhc-tablist sz-md">
+                        <li class="is-active">
                             <a>
                                 <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'from-sparql-service', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                    <xsl:apply-templates select="key('resources', 'from-sparql-service', ldh:translations())" mode="ac:label"/>
                                 </xsl:value-of>
                             </a>
                         </li>
                     </ul>
-                    <div class="tab-content">
+                    <div class="ldh-panes">
                         <div>
-                            <!--<xsl:attribute name="class" select="'tab-pane ' || (if (not($source)) then 'active' else ())"/>-->
+                            <!--<xsl:attribute name="class" select="'ldh-pane ' || (if (not($source)) then 'is-active' else ())"/>-->
 
                             <!-- no @action: the submit handler orchestrates client-side PUTs of the generated container documents -->
                             <form id="form-generate-containers" method="POST">
                                 <fieldset>
-                                    <div class="control-group required">
-                                        <input name="pu" type="hidden" value="&sioc;has_parent"/>
-                                        <label class="control-label" for="generate-containers-parent">
-                                            <xsl:value-of>
-                                                <xsl:apply-templates select="key('resources', 'has-parent', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                            </xsl:value-of>
-                                        </label>
-                                        <div class="controls">
-                                            <span data-for-class="&def;Root &dh;Container">
-                                                <input type="text" name="ou" class="resource-typeahead typeahead" id="generate-containers-parent" autocomplete="off"/>
-                                                <ul class="resource-typeahead typeahead dropdown-menu" id="ul-parent-container" style="display: none;"></ul>
-                                            </span>
-
-                                            <span class="help-inline">
-                                                <xsl:value-of>
-                                                    <xsl:apply-templates select="key('resources', '&dh;Container', document(ac:document-uri('&dh;')))" mode="ac:label"/>
-                                                </xsl:value-of>
-                                            </span>
+                                    <div class="ldh-prop-form is-form-mode">
+                                        <div class="ldh-prop-group required">
+                                            <input name="pu" type="hidden" value="&sioc;has_parent"/>
+                                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                                <xsl:with-param name="this" select="xs:anyURI('&sioc;has_parent')"/>
+                                                <xsl:with-param name="label" as="item()*">
+                                                    <xsl:apply-templates select="key('resources', 'has-parent', ldh:translations())" mode="ac:label"/>
+                                                </xsl:with-param>
+                                                <xsl:with-param name="required" select="true()"/>
+                                            </xsl:apply-templates>
+                                            <div class="ldh-prop-row is-last">
+                                                <div class="value val-stack">
+                                                    <div class="val-main">
+                                                        <xsl:call-template name="ldh:Combobox">
+                                                            <xsl:with-param name="id" select="'generate-containers-parent'"/>
+                                                            <xsl:with-param name="forClass" select="(xs:anyURI('&def;Root'), xs:anyURI('&dh;Container'))"/>
+                                                        </xsl:call-template>
+
+                                                        <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                                                            <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-resource'"/>
+                                                            <xsl:with-param name="label" as="item()*">
+                                                                <xsl:apply-templates select="key('resources', '&dh;Container', document(ac:document-uri('&dh;')))" mode="ac:label"/>
+                                                            </xsl:with-param>
+                                                        </xsl:apply-templates>
+                                                    </div>
+                                                </div>
+                                                <div class="row-actions"></div>
+                                            </div>
                                         </div>
-                                    </div>
-                                    <div class="control-group required">
-                                        <input name="pu" type="hidden" value="&sp;limit"/>
-                                        <label class="control-label" for="schema-class-limit">
-                                            <xsl:value-of>
-                                                <xsl:apply-templates select="key('resources', 'limit', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                            </xsl:value-of>
-                                        </label>
-                                        <div class="controls">
-                                            <input type="text" name="ol" id="schema-class-limit" value="{$default-limit}"/>
-                                            <input type="hidden" name="lt" value="&xsd;integer"/>
-                                            
-                                            <span class="help-inline">xsd:integer</span>
+                                        <div class="ldh-prop-group required">
+                                            <input name="pu" type="hidden" value="&sp;limit"/>
+                                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                                <xsl:with-param name="this" select="xs:anyURI('&sp;limit')"/>
+                                                <xsl:with-param name="label" as="item()*">
+                                                    <xsl:apply-templates select="key('resources', 'limit', ldh:translations())" mode="ac:label"/>
+                                                </xsl:with-param>
+                                                <xsl:with-param name="required" select="true()"/>
+                                            </xsl:apply-templates>
+                                            <div class="ldh-prop-row is-last">
+                                                <div class="value val-stack">
+                                                    <div class="val-main">
+                                                        <xsl:apply-templates select="." mode="ac:FieldShell">
+                                                            <xsl:with-param name="control" as="item()*">
+                                                                <input type="text" name="ol" id="schema-class-limit" value="{$default-limit}"/>
+                                                            </xsl:with-param>
+                                                        </xsl:apply-templates>
+                                                        <input type="hidden" name="lt" value="&xsd;integer"/>
+
+                                                        <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                                                            <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet co-neutral'"/>
+                                                            <xsl:with-param name="title" select="'&xsd;integer'"/>
+                                                            <xsl:with-param name="label" select="'xsd:integer'"/>
+                                                        </xsl:apply-templates>
+                                                    </div>
+                                                </div>
+                                                <div class="row-actions"></div>
+                                            </div>
                                         </div>
-                                    </div>
-                                    <div class="control-group">
-                                        <input name="pu" type="hidden" value="&ldh;service"/>
-                                        <label class="control-label" for="source-service">
-                                            <xsl:value-of>
-                                                <xsl:apply-templates select="key('resources', 'service', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                            </xsl:value-of>
-                                        </label>
-                                        <div class="controls">
-                                            <span data-for-class="&sd;Service">
-                                                <input type="text" name="ou" class="resource-typeahead typeahead" id="source-service" autocomplete="off"/>
-                                                <ul class="resource-typeahead typeahead dropdown-menu" id="ul-source-service" style="display: none;"></ul>
-                                            </span>
-
-                                            <span class="help-inline">
-                                                <xsl:value-of>
-                                                    <xsl:apply-templates select="key('resources', 'service', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                                </xsl:value-of>
-                                            </span>
+                                        <div class="ldh-prop-group">
+                                            <input name="pu" type="hidden" value="&ldh;service"/>
+                                            <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                                <xsl:with-param name="this" select="xs:anyURI('&ldh;service')"/>
+                                                <xsl:with-param name="label" as="item()*">
+                                                    <xsl:apply-templates select="key('resources', 'service', ldh:translations())" mode="ac:label"/>
+                                                </xsl:with-param>
+                                            </xsl:apply-templates>
+                                            <div class="ldh-prop-row is-last">
+                                                <div class="value val-stack">
+                                                    <div class="val-main">
+                                                        <xsl:call-template name="ldh:Combobox">
+                                                            <xsl:with-param name="id" select="'source-service'"/>
+                                                            <xsl:with-param name="forClass" select="xs:anyURI('&sd;Service')"/>
+                                                        </xsl:call-template>
+
+                                                        <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                                                            <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-resource'"/>
+                                                            <xsl:with-param name="label" as="item()*">
+                                                                <xsl:apply-templates select="key('resources', 'service', ldh:translations())" mode="ac:label"/>
+                                                            </xsl:with-param>
+                                                        </xsl:apply-templates>
+                                                    </div>
+                                                </div>
+                                                <div class="row-actions"></div>
+                                            </div>
                                         </div>
                                     </div>
                                 </fieldset>
 
-                                <div class="form-actions modal-footer">
-                                    <button type="button" class="btn btn-primary btn-load-endpoint-schema">
+                                <div class="ldh-block-foot">
+                                    <button type="button" class="ldhc-btn in-primary ap-solid sz-md btn-load-endpoint-schema">
                                         <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'load-schema', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                            <xsl:apply-templates select="key('resources', 'load-schema', ldh:translations())" mode="ac:label"/>
                                         </xsl:value-of>
                                     </button>
                                     <!-- disabled until the schema is loaded; ldh:endpoint-classes-response enables it -->
                                     <button type="submit" class="{$button-class}" disabled="disabled">
                                         <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'generate', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                            <xsl:apply-templates select="key('resources', 'generate', ldh:translations())" mode="ac:label"/>
                                         </xsl:value-of>
                                     </button>
-                                    <button type="button" class="btn btn-close">
+                                    <button type="button" class="ldhc-btn in-neutral ap-outline sz-md btn-close">
                                         <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                            <xsl:apply-templates select="key('resources', 'close', ldh:translations())" mode="ac:label"/>
                                         </xsl:value-of>
                                     </button>
-                                    <button type="reset" class="btn btn-reset">
+                                    <button type="reset" class="ldhc-btn in-neutral ap-outline sz-md btn-reset">
                                         <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'reset', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                            <xsl:apply-templates select="key('resources', 'reset', ldh:translations())" mode="ac:label"/>
                                         </xsl:value-of>
                                     </button>
                                 </div>
@@ -326,40 +355,38 @@ LIMIT   10
 <!--                <div class="alert alert-info">
                     <p>Adding data this way will cause a blocking request, so use it for small amounts of data only (e.g. a few thousands of RDF triples). For larger data, use asynchronous <a href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/reference/imports/rdf/" target="_blank">RDF imports</a>.</p>
                 </div>-->
-            </div>
+                
+                </xsl:with-param>
+            </xsl:apply-templates>
         </div>
     </xsl:template>
     
     <xsl:template match="rdf:RDF" mode="ldh:RequestAccessForm">
         <xsl:param name="id" select="'request-access'" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn btn-primary btn-access-form'" as="xs:string?"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-md btn-access-form'" as="xs:string?"/>
         <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
         <xsl:param name="this" as="xs:anyURI"/>
         <xsl:param name="action" select="ldh:href(resolve-uri('access/request', lapp:origin($this)))" as="xs:anyURI"/>
-        <xsl:param name="legend-label" select="ac:label(key('resources', 'request-access', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))" as="xs:string"/>
+        <xsl:param name="legend-label" select="ac:label(key('resources', 'request-access', ldh:translations()))" as="xs:string"/>
         <xsl:param name="agent" as="xs:anyURI"/>
         
-        <div class="modal modal-constructor fade in">
+        <div class="ldhc-backdrop pos-top modal modal-constructor">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
 
-            <div class="modal-header">
-                <button type="button" class="close">&#215;</button>
+            <xsl:apply-templates select="." mode="ldh:Modal">
+                <xsl:with-param name="title" as="item()*">
+                            <xsl:value-of select="$legend-label"/>
+                </xsl:with-param>
+                <xsl:with-param name="sub" as="item()*">
+                            <xsl:value-of>
+                                <xsl:apply-templates select="key('resources', 'request-access-description', ldh:translations())" mode="ac:label"/>
+                            </xsl:value-of>
+                </xsl:with-param>
+                <xsl:with-param name="body" as="item()*">
 
-                <legend>
-                    <xsl:value-of select="$legend-label"/>
-                </legend>
-                
-                <p class="text-info">
-                    <xsl:value-of>
-                        <xsl:apply-templates select="key('resources', 'request-access-description', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    </xsl:value-of>
-                </p>
-            </div>
-
-            <div class="modal-body">
-                <form id="form-request-access" class="form-horizontal" method="POST" action="{$action}">
+                <form id="form-request-access" class="ldh-prop-form" method="POST" action="{$action}">
                     <xsl:comment>This form uses RDF/POST encoding: https://atomgraph.github.io/RDF-POST/</xsl:comment>
                     <xsl:call-template name="xhtml:Input">
                         <xsl:with-param name="name" select="'rdf'"/>
@@ -370,16 +397,21 @@ LIMIT   10
                         <div>
                             <label for="request-access-for">
                                 <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'request-access-for', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                    <xsl:apply-templates select="key('resources', 'request-access-for', ldh:translations())" mode="ac:label"/>
                                 </xsl:value-of>
                             </label>
-                            <select id="request-access-for" class="input-block-level">
-                                <option value="{$agent}">
-                                    <xsl:value-of select="$agent"/> (<xsl:value-of>
-                                        <xsl:apply-templates select="key('resources', 'me', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                    </xsl:value-of>)
-                                </option>
-                            </select>
+                            <xsl:apply-templates select="." mode="ac:SelectShell">
+                                <xsl:with-param name="size" select="'sz-md'"/>
+                                <xsl:with-param name="select" as="item()*">
+                                <select id="request-access-for">
+                                    <option value="{$agent}">
+                                        <xsl:value-of select="$agent"/> (<xsl:value-of>
+                                            <xsl:apply-templates select="key('resources', 'me', ldh:translations())" mode="ac:label"/>
+                                        </xsl:value-of>)
+                                    </option>
+                                </select>
+                                </xsl:with-param>
+                            </xsl:apply-templates>
                         </div>
                     </fieldset>
 
@@ -387,29 +419,20 @@ LIMIT   10
                         <!-- content replaced by the ldh:access-response callback -->
                     </div>
                    
-                    <div class="form-actions modal-footer">
-                        <button type="submit" class="{$button-class}">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'request', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                        <button type="button" class="btn btn-close">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                        <button type="reset" class="btn btn-reset">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'reset', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                    </div>
+                    <xsl:apply-templates select="." mode="ldh:FormFooter">
+                        <xsl:with-param name="class" select="'ldh-block-foot'"/>
+                        <xsl:with-param name="button-class" select="$button-class"/>
+                        <xsl:with-param name="dismiss" select="'close'"/>
+                        <xsl:with-param name="save-key" select="'request'"/>
+                    </xsl:apply-templates>
                 </form>
-            </div>
+                
+                </xsl:with-param>
+            </xsl:apply-templates>
         </div>
     </xsl:template>
     
-    <xsl:template match="rdf:RDF" mode="request-access-matrix">
+    <xsl:template match="rdf:RDF" mode="ldh:RequestAccessMatrix">
         <xsl:param name="agent" as="xs:anyURI"/>
         <!-- TO-DO: support agent-group? -->
         <xsl:param name="this" as="xs:anyURI"/>
@@ -419,33 +442,29 @@ LIMIT   10
         <fieldset>
             <legend>
                 <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'url-based-access', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                    <xsl:apply-templates select="key('resources', 'url-based-access', ldh:translations())" mode="ac:label"/>
                 </xsl:value-of>
             </legend>
-            <table class="table table-striped">
-                <colgroup>
-                    <col style="width: 55%;"/>
-                    <col style="width: 15%;"/>
-                    <col style="width: 15%;"/>
-                    <col style="width: 15%;"/>
-                </colgroup>
-                <thead>
-                    <tr>
-                        <th>
+            <xsl:apply-templates select="." mode="ldh:DataTable">
+                <xsl:with-param name="cols" select="'55fr 15fr 15fr 15fr'"/>
+                <xsl:with-param name="caption" as="item()*">
+                    <xsl:apply-templates select="key('resources', 'url-based-access', ldh:translations())" mode="ac:label"/>
+                </xsl:with-param>
+                <xsl:with-param name="head" as="item()*">
+                        <th scope="col" role="columnheader">
                             <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'url', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                <xsl:apply-templates select="key('resources', 'url', ldh:translations())" mode="ac:label"/>
                             </xsl:value-of>
                         </th>
                         <xsl:for-each select="$access-modes">
-                            <th>
+                            <th scope="col" role="columnheader">
                                 <xsl:value-of>
                                     <xsl:apply-templates select="key('resources', ., document(ac:document-uri('&acl;')))" mode="ac:label"/>
                                 </xsl:value-of>
                             </th>
                         </xsl:for-each>
-                    </tr>
-                </thead>
-                <tbody>
+                </xsl:with-param>
+                <xsl:with-param name="body" as="item()*">
                     <!-- the current document's URL is always shown -->
                     <xsl:variable name="this-auth" as="element()">
                         <rdf:Description>
@@ -462,47 +481,43 @@ LIMIT   10
                         <xsl:variable name="granted-access-modes" select="distinct-values(current-group()/acl:mode/@rdf:resource)" as="xs:anyURI*"/>
 
                         <!-- applying on the first authorization in the group -->
-                        <xsl:apply-templates select="." mode="access-to">
+                        <xsl:apply-templates select="." mode="ldh:AccessToRow">
                             <xsl:with-param name="agent" select="$agent"/>
                             <xsl:with-param name="access-modes" select="$access-modes"/>
                             <xsl:with-param name="access-to" select="current-grouping-key()"/>
                             <xsl:with-param name="granted-access-modes" select="$granted-access-modes"/>
                         </xsl:apply-templates>
                     </xsl:for-each-group>
-                </tbody>
-            </table>
+                </xsl:with-param>
+            </xsl:apply-templates>
         </fieldset>
 
         <fieldset>
             <legend>
                 <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'class-based-access', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                    <xsl:apply-templates select="key('resources', 'class-based-access', ldh:translations())" mode="ac:label"/>
                 </xsl:value-of>
             </legend>
-            <table class="table table-striped">
-                <colgroup>
-                    <col style="width: 55%;"/>
-                    <col style="width: 15%;"/>
-                    <col style="width: 15%;"/>
-                    <col style="width: 15%;"/>
-                </colgroup>
-                <thead>
-                    <tr>
-                        <th>
+            <xsl:apply-templates select="." mode="ldh:DataTable">
+                <xsl:with-param name="cols" select="'55fr 15fr 15fr 15fr'"/>
+                <xsl:with-param name="caption" as="item()*">
+                    <xsl:apply-templates select="key('resources', 'class-based-access', ldh:translations())" mode="ac:label"/>
+                </xsl:with-param>
+                <xsl:with-param name="head" as="item()*">
+                        <th scope="col" role="columnheader">
                             <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'class-name', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                <xsl:apply-templates select="key('resources', 'class-name', ldh:translations())" mode="ac:label"/>
                             </xsl:value-of>
                         </th>
                         <xsl:for-each select="$access-modes">
-                            <th>
+                            <th scope="col" role="columnheader">
                                 <xsl:value-of>
                                     <xsl:apply-templates select="key('resources', ., document(ac:document-uri('&acl;')))" mode="ac:label"/>
                                 </xsl:value-of>
                             </th>
                         </xsl:for-each>
-                    </tr>
-                </thead>
-                <tbody>
+                </xsl:with-param>
+                <xsl:with-param name="body" as="item()*">
                     <xsl:variable name="default-classes" select="(xs:anyURI('&def;Root'), xs:anyURI('&dh;Container'), xs:anyURI('&dh;Item'), xs:anyURI('&nfo;FileDataObject'))" as="xs:anyURI*"/>
                     <!-- the current document's class is always shown -->
                     <xsl:variable name="this-auth" as="element()*">
@@ -521,26 +536,26 @@ LIMIT   10
                         <xsl:variable name="granted-access-modes" select="distinct-values(current-group()/acl:mode/@rdf:resource)" as="xs:anyURI*"/>
 
                         <!-- applying on the first authorization in the group -->                        
-                        <xsl:apply-templates select="." mode="access-to-class">
+                        <xsl:apply-templates select="." mode="ldh:AccessToClassRow">
                             <xsl:with-param name="agent" select="$agent"/>
                             <xsl:with-param name="access-modes" select="$access-modes"/>
                             <xsl:with-param name="access-to-class" select="current-grouping-key()"/>
                             <xsl:with-param name="granted-access-modes" select="$granted-access-modes"/>
                         </xsl:apply-templates>
                     </xsl:for-each-group>
-                </tbody>
-            </table>
+                </xsl:with-param>
+            </xsl:apply-templates>
         </fieldset>
     </xsl:template>
     
-    <xsl:template match="rdf:Description" mode="access-to">
+    <xsl:template match="rdf:Description" mode="ldh:AccessToRow">
         <xsl:param name="agent" as="xs:anyURI"/>
         <xsl:param name="access-to" as="xs:anyURI"/>
         <xsl:param name="access-modes" as="xs:anyURI*"/>
         <xsl:param name="granted-access-modes" as="xs:anyURI*"/>
 
-        <tr>
-            <td>
+        <tr role="row">
+            <td role="cell">
                 <a href="{$access-to}" target="_blank">
                     <xsl:value-of select="$access-to"/>
                 </a>
@@ -555,21 +570,21 @@ LIMIT   10
                 <input type="hidden" name="pu" value="&acl;mode"/>
             </td>
             
-            <xsl:apply-templates select="." mode="access-table">
+            <xsl:apply-templates select="." mode="ldh:AccessModeCells">
                 <xsl:with-param name="access-modes" select="$access-modes"/>
                 <xsl:with-param name="granted-access-modes" select="$granted-access-modes"/>
             </xsl:apply-templates>
         </tr>
     </xsl:template>
 
-    <xsl:template match="rdf:Description" mode="access-to-class">
+    <xsl:template match="rdf:Description" mode="ldh:AccessToClassRow">
         <xsl:param name="agent" as="xs:anyURI"/>
         <xsl:param name="access-to-class" as="xs:anyURI"/>
         <xsl:param name="access-modes" as="xs:anyURI*"/>
         <xsl:param name="granted-access-modes" as="xs:anyURI*"/>
 
-        <tr>
-            <td>
+        <tr role="row">
+            <td role="cell">
                 <a href="{$access-to-class}" target="_blank">
                     <xsl:choose>
                         <xsl:when test="doc-available(ac:document-uri($access-to-class)) and key('resources', $access-to-class, document(ac:document-uri($access-to-class)))">
@@ -592,26 +607,22 @@ LIMIT   10
                 <input type="hidden" name="pu" value="&acl;mode"/>
             </td>
             
-            <xsl:apply-templates select="." mode="access-table">
+            <xsl:apply-templates select="." mode="ldh:AccessModeCells">
                 <xsl:with-param name="access-modes" select="$access-modes"/>
                 <xsl:with-param name="granted-access-modes" select="$granted-access-modes"/>
             </xsl:apply-templates>
         </tr>
     </xsl:template>
     
-    <xsl:template match="rdf:Description" mode="access-table">
+    <xsl:template match="rdf:Description" mode="ldh:AccessModeCells">
         <xsl:param name="access-modes" as="xs:anyURI*"/>
         <xsl:param name="granted-access-modes" as="xs:anyURI*"/>
         <xsl:param name="is-owner" select="rdf:type/@rdf:resource = '&lacl;OwnerAuthorization'" as="xs:boolean"/>
 
         <xsl:for-each select="$access-modes">
             <xsl:variable name="current-mode" select="."/>
-            <td>
-                <label class="checkbox">
-                    <xsl:if test="$is-owner">
-                        <xsl:attribute name="class" select="'checkbox label label-info'"/>
-                    </xsl:if>
-                    
+            <td role="cell">
+                <label class="ldh-check">
                     <input type="checkbox" name="ou" value="{$current-mode}">
                         <xsl:if test="$current-mode = $granted-access-modes">
                             <!-- the modes that the agent already has access to are disabled since the agent cannot ask for less access, only more -->
@@ -632,28 +643,25 @@ LIMIT   10
     
     <xsl:template name="ldh:ReconcileForm">
         <xsl:param name="id" select="'form-reconcile'" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn btn-primary btn-save'" as="xs:string?"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-md btn-save'" as="xs:string?"/>
         <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
         <xsl:param name="action" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
-        <xsl:param name="legend-label" select="ac:label(key('resources', 'reconcile-entity', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))" as="xs:string"/>
+        <xsl:param name="legend-label" select="ac:label(key('resources', 'reconcile-entity', ldh:translations()))" as="xs:string"/>
         <xsl:param name="resource" as="xs:anyURI"/>
         <xsl:param name="label" as="xs:string"/>
         <xsl:param name="service" as="xs:anyURI"/>
         
-        <div class="modal modal-constructor fade in">
+        <div class="ldhc-backdrop pos-top modal modal-constructor">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
 
-            <div class="modal-header">
-                <button type="button" class="close">&#215;</button>
+            <xsl:apply-templates select="." mode="ldh:Modal">
+                <xsl:with-param name="title" as="item()*">
+                            <xsl:value-of select="$legend-label"/>
+                </xsl:with-param>
+                <xsl:with-param name="body" as="item()*">
 
-                <legend>
-                    <xsl:value-of select="$legend-label"/>
-                </legend>
-            </div>
-
-            <div class="modal-body">
                 <form id="form-reconcile" method="POST" action="{$action}">
                     <xsl:comment>This form uses RDF/POST encoding: https://atomgraph.github.io/RDF-POST/</xsl:comment>
                     <xsl:call-template name="xhtml:Input">
@@ -664,26 +672,42 @@ LIMIT   10
                     <fieldset>
                         <input type="hidden" name="su" value="{$resource}"/>
 
-                        <div class="control-group required">
-                            <input type="hidden" name="pu" value="&owl;sameAs"/>
-                            <label class="control-label" for="same-as-resource">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'same-as', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </label>
-                            <div class="controls">
-                                <input id="same-as-resource" type="text" value="{$label}" class="input-xxlarge"/>
-                                
-                                <span class="help-inline">
-                                    <xsl:value-of>
-                                        <xsl:apply-templates select="key('resources', 'resource', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                    </xsl:value-of>
-                                </span>
+                        <div class="ldh-prop-form is-form-mode">
+                            <div class="ldh-prop-group required">
+                                <input type="hidden" name="pu" value="&owl;sameAs"/>
+                                <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                                    <xsl:with-param name="this" select="xs:anyURI('&owl;sameAs')"/>
+                                    <xsl:with-param name="label" as="item()*">
+                                        <xsl:apply-templates select="key('resources', 'same-as', ldh:translations())" mode="ac:label"/>
+                                    </xsl:with-param>
+                                    <xsl:with-param name="required" select="true()"/>
+                                </xsl:apply-templates>
+                                <div class="ldh-prop-row is-last">
+                                    <div class="value val-stack">
+                                        <div class="val-main">
+                                            <xsl:apply-templates select="." mode="ac:FieldShell">
+                                                <xsl:with-param name="control" as="item()*">
+                                                    <input id="same-as-resource" type="text" value="{$label}"/>
+                                                </xsl:with-param>
+                                            </xsl:apply-templates>
+
+                                            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                                                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-resource'"/>
+                                                <xsl:with-param name="label" as="item()*">
+                                                    <xsl:apply-templates select="key('resources', 'resource', ldh:translations())" mode="ac:label"/>
+                                                </xsl:with-param>
+                                            </xsl:apply-templates>
+                                        </div>
+                                    </div>
+                                    <div class="row-actions"></div>
+                                </div>
                             </div>
                         </div>
                     </fieldset>
                 </form>
-            </div>
+                
+                </xsl:with-param>
+            </xsl:apply-templates>
         </div>
     </xsl:template>
 
@@ -708,6 +732,16 @@ LIMIT   10
         </xsl:for-each>
     </xsl:template>
 
+    <!-- a press on the backdrop itself (outside the dialog card) dismisses the dialog; presses inside land on a child, which the containment test filters out -->
+
+    <xsl:template match="div[contains-token(@class, 'ldhc-backdrop')]" mode="ixsl:onclick">
+        <xsl:variable name="target" select="ixsl:get(ixsl:event(), 'target')"/>
+
+        <xsl:if test="empty(*[ixsl:call(., 'contains', [ $target ])])">
+            <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
+        </xsl:if>
+    </xsl:template>
+
     <!-- Esc closes the topmost modal; predicate guard keeps Esc available to other widgets when no modal is open. priority="1" wins over graph3d.xsl's body keydown if both happen to match. -->
     <xsl:template match="body[descendant::div[contains-token(@class, 'modal')]]" mode="ixsl:onkeydown" priority="1">
         <xsl:if test="ixsl:get(ixsl:event(), 'key') = 'Escape'">
@@ -718,8 +752,8 @@ LIMIT   10
     
     <!-- submit instance creation modal form using PUT -->
 
-    <xsl:template match="div[contains-token(@class, 'modal-constructor')]//form[contains-token(@class, 'form-horizontal')][upper-case(@method) = 'PUT']" mode="ixsl:onsubmit" priority="2">
-        <!-- ldh:constructor-form-response stamps render-fn=ldh:render-constructor-form#2 (mode="bs2:Form") so the violation re-render keeps co-shipped peer Descriptions (content blocks) visible. Higher-priority flow templates (e.g. inline view creation) re-stamp $callback and/or supply $request-body via xsl:next-match. -->
+    <xsl:template match="div[contains-token(@class, 'modal-constructor')]//form[tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')][upper-case(@method) = 'PUT']" mode="ixsl:onsubmit" priority="2">
+        <!-- ldh:constructor-form-response stamps render-fn=ldh:render-constructor-form#2 (mode="ac:ResourceForm") so the violation re-render keeps co-shipped peer Descriptions (content blocks) visible. Higher-priority flow templates (e.g. inline view creation) re-stamp $callback and/or supply $request-body via xsl:next-match. -->
         <xsl:param name="callback" select="ldh:constructor-form-response#1" as="function(map(*)) as item()*"/>
         <xsl:param name="request-body" as="document-node()?"/>
         <xsl:next-match>
@@ -760,11 +794,12 @@ LIMIT   10
 
         <xsl:for-each select="$content-body">
             <xsl:variable name="form" as="element()*">
-                <xsl:apply-templates select="$constructed-doc" mode="bs2:Form">
+                <xsl:apply-templates select="$constructed-doc" mode="ac:ResourceForm">
                     <xsl:with-param name="about" select="()"/>
                     <xsl:with-param name="method" select="'put'"/>
                     <xsl:with-param name="action" select="ldh:href($doc-uri)" as="xs:anyURI" tunnel="yes"/>
-                    <xsl:with-param name="form-actions-class" select="'form-actions modal-footer'" as="xs:string?"/>
+                    <xsl:with-param name="form-actions-class" select="'ldh-form-bar'" as="xs:string?"/>
+                    <xsl:with-param name="show-close-button" select="true()"/>
                     <xsl:with-param name="classes" select="$classes"/>
                     <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
                     <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
@@ -777,18 +812,23 @@ LIMIT   10
                 </xsl:apply-templates>
             </xsl:variable>
 
-            <xsl:result-document href="?." method="ixsl:append-content">
-                <div class="modal modal-constructor fade in" about="{$doc-uri}" typeof="{$forClass}"> <!-- @about identifies the new resource URL (uniform with edit/settings modals so submit handlers can read $block/@about without a fallback); $forClass used by ldh:ResourceUpdated in case of 4xx response -->
-                    <div class="modal-header">
-                        <button type="button" class="close">&#215;</button>
 
-                        <legend>
-                        </legend>
-                    </div>
-
-                    <div class="modal-body">
-                        <xsl:copy-of select="$form"/>
-                    </div>
+            <!-- a modal takes over from the chrome that opened it: a drop-down the pick came from is dismissed here, once its own handler has run -->
+            <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]" mode="ldh:CloseMenu"/>
+            <xsl:result-document href="?." method="ixsl:append-content">
+                <div class="ldhc-backdrop pos-top modal modal-constructor" about="{$doc-uri}" typeof="{$forClass}"> <!-- @about identifies the new resource URL (uniform with edit/settings modals so submit handlers can read $block/@about without a fallback); $forClass used by ldh:ResourceUpdated in case of 4xx response -->
+                    <xsl:apply-templates select="." mode="ldh:Modal">
+                        <xsl:with-param name="title" as="item()*">
+                                    <xsl:try select="ac:object-label($forClass)">
+                                        <xsl:catch select="replace($forClass, '.*[#/]', '')"/>
+                                    </xsl:try>
+                        </xsl:with-param>
+                        <xsl:with-param name="body" as="item()*">
+
+                            <xsl:copy-of select="$form"/>
+                        
+                        </xsl:with-param>
+                    </xsl:apply-templates>
                 </div>
             </xsl:result-document>
 
@@ -807,7 +847,7 @@ LIMIT   10
         <xsl:variable name="this" select="$doc-uri" as="xs:anyURI"/>
         <xsl:variable name="base-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="context" as="map(*)" select="map{
             'content-body': $content-body,
@@ -837,11 +877,11 @@ LIMIT   10
     <xsl:template match="div[contains-token(@class, 'action-bar')]//button[contains-token(@class, 'btn-edit')][not(contains-token(@class, 'disabled'))]" mode="ixsl:onclick">
         <xsl:param name="about" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/> <!-- editing the current document resources -->
         <xsl:param name="method" select="'patch'" as="xs:string"/>
-        <xsl:param name="form-actions-class" select="'form-actions modal-footer'" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn btn-primary wymupdate'" as="xs:string?"/>
-        <xsl:variable name="content-body" select="ancestor::div[contains-token(@class, 'tab-pane')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:param name="form-actions-class" select="'ldh-form-bar'" as="xs:string?"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-sm'" as="xs:string?"/>
+        <xsl:variable name="content-body" select="ancestor::div[contains-token(@class, 'ldh-pane')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
 <!--        <xsl:if test="ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`')">
             <xsl:variable name="etag" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`'), 'etag')" as="xs:string"/>
@@ -852,14 +892,21 @@ LIMIT   10
 
         <xsl:variable name="block-id" select="'block-' || generate-id()" as="xs:string"/>
         <xsl:for-each select="$content-body">
+
+            <!-- a modal takes over from the chrome that opened it: a drop-down the pick came from is dismissed here, once its own handler has run -->
+            <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]" mode="ldh:CloseMenu"/>
             <xsl:result-document href="?." method="ixsl:append-content">
-                <div class="modal modal-constructor fade in" about="{$about}">
-                    <div class="modal-header">
-                        <button type="button" class="close">&#215;</button>
-                    </div>
-                    <div class="modal-body" id="{$block-id}">
-                        <!-- to be injected -->
-                    </div>
+                <div class="ldhc-backdrop pos-top modal modal-constructor" about="{$about}">
+                    <xsl:apply-templates select="." mode="ldh:Modal">
+                        <xsl:with-param name="body" as="item()*">
+
+                            <!-- empty host block, uniform with the inline edit flow: ldh:render-form transplants the rendered form's block root onto it -->
+                            <div id="{$block-id}" class="block ldh-block">
+                                <!-- to be injected -->
+                            </div>
+                        
+                        </xsl:with-param>
+                    </xsl:apply-templates>
                 </div>
             </xsl:result-document>
         </xsl:for-each>
@@ -877,26 +924,29 @@ LIMIT   10
             'endpoint': sd:endpoint(),
             'required': function($r as element()) as xs:boolean { $r/rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item') }
           }"/>
-        <!-- Same structure as the app-settings chain below: ldh:fetch-and-load-edited-resource bakes a GET-style type-metadata-request, so the type-metadata pair uses an identity load-fn. ldh:render-form has its own cursor reset (shared with app-settings); the finally here is the backstop for the failure-on-parallel path. -->
+        <!-- Same structure as the app-settings chain below: ldh:fetch-and-load-edited-resource bakes a GET-style type-metadata-request, so the type-metadata pair uses an identity load-fn. The constructed-doc/constructors/shapes pairs mirror the inline row-form EDIT chain; ldh:render-document-form folds shapes + constructed-doc via ldh:build-merged-constructor into the 'constructor' tunnel. ldh:render-form has its own cursor reset (shared with app-settings); the finally here is the backstop for the failure-on-parallel path. -->
         <ixsl:promise select="
           ixsl:resolve($context)
             => ixsl:then(ldh:fetch-and-load-edited-resource#1)
             => ixsl:then(ldh:fire-load-set-parallel(?, [
                  [ function($ctx as map(*)) as map(*) { $ctx }, 'type-metadata-request',     'type-metadata-response',     ldh:set-type-metadata#1 ],
+                 [ ldh:load-constructed-doc#1,                  'constructed-doc-request',   'constructed-doc-response',   ldh:set-constructed-doc#1 ],
+                 [ ldh:load-constructors#1,                     'constructors-request',      'constructors-response',      ldh:set-constructors#1 ],
+                 [ ldh:load-shapes#1,                           'shapes-request',            'shapes-response',            ldh:set-shapes#1 ],
                  [ ldh:load-property-metadata#1,                'property-metadata-request', 'property-metadata-response', ldh:set-property-metadata#1 ],
                  [ ldh:load-constraints#1,                      'constraints-request',       'constraints-response',       ldh:set-constraints#1 ],
                  [ ldh:load-object-metadata#1,                  'metadata-request',          'metadata-response',          ldh:set-object-metadata#1 ],
                  [ ldh:load-object-metadata#1,                  'ns-metadata-request',       'ns-metadata-response',       ldh:set-object-metadata-ns#1 ]
                ]))
             => ixsl:then(ldh:merge-object-metadata#1)
-            => ixsl:then(ldh:render-form#1)
-            => ixsl:finally(ldh:reset-cursor#0)
+            => ixsl:then(ldh:render-form#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
     <!-- submit document update modal form using PATCH TO-DO: unify!!! -->
     
-    <xsl:template match="div[contains-token(@class, 'modal-constructor')]//form[contains-token(@class, 'form-horizontal')][upper-case(@method) = 'PATCH']" mode="ixsl:onsubmit" priority="2">
+    <xsl:template match="div[contains-token(@class, 'modal-constructor')]//form[tokenize(@class, ' ') = ('ldh-prop-form', 'ldh-edit-form')][upper-case(@method) = 'PATCH']" mode="ixsl:onsubmit" priority="2">
         <xsl:param name="block" select="ancestor::div[contains-token(@class, 'modal-constructor')]" as="element()"/>
         <xsl:param name="about" select="$block/@about" as="xs:anyURI"/>
         <!-- ldh:edit-form-response stamps render-fn=ldh:render-document-form#2 (mode="ldh:DocumentForm", narrow @rdf:about=$about filter) so the violation re-render stays focused on the edited resource. -->
@@ -909,17 +959,13 @@ LIMIT   10
         <xsl:variable name="enctype" select="ixsl:get($form, 'enctype')" as="xs:string"/>
         <xsl:variable name="etag" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || ac:absolute-path(ldh:base-uri(.)) || '`'), 'etag')" as="xs:string"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
         
         <!-- pre-process form before submitting it -->
         <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
 
         <xsl:variable name="elements" select=".//input | .//textarea | .//select" as="element()*"/>
-        <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>        
-        <!-- canonicalize XML in rdf:XMLLiterals -->
-        <xsl:variable name="triples" as="element()*">
-            <xsl:apply-templates select="$triples" mode="ldh:CanonicalizeXML"/>
-        </xsl:variable>
+        <xsl:variable name="triples" select="ldh:parse-rdf-post($elements)" as="element()*"/>
         <!-- need a customer DELETE/WHERE pattern because the default $about ?p ?o would delete system properties such as dct:created or sioc:has_parent -->
         <xsl:variable name="where-pattern" as="element()*">
             <json:map>
@@ -1012,32 +1058,33 @@ LIMIT   10
           ixsl:http-request($context('request'))
             => ixsl:then(ldh:rethread-response($context, ?))
             => ixsl:then(ldh:handle-response#1)
-            => ixsl:then($callback)
+            => ixsl:then($callback) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
     
     <xsl:template match="button[contains-token(@class, 'btn-add-ontology')]" mode="ixsl:onclick">
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
         <xsl:variable name="graph" select="ldh:base-uri(.)" as="xs:anyURI"/>
 
         <xsl:call-template name="ldh:ShowModalForm">
             <xsl:with-param name="form" as="element()">
                 <xsl:call-template name="ldh:AddDataForm">
                     <xsl:with-param name="query" select="resolve-uri('queries/construct-constructors/#this', ldt:base())"/>
-                    <xsl:with-param name="legend-label" select="ac:label(key('resources', 'import-ontology', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))"/>
+                    <xsl:with-param name="legend-label" select="ac:label(key('resources', 'import-ontology', ldh:translations()))"/>
                 </xsl:call-template>
             </xsl:with-param>
             <xsl:with-param name="target" select="$target"/>
         </xsl:call-template>
 
-        <xsl:call-template name="ldh:LoadTypeaheads">
-            <xsl:with-param name="typeahead-spans" select="(id('upload-rdf-doc', ixsl:page())/.., id('remote-rdf-doc', ixsl:page())/..)"/>
+        <xsl:call-template name="ldh:LoadComboboxes">
+            <xsl:with-param name="comboboxes" select="(id('upload-rdf-doc', ixsl:page()), id('remote-rdf-doc', ixsl:page()))/ancestor::div[contains-token(@class, 'ldhc-combobox')][1]"/>
             <xsl:with-param name="graph" select="$graph"/>
         </xsl:call-template>
     </xsl:template>
 
     <xsl:template match="button[contains-token(@class, 'btn-generate-containers')]" mode="ixsl:onclick">
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
         <xsl:variable name="graph" select="ldh:base-uri(.)" as="xs:anyURI"/>
 
         <xsl:call-template name="ldh:ShowModalForm">
@@ -1047,9 +1094,9 @@ LIMIT   10
             <xsl:with-param name="target" select="$target"/>
         </xsl:call-template>
 
-        <!-- initialise the parent typeahead with the current container -->
-        <xsl:call-template name="ldh:LoadTypeaheads">
-            <xsl:with-param name="typeahead-spans" select="id('generate-containers-parent', ixsl:page())/.."/>
+        <!-- initialise the parent combobox with the current container -->
+        <xsl:call-template name="ldh:LoadComboboxes">
+            <xsl:with-param name="comboboxes" select="id('generate-containers-parent', ixsl:page())/ancestor::div[contains-token(@class, 'ldhc-combobox')][1]"/>
             <xsl:with-param name="graph" select="$graph"/>
         </xsl:call-template>
     </xsl:template>
@@ -1057,35 +1104,36 @@ LIMIT   10
     <xsl:template match="button[contains-token(@class, 'btn-app-settings')]" mode="ixsl:onclick">
         <xsl:param name="id" select="'app-settings'" as="xs:string?"/>
         <xsl:param name="method" select="'patch'" as="xs:string"/>
-        <xsl:variable name="content-body" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="content-body" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:for-each select="$content-body">
+
+            <!-- a modal takes over from the chrome that opened it: a drop-down the pick came from is dismissed here, once its own handler has run -->
+            <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]" mode="ldh:CloseMenu"/>
             <xsl:result-document href="?." method="ixsl:append-content">
-                <div class="modal modal-constructor fade in" about="{lapp:application()}">
+                <div class="ldhc-backdrop pos-top modal modal-constructor" about="{lapp:application()}">
                     <xsl:if test="$id">
                         <xsl:attribute name="id" select="$id"/>
                     </xsl:if>
-            
-                    <div class="modal-header">
-                        <button type="button" class="close">&#215;</button>
 
-                        <legend>
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'application-settings', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </legend>
-                    </div>
-                    <div class="modal-body">
+                    <xsl:apply-templates select="." mode="ldh:Modal">
+                        <xsl:with-param name="title" as="item()*">
+                                <xsl:apply-templates select="key('resources', 'application-settings', ldh:translations())" mode="ac:label"/>
+                        </xsl:with-param>
+                        <xsl:with-param name="body" as="item()*">
+
                         <!-- to be injected -->
-                    </div>
+                    
+                        </xsl:with-param>
+                    </xsl:apply-templates>
                 </div>
             </xsl:result-document>
         </xsl:for-each>
 
         <xsl:variable name="modal" select="$content-body/div[contains-token(@class, 'modal')][last()]" as="element()"/>
-        <xsl:variable name="block" select="$modal/div[contains-token(@class, 'modal-body')]" as="element()"/>
+        <xsl:variable name="block" select="($modal//div[contains-token(@class, 'ldhc-modal-body')])[1]" as="element()"/>
         <!-- settings UI is a single global button, not per-tab; target the local app's settings, not the active tab's dataspace -->
         <xsl:variable name="settings-uri" select="resolve-uri('settings', xs:anyURI(lapp:origin(ldh:request-uri()) || '/'))" as="xs:anyURI"/>
         <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $settings-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
@@ -1112,8 +1160,8 @@ LIMIT   10
                  [ ldh:load-package-catalog#1,                  'package-catalog-request',   'package-catalog-response',   ldh:set-package-catalog#1 ]
                ]))
             => ixsl:then(ldh:merge-object-metadata#1)
-            => ixsl:then(ldh:render-app-settings-form#1)
-            => ixsl:finally(ldh:reset-cursor#0)
+            => ixsl:then(ldh:render-app-settings-form#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
@@ -1125,16 +1173,17 @@ LIMIT   10
         </xsl:next-match>
     </xsl:template>
 
-    <!-- form-flavor wrapper mode parallel to ldh:DocumentForm; scopes the app-settings UI restrictions (dct:title / dct:description visible, everything else hidden) to this flow. The mode itself is the discriminator — instances of lapp:Application created via the generic Create button continue to render through ldh:DocumentForm → bs2:FormControl unaffected. -->
+    <!-- form-flavor wrapper mode parallel to ldh:DocumentForm; scopes the app-settings UI restrictions (dct:title / dct:description visible, everything else hidden) to this flow. The mode itself is the discriminator — instances of lapp:Application created via the generic Create button continue to render through ldh:DocumentForm → ac:FormControl unaffected. -->
     <xsl:template match="rdf:RDF" mode="ldh:AppSettingsForm">
         <xsl:param name="method" select="'patch'" as="xs:string"/>
-        <xsl:param name="form-actions-class" select="'form-actions modal-footer'" as="xs:string?"/>
+        <xsl:param name="form-actions-class" select="'ldh-form-bar'" as="xs:string?"/>
         <xsl:param name="package-catalog" as="document-node()?" tunnel="yes"/>
-        <xsl:call-template name="bs2:Form">
+        <xsl:call-template name="ac:ResourceForm">
             <xsl:with-param name="method" select="$method"/>
             <xsl:with-param name="form-actions-class" select="$form-actions-class"/>
+            <xsl:with-param name="show-close-button" select="true()"/>
             <xsl:with-param name="body" as="node()*">
-                <xsl:apply-templates mode="bs2:Exception"/>
+                <xsl:apply-templates mode="ldh:Exception"/>
                 <xsl:apply-templates mode="#current"/>
 
                 <!-- package checkboxes serialize as RDF/POST ldh:import inputs, submitted by the same form -->
@@ -1145,11 +1194,11 @@ LIMIT   10
         </xsl:call-template>
     </xsl:template>
 
-    <!-- per-Description for the editable lapp:Application: reuse the bs2:FormControl shell with type-hidden / no PropertyControl. Do NOT override $body: the shell's default body merges resource properties with the constructor template, sorts by constraints, and passes violations/constructor/type-constraints/type-shapes as with-params to per-property templates. Default body's mode="#current" = ldh:AppSettingsForm here (call-template doesn't change current mode), so the suppression / delegate templates below fire correctly. -->
+    <!-- per-Description for the editable lapp:Application: reuse the ac:FormControl shell with type-hidden / no PropertyControl. Do NOT override $body: the shell's default body merges resource properties with the constructor template, sorts by constraints, and passes violations/constructor/type-constraints/type-shapes as with-params to per-property templates. Default body's mode="#current" = ldh:AppSettingsForm here (call-template doesn't change current mode), so the suppression / delegate templates below fire correctly. -->
     <xsl:template match="*[rdf:type/@rdf:resource = '&lapp;Application']" mode="ldh:AppSettingsForm">
         <xsl:param name="about" as="xs:anyURI" tunnel="yes"/>
         <xsl:if test="@rdf:about = $about">
-            <xsl:call-template name="bs2:FormControl">
+            <xsl:call-template name="ac:FormControl">
                 <xsl:with-param name="inline" select="false()" tunnel="yes"/>
                 <xsl:with-param name="required" select="true()"/>
                 <xsl:with-param name="type-hidden" select="true()"/>
@@ -1161,15 +1210,15 @@ LIMIT   10
     <!-- suppress unrelated Descriptions in the response graph (mirrors ldh:DocumentForm's @rdf:about = $about filter) -->
     <xsl:template match="*" mode="ldh:AppSettingsForm"/>
 
-    <!-- restrict the application settings form UI to dct:title / dct:description; render every other app property as hidden inputs so the PATCH still carries them and they're preserved server-side. The value-bearing children (text / @rdf:resource / @rdf:nodeID / @xml:lang / @rdf:datatype) are dispatched in mode="bs2:FormControl" — that's where the per-type hidden-input renderers live (imports/default.xsl @rdf:resource, @rdf:datatype, text() templates). Using mode="#current" would dispatch them in ldh:AppSettingsForm mode where they have no template and XSLT defaults emit raw text. -->
+    <!-- restrict the application settings form UI to dct:title / dct:description; render every other app property as hidden inputs so the PATCH still carries them and they're preserved server-side. The value-bearing children (text / @rdf:resource / @rdf:nodeID / @xml:lang / @rdf:datatype) are dispatched in mode="ac:FormControl" — that's where the per-type hidden-input renderers live (imports/default.xsl @rdf:resource, @rdf:datatype, text() templates). Using mode="#current" would dispatch them in ldh:AppSettingsForm mode where they have no template and XSLT defaults emit raw text. -->
     <xsl:template match="*[rdf:type/@rdf:resource = '&lapp;Application']/*[not(self::dct:title or self::dct:description or self::rdf:type)]" mode="ldh:AppSettingsForm" priority="1">
         <xsl:apply-templates select="." mode="xhtml:Input">
             <xsl:with-param name="type" select="'hidden'"/>
         </xsl:apply-templates>
-        <xsl:apply-templates select="node() | @rdf:resource | @rdf:nodeID" mode="bs2:FormControl">
+        <xsl:apply-templates select="node() | @rdf:resource | @rdf:nodeID" mode="ac:FormControl">
             <xsl:with-param name="type" select="'hidden'"/>
         </xsl:apply-templates>
-        <xsl:apply-templates select="@xml:lang | @rdf:datatype" mode="bs2:FormControl">
+        <xsl:apply-templates select="@xml:lang | @rdf:datatype" mode="ac:FormControl">
             <xsl:with-param name="type" select="'hidden'"/>
         </xsl:apply-templates>
     </xsl:template>
@@ -1177,13 +1226,13 @@ LIMIT   10
     <!-- ldh:import is represented by the package checkboxes in the same form, not round-tripped as hidden inputs -->
     <xsl:template match="*[rdf:type/@rdf:resource = '&lapp;Application']/ldh:import" mode="ldh:AppSettingsForm" priority="2"/>
 
-    <!-- dct:title / dct:description / rdf:type fall through to the generic bs2:FormControl rendering. Forward the with-params from the shell's default body iteration (violations / constructor / type-constraints / type-shapes) so the per-property template at imports/default.xsl:744 can compute $required correctly (required-class bolding) and render constraint violations. -->
+    <!-- dct:title / dct:description / rdf:type fall through to the generic ac:FormControl rendering. Forward the with-params from the shell's default body iteration (violations / constructor / type-constraints / type-shapes) so the per-property template at imports/default.xsl:744 can compute $required correctly (required-class bolding) and render constraint violations. -->
     <xsl:template match="*[rdf:type/@rdf:resource = '&lapp;Application']/*" mode="ldh:AppSettingsForm">
         <xsl:param name="violations" as="element()*"/>
         <xsl:param name="constructor" as="document-node()?"/>
         <xsl:param name="type-constraints" as="element()*"/>
         <xsl:param name="type-shapes" as="element()*"/>
-        <xsl:apply-templates select="." mode="bs2:FormControl">
+        <xsl:apply-templates select="." mode="ac:FormControl">
             <xsl:with-param name="violations" select="$violations"/>
             <xsl:with-param name="constructor" select="$constructor"/>
             <xsl:with-param name="type-constraints" select="$type-constraints"/>
@@ -1215,7 +1264,7 @@ LIMIT   10
         <xsl:variable name="resource" select="input[@name = 'resource']/@value" as="xs:anyURI"/>
         <xsl:variable name="label" select="input[@name = 'label']/@value" as="xs:string"/>
         <xsl:variable name="service" select="input[@name = 'service']/@value" as="xs:anyURI"/>
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
 
         <xsl:call-template name="ldh:ShowModalForm">
             <xsl:with-param name="form" as="element()">
@@ -1232,33 +1281,33 @@ LIMIT   10
     <!-- generate containers: client-orchestrated. For each checked class, build a container document (an Object-wrapped View over a $type-parameterized SELECT) and PUT it under the parent. Parallel fan-out joined by ixsl:all. Replaces the former server-side /generate endpoint. -->
     <xsl:template match="form[@id = 'form-generate-containers']" mode="ixsl:onsubmit" priority="2">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        <xsl:variable name="control-groups" select="descendant::div[contains-token(@class, 'control-group')]" as="element()*"/>
-        <xsl:variable name="required-control-groups" select="$control-groups[contains-token(@class, 'required')]" as="element()*"/>
+        <xsl:variable name="prop-groups" select="descendant::div[contains-token(@class, 'ldh-prop-group')]" as="element()*"/>
+        <xsl:variable name="required-prop-groups" select="$prop-groups[contains-token(@class, 'required')]" as="element()*"/>
         <xsl:variable name="checked-classes" select="descendant::div[contains-token(@class, 'endpoint-classes')]//input[@type = 'checkbox'][ixsl:get(., 'checked')]" as="element()*"/>
 
         <!-- clear the errors initially -->
-        <xsl:for-each select="$control-groups">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="$prop-groups">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-violation', false() ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
 
         <xsl:choose>
             <!-- required input values missing (parent, limit), throw an error -->
-            <xsl:when test="exists($required-control-groups/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
-                <xsl:sequence select="$required-control-groups[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:when test="exists($required-prop-groups/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
+                <xsl:sequence select="$required-prop-groups[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-violation', true() ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:when>
-            <!-- no class checked (or schema never loaded): flag the classes control-group -->
+            <!-- no class checked (or schema never loaded): flag the classes prop-group -->
             <xsl:when test="empty($checked-classes)">
-                <xsl:sequence select="descendant::div[contains-token(@class, 'endpoint-classes')]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="descendant::div[contains-token(@class, 'endpoint-classes')]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-violation', true() ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:when>
             <!-- all required values present: build and PUT one container document per checked class -->
             <xsl:otherwise>
-                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                <xsl:sequence select="ldh:busy-cursor()"/>
 
                 <xsl:variable name="form" select="." as="element()"/>
-                <xsl:variable name="parent" select="$control-groups[input[@name = 'pu'][@value = '&sioc;has_parent']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
+                <xsl:variable name="parent" select="$prop-groups[input[@name = 'pu'][@value = '&sioc;has_parent']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
                 <!-- normalize the parent to a trailing slash so container URIs resolve as its children -->
                 <xsl:variable name="parent" select="xs:anyURI(if (ends-with($parent, '/')) then $parent else $parent || '/')" as="xs:anyURI"/>
-                <xsl:variable name="service" select="$control-groups[input[@name = 'pu'][@value = '&ldh;service']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')[. != '']" as="xs:anyURI?"/>
+                <xsl:variable name="service" select="$prop-groups[input[@name = 'pu'][@value = '&ldh;service']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')[. != '']" as="xs:anyURI?"/>
                 <!-- extract the checked classes as pure data; the http-requests are fired later, inside the promise context (ldh:generate-containers-fanout) -->
                 <xsl:variable name="parts" as="map(*)*" select="
                   for $checkbox in $checked-classes return
@@ -1272,7 +1321,8 @@ LIMIT   10
                 <!-- seed a resolved promise so the fan-out's ixsl:http-request calls run in an active promise context (mirrors ldh:fire-load-set-parallel kickoff) -->
                 <ixsl:promise select="
                   ixsl:resolve($context)
-                    => ixsl:then(ldh:generate-containers-fanout#1)
+                    => ixsl:then(ldh:generate-containers-fanout#1) =>
+                    ixsl:finally(ldh:reset-cursor#0)
                 " on-failure="ldh:promise-failure#1"/>
             </xsl:otherwise>
         </xsl:choose>
@@ -1281,34 +1331,34 @@ LIMIT   10
     <!-- import-ontology variant (carries a spin:query): client-orchestrated. Fetch the dct:source through the same-origin ?uri= proxy as RDF/XML and PUT it into a scratch document (document metadata + raw vocabulary in one graph), run the spin:query CONSTRUCT over the scratch graph via the SPARQL Protocol dataset specification (?default-graph-uri=) on the /sparql endpoint, append the derived constructors plus the annotation-ontology header (sd:name target a owl:Ontology; owl:imports dct:source) to the target document, then delete the scratch. Only the derived annotations persist - the vocabulary resolves live through the graph repository (bundled mapping or HTTP), so the target holds the same artifact shape a package ontology ships (constructors + owl:imports of the canonical vocabulary URI). -->
     <xsl:template match="form[@id = 'form-clone-data'][fieldset/input[@name = 'pu'][@value = '&spin;query']]" mode="ixsl:onsubmit" priority="2">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        <xsl:variable name="control-groups" select="descendant::div[contains-token(@class, 'control-group')]" as="element()*"/>
-        <xsl:variable name="required-control-groups" select="$control-groups[contains-token(@class, 'required')]" as="element()*"/>
+        <xsl:variable name="prop-groups" select="descendant::div[contains-token(@class, 'ldh-prop-group')]" as="element()*"/>
+        <xsl:variable name="required-prop-groups" select="$prop-groups[contains-token(@class, 'required')]" as="element()*"/>
 
         <!-- clear the errors initially -->
-        <xsl:for-each select="$control-groups">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="$prop-groups">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-violation', false() ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
 
         <xsl:choose>
             <!-- required input values missing, throw an error -->
-            <xsl:when test="exists($required-control-groups/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
-                <xsl:sequence select="$required-control-groups[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:when test="exists($required-prop-groups/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
+                <xsl:sequence select="$required-prop-groups[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-violation', true() ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:when>
             <!-- all required values present, orchestrate the import + constructor derivation -->
             <xsl:otherwise>
-                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                <xsl:sequence select="ldh:busy-cursor()"/>
 
                 <!-- pre-process form before submitting it (trims ou values) -->
                 <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
 
                 <xsl:variable name="form" select="." as="element()"/>
-                <xsl:variable name="source" select="$control-groups[input[@name = 'pu'][@value = '&dct;source']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
-                <xsl:variable name="target" select="$control-groups[input[@name = 'pu'][@value = '&sd;name']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
+                <xsl:variable name="source" select="$prop-groups[input[@name = 'pu'][@value = '&dct;source']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
+                <xsl:variable name="target" select="$prop-groups[input[@name = 'pu'][@value = '&sd;name']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
                 <xsl:variable name="query-uri" select="fieldset/input[@name = 'pu'][@value = '&spin;query']/following-sibling::input[@name = 'ou'][1]/@value" as="xs:anyURI"/>
                 <xsl:choose>
                     <!-- the target must be local because the constructor derivation runs on the local /sparql endpoint scoped to the target graph via ?default-graph-uri= - another instance's graphs are invisible to it (the add/clone variant below has no such constraint and accepts foreign targets) -->
                     <xsl:when test="not(starts-with($target, lapp:origin(ldh:request-uri()) || '/'))">
-                        <xsl:sequence select="ldh:add-data-form-error(map{ 'form': $form, 'message': 'The target document must be local (a document in this hub); choose a local container' })"/> <!-- TO-DO: localize -->
+                        <xsl:sequence select="ldh:add-data-form-error(map{ 'form': $form }, 'target-must-be-local')"/>
                     </xsl:when>
                     <xsl:otherwise>
                         <!-- ldh:href routes the arbitrary external $source through the same-origin ?uri= proxy (CORS); the proxy also converts any Jena-parseable format to the requested RDF/XML. The target is local, so its ldh:href is a pass-through and the POST goes directly to it. -->
@@ -1326,7 +1376,8 @@ LIMIT   10
                           ixsl:http-request($context('request'))
                             => ixsl:then(ldh:rethread-response($context, ?))
                             => ixsl:then(ldh:handle-response#1)
-                            => ixsl:then(ldh:import-ontology-source-response#1)
+                            => ixsl:then(ldh:import-ontology-source-response#1) =>
+                            ixsl:finally(ldh:reset-cursor#0)
                         " on-failure="ldh:promise-failure#1"/>
                     </xsl:otherwise>
                 </xsl:choose>
@@ -1337,29 +1388,29 @@ LIMIT   10
     <!-- add/clone variant (no spin:query): client-orchestrated. Fetch the dct:source through the same-origin ?uri= proxy as RDF/XML, then GSP-append it to the sd:name target document. Replaces the former server-side /add endpoint. -->
     <xsl:template match="form[@id = 'form-clone-data'][not(fieldset/input[@name = 'pu'][@value = '&spin;query'])]" mode="ixsl:onsubmit" priority="2">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
-        <xsl:variable name="control-groups" select="descendant::div[contains-token(@class, 'control-group')]" as="element()*"/>
-        <xsl:variable name="required-control-groups" select="$control-groups[contains-token(@class, 'required')]" as="element()*"/>
+        <xsl:variable name="prop-groups" select="descendant::div[contains-token(@class, 'ldh-prop-group')]" as="element()*"/>
+        <xsl:variable name="required-prop-groups" select="$prop-groups[contains-token(@class, 'required')]" as="element()*"/>
 
         <!-- clear the errors initially -->
-        <xsl:for-each select="$control-groups">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="$prop-groups">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-violation', false() ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
 
         <xsl:choose>
             <!-- required input values missing, throw an error -->
-            <xsl:when test="exists($required-control-groups/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
-                <xsl:sequence select="$required-control-groups[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'error', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:when test="exists($required-prop-groups/descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))])">
+                <xsl:sequence select="$required-prop-groups[descendant::input[@name = ('ol', 'ou')][not(ixsl:get(., 'value'))]]/ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-violation', true() ])[current-date() lt xs:date('2000-01-01')]"/>
             </xsl:when>
             <!-- all required values present, orchestrate the proxy fetch + append -->
             <xsl:otherwise>
-                <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+                <xsl:sequence select="ldh:busy-cursor()"/>
 
                 <!-- pre-process form before submitting it (trims ou values) -->
                 <xsl:apply-templates select="." mode="ldh:FormPreSubmit"/>
 
                 <xsl:variable name="form" select="." as="element()"/>
-                <xsl:variable name="source" select="$control-groups[input[@name = 'pu'][@value = '&dct;source']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
-                <xsl:variable name="target" select="$control-groups[input[@name = 'pu'][@value = '&sd;name']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
+                <xsl:variable name="source" select="$prop-groups[input[@name = 'pu'][@value = '&dct;source']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
+                <xsl:variable name="target" select="$prop-groups[input[@name = 'pu'][@value = '&sd;name']]/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
                 <!-- ldh:href routes the arbitrary external $source through the same-origin ?uri= proxy (CORS); the proxy also converts any Jena-parseable format to the requested RDF/XML. The target may be foreign too: its POST rides the same proxy, which forwards the method, body and delegated agent identity - the target instance's ACL arbitrates and a 403 surfaces as the form error -->
                 <xsl:variable name="request" select="map{ 'method': 'GET', 'href': ldh:href($source), 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
                 <xsl:variable name="context" as="map(*)" select="
@@ -1372,23 +1423,24 @@ LIMIT   10
                   ixsl:http-request($context('request'))
                     => ixsl:then(ldh:rethread-response($context, ?))
                     => ixsl:then(ldh:handle-response#1)
-                    => ixsl:then(ldh:add-data-source-response#1)
+                    => ixsl:then(ldh:add-data-source-response#1) =>
+                    ixsl:finally(ldh:reset-cursor#0)
                 " on-failure="ldh:promise-failure#1"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
 
     <xsl:template match="button[contains-token(@class, 'btn-load-endpoint-schema')]" mode="ixsl:onclick">
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="fieldset" select="ancestor::form/fieldset" as="element()"/>
-        <xsl:variable name="control-groups" select="descendant::div[contains-token(@class, 'control-group')]" as="element()*"/>
-        <xsl:variable name="required-control-groups" select="$control-groups[contains-token(@class, 'required')]" as="element()*"/>
+        <xsl:variable name="prop-groups" select="descendant::div[contains-token(@class, 'ldh-prop-group')]" as="element()*"/>
+        <xsl:variable name="required-prop-groups" select="$prop-groups[contains-token(@class, 'required')]" as="element()*"/>
         <xsl:variable name="timeout" select="30000" as="xs:integer"/> <!-- schema load query timeout in milliseconds -->
-        <xsl:variable name="service-control-group" select="$fieldset/descendant::div[contains-token(@class, 'control-group')][input[@name = 'pu'][@value = '&ldh;service']]" as="element()"/>
-        <xsl:variable name="service-uri" select="$service-control-group/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI?"/>
-        <xsl:variable name="limit-control-group" select="$fieldset/descendant::div[contains-token(@class, 'control-group')][input[@name = 'pu'][@value = '&sp;limit']]" as="element()"/>
-        <xsl:variable name="limit-string" select="$limit-control-group/descendant::input[@name = 'ol']/ixsl:get(., 'value')" as="xs:string"/>
+        <xsl:variable name="service-prop-group" select="$fieldset/descendant::div[contains-token(@class, 'ldh-prop-group')][input[@name = 'pu'][@value = '&ldh;service']]" as="element()"/>
+        <xsl:variable name="service-uri" select="$service-prop-group/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI?"/>
+        <xsl:variable name="limit-prop-group" select="$fieldset/descendant::div[contains-token(@class, 'ldh-prop-group')][input[@name = 'pu'][@value = '&sp;limit']]" as="element()"/>
+        <xsl:variable name="limit-string" select="$limit-prop-group/descendant::input[@name = 'ol']/ixsl:get(., 'value')" as="xs:string"/>
         <xsl:variable name="limit" select="xs:integer($limit-string)" as="xs:integer"/>
         <xsl:variable name="select-string" select="$endpoint-classes-string" as="xs:string"/>
         <xsl:variable name="select-json" as="item()">
@@ -1419,7 +1471,8 @@ LIMIT   10
         <ixsl:promise select="
           ixsl:resolve($context)
             => ixsl:then(ldh:load-schema-endpoint#1)
-            => ixsl:then(ldh:load-schema-results#1)
+            => ixsl:then(ldh:load-schema-results#1) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
@@ -1466,13 +1519,13 @@ LIMIT   10
         "/>
     </xsl:function>
 
-    <!-- validate form before submitting it and show errors on required control-groups where input values are missing -->
+    <!-- validate form before submitting it and show errors on required prop-groups where input values are missing -->
     <xsl:template match="form[@id = 'form-request-access']" mode="ixsl:onsubmit" priority="1">
         <xsl:param name="callback" select="ldh:request-access-form-response#1" as="function(map(*)) as item()*"/>
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
         <xsl:variable name="form" select="." as="element()"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <!-- disable hidden inputs on table rows where all acl:mode checkboxes are a) disabled by default b) enabled but left unchecked -->
         <!-- otherwise RDF/POST will generate acl:Authorization instances without acl:mode values which will fail constraint validation -->
@@ -1496,7 +1549,8 @@ LIMIT   10
           ixsl:http-request($context('request'))
             => ixsl:then(ldh:rethread-response($context, ?))
             => ixsl:then(ldh:handle-response#1)
-            => ixsl:then($callback)
+            => ixsl:then($callback) =>
+            ixsl:finally(ldh:reset-cursor#0)
         " on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
@@ -1528,7 +1582,16 @@ LIMIT   10
 
     <xsl:function name="ldh:edit-form-response" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
-        <xsl:sequence select="ldh:modal-form-response(map:merge(($context, map{ 'render-fn': ldh:render-document-form#2, 'required': function($r as element()) as xs:boolean { $r/rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item') } }), map{ 'duplicates': 'use-last' }))"/>
+        <!-- 'load-pairs' rides the violation chain's shared pair list so the re-render gets the same constructed-doc/constructors/shapes input as the initial edit render (ldh:render-document-form folds them into the 'constructor' tunnel) -->
+        <xsl:sequence select="ldh:modal-form-response(map:merge(($context, map{
+            'render-fn': ldh:render-document-form#2,
+            'required': function($r as element()) as xs:boolean { $r/rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item') },
+            'load-pairs': [
+                [ ldh:load-constructed-doc#1, 'constructed-doc-request', 'constructed-doc-response', ldh:set-constructed-doc#1 ],
+                [ ldh:load-constructors#1,    'constructors-request',    'constructors-response',    ldh:set-constructors#1 ],
+                [ ldh:load-shapes#1,          'shapes-request',          'shapes-response',          ldh:set-shapes#1 ]
+            ]
+        }), map{ 'duplicates': 'use-last' }))"/>
     </xsl:function>
 
     <xsl:function name="ldh:modal-form-response" ixsl:updating="yes">
@@ -1570,6 +1633,9 @@ LIMIT   10
         <xsl:param name="form" as="element()"/>
         <xsl:param name="target" as="element()"/>
 
+        <!-- the menu pick that reached here has served its purpose - the drop-down it came from closes behind the modal -->
+        <xsl:apply-templates select="ixsl:page()//*[contains-token(@class, 'ldhc-menu-anchor')][contains-token(@class, 'is-open')] | ixsl:page()//*[contains-token(@class, 'ldh-form-actions-wrap')][contains-token(@class, 'is-open')]" mode="ldh:CloseMenu"/>
+
         <!-- per-pane modal ids guarantee uniqueness, so the page-wide existence check suffices -->
         <xsl:if test="not(id($form/@id, ixsl:page()))">
             <xsl:for-each select="$target">
@@ -1582,26 +1648,26 @@ LIMIT   10
         </xsl:if>
     </xsl:template>
 
-    <!-- populate typeahead spans inside a freshly-appended form modal with values from $graph -->
+    <!-- resolve lookup comboboxes inside a freshly-appended form modal into committed chips for $graph -->
 
-    <xsl:template name="ldh:LoadTypeaheads">
-        <xsl:param name="typeahead-spans" as="element()*"/>
+    <xsl:template name="ldh:LoadComboboxes">
+        <xsl:param name="comboboxes" as="element()*"/>
         <xsl:param name="graph" as="xs:anyURI"/>
 
         <xsl:variable name="request-uri" select="ldh:href($graph, map{})" as="xs:anyURI"/>
         <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-        <xsl:for-each select="$typeahead-spans">
+        <xsl:for-each select="$comboboxes">
             <xsl:variable name="context" as="map(*)" select="
               map{
                 'request': $request,
                 'resource-uri': $graph,
-                'typeahead-span': .
+                'combobox': .
               }"/>
             <ixsl:promise select="
               ixsl:http-request($context('request'))
                 => ixsl:then(ldh:rethread-response($context, ?))
                 => ixsl:then(ldh:handle-response#1)
-                => ixsl:then(ldh:typeahead-resource-response#1)
+                => ixsl:then(ldh:combobox-resource-response#1)
             " on-failure="ldh:promise-failure#1"/>
         </xsl:for-each>
     </xsl:template>
@@ -1617,16 +1683,22 @@ LIMIT   10
 
         <xsl:message>ldh:endpoint-classes-response</xsl:message>
 
-        <!-- append the controls for the class list if they don't exist -->
-        <xsl:for-each select="$container[not(./div[contains-token(@class, 'endpoint-classes')])]">
+        <!-- append the row for the class list if it doesn't exist -->
+        <xsl:for-each select="$container/div[contains-token(@class, 'ldh-prop-form')][not(./div[contains-token(@class, 'endpoint-classes')])]">
             <xsl:result-document href="?." method="ixsl:append-content">
-                <div class="control-group required endpoint-classes">
-                    <label class="control-label">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'classes', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </label>
-                    <div class="controls"></div>
+                <div class="ldh-prop-group required endpoint-classes">
+                    <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                        <xsl:with-param name="label" as="item()*">
+                            <xsl:apply-templates select="key('resources', 'classes', ldh:translations())" mode="ac:label"/>
+                        </xsl:with-param>
+                        <xsl:with-param name="required" select="true()"/>
+                    </xsl:apply-templates>
+                    <div class="ldh-prop-row is-last">
+                        <div class="value val-stack">
+                            <div class="val-main"></div>
+                        </div>
+                        <div class="row-actions"></div>
+                    </div>
                 </div>
             </xsl:result-document>
         </xsl:for-each>
@@ -1638,10 +1710,10 @@ LIMIT   10
                 <xsl:for-each select="$response?body">
                     <xsl:variable name="results" select="." as="document-node()"/>
 
-                    <!-- populate the class list within div.controls -->
-                    <xsl:for-each select="$container//div[contains-token(@class, 'endpoint-classes')]/div">
+                    <!-- populate the class list within the row's value cell -->
+                    <xsl:for-each select="$container//div[contains-token(@class, 'endpoint-classes')]//div[contains-token(@class, 'val-main')]">
                         <xsl:result-document href="?." method="ixsl:replace-content">
-                            <ul class="unstyled">
+                            <ul>
                                 <xsl:for-each select="$results/srx:sparql/srx:results/srx:result">
                                     <li>
                                         <!-- the query URI the submit handler reads (SELECT whose $type it substitutes with the checked class); the checkbox carries the class URI -->
@@ -1654,7 +1726,7 @@ LIMIT   10
                                             </xsl:otherwise>
                                         </xsl:choose>
 
-                                        <label class="checkbox">
+                                        <label class="ldh-check">
                                             <input type="checkbox" checked="checked" name="ou" value="{srx:binding[@name = 'type']/srx:uri}"/>
                                             <samp>
                                                 <xsl:value-of select="srx:binding[@name = 'type']/srx:uri"/>
@@ -1673,35 +1745,27 @@ LIMIT   10
                 </xsl:for-each>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:variable name="message" select="$response?message" as="xs:string?"/>
-
-                <xsl:for-each select="$container//div[contains-token(@class, 'endpoint-classes')]/div">
+                <xsl:for-each select="$container//div[contains-token(@class, 'endpoint-classes')]//div[contains-token(@class, 'val-main')]">
                     <xsl:result-document href="?." method="ixsl:replace-content">
-                        <div class="alert alert-block">
-                            <strong>
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'error-during-query', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </strong>
-                            <pre>
-                                <xsl:value-of select="$message"/>
-                            </pre>
-                        </div>
+                        <!-- a region of the modal form, not a block body, so the bare alert -->
+                        <xsl:sequence select="ldh:error-alert('classes-not-loaded', ldh:http-error-key($response?status), ())"/>
                     </xsl:result-document>
                 </xsl:for-each>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
     
-    <xsl:function name="ldh:typeahead-resource-response" ixsl:updating="yes">
+    <xsl:function name="ldh:combobox-resource-response" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="response" select="$context('response')" as="map(*)"/>
         <xsl:variable name="status" select="$response?status" as="xs:double"/>
         <xsl:variable name="media-type" select="$response?media-type" as="xs:string?"/>
         <xsl:variable name="resource-uri" select="$context('resource-uri')" as="xs:anyURI"/>
-        <xsl:variable name="typeahead-span" select="$context('typeahead-span')" as="element()"/>
+        <xsl:variable name="combobox" select="$context('combobox')" as="element()"/>
+        <!-- data-for-class sits on the box; the committed chip carries it forward so the edit button's fresh lookup keeps the class scope -->
+        <xsl:variable name="forClass" select="$combobox/div[contains-token(@class, 'ldhc-cb-box')]/@data-for-class ! tokenize(.) ! xs:anyURI(.)" as="xs:anyURI*"/>
 
-        <xsl:message>ldh:typeahead-resource-response</xsl:message>
+        <xsl:message>ldh:combobox-resource-response</xsl:message>
 
         <xsl:choose>
             <xsl:when test="$status = 200 and $media-type = 'application/rdf+xml'">
@@ -1710,25 +1774,31 @@ LIMIT   10
 
                     <xsl:choose>
                         <xsl:when test="$resource">
-                            <xsl:for-each select="$typeahead-span">
-                                <xsl:variable name="typeahead" as="element()">
-                                    <xsl:apply-templates select="$resource" mode="ldh:Typeahead">
-                                        <!-- <xsl:with-param name="forClass" select="$forClass"/> -->
+                            <!-- the committed chip stands in for the whole combobox, mirroring the edit button's replace-element in the other direction -->
+                            <xsl:for-each select="$combobox">
+                                <xsl:variable name="combobox" as="element()">
+                                    <xsl:apply-templates select="$resource" mode="ldh:ComboboxChip">
+                                        <xsl:with-param name="forClass" select="$forClass"/>
                                     </xsl:apply-templates>
                                 </xsl:variable>
 
-                                <xsl:result-document href="?." method="ixsl:replace-content">
-                                    <xsl:sequence select="$typeahead/*"/>
+                                <xsl:result-document href="?." method="ixsl:replace-element">
+                                    <xsl:sequence select="$combobox"/>
                                 </xsl:result-document>
                             </xsl:for-each>
                         </xsl:when>
                         <xsl:otherwise>
-                            <!-- resource description not found, render lookup input -->
-                            <xsl:call-template name="bs2:Lookup">
-                                <xsl:with-param name="class" select="'resource-typeahead typeahead'"/>
-                                <xsl:with-param name="list-class" select="'resource-typeahead typeahead dropdown-menu'"/>
-                                <xsl:with-param name="value" select="$resource-uri"/>
-                            </xsl:call-template>
+                            <!-- resource description not found: keep a lookup, with the raw URI as its value -->
+                            <xsl:for-each select="$combobox">
+                                <xsl:result-document href="?." method="ixsl:replace-element">
+                                    <xsl:call-template name="ldh:Combobox">
+                                        <xsl:with-param name="class" select="'resource-combobox combobox'"/>
+                                        <xsl:with-param name="list-class" select="'resource-combobox combobox ldhc-cb-panel'"/>
+                                        <xsl:with-param name="value" select="$resource-uri"/>
+                                        <xsl:with-param name="forClass" select="$forClass"/>
+                                    </xsl:call-template>
+                                </xsl:result-document>
+                            </xsl:for-each>
                         </xsl:otherwise>
                     </xsl:choose>
                 </xsl:for-each>
@@ -1754,7 +1824,7 @@ LIMIT   10
         <xsl:choose>
             <xsl:when test="$status = 200 and $media-type = 'application/rdf+xml'">
                 <xsl:variable name="body" select="$response?body" as="document-node()"/>
-                <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+                <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
 
                 <xsl:call-template name="ldh:ShowModalForm">
                     <xsl:with-param name="form" as="element()">
@@ -1768,7 +1838,7 @@ LIMIT   10
 
                 <xsl:for-each select="id('request-access-matrix', ixsl:page())">
                     <xsl:result-document href="?." method="ixsl:replace-content">
-                        <xsl:apply-templates select="$body/rdf:RDF" mode="request-access-matrix">
+                        <xsl:apply-templates select="$body/rdf:RDF" mode="ldh:RequestAccessMatrix">
                             <xsl:with-param name="agent" select="$agent"/>
                             <xsl:with-param name="this" select="$this"/>
                         </xsl:apply-templates>
@@ -1925,19 +1995,9 @@ LIMIT   10
                 </xsl:call-template>
             </xsl:when>
             <xsl:otherwise>
-                <!-- partial failure: created containers stay; report the classes that failed -->
-                <xsl:for-each select="$form//fieldset">
-                    <xsl:result-document href="?." method="ixsl:append-content">
-                        <div class="alert">
-                            <p>Some containers could not be created:</p> <!-- TO-DO: localize -->
-                            <ul>
-                                <xsl:for-each select="$failures">
-                                    <li><samp><xsl:value-of select="?class"/></samp> (<xsl:value-of select="?response?status"/>)</li>
-                                </xsl:for-each>
-                            </ul>
-                        </div>
-                    </xsl:result-document>
-                </xsl:for-each>
+                <!-- partial failure: created containers stay; the classes that failed are the technical detail,
+                     one 'HTTP <status> <class>' line each, so this reports through the same form error surface -->
+                <xsl:sequence select="ldh:render-form-error($form, 'containers-not-created', 'containers-partial-failure', string-join($failures ! ('HTTP ' || ?response?status || ' ' || ?class), '&#xA;'))"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -1967,11 +2027,11 @@ LIMIT   10
             </xsl:when>
             <!-- 200 but not RDF/XML (e.g. the source URI returned an HTML page): explicit error, do NOT fall through to the success navigation of ldh:add-data-form-response -->
             <xsl:when test="$status = 200">
-                <xsl:sequence select="ldh:add-data-form-error(map:put($context, 'message', 'The source URI did not return RDF data'))"/> <!-- TO-DO: localize -->
+                <xsl:sequence select="ldh:add-data-form-error($context, 'source-not-rdf')"/>
             </xsl:when>
             <!-- fetch failed -->
             <xsl:otherwise>
-                <xsl:sequence select="ldh:add-data-form-error($context)"/>
+                <xsl:sequence select="ldh:add-data-form-error($context, ())"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2013,11 +2073,11 @@ LIMIT   10
             </xsl:when>
             <!-- 200 but not RDF/XML (e.g. the source URI returned an HTML page): explicit error -->
             <xsl:when test="$status = 200">
-                <xsl:sequence select="ldh:add-data-form-error(map:put($context, 'message', 'The source URI did not return RDF data'))"/> <!-- TO-DO: localize -->
+                <xsl:sequence select="ldh:add-data-form-error($context, 'source-not-rdf')"/>
             </xsl:when>
             <!-- fetch failed -->
             <xsl:otherwise>
-                <xsl:sequence select="ldh:add-data-form-error($context)"/>
+                <xsl:sequence select="ldh:add-data-form-error($context, ())"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2042,7 +2102,7 @@ LIMIT   10
                 "/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ldh:import-ontology-error($context)"/>
+                <xsl:sequence select="ldh:import-ontology-error($context, ())"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2069,7 +2129,7 @@ LIMIT   10
                 "/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ldh:import-ontology-error(map:put($context, 'message', 'Could not load the transformation query'))"/> <!-- TO-DO: localize -->
+                <xsl:sequence select="ldh:import-ontology-error($context, 'transformation-query-not-loaded')"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2105,7 +2165,7 @@ LIMIT   10
                 "/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ldh:import-ontology-error($context)"/>
+                <xsl:sequence select="ldh:import-ontology-error($context, ())"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2129,7 +2189,7 @@ LIMIT   10
                 "/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ldh:import-ontology-error($context)"/>
+                <xsl:sequence select="ldh:import-ontology-error($context, ())"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2137,16 +2197,17 @@ LIMIT   10
     <!-- error wrapper for the import-ontology chain: once the scratch document exists ('scratch-created'), delete it best-effort before rendering the error; the original failed 'response' stays in $context for the message -->
     <xsl:function name="ldh:import-ontology-error" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="explanation-key" as="xs:string?"/>
 
         <xsl:choose>
             <xsl:when test="map:contains($context, 'scratch-created')">
                 <xsl:sequence select="
                   ixsl:http-request(map{ 'method': 'DELETE', 'href': ldh:href($context('scratch-uri')) })
-                    => ixsl:then(ldh:import-ontology-error-cleaned($context, ?))
+                    => ixsl:then(ldh:import-ontology-error-cleaned($context, $explanation-key, ?))
                 "/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ldh:add-data-form-error($context)"/>
+                <xsl:sequence select="ldh:add-data-form-error($context, $explanation-key)"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2154,9 +2215,10 @@ LIMIT   10
     <!-- renders the error after the scratch cleanup; the DELETE response is ignored -->
     <xsl:function name="ldh:import-ontology-error-cleaned" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="explanation-key" as="xs:string?"/>
         <xsl:param name="delete-response" as="map(*)"/>
 
-        <xsl:sequence select="ldh:add-data-form-error($context)"/>
+        <xsl:sequence select="ldh:add-data-form-error($context, $explanation-key)"/>
     </xsl:function>
 
     <!-- import-ontology chain, step 6 (scratch deleted): clear the end-user app ontology from the server-side cache so its owl:imports closure picks up the annotation document (idempotent when the app ontology does not import it yet), then terminate via ldh:add-data-form-response -->
@@ -2180,7 +2242,7 @@ LIMIT   10
                 "/>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:sequence select="ldh:add-data-form-error($context)"/>
+                <xsl:sequence select="ldh:add-data-form-error($context, ())"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
@@ -2196,8 +2258,8 @@ LIMIT   10
         <xsl:choose>
             <!-- Success: redirect to target container with ReadMode -->
             <xsl:when test="$status = (200, 204)">
-                <xsl:variable name="control-group" select="$form/descendant::div[contains-token(@class, 'control-group')][input[@name = 'pu'][@value = '&sd;name']]" as="element()*"/>
-                <xsl:variable name="uri" select="$control-group/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
+                <xsl:variable name="prop-group" select="$form/descendant::div[contains-token(@class, 'ldh-prop-group')][input[@name = 'pu'][@value = '&sd;name']]" as="element()*"/>
+                <xsl:variable name="uri" select="$prop-group/descendant::input[@name = 'ou']/ixsl:get(., 'value')" as="xs:anyURI"/>
                 <!-- Remove the modal -->
                 <xsl:sequence select="ixsl:call($form/ancestor::div[contains-token(@class, 'modal')], 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
 
@@ -2208,39 +2270,22 @@ LIMIT   10
             </xsl:when>
             <!-- Error: render error message inline in the form's fieldset -->
             <xsl:otherwise>
-                <xsl:sequence select="ldh:add-data-form-error($context)"/>
+                <xsl:sequence select="ldh:add-data-form-error($context, ())"/>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:function>
 
-    <!-- render an inline error alert in the add/clone form's fieldset; $context may carry an optional 'message' override, otherwise the response message is used. 'response' is optional so pre-fetch validation errors (e.g. a non-local target) can reuse this. -->
+    <!-- render an inline error alert in the add/clone form's fieldset. $explanation-key names the sentence for a
+         failure that never reached the network (e.g. a non-local target); pass () to derive it from the response
+         status instead. 'response' is optional for the same reason. -->
     <xsl:function name="ldh:add-data-form-error" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
+        <xsl:param name="explanation-key" as="xs:string?"/>
         <xsl:variable name="response" select="$context('response')" as="map(*)?"/>
-        <xsl:variable name="status" select="$response?status" as="xs:double?"/>
-        <xsl:variable name="form" select="$context('form')" as="element()?"/>
 
         <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
 
-        <xsl:variable name="message" select="if (map:contains($context, 'message')) then $context('message') else $response?message" as="xs:string?"/>
-        <!-- render error message -->
-        <xsl:for-each select="$form//fieldset">
-            <xsl:result-document href="?." method="ixsl:append-content">
-                <div class="alert">
-                    <xsl:if test="exists($status)">
-                        <p>
-                            <!-- lookup status message by code because Tomcat does not send any -->
-                            <xsl:apply-templates select="key('status-by-code', xs:integer($status), document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/http-statusCodes.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </p>
-                    </xsl:if>
-                    <xsl:if test="$message">
-                        <p>
-                            <xsl:value-of select="$message"/>
-                        </p>
-                    </xsl:if>
-                </div>
-            </xsl:result-document>
-        </xsl:for-each>
+        <xsl:sequence select="ldh:render-form-error($context('form'), 'data-not-added', ($explanation-key, ldh:http-error-key($response?status))[1], ldh:response-detail($response))"/>
     </xsl:function>
 
     <!-- Kicks off the async metadata-fetch chain for the constraint-violation re-render of a modal form (Container/Item creation and document edit). $context carries response/about/block/form from the form submit handler — $about is the resource discriminator (set by the submit handler from $block/@about or $form/@action). Harvest types/property-uris from the edited resource; object-uris from the whole body. Terminates in ldh:render-modal-form-violation. -->
@@ -2260,6 +2305,7 @@ LIMIT   10
             map{
                 'body': $body,
                 'types': $types,
+                'forClass': $types,
                 'endpoint': sd:endpoint(),
                 'property-uris': distinct-values($body/rdf:RDF/*[@rdf:about = $about]/*/concat(namespace-uri(), local-name())),
                 'object-uris': distinct-values($body/rdf:RDF/*[not(rdf:type/@rdf:resource = $system-types)]/*/@rdf:resource[not(key('resources', .))])
@@ -2284,7 +2330,7 @@ LIMIT   10
             on-failure="ldh:promise-failure#1"/>
     </xsl:function>
 
-    <!-- Terminal callback for the modal-form-submit-violation chain. All metadata is in $context from the upstream chain steps. constructors and shapes stay () to match the initial modal renders: none of the three flows fetches them, and bs2:FormControl's constructor param default sources the constructor client-side. $context('render-fn') and $context('required') are uniformly populated by each flow's response handler — ldh:constructor-form-response stamps ldh:render-constructor-form#2 (mode="bs2:Form") for Container/Item creation (PUT), ldh:edit-form-response stamps ldh:render-document-form#2 (mode="ldh:DocumentForm") for Container/Item edit (PATCH), ldh:settings-form-response stamps ldh:render-app-settings-form#2 for app-settings — so the violation re-render uses the same mode as the initial render. The mode-per-flow split keeps the edit form's narrow @rdf:about=$about filter while letting the creation flow surface co-shipped peer Descriptions (content blocks). -->
+    <!-- Terminal callback for the modal-form-submit-violation chain. All metadata is in $context from the upstream chain steps. constructors/shapes/constructed-doc arrive per flow: a flow that stamps them as 'load-pairs' in its response handler (the document-edit flow) gets the same constructor input as its initial render; the other flows leave them unset and ac:FormControl's constructor param default sources the constructor client-side. $context('render-fn') and $context('required') are uniformly populated by each flow's response handler — ldh:constructor-form-response stamps ldh:render-constructor-form#2 (mode="ac:ResourceForm") for Container/Item creation (PUT), ldh:edit-form-response stamps ldh:render-document-form#2 (mode="ldh:DocumentForm") for Container/Item edit (PATCH), ldh:settings-form-response stamps ldh:render-app-settings-form#2 for app-settings — so the violation re-render uses the same mode as the initial render. The mode-per-flow split keeps the edit form's narrow @rdf:about=$about filter while letting the creation flow surface co-shipped peer Descriptions (content blocks). -->
     <xsl:function name="ldh:render-modal-form-violation" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="body" select="$context('body')" as="document-node()"/>
@@ -2294,24 +2340,22 @@ LIMIT   10
         <!-- no 'base-uri' entry: the render dispatchers fall back to $ctx('about'), same as the initial render. The response body's base URI equals $about in the creation/edit flows but not in the app-settings flow (urn: subject), where it flipped $show-subject and exposed the URI control. No 'required' entry either: the response handlers stamp it per flow, matching each flow's initial chain -->
         <xsl:variable name="render-ctx" as="map(*)" select="map:merge(($context, map{
             'method':            string($form/@method),
-            'action':            xs:anyURI(string($form/@action)),
-            'constructors':      (),
-            'shapes':            ()
+            'action':            xs:anyURI(string($form/@action))
         }), map{ 'duplicates': 'use-last' })"/>
         <xsl:variable name="render-fn" select="$context('render-fn')" as="function(document-node(), map(*)) as element()*"/>
         <xsl:variable name="rendered" select="$render-fn($body, $render-ctx)" as="element()*"/>
 
-        <xsl:for-each select="$block">
+        <!-- resolve the dialog shell from whichever element the flow stamped as 'block': the backdrop (edit/create submits) or the modal body (app-settings) -->
+        <xsl:variable name="dialog" select="($block/ancestor-or-self::div[contains-token(@class, 'ldhc-modal')], $block/descendant::div[contains-token(@class, 'ldhc-modal')])[1]" as="element()"/>
+        <xsl:for-each select="$dialog">
             <xsl:result-document href="?." method="ixsl:replace-content">
-                <div class="modal-header">
-                    <button type="button" class="close">&#215;</button>
-
-                    <legend>
-                        <!-- <xsl:value-of select="$legend-label"/> -->
-                    </legend>
+                <div class="ldhc-modal-head">
+                    <span class="ldhc-modal-x">
+                        <button type="button" class="ldhc-iconbtn sz-sm in-neutral ap-ghost close" aria-label="{ac:label(key('resources', 'close', ldh:translations()))}"><span class="msi sm">close</span></button>
+                    </span>
                 </div>
 
-                <div class="modal-body">
+                <div class="ldhc-modal-body">
                     <xsl:copy-of select="$rendered"/>
                 </div>
             </xsl:result-document>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/navigation.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/navigation.xsl
similarity index 68%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/navigation.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/navigation.xsl
index b50df7fbbf..401e081ab0 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/navigation.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/navigation.xsl
@@ -31,7 +31,6 @@ xmlns:ldt="&ldt;"
 xmlns:sd="&sd;"
 xmlns:sp="&sp;"
 xmlns:sioc="&sioc;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 extension-element-prefixes="ixsl"
 exclude-result-prefixes="#all"
 >
@@ -93,76 +92,106 @@ ORDER BY DESC(?created)
 
     <!-- TEMPLATES -->
     
-    <xsl:template name="ldh:LeftSidebar">
+    <xsl:template name="ldh:DataspaceDrawer">
         <xsl:param name="base" select="ldt:base()" as="xs:anyURI"/>
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'left-sidebar well well-small sidebar-nav'" as="xs:string?"/>
+        <xsl:param name="class" select="'left-sidebar ldh-sidebar'" as="xs:string?"/>
 
-        <div>
+        <!-- the dataspace drawer (§19): it slides over the content and dismisses via its backdrop.
+             Closed by default: inert takes its subtree out of the tab order and away from AT while
+             transform/visibility (app.css) hide it; the mouse reaching the screen's left edge opens it -->
+        <div inert="">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
-
-            <!-- dataspace-scoped search form -->
-            <form class="form-search search-form" accept-charset="UTF-8" title="{ac:label(key('resources', 'search-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                <div class="input-append">
-                    <input type="text" name="q" class="search-query" placeholder="{ac:label(key('resources', 'search-placeholder', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}"/>
-                    <button type="submit">
-                        <xsl:apply-templates select="key('resources', 'search', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                            <xsl:with-param name="class" select="'btn btn-primary'"/>
-                        </xsl:apply-templates>
-                    </button>
-                </div>
-            </form>
-
-            <!-- document tree container -->
-            <div class="document-tree">
-                <h2 class="nav-header btn">
-                    <xsl:apply-templates select="key('resources', 'document-tree', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </h2>
-
-                <ul class="well well-small nav nav-list">
-                    <li>
-                        <button class="btn btn-small btn-expand-tree"></button>
-                        <a href="{$base}" class="btn-logo btn-container">
-                            <xsl:apply-templates select="key('resources', 'root', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </a>
-                    </li>
-                </ul>
+            <xsl:attribute name="aria-label" select="ac:label(key('resources', 'dataspace-navigation', ldh:translations()))"/>
+
+            <div class="sb-head">
+                <!-- dataspace-scoped search form: typing happens here, and submitting opens the search
+                     dialog pre-populated with the typed text (the ⌘K handler submits this form too) -->
+                <form class="search-form sb-search" accept-charset="UTF-8" title="{ac:label(key('resources', 'search-title', ldh:translations()))}">
+                    <span class="msi sm" aria-hidden="true">search</span>
+                    <input type="search" name="q" placeholder="{ac:label(key('resources', 'search-placeholder', ldh:translations()))}"/>
+                    <kbd>⌘K</kbd>
+                </form>
+                <button type="button" class="ldhc-iconbtn sz-xs in-neutral ap-ghost btn-close-sidebar" aria-label="{ac:label(key('resources', 'hide-navigation', ldh:translations()))}">
+                    <span class="msi sm" aria-hidden="true">close</span>
+                </button>
             </div>
 
-            <!-- class list container -->
-            <div class="class-list">
-                <h2 class="nav-header btn">
-                    <xsl:apply-templates select="key('resources', 'classes', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </h2>
-
-                <ul class="well well-small nav nav-list">
-                    <!-- class list will be loaded dynamically -->
-                </ul>
-            </div>
+            <!-- one scroll box for all sections, so the search row stays pinned -->
+            <div class="sb-scroll">
+                <!-- document tree container: the containment axis -->
+                <div class="document-tree sb-section">
+                    <h3 class="sb-heading">
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'document-tree', ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </h3>
+
+                    <ul class="ldh-tree">
+                        <li>
+                            <div class="tree-row" style="--depth: 0">
+                                <button type="button" class="ldhc-iconbtn sz-xs in-neutral ap-ghost btn-expand-tree" aria-expanded="false">
+                                    <span class="msi sm" aria-hidden="true">chevron_right</span>
+                                </button>
+                                <a class="tree-link" href="{$base}">
+                                    <span class="msi sm tree-icon" aria-hidden="true">home</span>
+                                    <span class="tree-label">
+                                        <xsl:apply-templates select="key('resources', 'root', ldh:translations())" mode="ac:label"/>
+                                    </span>
+                                </a>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
 
-            <!-- other section -->
-            <div class="other-views">
-                <h2 class="nav-header btn">
-                    <xsl:apply-templates select="key('resources', 'other', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </h2>
+                <!-- class list container: the type axis, cutting across containment -->
+                <div class="class-list sb-section">
+                    <h3 class="sb-heading">
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'classes', ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </h3>
+
+                    <ul class="sb-classes">
+                        <!-- class list will be loaded dynamically -->
+                    </ul>
+                </div>
 
-                <ul class="well well-small nav nav-list">
-                    <li>
-                        <button type="button" class="btn btn-logo btn-geo">
-                            <xsl:apply-templates select="key('resources', 'geo', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </button>
-                    </li>
-                    <li>
-                        <button type="button" class="btn btn-logo btn-latest">
-                            <xsl:apply-templates select="key('resources', 'latest', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </button>
-                    </li>
-                </ul>
+                <!-- other section -->
+                <div class="other-views sb-section">
+                    <h3 class="sb-heading">
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'other', ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </h3>
+
+                    <ul class="sb-other">
+                        <li>
+                            <button type="button" class="tree-link btn-geo">
+                                <span class="msi sm tree-icon" aria-hidden="true">location_on</span>
+                                <span class="tree-label">
+                                    <xsl:apply-templates select="key('resources', 'geo', ldh:translations())" mode="ac:label"/>
+                                </span>
+                                <!-- trailing glyph marking an entry that opens a dialog rather than navigating -->
+                                <span class="msi sm sb-out" aria-hidden="true">open_in_new</span>
+                            </button>
+                        </li>
+                        <li>
+                            <button type="button" class="tree-link btn-latest">
+                                <span class="msi sm tree-icon" aria-hidden="true">history</span>
+                                <span class="tree-label">
+                                    <xsl:apply-templates select="key('resources', 'latest', ldh:translations())" mode="ac:label"/>
+                                </span>
+                                <span class="msi sm sb-out" aria-hidden="true">open_in_new</span>
+                            </button>
+                        </li>
+                    </ul>
+                </div>
             </div>
         </div>
     </xsl:template>
@@ -174,14 +203,21 @@ ORDER BY DESC(?created)
         <!-- strip query params from href to ensure consistent matching -->
         <xsl:variable name="target-uri" select="ac:document-uri($href)" as="xs:anyURI"/>
 
-        <!-- make the previously active list items inactive -->
-        <xsl:for-each select=".//li[contains-token(@class, 'active')]">
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <!-- make the previously active list items inactive (the state rides the li so the ground spans
+             the disclosure control; aria-current rides the anchor) -->
+        <xsl:for-each select=".//li[contains-token(@class, 'is-active')]">
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:for-each select="./div/a">
+                <xsl:sequence select="ixsl:call(., 'removeAttribute', [ 'aria-current' ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
         </xsl:for-each>
         <!-- find li elements whose href (without query params) matches target href (without query params) -->
-        <xsl:for-each select=".//li[a[ac:document-uri(xs:anyURI(@href)) = $target-uri]]">
+        <xsl:for-each select=".//li[./div/a[ac:document-uri(xs:anyURI(@href)) = $target-uri]]">
             <!-- mark the new list item as active -->
-            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'is-active', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:for-each select="./div/a">
+                <xsl:sequence select="ixsl:call(., 'setAttribute', [ 'aria-current', 'page' ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
         </xsl:for-each>
     </xsl:template>
 
@@ -189,9 +225,9 @@ ORDER BY DESC(?created)
     <xsl:template name="ldh:NavigationUpdate">
         <xsl:param name="href" as="xs:anyURI"/>
 
-        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'left-sidebar')]">
+        <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'left-sidebar')]">
             <!-- activate the current URL in the document tree -->
-            <xsl:for-each select="./div[contains-token(@class, 'document-tree')]">
+            <xsl:for-each select=".//div[contains-token(@class, 'document-tree')]">
                 <xsl:variable name="href-string" select="string($href)" as="xs:string"/>
                 <xsl:variable name="target" select="xs:anyURI(if (contains($href-string, '?')) then substring-before($href-string, '?') else $href-string)" as="xs:anyURI"/>
                 <xsl:call-template name="ldh:DocTreeExpandPathAndActivate">
@@ -201,7 +237,7 @@ ORDER BY DESC(?created)
             </xsl:for-each>
 
             <!-- reload the class list -->
-            <xsl:for-each select="./div[contains-token(@class, 'class-list')]/ul">
+            <xsl:for-each select=".//div[contains-token(@class, 'class-list')]/ul">
                 <xsl:call-template name="ldh:ClassListLoad">
                     <xsl:with-param name="container" select="."/>
                     <xsl:with-param name="endpoint" select="sd:endpoint()"/>
@@ -251,7 +287,7 @@ ORDER BY DESC(?created)
         </xsl:param>
         <xsl:param name="endpoint" as="xs:anyURI"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
         
         <!-- wrap SELECT into a DESCRIBE -->
         <xsl:variable name="query-xml" as="element()">
@@ -272,56 +308,117 @@ ORDER BY DESC(?created)
         <ixsl:promise select="ixsl:http-request($context('request')) =>
             ixsl:then(ldh:rethread-response($context, ?)) =>
             ixsl:then(ldh:handle-response#1) =>
-            ixsl:then(ldh:left-sidebar-resource-response#1)"
+            ixsl:then(ldh:left-sidebar-resource-response#1) =>
+            ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
     
-    <xsl:template match="*[@rdf:about]" mode="bs2:DocTreeListItem">
-        <xsl:param name="class" as="xs:string?"/>
+    <!-- one tree node (§19): li > .tree-row > disclosure + a.tree-link; the li carries state, the row
+         carries the depth indent ramp (the depth custom property), and a leaf takes the inert spacer so labels stay aligned -->
+    <xsl:template match="*[@rdf:about]" mode="ldh:TreeNode">
+        <xsl:param name="depth" select="0" as="xs:integer"/>
 
         <li>
-            <!-- only containers have can have children resources -->
-            <xsl:if test="sioc:has_parent">
-                <button class="btn btn-small btn-expand-tree"></button>
-            </xsl:if>
-            
-            <xsl:apply-templates select="@rdf:about" mode="xhtml:Anchor">
-                <xsl:with-param name="id" select="()"/>
-                <xsl:with-param name="class" select="$class"/>
-            </xsl:apply-templates>
+            <div class="tree-row" style="--depth: {$depth}">
+                <!-- only containers can have children resources; the disclosure is a SIBLING of the anchor,
+                     so a container can be expanded without navigating into it -->
+                <xsl:choose>
+                    <xsl:when test="sioc:has_parent">
+                        <button type="button" class="ldhc-iconbtn sz-xs in-neutral ap-ghost btn-expand-tree" aria-expanded="false">
+                            <span class="msi sm" aria-hidden="true">chevron_right</span>
+                        </button>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <span class="tree-spacer" aria-hidden="true"/>
+                    </xsl:otherwise>
+                </xsl:choose>
+
+                <a class="tree-link" href="{@rdf:about}" title="{@rdf:about}">
+                    <span class="msi sm tree-icon" aria-hidden="true">
+                        <xsl:value-of select="ldh:class-icon(., 'description')"/>
+                    </span>
+                    <span class="tree-label">
+                        <xsl:apply-templates select="." mode="ac:label"/>
+                    </span>
+                </a>
+            </div>
         </li>
     </xsl:template>
     
     <!-- EVENT HANDLERS -->
-    
-    <!-- show left-side document tree -->
+
+    <!-- the drawer slides in when the mouse reaches the left edge of the screen and back out when the
+         pointer leaves it (plus its own close button and Escape); inert while closed keeps the hidden
+         subtree out of the tab order (§23) -->
 
     <xsl:template match="body" mode="ixsl:onmousemove">
         <xsl:variable name="x" select="ixsl:get(ixsl:event(), 'clientX')"/>
 
         <!-- check that the mouse is on the left edge -->
         <xsl:if test="$x = 0">
-            <xsl:variable name="active-sidebar" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'left-sidebar')]" as="element()?"/>
-            <xsl:if test="$active-sidebar">
-                <ixsl:set-style name="display" select="'block'" object="$active-sidebar"/>
-            </xsl:if>
+            <xsl:for-each select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'left-sidebar')][not(contains-token(@class, 'is-open'))]">
+                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:sequence select="ixsl:call(., 'removeAttribute', [ 'inert' ])[current-date() lt xs:date('2000-01-01')]"/>
+            </xsl:for-each>
         </xsl:if>
 
         <!-- chain to the RDFa editor's sweep-selection tracker (lower import precedence) -->
         <xsl:next-match/>
     </xsl:template>
 
-    <!-- hide the document tree container if its position is fixed (i.e. the layout is not responsive) -->
-    <xsl:template match="div[contains-token(@class, 'left-sidebar')][ixsl:style(.)?position = 'fixed']" mode="ixsl:onmouseout">
+    <!-- the open drawer is owned by the pointer or the focus and closes when it holds neither — the
+         event-level transcription of :is(:hover, :focus-within). Each of the two events that can end
+         one ownership axis checks the other axis's current truth; nothing is tracked -->
+
+    <!-- the pointer leaves the drawer: close unless it left the document (null relatedTarget — the
+         window edge or a browser-native overlay such as the search input's suggestion popup) or focus
+         is still inside (typing in the search input) -->
+    <xsl:template match="div[contains-token(@class, 'ldh-sidebar')][contains-token(@class, 'is-open')]" mode="ixsl:onmouseout">
         <xsl:variable name="related-target" select="ixsl:get(ixsl:event(), 'relatedTarget')" as="element()?"/> <!-- the element mouse entered -->
 
-        <!-- only hide if the related target does not have this div as ancestor (is not its child) -->
-        <xsl:if test="not($related-target/ancestor-or-self::div[. is current()])">
-            <ixsl:set-style name="display" select="'none'"/>
+        <xsl:if test="exists($related-target) and not($related-target/ancestor-or-self::div[. is current()]) and not(ixsl:get(ixsl:page(), 'activeElement')/ancestor-or-self::div[. is current()])">
+            <xsl:apply-templates select="." mode="ldh:CloseDrawer"/>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- focus leaves the drawer: close unless it moved to an element still inside or the pointer
+         still hovers the drawer -->
+    <xsl:template match="div[contains-token(@class, 'ldh-sidebar')][contains-token(@class, 'is-open')]" mode="ixsl:onfocusout">
+        <xsl:variable name="related-target" select="ixsl:get(ixsl:event(), 'relatedTarget')" as="element()?"/> <!-- the element receiving focus -->
+
+        <xsl:if test="not($related-target/ancestor-or-self::div[. is current()]) and not(ixsl:call(., 'matches', [ ':hover' ]))">
+            <xsl:apply-templates select="." mode="ldh:CloseDrawer"/>
         </xsl:if>
     </xsl:template>
 
-    <xsl:template match="div[contains-token(@class, 'document-tree')]//li/a[@href]" mode="ixsl:onclick" priority="1">
+    <xsl:template match="div[contains-token(@class, 'ldh-sidebar')]" mode="ldh:CloseDrawer">
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'remove', [ 'is-open' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(., 'setAttribute', [ 'inert', '' ])[current-date() lt xs:date('2000-01-01')]"/>
+    </xsl:template>
+
+    <xsl:template match="button[contains-token(@class, 'btn-close-sidebar')]" mode="ixsl:onclick">
+        <xsl:apply-templates select="ancestor::div[contains-token(@class, 'ldh-sidebar')][1]" mode="ldh:CloseDrawer"/>
+    </xsl:template>
+
+    <!-- Escape dismisses the open drawer (unless a modal owns the key); ⌘K/Ctrl+K opens the search
+         dialog from anywhere. Chains to the RDFa editor's body shortcuts (lower import precedence) -->
+    <xsl:template match="body" mode="ixsl:onkeydown">
+        <xsl:variable name="key" select="ixsl:get(ixsl:event(), 'key')" as="xs:string"/>
+
+        <xsl:choose>
+            <xsl:when test="$key = 'Escape' and empty(ixsl:page()//div[contains-token(@class, 'ldhc-backdrop')][contains-token(@class, 'modal')])">
+                <xsl:apply-templates select="ixsl:page()//div[contains-token(@class, 'ldh-sidebar')][contains-token(@class, 'is-open')]" mode="ldh:CloseDrawer"/>
+            </xsl:when>
+            <xsl:when test="lower-case($key) = 'k' and (ixsl:get(ixsl:event(), 'metaKey') or ixsl:get(ixsl:event(), 'ctrlKey'))">
+                <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
+                <xsl:apply-templates select="(id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]//form[contains-token(@class, 'search-form')])[1]" mode="ixsl:onsubmit"/>
+            </xsl:when>
+        </xsl:choose>
+
+        <xsl:next-match/>
+    </xsl:template>
+
+    <xsl:template match="div[contains-token(@class, 'document-tree')]//li/div/a[@href]" mode="ixsl:onclick" priority="1">
         <xsl:variable name="href" select="@href" as="xs:anyURI"/>
 
         <xsl:for-each select="ancestor::div[contains-token(@class, 'document-tree')]">
@@ -337,18 +434,29 @@ ORDER BY DESC(?created)
     
     <xsl:template match="button[contains-token(@class, 'btn-expand-tree')]" mode="ixsl:onclick">
         <xsl:variable name="href" select="following-sibling::a/@href" as="xs:anyURI"/>
-        <xsl:variable name="container" select=".." as="element()"/> <!-- the parent <li> -->
+        <xsl:variable name="container" select="../.." as="element()"/> <!-- the row's parent <li> -->
+        <xsl:variable name="depth" select="count(ancestor::li)" as="xs:integer"/> <!-- children sit one level below this row -->
+
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expand-tree', false() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expanded-tree', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call(., 'setAttribute', [ 'aria-expanded', 'true' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="span[contains-token(@class, 'msi')]">
+            <ixsl:set-property name="textContent" select="'expand_more'" object="."/>
+        </xsl:for-each>
 
         <xsl:choose>
-            <!-- if children list does not exist, create it -->
+            <!-- if children list does not exist, create it with a lazy-loading row -->
             <xsl:when test="not($container/ul)">
-                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expand-tree', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expanded-tree', true() ])[current-date() lt xs:date('2000-01-01')]"/>
-
                 <xsl:for-each select="$container">
                     <xsl:result-document href="?." method="ixsl:append-content">
-                        <ul class="well well-small nav nav-list">
-                            <!-- list items will be injected by ldh:DocTreeResourceLoad -->
+                        <ul>
+                            <!-- replaced by the list items when ldh:DocTreeResourceLoad's response lands -->
+                            <li class="tree-loading" style="--depth: {$depth}">
+                                <span class="msi sm" aria-hidden="true">progress_activity</span>
+                                <span>
+                                    <xsl:apply-templates select="key('resources', 'loading', ldh:translations())" mode="ac:label"/>
+                                </span>
+                            </li>
                         </ul>
                     </xsl:result-document>
                 </xsl:for-each>
@@ -359,73 +467,25 @@ ORDER BY DESC(?created)
                     <xsl:with-param name="endpoint" select="sd:endpoint()"/>
                 </xsl:call-template>
             </xsl:when>
-            <!-- if the children list is present but hidden, show it -->
-            <xsl:when test="ixsl:style($container/ul)?display = 'none'">
-                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expand-tree', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-                <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expanded-tree', true() ])[current-date() lt xs:date('2000-01-01')]"/>
-
-                <ixsl:set-style name="display" select="'block'" object="$container/ul"/>
-            </xsl:when>
+            <!-- a present children list re-shows via the toggle's aria-expanded state (ldh.css) -->
         </xsl:choose>
     </xsl:template>
-    
+
     <!-- collapses tree -->
-    
+
     <xsl:template match="button[contains-token(@class, 'btn-expanded-tree')]" mode="ixsl:onclick">
-        <xsl:variable name="container" select=".." as="element()"/> <!-- the parent <li> -->
-        
+        <xsl:variable name="container" select="../.." as="element()"/> <!-- the row's parent <li> -->
+
         <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expand-tree', true() ])[current-date() lt xs:date('2000-01-01')]"/>
         <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expanded-tree', false() ])[current-date() lt xs:date('2000-01-01')]"/>
-
-        <ixsl:set-style name="display" select="'none'" object="$container/ul"/>
+        <xsl:sequence select="ixsl:call(., 'setAttribute', [ 'aria-expanded', 'false' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:for-each select="span[contains-token(@class, 'msi')]">
+            <ixsl:set-property name="textContent" select="'chevron_right'" object="."/>
+        </xsl:for-each>
     </xsl:template>
 
-    <!-- backlinks -->
-    
-    <xsl:template match="div[contains-token(@class, 'backlinks-nav')]//*[contains-token(@class, 'nav-header')]" mode="ixsl:onclick">
-        <xsl:variable name="backlinks-container" select="ancestor::div[contains-token(@class, 'backlinks-nav')]" as="element()"/>
-        <xsl:variable name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
-        <xsl:variable name="block-uri" select="$block/@about" as="xs:anyURI"/>
-        <xsl:variable name="query-string" select="replace($backlinks-string, '$this', '&lt;' || $block-uri || '&gt;', 'q')" as="xs:string"/>
-        <xsl:variable name="service-uri" select="if (ixsl:contains(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`')) then (if (ixsl:contains(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'service-uri')) then ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $block-uri || '`'), 'service-uri') else ()) else ()" as="xs:anyURI?"/>
-        <xsl:variable name="service" select="if ($service-uri) then key('resources', $service-uri, document(ldh:href(ac:document-uri($service-uri), map{ 'accept': 'application/rdf+xml' }, ()))) else ()" as="element()?"/> <!-- TO-DO: refactor asynchronously -->
-        <xsl:variable name="endpoint" select="($service/sd:endpoint/@rdf:resource/xs:anyURI(.), sd:endpoint())[1]" as="xs:anyURI"/>
-        <xsl:variable name="results-uri" select="ac:build-uri($endpoint, map{ 'query': string($query-string) })" as="xs:anyURI"/>
-        <xsl:variable name="request-uri" select="ldh:href($results-uri, map{})" as="xs:anyURI"/>
-        
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
-
-        <xsl:choose>
-            <!-- backlink nav list is not rendered yet - load it -->
-            <xsl:when test="not(following-sibling::*[contains-token(@class, 'nav')])">
-                <!-- toggle the caret direction -->
-                <xsl:for-each select="span[contains-token(@class, 'caret')]">
-                    <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'caret-reversed' ])[current-date() lt xs:date('2000-01-01')]"/>
-                </xsl:for-each>
+    <!-- backlinks load from the block links popover - the trigger is the tb-links onclick in block.xsl -->
 
-                <xsl:variable name="request" select="map{ 'method': 'GET', 'href': $request-uri, 'headers': map{ 'Accept': 'application/rdf+xml' } }" as="map(*)"/>
-                <xsl:variable name="context" as="map(*)" select="
-                  map{
-                    'request': $request,
-                    'backlinks-container': $backlinks-container
-                  }"/>
-                <ixsl:promise select="ixsl:http-request($context('request')) =>
-                    ixsl:then(ldh:rethread-response($context, ?)) =>
-                    ixsl:then(ldh:handle-response#1) =>
-                    ixsl:then(ldh:backlinks-response#1)"
-                    on-failure="ldh:promise-failure#1"/>
-            </xsl:when>
-            <!-- show the nav list -->
-            <xsl:when test="ixsl:style(following-sibling::*[contains-token(@class, 'nav')])?display = 'none'">
-                <ixsl:set-style name="display" select="'block'" object="following-sibling::*[contains-token(@class, 'nav')]"/>
-            </xsl:when>
-            <!-- hide the nav list -->
-            <xsl:otherwise>
-                <ixsl:set-style name="display" select="'none'" object="following-sibling::*[contains-token(@class, 'nav')]"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-    
     <!-- CALLBACKS -->
         
     <xsl:function name="ldh:breadcrumb-resource-response" as="map(*)" ixsl:updating="yes">
@@ -460,12 +520,12 @@ ORDER BY DESC(?created)
                                 on-failure="ldh:promise-failure#1"/>
                         </xsl:if>
 
-                        <!-- append to the breadcrumb list -->
-                        <xsl:for-each select="$container/ul">
+                        <!-- append to the breadcrumb list (the container is the pills list itself) -->
+                        <xsl:for-each select="$container">
                             <xsl:variable name="content" select="*" as="element()*"/>
                             <!-- we want to prepend the parent resource to the beginning of the breadcrumb list -->
                             <xsl:result-document href="?." method="ixsl:replace-content">
-                                <xsl:apply-templates select="$resource" mode="bs2:BreadCrumbListItem">
+                                <xsl:apply-templates select="$resource" mode="ac:BreadcrumbItem">
                                     <xsl:with-param name="leaf" select="$leaf"/>
                                 </xsl:apply-templates>
 
@@ -491,7 +551,7 @@ ORDER BY DESC(?created)
         <xsl:param name="target-uri" as="xs:anyURI"/> <!-- the document URI we want to reach -->
         <xsl:param name="tree-container" as="element()"/> <!-- the document-tree element -->
 
-        <xsl:variable name="current-href-full" select="xs:anyURI($current-li/a/@href)" as="xs:anyURI"/>
+        <xsl:variable name="current-href-full" select="xs:anyURI($current-li/div/a/@href)" as="xs:anyURI"/>
         <!-- Strip query parameters for comparison -->
         <xsl:variable name="current-href" select="ac:document-uri($current-href-full)" as="xs:anyURI"/>
 
@@ -508,7 +568,7 @@ ORDER BY DESC(?created)
 
             <!-- Case 2: Target URI starts with current href - need to descend further -->
             <xsl:when test="starts-with(string($target-uri), string($current-href))">
-                <xsl:variable name="expand-button" select="$current-li/button[contains-token(@class, 'btn-expand-tree')]" as="element()?"/>
+                <xsl:variable name="expand-button" select="$current-li/div/button[contains-token(@class, 'btn-expand-tree')]" as="element()?"/>
 
                 <xsl:choose>
                     <!-- Case 2a: Has expand button and not expanded yet - expand and load children -->
@@ -516,7 +576,7 @@ ORDER BY DESC(?created)
                         <!-- Create <ul> for children -->
                         <xsl:for-each select="$current-li">
                             <xsl:result-document href="?." method="ixsl:append-content">
-                                <ul class="well well-small nav nav-list"></ul>
+                                <ul/>
                             </xsl:result-document>
                         </xsl:for-each>
 
@@ -524,6 +584,10 @@ ORDER BY DESC(?created)
                         <xsl:for-each select="$expand-button">
                             <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expand-tree', false() ])[current-date() lt xs:date('2000-01-01')]"/>
                             <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'toggle', [ 'btn-expanded-tree', true() ])[current-date() lt xs:date('2000-01-01')]"/>
+                            <xsl:sequence select="ixsl:call(., 'setAttribute', [ 'aria-expanded', 'true' ])[current-date() lt xs:date('2000-01-01')]"/>
+                            <xsl:for-each select="span[contains-token(@class, 'msi')]">
+                                <ixsl:set-property name="textContent" select="'expand_more'" object="."/>
+                            </xsl:for-each>
                         </xsl:for-each>
 
                         <!-- Load children and continue descent after loading -->
@@ -570,9 +634,9 @@ ORDER BY DESC(?created)
                     </xsl:when>
 
                     <!-- Case 2b: Already expanded - find next child to descend into -->
-                    <xsl:when test="$current-li/ul/li">
+                    <xsl:when test="$current-li/ul/li[./div/a]">
                         <!-- Find which child's href (without query params) is a prefix of target-uri -->
-                        <xsl:variable name="next-li" select="$current-li/ul/li[starts-with(string($target-uri), string(ac:document-uri(xs:anyURI(a/@href))))][1]" as="element()?"/>
+                        <xsl:variable name="next-li" select="$current-li/ul/li[starts-with(string($target-uri), string(ac:document-uri(xs:anyURI(./div/a/@href))))][1]" as="element()?"/>
 
                         <xsl:choose>
                             <xsl:when test="$next-li">
@@ -611,7 +675,7 @@ ORDER BY DESC(?created)
         <xsl:param name="tree-container" as="element()"/>
 
         <!-- Find which child's href (without query params) is a prefix of target-uri -->
-        <xsl:variable name="next-li" select="$current-li/ul/li[starts-with(string($target-uri), string(ac:document-uri(xs:anyURI(a/@href))))][1]" as="element()?"/>
+        <xsl:variable name="next-li" select="$current-li/ul/li[starts-with(string($target-uri), string(ac:document-uri(xs:anyURI(./div/a/@href))))][1]" as="element()?"/>
 
         <xsl:choose>
             <xsl:when test="$next-li">
@@ -641,12 +705,13 @@ ORDER BY DESC(?created)
                 <xsl:when test="?status = 200 and ?media-type = 'application/rdf+xml'">
                     <xsl:for-each select="?body">
                         <xsl:variable name="resources" select="rdf:RDF/*[@rdf:about]" as="element()*"/>
-                        <!-- append to the doc tree list -->
+                        <!-- replace the doc tree list's content (the lazy-loading row goes with it) -->
                         <xsl:for-each select="$container">
-                            <xsl:result-document href="?." method="ixsl:append-content">
-                                <xsl:apply-templates select="$resources" mode="bs2:DocTreeListItem">
+                            <xsl:variable name="depth" select="count(ancestor::li)" as="xs:integer"/>
+                            <xsl:result-document href="?." method="ixsl:replace-content">
+                                <xsl:apply-templates select="$resources" mode="ldh:TreeNode">
                                     <xsl:sort select="ac:label(.)"/>
-                                    <!--<xsl:with-param name="active" select="@rdf:about = $uri"/>-->
+                                    <xsl:with-param name="depth" select="$depth"/>
                                 </xsl:apply-templates>
                             </xsl:result-document>
                         </xsl:for-each>
@@ -680,13 +745,11 @@ ORDER BY DESC(?created)
                     <xsl:for-each select="$backlinks-container">
                         <xsl:variable name="doc-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
                         <xsl:result-document href="?." method="ixsl:append-content">
-                            <ul class="well well-small nav nav-list">
-                                <xsl:apply-templates select="$results/rdf:RDF/rdf:Description[not(@rdf:about = $doc-uri)]" mode="xhtml:ListItem">
-                                    <xsl:sort select="ac:label(.)" order="ascending" lang="{$ac:lang}"/>
-                                    <xsl:with-param name="mode" select="ldh:query-params()?mode[1]" tunnel="yes"/> <!-- TO-DO: support multiple modes -->
-                                    <xsl:with-param name="render-id" select="false()" tunnel="yes"/>
+                            <div class="dgroup">
+                                <xsl:apply-templates select="$results/rdf:RDF/rdf:Description[not(@rdf:about = $doc-uri)]" mode="ldh:LinkRow">
+                                    <xsl:sort select="ac:label(.)" order="ascending" lang="{ac:langs()[1]}"/>
                                 </xsl:apply-templates>
-                            </ul>
+                            </div>
                         </xsl:result-document>
                     </xsl:for-each>
                 </xsl:when>
@@ -696,8 +759,6 @@ ORDER BY DESC(?created)
             </xsl:choose>
         </xsl:for-each>
 
-        <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
-
         <xsl:sequence select="$context"/>
     </xsl:function>
 
@@ -706,7 +767,7 @@ ORDER BY DESC(?created)
         <xsl:param name="container" as="element()"/> <!-- the <ul> inside <div class="class-list"> -->
         <xsl:param name="endpoint" as="xs:anyURI"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="select-string" select="$class-types-string" as="xs:string"/>
         <xsl:variable name="select-json" as="item()">
@@ -729,12 +790,15 @@ ORDER BY DESC(?created)
         <ixsl:promise select="ixsl:http-request($context('request')) =>
             ixsl:then(ldh:rethread-response($context, ?)) =>
             ixsl:then(ldh:handle-response#1) =>
-            ixsl:then(ldh:class-list-response#1)"
+            ixsl:then(ldh:class-list-response#1) =>
+            ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
-    <!-- handle the response from loading classes - extract type URIs and query ns endpoint -->
-    <xsl:function name="ldh:class-list-response" as="map(*)" ixsl:updating="yes">
+    <!-- handle the response from loading classes - extract type URIs and query ns endpoint. Returns the DESCRIBE
+         chain rather than firing it, so the caller's ixsl:then adopts it and the chain does not settle - and the
+         busy cursor does not drop - until the second hop has rendered (idiom: ldh:fetch-and-load-edited-resource). -->
+    <xsl:function name="ldh:class-list-response" as="item()*" ixsl:updating="yes">
         <xsl:param name="context" as="map(*)"/>
         <xsl:variable name="response" select="$context('response')" as="map(*)"/>
         <xsl:variable name="container" select="$context('container')" as="element()"/>
@@ -763,15 +827,14 @@ ORDER BY DESC(?created)
                                     'container': $container,
                                     'type-results': $results
                                   }"/>
-                                <ixsl:promise select="ixsl:http-request($new-context('request')) =>
+                                <xsl:sequence select="ixsl:http-request($new-context('request')) =>
                                     ixsl:then(ldh:rethread-response($new-context, ?)) =>
                                     ixsl:then(ldh:handle-response#1) =>
-                                    ixsl:then(ldh:class-list-describe-response#1)"
-                                    on-failure="ldh:promise-failure#1"/>
+                                    ixsl:then(ldh:class-list-describe-response#1)"/>
                             </xsl:when>
                             <xsl:otherwise>
                                 <xsl:message>No class types found</xsl:message>
-                                <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
+                                <xsl:sequence select="ixsl:resolve($context)"/>
                             </xsl:otherwise>
                         </xsl:choose>
                     </xsl:for-each>
@@ -780,12 +843,10 @@ ORDER BY DESC(?created)
                     <xsl:message>
                         Error loading class types from sparql endpoint
                     </xsl:message>
-                    <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
+                    <xsl:sequence select="ixsl:resolve($context)"/>
                 </xsl:otherwise>
             </xsl:choose>
         </xsl:for-each>
-
-        <xsl:sequence select="$context"/>
     </xsl:function>
 
     <!-- handle the response from describing class types -->
@@ -810,7 +871,7 @@ ORDER BY DESC(?created)
 
                                 <xsl:choose>
                                     <xsl:when test="key('resources', srx:binding[@name = 'type']/srx:uri, $class-doc)">
-                                        <xsl:apply-templates select="key('resources', srx:binding[@name = 'type']/srx:uri, $class-doc)" mode="bs2:ClassListItem">
+                                        <xsl:apply-templates select="key('resources', srx:binding[@name = 'type']/srx:uri, $class-doc)" mode="ldh:ClassListItem">
                                             <xsl:with-param name="count" select="xs:integer(srx:binding[@name = 'count']/srx:literal)"/>
                                         </xsl:apply-templates>
                                     </xsl:when>
@@ -818,7 +879,7 @@ ORDER BY DESC(?created)
                                         <xsl:variable name="temp-class" as="element()">
                                             <rdf:Description rdf:about="{srx:binding[@name = 'type']/srx:uri}"/>
                                         </xsl:variable>
-                                        <xsl:apply-templates select="$temp-class" mode="bs2:ClassListItem">
+                                        <xsl:apply-templates select="$temp-class" mode="ldh:ClassListItem">
                                             <xsl:with-param name="count" select="xs:integer(srx:binding[@name = 'count']/srx:literal)"/>
                                         </xsl:apply-templates>
                                     </xsl:otherwise>
@@ -827,13 +888,11 @@ ORDER BY DESC(?created)
                         </xsl:result-document>
                     </xsl:for-each>
 
-                    <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
                 </xsl:when>
                 <xsl:otherwise>
                     <xsl:message>
                         Error loading class descriptions from ns endpoint
                     </xsl:message>
-                    <ixsl:set-style name="cursor" select="'default'" object="ixsl:page()//body"/>
                 </xsl:otherwise>
             </xsl:choose>
         </xsl:for-each>
@@ -841,20 +900,23 @@ ORDER BY DESC(?created)
         <xsl:sequence select="$context"/>
     </xsl:function>
 
-    <!-- render a class as a list item with button -->
-    <xsl:template match="*[@rdf:about]" mode="bs2:ClassListItem">
+    <!-- render a class as a list item: the same .tree-link row vocabulary as the document tree, since it is
+         the same kind of statement; the dot marks the flat type axis where the tree has its disclosure column,
+         and the instance count is a core Tag (§19) -->
+    <xsl:template match="*[@rdf:about]" mode="ldh:ClassListItem">
         <xsl:param name="count" as="xs:integer"/>
 
         <li>
-            <button class="btn btn-class" data-class-uri="{@rdf:about}">
-                <span>
+            <button type="button" class="tree-link btn-class" data-class-uri="{@rdf:about}" title="{@rdf:about}">
+                <span class="sb-class-dot" aria-hidden="true"></span>
+                <span class="tree-label">
                     <xsl:apply-templates select="." mode="ac:label"/>
                 </span>
-                
+
                 <xsl:if test="exists($count)">
-                    <xsl:text> (</xsl:text>
-                    <xsl:value-of select="$count"/>
-                    <xsl:text>)</xsl:text>
+                    <span class="ldhc-tag em-quiet co-neutral sz-xs">
+                        <xsl:value-of select="$count"/>
+                    </span>
                 </xsl:if>
             </button>
         </li>
@@ -863,52 +925,51 @@ ORDER BY DESC(?created)
     <!-- opens modal dialog to show instances of a class -->
     <xsl:template match="button[contains-token(@class, 'btn-class')]" mode="ixsl:onclick">
         <xsl:variable name="class-uri" select="xs:anyURI(ixsl:get(., 'dataset.classUri'))"/>
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
-        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'tab-pane')]/@id" as="xs:string"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'ldh-pane')]/@id" as="xs:string"/>
         <xsl:variable name="modal-id" select="'class-instances-modal-' || $pane-id" as="xs:string"/>
         <xsl:variable name="container-id" select="'class-instances-container-' || $pane-id" as="xs:string"/>
 
         <xsl:variable name="modal" as="element()">
-            <div class="modal modal-constructor modal-class-instances fade in" id="{$modal-id}" data-container-id="{$container-id}">
-                <div class="modal-header">
-                    <button type="button" class="close">×</button>
-                    <legend>
-                        <xsl:choose>
-                            <xsl:when test="doc-available(ac:document-uri($class-uri))">
-                                <xsl:apply-templates select="key('resources', $class-uri, document(ac:document-uri($class-uri)))" mode="ac:label"/>
-                            </xsl:when>
-                            <xsl:otherwise>
-                                <xsl:value-of select="$class-uri"/>
-                            </xsl:otherwise>
-                        </xsl:choose>
-                    </legend>
-                </div>
-                <div class="modal-body">
-                    <div class="row-fluid block">
-                        <div class="span12 progress progress-striped active">
-                            <div class="row-fluid row-block-controls" style="position: relative; top: 30px; margin-top: -30px; z-index: 1;">
-                                <div class="span12">
-                                    <div class="row-fluid">
-                                        <div style="width: 0%;" class="span12 bar"></div>
+            <div class="ldhc-backdrop pos-top modal modal-constructor modal-class-instances" id="{$modal-id}" data-container-id="{$container-id}">
+                <xsl:apply-templates select="." mode="ldh:Modal">
+                    <xsl:with-param name="size" select="'sz-xl'"/>
+                    <xsl:with-param name="title" as="item()*">
+                            <xsl:choose>
+                                <xsl:when test="doc-available(ac:document-uri($class-uri))">
+                                    <xsl:apply-templates select="key('resources', $class-uri, document(ac:document-uri($class-uri)))" mode="ac:label"/>
+                                </xsl:when>
+                                <xsl:otherwise>
+                                    <xsl:value-of select="$class-uri"/>
+                                </xsl:otherwise>
+                            </xsl:choose>
+                    </xsl:with-param>
+                    <xsl:with-param name="body" as="item()*">
+
+                    <div class="ldh-block-row">
+                        <div class="row-main">
+                            <div class="block ldh-block is-quiet is-loading" aria-busy="true">
+                                <xsl:apply-templates select="." mode="ldh:BlockBar"/>
+
+                                <div id="{$container-id}" class="block-row" typeof="&ldh;View">
+                                    <div class="main ldh-block-body">
+                                        <!-- View results will be rendered here -->
                                     </div>
                                 </div>
                             </div>
-
-                            <div id="{$container-id}" class="row-fluid" typeof="&ldh;View">
-                                <div class="main span12">
-                                    <!-- View results will be rendered here -->
-                                </div>
-                            </div>
                         </div>
                     </div>
-                </div>
-                <div class="form-actions modal-footer">
-                    <button type="button" class="btn btn-primary btn-close">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </button>
-                </div>
+                
+                    </xsl:with-param>
+                    <xsl:with-param name="foot" as="item()*">
+                        <xsl:apply-templates select="." mode="ldh:FormFooter">
+                    <xsl:with-param name="class" select="'ldhc-modal-foot'"/>
+                    <xsl:with-param name="dismiss" select="'close'"/>
+                    <xsl:with-param name="show-reset" select="false()"/>
+                    <xsl:with-param name="show-save" select="false()"/>
+                </xsl:apply-templates>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </div>
         </xsl:variable>
 
@@ -938,7 +999,7 @@ ORDER BY DESC(?created)
         <xsl:param name="cache" as="item()"/>
         <xsl:variable name="container-id" select="$container/@id" as="xs:string"/>
         
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <!-- determine which query to use based on whether instances are in named graphs -->
         <!-- TODO: we need to check if instances are in named graphs - for now use SelectInstancesInGraphs -->
@@ -989,8 +1050,8 @@ ORDER BY DESC(?created)
 
         <ixsl:promise select="
             ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
@@ -1008,46 +1069,45 @@ ORDER BY DESC(?created)
 
     <!-- opens modal dialog to show geo resources -->
     <xsl:template match="button[contains-token(@class, 'btn-geo')]" mode="ixsl:onclick">
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
-        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'tab-pane')]/@id" as="xs:string"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'ldh-pane')]/@id" as="xs:string"/>
         <xsl:variable name="modal-id" select="'geo-modal-' || $pane-id" as="xs:string"/>
         <xsl:variable name="container-id" select="'geo-container-' || $pane-id" as="xs:string"/>
         <xsl:variable name="select-string" select="$geo-resources-string" as="xs:string"/>
 
         <xsl:variable name="modal" as="element()">
-            <div class="modal modal-constructor modal-geo fade in" id="{$modal-id}" data-container-id="{$container-id}">
-                <div class="modal-header">
-                    <button type="button" class="close">×</button>
-                    <legend>
-                        <xsl:apply-templates select="key('resources', 'geo', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    </legend>
-                </div>
-                <div class="modal-body">
-                    <div class="row-fluid block">
-                        <div class="span12 progress progress-striped active">
-                            <div class="row-fluid row-block-controls" style="position: relative; top: 30px; margin-top: -30px; z-index: 1;">
-                                <div class="span12">
-                                    <div class="row-fluid">
-                                        <div style="width: 0%;" class="span12 bar"></div>
+            <div class="ldhc-backdrop pos-top modal modal-constructor modal-geo" id="{$modal-id}" data-container-id="{$container-id}">
+                <xsl:apply-templates select="." mode="ldh:Modal">
+                    <xsl:with-param name="size" select="'sz-xl'"/>
+                    <xsl:with-param name="title" as="item()*">
+                            <xsl:apply-templates select="key('resources', 'geo', ldh:translations())" mode="ac:label"/>
+                    </xsl:with-param>
+                    <xsl:with-param name="body" as="item()*">
+
+                    <div class="ldh-block-row">
+                        <div class="row-main">
+                            <div class="block ldh-block is-quiet is-loading" aria-busy="true">
+                                <xsl:apply-templates select="." mode="ldh:BlockBar"/>
+
+                                <div id="{$container-id}" class="block-row" typeof="&ldh;View">
+                                    <div class="main ldh-block-body">
+                                        <!-- View results will be rendered here -->
                                     </div>
                                 </div>
                             </div>
-
-                            <div id="{$container-id}" class="row-fluid" typeof="&ldh;View">
-                                <div class="main span12">
-                                    <!-- View results will be rendered here -->
-                                </div>
-                            </div>
                         </div>
                     </div>
-                </div>
-                <div class="form-actions modal-footer">
-                    <button type="button" class="btn btn-primary btn-close">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </button>
-                </div>
+                
+                    </xsl:with-param>
+                    <xsl:with-param name="foot" as="item()*">
+                        <xsl:apply-templates select="." mode="ldh:FormFooter">
+                    <xsl:with-param name="class" select="'ldhc-modal-foot'"/>
+                    <xsl:with-param name="dismiss" select="'close'"/>
+                    <xsl:with-param name="show-reset" select="false()"/>
+                    <xsl:with-param name="show-save" select="false()"/>
+                </xsl:apply-templates>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </div>
         </xsl:variable>
 
@@ -1079,7 +1139,7 @@ ORDER BY DESC(?created)
         <xsl:param name="cache" as="item()"/>
         <xsl:param name="select-string" as="xs:string"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="select-json" as="item()">
             <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
@@ -1113,53 +1173,52 @@ ORDER BY DESC(?created)
 
         <ixsl:promise select="
             ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
     <!-- opens modal dialog to show latest resources -->
     <xsl:template match="button[contains-token(@class, 'btn-latest')]" mode="ixsl:onclick">
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
-        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'tab-pane')]/@id" as="xs:string"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'ldh-pane')]/@id" as="xs:string"/>
         <xsl:variable name="modal-id" select="'latest-modal-' || $pane-id" as="xs:string"/>
         <xsl:variable name="container-id" select="'latest-container-' || $pane-id" as="xs:string"/>
         <xsl:variable name="select-string" select="$latest-resources-string" as="xs:string"/>
 
         <xsl:variable name="modal" as="element()">
-            <div class="modal modal-constructor modal-latest fade in" id="{$modal-id}" data-container-id="{$container-id}">
-                <div class="modal-header">
-                    <button type="button" class="close">×</button>
-                    <legend>
-                        <xsl:apply-templates select="key('resources', 'latest', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    </legend>
-                </div>
-                <div class="modal-body">
-                    <div class="row-fluid block">
-                        <div class="span12 progress progress-striped active">
-                            <div class="row-fluid row-block-controls" style="position: relative; top: 30px; margin-top: -30px; z-index: 1;">
-                                <div class="span12">
-                                    <div class="row-fluid">
-                                        <div style="width: 0%;" class="span12 bar"></div>
+            <div class="ldhc-backdrop pos-top modal modal-constructor modal-latest" id="{$modal-id}" data-container-id="{$container-id}">
+                <xsl:apply-templates select="." mode="ldh:Modal">
+                    <xsl:with-param name="size" select="'sz-xl'"/>
+                    <xsl:with-param name="title" as="item()*">
+                            <xsl:apply-templates select="key('resources', 'latest', ldh:translations())" mode="ac:label"/>
+                    </xsl:with-param>
+                    <xsl:with-param name="body" as="item()*">
+
+                    <div class="ldh-block-row">
+                        <div class="row-main">
+                            <div class="block ldh-block is-quiet is-loading" aria-busy="true">
+                                <xsl:apply-templates select="." mode="ldh:BlockBar"/>
+
+                                <div id="{$container-id}" class="block-row" typeof="&ldh;View">
+                                    <div class="main ldh-block-body">
+                                        <!-- view results will be rendered here -->
                                     </div>
                                 </div>
                             </div>
-
-                            <div id="{$container-id}" class="row-fluid" typeof="&ldh;View">
-                                <div class="main span12">
-                                    <!-- view results will be rendered here -->
-                                </div>
-                            </div>
                         </div>
                     </div>
-                </div>
-                <div class="form-actions modal-footer">
-                    <button type="button" class="btn btn-primary btn-close">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </button>
-                </div>
+                
+                    </xsl:with-param>
+                    <xsl:with-param name="foot" as="item()*">
+                        <xsl:apply-templates select="." mode="ldh:FormFooter">
+                    <xsl:with-param name="class" select="'ldhc-modal-foot'"/>
+                    <xsl:with-param name="dismiss" select="'close'"/>
+                    <xsl:with-param name="show-reset" select="false()"/>
+                    <xsl:with-param name="show-save" select="false()"/>
+                </xsl:apply-templates>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </div>
         </xsl:variable>
 
@@ -1194,7 +1253,7 @@ ORDER BY DESC(?created)
         <xsl:param name="page-size" select="20" as="xs:integer"/>
         <xsl:param name="cache" as="item()"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="select-json" as="item()">
             <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
@@ -1235,64 +1294,69 @@ ORDER BY DESC(?created)
 
         <ixsl:promise select="
             ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
-    <!-- sidebar search form: open modal pre-populated with the typed value and run the search -->
+    <!-- sidebar search form: open the search dialog pre-populated with the typed value and run the
+         search (the ⌘K handler applies this template too) -->
     <xsl:template match="form[contains-token(@class, 'search-form')]" mode="ixsl:onsubmit">
         <xsl:sequence select="ixsl:call(ixsl:event(), 'preventDefault', [])"/>
         <xsl:variable name="text" select=".//input[@name = 'q']/ixsl:get(., 'value')" as="xs:string?"/>
-        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
-        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'tab-pane')]/@id" as="xs:string"/>
+        <xsl:variable name="target" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'ldh-pane')][contains-token(@class, 'is-active')]/div[contains-token(@class, 'document-body')]/div[contains-token(@class, 'content-body')]" as="element()"/>
+        <xsl:variable name="pane-id" select="$target/ancestor::div[contains-token(@class, 'ldh-pane')]/@id" as="xs:string"/>
         <xsl:variable name="modal-id" select="'search-modal-' || $pane-id" as="xs:string"/>
         <xsl:variable name="container-id" select="'search-results-container-' || $pane-id" as="xs:string"/>
 
         <xsl:variable name="modal" as="element()">
-            <div class="modal modal-constructor modal-search fade in" id="{$modal-id}" data-container-id="{$container-id}">
-                <div class="modal-header">
-                    <button type="button" class="close">×</button>
-                    <legend>
-                        <xsl:apply-templates select="key('resources', 'search', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    </legend>
-                    <form class="form-search search-form-modal" accept-charset="UTF-8">
-                        <div class="input-append">
-                            <input type="text" name="q" class="search-query" value="{$text}" placeholder="{ac:label(key('resources', 'search-placeholder', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}"/>
-                            <button type="submit">
-                                <xsl:apply-templates select="key('resources', 'search', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                                    <xsl:with-param name="class" select="'btn btn-primary'"/>
-                                </xsl:apply-templates>
-                            </button>
-                        </div>
+            <div class="ldhc-backdrop pos-top modal modal-constructor modal-search" id="{$modal-id}" data-container-id="{$container-id}">
+                <xsl:apply-templates select="." mode="ldh:Modal">
+                    <xsl:with-param name="size" select="'sz-xl'"/>
+                    <xsl:with-param name="icon" as="item()*">
+                        <span class="msi outline" aria-hidden="true">search</span>
+                    </xsl:with-param>
+                    <xsl:with-param name="title" as="item()*">
+                            <xsl:apply-templates select="key('resources', 'search', ldh:translations())" mode="ac:label"/>
+                    </xsl:with-param>
+                    <xsl:with-param name="sub" as="item()*">
+                            <xsl:apply-templates select="key('resources', 'search-subtitle', ldh:translations())" mode="ac:label"/>
+                    </xsl:with-param>
+                    <xsl:with-param name="flush" select="true()"/>
+                    <xsl:with-param name="body" as="item()*">
+
+                    <!-- the design's search field is a label; here it stays a form so Enter still reaches the submit handler -->
+                    <form class="ldh-search-field search-form-modal" accept-charset="UTF-8">
+                        <span class="msi outline" aria-hidden="true">search</span>
+                        <input type="search" name="q" value="{$text}" placeholder="{ac:label(key('resources', 'search-placeholder', ldh:translations()))}"/>
+                        <button type="button" class="ldhc-iconbtn sz-xs in-neutral ap-ghost btn-clear-query" aria-label="{ac:label(key('resources', 'clear-query', ldh:translations()))}"><span class="msi sm">close</span></button>
                     </form>
-                </div>
-                <div class="modal-body">
-                    <div class="row-fluid block">
-                        <div class="span12 progress progress-striped active">
-                            <div class="row-fluid row-block-controls" style="position: relative; top: 30px; margin-top: -30px; z-index: 1;">
-                                <div class="span12">
-                                    <div class="row-fluid">
-                                        <div style="width: 0%;" class="span12 bar"></div>
-                                    </div>
-                                </div>
-                            </div>
 
-                            <div id="{$container-id}" class="row-fluid" typeof="&ldh;View">
-                                <div class="main span12">
-                                    <!-- view results will be rendered here -->
+                    <!-- search results ARE a view: the shared view block renders them, with its own facets, view modes and pager -->
+                    <div class="ldh-search-view">
+                        <div class="ldh-block-row">
+                            <div class="row-main">
+                                <div class="block ldh-block is-quiet is-loading" aria-busy="true">
+                                    <xsl:apply-templates select="." mode="ldh:BlockBar"/>
+
+                                    <div id="{$container-id}" class="block-row" typeof="&ldh;View">
+                                        <div class="main ldh-block-body">
+                                            <!-- view results will be rendered here -->
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="form-actions modal-footer">
-                    <button type="button" class="btn btn-primary btn-close">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'close', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </button>
-                </div>
+
+                    <div class="mhint">
+                        <span><kbd>↑↓</kbd><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'hint-navigate', ldh:translations())" mode="ac:label"/></span>
+                        <span><kbd>↵</kbd><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'hint-open', ldh:translations())" mode="ac:label"/></span>
+                        <span><kbd>esc</kbd><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'hint-close', ldh:translations())" mode="ac:label"/></span>
+                    </div>
+                
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </div>
         </xsl:variable>
 
@@ -1347,6 +1411,20 @@ ORDER BY DESC(?created)
         </xsl:choose>
     </xsl:template>
 
+    <!-- in-modal search field: the clear button empties the query and the results it produced -->
+    <xsl:template match="form[contains-token(@class, 'search-form-modal')]/button[contains-token(@class, 'btn-clear-query')]" mode="ixsl:onclick">
+        <xsl:variable name="input" select="../input[@name = 'q']" as="element()"/>
+        <xsl:variable name="container-id" select="ancestor::div[contains-token(@class, 'modal')][@data-container-id][1]/@data-container-id" as="xs:string"/>
+
+        <ixsl:set-property name="value" select="''" object="$input"/>
+
+        <xsl:for-each select="id($container-id, ixsl:page())/div[contains-token(@class, 'main')]">
+            <xsl:result-document href="?." method="ixsl:replace-content"/>
+        </xsl:for-each>
+
+        <xsl:sequence select="ixsl:call($input, 'focus', [])[current-date() lt xs:date('2000-01-01')]"/>
+    </xsl:template>
+
     <!-- in-modal search input: debounced live search (form-submit handles Enter) -->
     <xsl:template match="div[contains-token(@class, 'modal-search')]//input[@name = 'q']" mode="ixsl:onkeyup">
         <xsl:param name="delay" select="400" as="xs:integer"/>
@@ -1403,7 +1481,7 @@ ORDER BY DESC(?created)
         <xsl:param name="select-string" select="$select-labelled-string" as="xs:string"/>
         <xsl:param name="label-var-name" select="'label'" as="xs:string"/>
 
-        <ixsl:set-style name="cursor" select="'progress'" object="ixsl:page()//body"/>
+        <xsl:sequence select="ldh:busy-cursor()"/>
 
         <xsl:variable name="select-json" as="item()">
             <xsl:variable name="select-builder" select="ixsl:call(ixsl:get(ixsl:get(ixsl:window(), 'SPARQLBuilder'), 'SelectBuilder'), 'fromString', [ $select-string ])"/>
@@ -1435,7 +1513,7 @@ ORDER BY DESC(?created)
         <xsl:sequence select="ldh:update-progress-counter($cache, map{'container': $container}, 'init', 3)"/>
 
         <!-- preserve user's chosen view mode across re-runs of the same search container; default to ListMode on first render (no view-mode-list yet) -->
-        <xsl:variable name="active-class" select="tokenize($container//ul[contains-token(@class, 'view-mode-list')]/li[contains-token(@class, 'active')]/@class, ' ')[not(. = 'active')]" as="xs:string?"/>
+        <xsl:variable name="active-class" select="tokenize($container//*[contains-token(@class, 'view-mode-list')]/a[contains-token(@class, 'is-active')]/@class, ' ')[. = map:keys($class-modes)]" as="xs:string?"/>
         <xsl:variable name="active-mode" select="if (exists($active-class)) then map:get($class-modes, $active-class) else xs:anyURI('&ac;ListMode')" as="xs:anyURI"/>
 
         <xsl:variable name="view-context" as="map(*)">
@@ -1453,8 +1531,8 @@ ORDER BY DESC(?created)
 
         <ixsl:promise select="
             ixsl:resolve($context) =>
-                ixsl:then(ldh:view-results-thunk#1)
-            "
+                ixsl:then(ldh:view-results-thunk#1) =>
+                ixsl:finally(ldh:reset-cursor#0)"
             on-failure="ldh:promise-failure#1"/>
     </xsl:template>
 
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/normalize-rdfxml.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/normalize-rdfxml.xsl
similarity index 100%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/normalize-rdfxml.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/normalize-rdfxml.xsl
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/packages.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/packages.xsl
similarity index 83%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/packages.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/packages.xsl
index a75821d951..7c67fb0d60 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/packages.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/packages.xsl
@@ -18,7 +18,6 @@ xmlns:ac="&ac;"
 xmlns:rdf="&rdf;"
 xmlns:rdfs="&rdfs;"
 xmlns:dct="&dct;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 xmlns:xhtml="http://www.w3.org/1999/xhtml"
 exclude-result-prefixes="#all"
 extension-element-prefixes="ixsl"
@@ -70,41 +69,38 @@ version="3.0"
             <fieldset id="packages">
                 <legend>
                     <xsl:value-of>
-                        <xsl:apply-templates select="key('resources', 'packages', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                        <xsl:apply-templates select="key('resources', 'packages', ldh:translations())" mode="ac:label"/>
                     </xsl:value-of>
                 </legend>
-                <table class="table table-striped">
-                    <colgroup>
-                        <col style="width: 25%;"/>
-                        <col style="width: 60%;"/>
-                        <col style="width: 15%;"/>
-                    </colgroup>
-                    <thead>
-                        <tr>
-                            <th>
+                <xsl:apply-templates select="." mode="ldh:DataTable">
+                    <xsl:with-param name="cols" select="'25fr 60fr 15fr'"/>
+                    <xsl:with-param name="caption" as="item()*">
+                        <xsl:apply-templates select="key('resources', 'packages', ldh:translations())" mode="ac:label"/>
+                    </xsl:with-param>
+                    <xsl:with-param name="head" as="item()*">
+                            <th scope="col" role="columnheader">
                                 <xsl:value-of>
                                     <xsl:apply-templates select="key('resources', '&lapp;Package', document(ac:document-uri('&lapp;')))" mode="ac:label"/>
                                 </xsl:value-of>
                             </th>
-                            <th>
+                            <th scope="col" role="columnheader">
                                 <xsl:value-of>
                                     <xsl:apply-templates select="key('resources', '&dct;description', document(ac:document-uri('&dct;')))" mode="ac:label"/>
                                 </xsl:value-of>
                             </th>
-                            <th>
+                            <th scope="col" role="columnheader">
                                 <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'installed', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                    <xsl:apply-templates select="key('resources', 'installed', ldh:translations())" mode="ac:label"/>
                                 </xsl:value-of>
                             </th>
-                        </tr>
-                    </thead>
-                    <tbody>
+                    </xsl:with-param>
+                    <xsl:with-param name="body" as="item()*">
                         <xsl:apply-templates select="$packages" mode="#current">
                             <xsl:sort select="lower-case(dct:title[1])"/>
                             <xsl:with-param name="installed" select="$installed"/>
                         </xsl:apply-templates>
-                    </tbody>
-                </table>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </fieldset>
         </xsl:if>
     </xsl:template>
@@ -112,16 +108,16 @@ version="3.0"
     <xsl:template match="*[@rdf:about]" mode="ldh:PackageList">
         <xsl:param name="installed" as="xs:anyURI*"/>
 
-        <tr>
-            <td>
+        <tr role="row">
+            <td role="cell">
                 <a href="{ldh:href(xs:anyURI(@rdf:about), map{})}">
                     <xsl:apply-templates select="." mode="ac:label"/>
                 </a>
             </td>
-            <td>
+            <td role="cell">
                 <xsl:value-of select="dct:description[1]"/>
             </td>
-            <td>
+            <td role="cell">
                 <input type="hidden" name="pu" value="&ldh;import"/>
                 <input type="checkbox" name="ou" value="{@rdf:about}">
                     <xsl:if test="@rdf:about = $installed">
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/query-transforms.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/query-transforms.xsl
similarity index 79%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/query-transforms.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/query-transforms.xsl
index 61e772a5b3..79646acf3c 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/query-transforms.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/query-transforms.xsl
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE xsl:stylesheet [
+    <!ENTITY ac         "https://w3id.org/atomgraph/client#">
     <!ENTITY ldh        "https://w3id.org/atomgraph/linkeddatahub#">
     <!ENTITY rdf        "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
     <!ENTITY xsd        "http://www.w3.org/2001/XMLSchema#">
@@ -13,6 +14,7 @@ xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:map="http://www.w3.org/2005/xpath-functions/map"
 xmlns:json="http://www.w3.org/2005/xpath-functions"
 xmlns:array="http://www.w3.org/2005/xpath-functions/array"
+xmlns:ac="&ac;"
 xmlns:ldh="&ldh;"
 exclude-result-prefixes="#all"
 extension-element-prefixes="ixsl"
@@ -126,6 +128,193 @@ extension-element-prefixes="ixsl"
 
     <xsl:template match="/json:map/json:map[@key = 'from']" mode="ldh:strip-from" priority="1"/>
 
+    <!-- strip ORDER BY -->
+
+    <!-- identity transform -->
+    <xsl:template match="@* | node()" mode="ldh:strip-order-by">
+        <xsl:copy>
+            <xsl:apply-templates select="@* | node()" mode="#current"/>
+        </xsl:copy>
+    </xsl:template>
+
+    <!-- removes every sort key: ldh:replace-order-by with no $var-name only drops the first one -->
+    <xsl:template match="/json:map/json:array[@key = 'order']" mode="ldh:strip-order-by" priority="1"/>
+
+    <!-- link predicates -->
+
+    <!-- a triple pattern matched both in the default graph and in any named graph -->
+    <xsl:template name="ldh:GraphUnionPattern">
+        <xsl:param name="subject" as="xs:string"/>
+        <xsl:param name="predicate" as="xs:string"/>
+        <xsl:param name="object" as="xs:string"/>
+        <xsl:param name="graph-var" as="xs:string"/>
+
+        <json:map>
+            <json:string key="type">union</json:string>
+            <json:array key="patterns">
+                <json:map>
+                    <json:string key="type">bgp</json:string>
+                    <json:array key="triples">
+                        <json:map>
+                            <json:string key="subject"><xsl:value-of select="$subject"/></json:string>
+                            <json:string key="predicate"><xsl:value-of select="$predicate"/></json:string>
+                            <json:string key="object"><xsl:value-of select="$object"/></json:string>
+                        </json:map>
+                    </json:array>
+                </json:map>
+                <json:map>
+                    <json:string key="type">graph</json:string>
+                    <json:array key="patterns">
+                        <json:map>
+                            <json:string key="type">bgp</json:string>
+                            <json:array key="triples">
+                                <json:map>
+                                    <json:string key="subject"><xsl:value-of select="$subject"/></json:string>
+                                    <json:string key="predicate"><xsl:value-of select="$predicate"/></json:string>
+                                    <json:string key="object"><xsl:value-of select="$object"/></json:string>
+                                </json:map>
+                            </json:array>
+                        </json:map>
+                    </json:array>
+                    <json:string key="name"><xsl:value-of select="$graph-var"/></json:string>
+                </json:map>
+            </json:array>
+        </json:map>
+    </xsl:template>
+
+    <!-- identity transform -->
+    <xsl:template match="@* | node()" mode="ldh:link-predicates">
+        <xsl:copy>
+            <xsl:apply-templates select="@* | node()" mode="#current"/>
+        </xsl:copy>
+    </xsl:template>
+
+    <!-- Turns the view's SELECT into a query for the predicates that link its results to the rest
+         of the graph: ?predicate paired with ?inverse, which flags the incoming ones. The SELECT
+         becomes a subquery (in its own group - a SubSelect has to be the sole content of its
+         braces, and the WHERE has a second member), so discovery covers the whole result set
+         rather than the loaded page; the caller strips LIMIT/OFFSET/ORDER off it first.
+
+         Outgoing objects that are literals, or that are never subjects themselves, are filtered
+         out: a pivot onto them would render an empty view. Incoming subjects need no such check -
+         each is by construction the subject of the triple that matched.
+
+         Variable names carry the caller's UUID because a subquery exports its projected variables:
+         a view projecting ?predicate would otherwise silently join with ours. The wrapper
+         deliberately carries no prefixes - with any, the generator abbreviates IRIs and then emits
+         the subquery's own prologue inside the group, which is a syntax error. -->
+    <xsl:template match="/json:map" mode="ldh:link-predicates" priority="1">
+        <xsl:param name="uuid" as="xs:string" tunnel="yes"/>
+        <xsl:param name="limit" select="100" as="xs:integer" tunnel="yes"/>
+        <xsl:variable name="suffix" select="translate($uuid, '-', '_')" as="xs:string"/>
+        <xsl:variable name="focus-var" select="string(json:array[@key = 'variables']/json:string[1])" as="xs:string"/>
+        <xsl:variable name="predicate-var" select="'?predicate' || $suffix" as="xs:string"/>
+        <xsl:variable name="inverse-var" select="'?inverse' || $suffix" as="xs:string"/>
+        <xsl:variable name="object-var" select="'?object' || $suffix" as="xs:string"/>
+        <xsl:variable name="subject-var" select="'?subject' || $suffix" as="xs:string"/>
+
+        <json:map>
+            <json:string key="queryType">SELECT</json:string>
+            <json:boolean key="distinct">true</json:boolean>
+            <json:array key="variables">
+                <json:string><xsl:value-of select="$predicate-var"/></json:string>
+                <json:string><xsl:value-of select="$inverse-var"/></json:string>
+            </json:array>
+            <!-- hoist the dataset clause, which is only legal on the outermost query (see ldh:wrap-describe) -->
+            <xsl:copy-of select="json:map[@key = 'from']"/>
+            <json:array key="where">
+                <json:map>
+                    <json:string key="type">group</json:string>
+                    <json:array key="patterns">
+                        <xsl:apply-templates select="." mode="ldh:strip-from"/>
+                    </json:array>
+                </json:map>
+
+                <json:map>
+                    <json:string key="type">union</json:string>
+                    <json:array key="patterns">
+                        <!-- outgoing: the result set's own properties -->
+                        <json:map>
+                            <json:string key="type">group</json:string>
+                            <json:array key="patterns">
+                                <xsl:call-template name="ldh:GraphUnionPattern">
+                                    <xsl:with-param name="subject" select="$focus-var"/>
+                                    <xsl:with-param name="predicate" select="$predicate-var"/>
+                                    <xsl:with-param name="object" select="$object-var"/>
+                                    <xsl:with-param name="graph-var" select="'?graph' || $suffix"/>
+                                </xsl:call-template>
+
+                                <json:map>
+                                    <json:string key="type">filter</json:string>
+                                    <json:map key="expression">
+                                        <json:string key="type">operation</json:string>
+                                        <json:string key="operator">!</json:string>
+                                        <json:array key="args">
+                                            <json:map>
+                                                <json:string key="type">operation</json:string>
+                                                <json:string key="operator">isliteral</json:string>
+                                                <json:array key="args">
+                                                    <json:string><xsl:value-of select="$object-var"/></json:string>
+                                                </json:array>
+                                            </json:map>
+                                        </json:array>
+                                    </json:map>
+                                </json:map>
+
+                                <json:map>
+                                    <json:string key="type">filter</json:string>
+                                    <json:map key="expression">
+                                        <json:string key="type">operation</json:string>
+                                        <json:string key="operator">exists</json:string>
+                                        <json:array key="args">
+                                            <json:map>
+                                                <json:string key="type">group</json:string>
+                                                <json:array key="patterns">
+                                                    <xsl:call-template name="ldh:GraphUnionPattern">
+                                                        <xsl:with-param name="subject" select="$object-var"/>
+                                                        <xsl:with-param name="predicate" select="'?objectPredicate' || $suffix"/>
+                                                        <xsl:with-param name="object" select="'?objectObject' || $suffix"/>
+                                                        <xsl:with-param name="graph-var" select="'?objectGraph' || $suffix"/>
+                                                    </xsl:call-template>
+                                                </json:array>
+                                            </json:map>
+                                        </json:array>
+                                    </json:map>
+                                </json:map>
+
+                                <json:map>
+                                    <json:string key="type">bind</json:string>
+                                    <json:string key="variable"><xsl:value-of select="$inverse-var"/></json:string>
+                                    <json:string key="expression">"false"^^&xsd;boolean</json:string>
+                                </json:map>
+                            </json:array>
+                        </json:map>
+
+                        <!-- incoming: what points at the result set -->
+                        <json:map>
+                            <json:string key="type">group</json:string>
+                            <json:array key="patterns">
+                                <xsl:call-template name="ldh:GraphUnionPattern">
+                                    <xsl:with-param name="subject" select="$subject-var"/>
+                                    <xsl:with-param name="predicate" select="$predicate-var"/>
+                                    <xsl:with-param name="object" select="$focus-var"/>
+                                    <xsl:with-param name="graph-var" select="'?subjectGraph' || $suffix"/>
+                                </xsl:call-template>
+
+                                <json:map>
+                                    <json:string key="type">bind</json:string>
+                                    <json:string key="variable"><xsl:value-of select="$inverse-var"/></json:string>
+                                    <json:string key="expression">"true"^^&xsd;boolean</json:string>
+                                </json:map>
+                            </json:array>
+                        </json:map>
+                    </json:array>
+                </json:map>
+            </json:array>
+            <json:number key="limit"><xsl:value-of select="$limit"/></json:number>
+        </json:map>
+    </xsl:template>
+
     <!-- add parallax step -->
     
     <!-- identity transform -->
@@ -138,7 +327,7 @@ extension-element-prefixes="ixsl"
     <xsl:template match="/json:map" mode="ldh:add-parallax-step" priority="1">
         <!-- use the first ?var from the SELECT -->
         <xsl:param name="var-name" select="/json:map/json:array[@key = 'variables']/json:string[1]/substring-after(., '?')" as="xs:string" tunnel="yes"/>
-        <xsl:param name="uuid" select="ixsl:call(ixsl:window(), 'generateUUID', [])" as="xs:string" tunnel="yes"/>
+        <xsl:param name="uuid" select="ac:uuid()" as="xs:string" tunnel="yes"/>
         <xsl:param name="new-var-name" select="'subject' || translate($uuid, '-', '_')" as="xs:string" tunnel="yes"/>
         <xsl:param name="graph-var-name" select="'graph' || translate($uuid, '-', '_')" as="xs:string" tunnel="yes"/>
 
@@ -167,10 +356,14 @@ extension-element-prefixes="ixsl"
         <xsl:param name="graph-var-name" as="xs:string" tunnel="yes"/>
         <xsl:param name="title-predicate" as="xs:anyURI?" tunnel="yes"/>
         <xsl:param name="title-new-var-name" as="xs:string?" tunnel="yes"/>
+        <!-- an inverse step follows the predicate backwards: the new focus is the subject, the current one the object -->
+        <xsl:param name="inverse" select="false()" as="xs:boolean" tunnel="yes"/>
+        <xsl:variable name="subject-var-name" select="if ($inverse) then $new-var-name else $var-name" as="xs:string"/>
+        <xsl:variable name="object-var-name" select="if ($inverse) then $var-name else $new-var-name" as="xs:string"/>
 
         <xsl:copy>
             <xsl:apply-templates select="@* | node()" mode="#current"/>
-        
+
             <json:map>
                 <json:string key="type">union</json:string>
                 <json:array key="patterns">
@@ -178,11 +371,11 @@ extension-element-prefixes="ixsl"
                         <json:string key="type">bgp</json:string>
                         <json:array key="triples">
                             <json:map>
-                                <json:string key="subject"><xsl:text>?</xsl:text><xsl:value-of select="$var-name"/></json:string>
+                                <json:string key="subject"><xsl:text>?</xsl:text><xsl:value-of select="$subject-var-name"/></json:string>
                                 <json:string key="predicate"><xsl:value-of select="$predicate"/></json:string>
-                                <json:string key="object"><xsl:text>?</xsl:text><xsl:value-of select="$new-var-name"/></json:string>
+                                <json:string key="object"><xsl:text>?</xsl:text><xsl:value-of select="$object-var-name"/></json:string>
                             </json:map>
-                            
+
                             <xsl:if test="$title-new-var-name and $title-predicate"> <!-- TO-DO: support OPTIONAL? -->
                                 <json:map>
                                     <json:string key="subject"><xsl:text>?</xsl:text><xsl:value-of select="$new-var-name"/></json:string>
@@ -199,11 +392,11 @@ extension-element-prefixes="ixsl"
                                 <json:string key="type">bgp</json:string>
                                 <json:array key="triples">
                                     <json:map>
-                                        <json:string key="subject"><xsl:text>?</xsl:text><xsl:value-of select="$var-name"/></json:string>
+                                        <json:string key="subject"><xsl:text>?</xsl:text><xsl:value-of select="$subject-var-name"/></json:string>
                                         <json:string key="predicate"><xsl:value-of select="$predicate"/></json:string>
-                                        <json:string key="object"><xsl:text>?</xsl:text><xsl:value-of select="$new-var-name"/></json:string>
+                                        <json:string key="object"><xsl:text>?</xsl:text><xsl:value-of select="$object-var-name"/></json:string>
                                     </json:map>
-                                    
+
                                     <xsl:if test="$title-new-var-name and $title-predicate"> <!-- TO-DO: support OPTIONAL? -->
                                         <json:map>
                                             <json:string key="subject"><xsl:text>?</xsl:text><xsl:value-of select="$new-var-name"/></json:string>
@@ -221,9 +414,6 @@ extension-element-prefixes="ixsl"
         </xsl:copy>
     </xsl:template>
     
-    <!-- reset the OFFSET on parallax because otherwise we can get an empty result -->
-    <xsl:template match="/json:map/json:number[@key = 'offset']" mode="ldh:add-parallax-step" priority="1"/>
-
     <!-- change ORDER BY -->
 
     <!-- identity transform -->
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/signup.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/signup.xsl
new file mode 100644
index 0000000000..0d4ce13c53
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/client/signup.xsl
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE xsl:stylesheet [
+    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
+]>
+<xsl:stylesheet version="3.0"
+xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
+xmlns:xs="http://www.w3.org/2001/XMLSchema"
+xmlns:map="http://www.w3.org/2005/xpath-functions/map"
+xmlns:ldh="&ldh;"
+extension-element-prefixes="ixsl"
+exclude-result-prefixes="#all">
+
+    <!-- the client half of the signup flow: admin/signup.xsl (shared by both products) renders the
+         form; the submit interception and its response handling live here so the shared module stays
+         free of client machinery -->
+
+    <!-- intercept signup form submit to route the success callback through ldh:signup-form-response -->
+    <xsl:template match="form[@id = 'form-signup']" mode="ixsl:onsubmit" priority="3">
+        <xsl:next-match>
+            <xsl:with-param name="callback" select="ldh:signup-form-response#1"/>
+        </xsl:next-match>
+    </xsl:template>
+
+    <xsl:function name="ldh:signup-form-response" ixsl:updating="yes">
+        <xsl:param name="context" as="map(*)"/>
+        <xsl:variable name="response" select="$context('response')" as="map(*)"/>
+        <xsl:variable name="status" select="$response?status" as="xs:double"/>
+
+        <xsl:choose>
+            <xsl:when test="$status = 201 and map:contains($response?headers, 'location')">
+                <xsl:for-each select="$response">
+                    <xsl:call-template name="ldh:SignUpComplete"/>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:sequence select="ldh:row-form-response($context)"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+</xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/common.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/common.xsl
new file mode 100644
index 0000000000..e98d0709ac
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/common.xsl
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet version="3.0"
+xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+exclude-result-prefixes="#all">
+
+    <!-- the shared LinkedDataHub layer over Web-Client's: the value/property dispatch overrides, the
+         resource and block renderers, the vocabulary modules and the document layer - aggregated once
+         so both products (layout.xsl SSR, client.xsl CSR) inherit one precedence order instead of two
+         hand-kept lists. Import order IS the precedence ladder (XSLT 3.0 §3.10.3): no module may enter
+         any closure twice, and additions belong on the right rung here, not in the masters. The
+         Web-Client base is imported by the master (internal-layout for SSR, common for CSR), not here:
+         which Web-Client flavor applies is the one real product difference. -->
+
+    <xsl:import href="merge-rdfxml.xsl"/>
+    <xsl:import href="imports/default.xsl"/>
+    <xsl:import href="resource.xsl"/>
+    <xsl:import href="imports/ac.xsl"/>
+    <xsl:import href="imports/acl.xsl"/>
+    <xsl:import href="imports/cert.xsl"/>
+    <xsl:import href="imports/ldh.xsl"/>
+    <xsl:import href="imports/dct.xsl"/>
+    <xsl:import href="imports/nfo.xsl"/>
+    <xsl:import href="imports/rdf.xsl"/>
+    <xsl:import href="imports/sioc.xsl"/>
+    <xsl:import href="imports/sp.xsl"/>
+    <xsl:import href="imports/memento.xsl"/>
+    <xsl:import href="imports/services/youtube.xsl"/>
+    <xsl:import href="document.xsl"/>
+
+</xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/RDFXML2DataTable.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/RDFXML2DataTable.xsl
index b2ad8c6732..6005a84ee7 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/RDFXML2DataTable.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/RDFXML2DataTable.xsl
@@ -134,8 +134,9 @@ exclude-result-prefixes="xs">
                 <xsl:variable name="same-properties" select="key('properties', concat(namespace-uri(), local-name()))" as="element()*"/>
                 <xsl:variable name="same-property-count" select="count($same-properties)" as="xs:integer"/>
                 <xsl:choose>
-                    <xsl:when test="count($same-properties[@rdf:datatype = ('&xsd;integer', '&xsd;decimal', '&xsd;double', '&xsd;float')]) = $same-property-count">number</xsl:when>
-                    <xsl:when test="count($same-properties[@rdf:datatype = '&xsd;dateTime']) = $same-property-count">datetime</xsl:when>
+                    <!-- the numeric and dateTime types include those derived from them, which are as chartable as the types they restrict -->
+                    <xsl:when test="count($same-properties[@rdf:datatype = ('&xsd;integer', '&xsd;long', '&xsd;int', '&xsd;short', '&xsd;byte', '&xsd;nonNegativeInteger', '&xsd;positiveInteger', '&xsd;nonPositiveInteger', '&xsd;negativeInteger', '&xsd;unsignedLong', '&xsd;unsignedInt', '&xsd;unsignedShort', '&xsd;unsignedByte', '&xsd;decimal', '&xsd;double', '&xsd;float')]) = $same-property-count">number</xsl:when>
+                    <xsl:when test="count($same-properties[@rdf:datatype = ('&xsd;dateTime', '&xsd;dateTimeStamp')]) = $same-property-count">datetime</xsl:when>
                     <xsl:when test="count($same-properties[@rdf:datatype = '&xsd;date']) = $same-property-count">date</xsl:when>
                     <xsl:when test="count($same-properties[@rdf:datatype = '&xsd;time']) = $same-property-count">timeofday</xsl:when>
                     <xsl:otherwise>string</xsl:otherwise>
@@ -197,7 +198,7 @@ exclude-result-prefixes="xs">
          <json:boolean key="v"><xsl:value-of select="."/></json:boolean>
     </xsl:template>
 
-    <xsl:template match="text()[../@rdf:datatype = '&xsd;integer'] | text()[../@rdf:datatype = '&xsd;decimal'] | text()[../@rdf:datatype = '&xsd;double'] | text()[../@rdf:datatype = '&xsd;float']" mode="ac:DataTable">
+    <xsl:template match="text()[../@rdf:datatype = ('&xsd;integer', '&xsd;long', '&xsd;int', '&xsd;short', '&xsd;byte', '&xsd;nonNegativeInteger', '&xsd;positiveInteger', '&xsd;nonPositiveInteger', '&xsd;negativeInteger', '&xsd;unsignedLong', '&xsd;unsignedInt', '&xsd;unsignedShort', '&xsd;unsignedByte', '&xsd;decimal', '&xsd;double', '&xsd;float')]" mode="ac:DataTable">
          <json:number key="v"><xsl:value-of select="."/></json:number>
     </xsl:template>
 
@@ -205,7 +206,7 @@ exclude-result-prefixes="xs">
         <json:string key="v">Date(<xsl:value-of select="year-from-date(.)"/>, <xsl:value-of select="month-from-date(.) - 1"/>, <xsl:value-of select="day-from-date(.)"/>)</json:string>
     </xsl:template>
 
-    <xsl:template match="text()[../@rdf:datatype = '&xsd;dateTime']" mode="ac:DataTable">
+    <xsl:template match="text()[../@rdf:datatype = ('&xsd;dateTime', '&xsd;dateTimeStamp')]" mode="ac:DataTable">
         <json:string key="v">Date(<xsl:value-of select="year-from-dateTime(.)"/>, <xsl:value-of select="month-from-dateTime(.) - 1"/>, <xsl:value-of select="day-from-dateTime(.)"/>, <xsl:value-of select="hours-from-dateTime(.)"/>, <xsl:value-of select="minutes-from-dateTime(.)"/>, <xsl:value-of select="floor(seconds-from-dateTime(.))"/>, <xsl:value-of select="(seconds-from-dateTime(.) - floor(seconds-from-dateTime(.))) * 1000"/>)</json:string>
     </xsl:template>
 
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/SPARQLXMLResults2DataTable.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/SPARQLXMLResults2DataTable.xsl
index 20e52b5b7d..6b7c6c87fc 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/SPARQLXMLResults2DataTable.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/converters/SPARQLXMLResults2DataTable.xsl
@@ -100,8 +100,9 @@ exclude-result-prefixes="#all">
                 <xsl:choose>
                     <xsl:when test="count($bindings/srx:uri) = $binding-count">string</xsl:when>
                     <xsl:when test="count($bindings/srx:bnode) = $binding-count">string</xsl:when>
-                    <xsl:when test="count($bindings/srx:literal[@datatype = ('&xsd;integer', '&xsd;decimal', '&xsd;double', '&xsd;float')]) = $binding-count">number</xsl:when>
-                    <xsl:when test="count($bindings/srx:literal[@datatype = '&xsd;dateTime']) = $binding-count">datetime</xsl:when>
+                    <!-- the numeric and dateTime types include those derived from them, which are as chartable as the types they restrict -->
+                    <xsl:when test="count($bindings/srx:literal[@datatype = ('&xsd;integer', '&xsd;long', '&xsd;int', '&xsd;short', '&xsd;byte', '&xsd;nonNegativeInteger', '&xsd;positiveInteger', '&xsd;nonPositiveInteger', '&xsd;negativeInteger', '&xsd;unsignedLong', '&xsd;unsignedInt', '&xsd;unsignedShort', '&xsd;unsignedByte', '&xsd;decimal', '&xsd;double', '&xsd;float')]) = $binding-count">number</xsl:when>
+                    <xsl:when test="count($bindings/srx:literal[@datatype = ('&xsd;dateTime', '&xsd;dateTimeStamp')]) = $binding-count">datetime</xsl:when>
                     <xsl:when test="count($bindings/srx:literal[@datatype = '&xsd;date']) = $binding-count">date</xsl:when>
                     <xsl:when test="count($bindings/srx:literal[@datatype = '&xsd;time']) = $binding-count">timeofday</xsl:when>
                     <xsl:otherwise>string</xsl:otherwise>
@@ -146,7 +147,7 @@ exclude-result-prefixes="#all">
         <json:boolean key="v"><xsl:value-of select="."/></json:boolean>
     </xsl:template>
     
-    <xsl:template match="srx:literal[@datatype = '&xsd;integer'] | srx:literal[@datatype = '&xsd;decimal'] | srx:literal[@datatype = '&xsd;double'] | srx:literal[@datatype = '&xsd;float']" mode="ac:DataTable">
+    <xsl:template match="srx:literal[@datatype = ('&xsd;integer', '&xsd;long', '&xsd;int', '&xsd;short', '&xsd;byte', '&xsd;nonNegativeInteger', '&xsd;positiveInteger', '&xsd;nonPositiveInteger', '&xsd;negativeInteger', '&xsd;unsignedLong', '&xsd;unsignedInt', '&xsd;unsignedShort', '&xsd;unsignedByte', '&xsd;decimal', '&xsd;double', '&xsd;float')]" mode="ac:DataTable">
         <json:number key="v"><xsl:value-of select="."/></json:number>
     </xsl:template>
 
@@ -154,7 +155,7 @@ exclude-result-prefixes="#all">
         <json:string key="v">Date(<xsl:value-of select="year-from-date(.)"/>, <xsl:value-of select="month-from-date(.) - 1"/>, <xsl:value-of select="day-from-date(.)"/>)</json:string>
     </xsl:template>
 
-    <xsl:template match="srx:literal[@datatype = '&xsd;dateTime']" mode="ac:DataTable">
+    <xsl:template match="srx:literal[@datatype = ('&xsd;dateTime', '&xsd;dateTimeStamp')]" mode="ac:DataTable">
         <json:string key="v">Date(<xsl:value-of select="year-from-dateTime(.)"/>, <xsl:value-of select="month-from-dateTime(.) - 1"/>, <xsl:value-of select="day-from-dateTime(.)"/>, <xsl:value-of select="hours-from-dateTime(.)"/>, <xsl:value-of select="minutes-from-dateTime(.)"/>, <xsl:value-of select="floor(seconds-from-dateTime(.))"/>, <xsl:value-of select="(seconds-from-dateTime(.) - floor(seconds-from-dateTime(.))) * 1000"/>)</json:string>
     </xsl:template>
 
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/document.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/document.xsl
similarity index 52%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/document.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/document.xsl
index b0c2719194..4cb80d288b 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/document.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/document.xsl
@@ -59,10 +59,7 @@ xmlns:geo="&geo;"
 xmlns:srx="&srx;"
 xmlns:void="&void;"
 xmlns:schema="&schema;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 exclude-result-prefixes="#all"
-extension-element-prefixes="ixsl"
 >
     
     <xsl:mode name="ldh:Shape" on-no-match="deep-skip"/>
@@ -72,7 +69,7 @@ extension-element-prefixes="ixsl"
 
     <!-- schema.org BREADCRUMBS -->
     
-    <xsl:template match="rdf:RDF" mode="schema:BreadCrumbList">
+    <xsl:template match="rdf:RDF" mode="schema:BreadcrumbList">
         <xsl:variable name="resource" select="key('resources', ac:absolute-path(ldh:base-uri(.)))" as="element()?"/>
 
         <xsl:if test="$resource">
@@ -84,17 +81,17 @@ extension-element-prefixes="ixsl"
 
                     <!-- position index has to start from Root=1, so we need to reverse the ancestor sequence -->
                     <xsl:for-each select="reverse($doc-with-ancestors)">
-                        <schema:itemListElement rdf:nodeID="item{position()}"/> <!-- rdf:nodeID aligned with schema:BreadCrumbListItem output -->
+                        <schema:itemListElement rdf:nodeID="item{position()}"/> <!-- rdf:nodeID aligned with schema:ListItem output -->
                     </xsl:for-each>
                 </rdf:Description>
 
                 <!-- position index has to start from Root=1, so we need to reverse the ancestor sequence -->
-                <xsl:apply-templates select="reverse($doc-with-ancestors)" mode="schema:BreadCrumbListItem"/>
+                <xsl:apply-templates select="reverse($doc-with-ancestors)" mode="schema:ListItem"/>
             </rdf:RDF>
         </xsl:if>
     </xsl:template>
 
-    <xsl:template match="srx:sparql" mode="schema:BreadCrumbList"/>
+    <xsl:template match="srx:sparql" mode="schema:BreadcrumbList"/>
 
     <!-- walks up the ancestor document chain and collects them -->
     <xsl:function name="ldh:doc-with-ancestors" as="element()*">
@@ -118,9 +115,9 @@ extension-element-prefixes="ixsl"
     <!-- BODY -->
     
     <!-- always show errors (except ConstraintViolations) in block mode -->
-    <xsl:template match="rdf:RDF[not(key('resources', ac:absolute-path(ldh:base-uri(.))))][key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&spin;ConstraintViolation'))] | rdf:RDF[not(key('resources', ac:absolute-path(ldh:base-uri(.))))][key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&sh;ValidationResult'))]" mode="xhtml:Body" priority="1">
+    <xsl:template match="rdf:RDF[not(key('resources', ac:absolute-path(ldh:base-uri(.))))][key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&spin;ConstraintViolation'))] | rdf:RDF[not(key('resources', ac:absolute-path(ldh:base-uri(.))))][key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&sh;ValidationResult'))]" mode="ac:AppShell" priority="1">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'span12'" as="xs:string?"/>
+        <xsl:param name="class" select="'row-main'" as="xs:string?"/>
         
         <div>
             <xsl:if test="$id">
@@ -136,9 +133,9 @@ extension-element-prefixes="ixsl"
     
     <!-- ACTION BAR -->
     
-    <xsl:template match="rdf:RDF" mode="bs2:ActionBarLeft">
+    <xsl:template match="rdf:RDF" mode="ac:ActionBarLeft">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'span2'" as="xs:string?"/>
+        <xsl:param name="class" select="'ab-left'" as="xs:string?"/>
         
         <div>
             <xsl:if test="$id">
@@ -152,76 +149,57 @@ extension-element-prefixes="ixsl"
                 <!-- child documents can be created only if the current document is the Root or a container -->
                 <xsl:if test="key('resources', ac:absolute-path(ldh:base-uri(.)))/rdf:type/@rdf:resource = ('&def;Root', '&dh;Container')">
                     <xsl:variable name="document-classes" select="key('resources', ('&dh;Container', '&dh;Item'), document(ac:document-uri('&def;')))" as="element()*"/>
-                    <xsl:apply-templates select="." mode="bs2:Create">
-                        <xsl:with-param name="class" select="'btn-group pull-left'"/>
+                    <xsl:apply-templates select="." mode="ac:Create">
+                        <xsl:with-param name="class" select="'ldh-add-wrap ldhc-menu-anchor'"/>
                         <xsl:with-param name="classes" select="$document-classes"/>
                         <xsl:with-param name="create-graph" select="true()"/>
                         <xsl:with-param name="show-instance" select="false()"/>
                     </xsl:apply-templates>
                 </xsl:if>
             </xsl:if>
-            
-            <xsl:if test="$ldh:ajaxRendering">
-                <xsl:apply-templates select="." mode="bs2:AddData"/>
-            </xsl:if>
         </div>
     </xsl:template>
-        
-    <xsl:template match="rdf:RDF[acl:mode() = '&acl;Append']" mode="bs2:AddData" priority="1">
-        <div class="btn-group pull-left">
-            <button type="button" class="btn btn-primary dropdown-toggle" title="{ac:label(key('resources', 'add', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'add', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </xsl:value-of>
-                <xsl:text> </xsl:text>
-                <span class="caret"></span>
+
+    <!-- rendered inside the Actions drop-down menu: acl:Append authorizes POSTing into a collection, so the add-data items only apply to the Root document and containers -->
+    <xsl:template match="rdf:RDF[acl:mode() = '&acl;Append'][key('resources', ac:absolute-path(ldh:base-uri(.)))/rdf:type/@rdf:resource = ('&def;Root', '&dh;Container')]" mode="ldh:AddData" priority="1">
+        <xsl:param name="menu-items" as="element()*">
+            <button type="button" class="it btn-generate-containers" title="{ac:label(key('resources', 'generate-containers-title', ldh:translations()))}">
+                <span class="msi sm" aria-hidden="true">library_add</span>
+                <span class="it-txt">
+                    <xsl:apply-templates select="key('resources', 'generate-containers', ldh:translations())" mode="ac:label"/>
+                </span>
             </button>
+        </xsl:param>
 
-            <ul class="dropdown-menu">
-                <li>
-                    <button type="button" title="{ac:label(key('resources', 'generate-containers-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}" class="btn btn-generate-containers">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'generate-containers', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </button>
-                </li>
-            </ul>
-        </div>
+        <xsl:sequence select="$menu-items"/>
+
+        <span class="ldh-of-div" aria-hidden="true"></span>
     </xsl:template>
 
     <!-- Admin app override: replace the default "Generate containers" with "Import ontology".
          Admin apps are identified by the 'admin.' subdomain prefix on lapp:origin() (nginx wildcard routing convention). -->
-    <xsl:template match="rdf:RDF[acl:mode() = '&acl;Append'][starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="bs2:AddData" priority="2">
-        <div class="btn-group pull-left">
-            <button type="button" class="btn btn-primary dropdown-toggle" title="{ac:label(key('resources', 'add', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'add', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </xsl:value-of>
-                <xsl:text> </xsl:text>
-                <span class="caret"></span>
-            </button>
-
-            <ul class="dropdown-menu">
-                <li>
-                    <button type="button" title="{ac:label(key('resources', 'import-ontology-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}" class="btn btn-add-ontology">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'import-ontology', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </button>
-                </li>
-            </ul>
-        </div>
+    <xsl:template match="rdf:RDF[acl:mode() = '&acl;Append'][key('resources', ac:absolute-path(ldh:base-uri(.)))/rdf:type/@rdf:resource = ('&def;Root', '&dh;Container')][starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="ldh:AddData" priority="2">
+        <xsl:next-match>
+            <xsl:with-param name="menu-items" as="element()*">
+                <button type="button" class="it btn-add-ontology" title="{ac:label(key('resources', 'import-ontology-title', ldh:translations()))}">
+                    <span class="msi sm" aria-hidden="true">library_add</span>
+                    <span class="it-txt">
+                        <xsl:apply-templates select="key('resources', 'import-ontology', ldh:translations())" mode="ac:label"/>
+                    </span>
+                </button>
+            </xsl:with-param>
+        </xsl:next-match>
     </xsl:template>
 
-    <xsl:template match="*" mode="bs2:AddData"/>
+    <xsl:template match="*" mode="ldh:AddData"/>
 
-    <xsl:template match="*[rdf:type/@rdf:resource = '&owl;Ontology'][$foaf:Agent//@rdf:about]" mode="bs2:Actions">
-        <form class="pull-right" action="{resolve-uri('clear', ldt:base())}" method="post">
+    <xsl:template match="*[rdf:type/@rdf:resource = '&owl;Ontology'][$foaf:Agent//@rdf:about]" mode="ac:BlockActions">
+        <form action="{resolve-uri('clear', ldt:base())}" method="post">
             <input type="hidden" name="uri" value="{@rdf:about}"/>
 
-            <button class="btn btn-primary" type="submit">
+            <button class="ldhc-btn in-primary ap-solid sz-md" type="submit">
                 <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'clear', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                    <xsl:apply-templates select="key('resources', 'clear', ldh:translations())" mode="ac:label"/>
                 </xsl:value-of>
             </button>
         </form>
@@ -229,9 +207,9 @@ extension-element-prefixes="ixsl"
         <xsl:next-match/>
     </xsl:template>
 
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:ActionBarMain">
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ac:ActionBarMain">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'span7'" as="xs:string?"/>
+        <xsl:param name="class" select="'ab-mid'" as="xs:string?"/>
 
         <div>
             <xsl:if test="$id">
@@ -241,32 +219,33 @@ extension-element-prefixes="ixsl"
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
             
-            <div class="row-fluid">
-                <xsl:apply-templates select="." mode="bs2:BreadCrumbBar">
-                    <xsl:with-param name="class" select="'breadcrumb-nav span8'"/>
-                    <xsl:with-param name="uri" select="ac:absolute-path(ldh:base-uri(.))"/>
-                </xsl:apply-templates>
-                
-                <div id="doc-controls" class="span4">
+            <xsl:apply-templates select="." mode="ldh:Breadcrumb">
+                <xsl:with-param name="uri" select="ac:absolute-path(ldh:base-uri(.))"/>
+            </xsl:apply-templates>
+
+            <xsl:variable name="document" select="key('resources', ac:absolute-path(ldh:base-uri(.)))" as="element()?"/>
+            <xsl:if test="$document/(dct:created, dct:modified)[exists(ldh:date-time(string(.)))]">
+                <div id="doc-controls" class="ldh-ab-ts">
+                    <span class="msi sm" aria-hidden="true">schedule</span>
                     <xsl:choose>
                         <!-- versioned document: the timestamp links to its version history (Memento TimeMap) -->
                         <xsl:when test="exists(ldh:timemap())">
-                            <a href="{ldh:timemap()}" class="document-history" title="History">
-                                <xsl:apply-templates select="key('resources', ac:absolute-path(ldh:base-uri(.)))" mode="bs2:Timestamp"/>
+                            <a href="{ldh:timemap()}" class="document-history" title="{ac:label(key('resources', 'history', ldh:translations()))}">
+                                <xsl:apply-templates select="$document" mode="ldh:Timestamp"/>
                             </a>
                         </xsl:when>
                         <xsl:otherwise>
-                            <xsl:apply-templates select="key('resources', ac:absolute-path(ldh:base-uri(.)))" mode="bs2:Timestamp"/>
+                            <xsl:apply-templates select="$document" mode="ldh:Timestamp"/>
                         </xsl:otherwise>
                     </xsl:choose>
                 </div>
-            </div>
+            </xsl:if>
         </div>
     </xsl:template>
     
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:ActionBarRight">
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ac:ActionBarRight">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'span3'" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-actions'" as="xs:string?"/>
         <xsl:param name="active-mode" as="xs:anyURI"/>
 
         <div>
@@ -277,193 +256,195 @@ extension-element-prefixes="ixsl"
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
 
-            <xsl:apply-templates select="." mode="bs2:MediaTypeList">
-                <xsl:with-param name="uri" select="ac:absolute-path(ldh:base-uri(.))"/>
-            </xsl:apply-templates>
-
-            <xsl:apply-templates select="." mode="bs2:NavBarActions"/>
-            
-            <xsl:apply-templates select="." mode="bs2:ModeList">
+            <!-- the design's cluster order: the mode switcher leads, the divider separates it from the
+                 action controls (ldh-actions-div is the kit's rule) -->
+            <xsl:apply-templates select="." mode="ac:ModeSwitcher">
                 <xsl:with-param name="active-mode" select="$active-mode"/>
                 <xsl:with-param name="ajax-rendering" select="$ldh:ajaxRendering"/>
             </xsl:apply-templates>
+
+            <span class="ldh-actions-div" aria-hidden="true"></span>
+
+            <xsl:apply-templates select="." mode="ac:HeaderActions"/>
+
+            <xsl:apply-templates select="." mode="ac:MediaTypeList"/>
         </div>
     </xsl:template>
     
-    <xsl:template match="rdf:RDF" mode="bs2:BreadCrumbBar">
+    <xsl:template match="rdf:RDF" mode="ldh:Breadcrumb">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'span8'" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-bc ldh-bc-pills'" as="xs:string?"/>
         <xsl:param name="uri" as="xs:string?"/>
 
-        <div>
+        <!-- the pills list is the container itself, sitting directly in .ab-mid (the design's shape;
+             an intermediate wrapper defaulted to min-width:auto and refused to shrink, pushing the
+             timestamp and actions instead of truncating crumbs). CSR populate replaces its content -->
+        <div role="navigation" aria-label="{ac:label(key('resources', 'breadcrumb', ldh:translations()))}">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
-            
-            <!-- placeholder for client.xsl callbacks -->
 
             <xsl:if test="not($ldh:ajaxRendering)">
-                <ul class="breadcrumb pull-left">
-                    <!-- render breadcrumbs server-side -->
-                    <xsl:apply-templates select="key('resources', $uri)" mode="bs2:BreadCrumbListItem"/>
-                </ul>
+                <!-- render breadcrumbs server-side -->
+                <xsl:apply-templates select="key('resources', $uri)" mode="ac:BreadcrumbItem"/>
             </xsl:if>
         </div>
     </xsl:template>
 
-    <xsl:template match="srx:sparql" mode="bs2:BreadCrumbBar"/>
+    <xsl:template match="srx:sparql" mode="ldh:Breadcrumb"/>
     
-    <!-- NAVBAR ACTIONS -->
+    <!-- HEADER ACTIONS -->
 
-    <xsl:template match="srx:sparql" mode="bs2:NavBarActions" priority="1">
+    <xsl:template match="srx:sparql" mode="ac:HeaderActions" priority="1">
         <xsl:next-match>
             <xsl:with-param name="save-as-disabled" select="true()"/>
         </xsl:next-match>
     </xsl:template>
 
-    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response')]" mode="bs2:NavBarActions" priority="1"/>
+    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response')]" mode="ac:HeaderActions" priority="1"/>
 
-    <xsl:template match="rdf:RDF" mode="bs2:NavBarActions">
+    <xsl:template match="rdf:RDF" mode="ac:HeaderActions">
         <xsl:param name="base-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
         <xsl:param name="delete-disabled" select="not(acl:mode() = '&acl;Write')" as="xs:boolean"/>
         <xsl:param name="save-as-disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="edit-disabled" select="not(acl:mode() = '&acl;Write')" as="xs:boolean"/>
-        
+
         <xsl:if test="$foaf:Agent//@rdf:about">
-            <div class="pull-right">
-                <button type="button" title="{ac:label(key('resources', 'nav-bar-action-delete-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                    <xsl:apply-templates select="key('resources', '&ac;Delete', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                        <xsl:with-param name="class" select="'btn' || (if ($delete-disabled) then ' disabled' else ())"/>
-                    </xsl:apply-templates>
-                    
-                    <xsl:apply-templates select="key('resources', '&ac;Delete', document(ac:document-uri('&ac;')))" mode="ac:label"/>
+            <div class="ldh-of-wrap ldhc-menu-anchor">
+                <button type="button" class="ldhc-btn in-neutral ap-outline sz-md drop-toggle">
+                    <span class="msi sm" aria-hidden="true">bolt</span>
+                    <span>
+                        <xsl:apply-templates select="key('resources', 'actions', ldh:translations())" mode="ac:label"/>
+                    </span>
+                    <span class="msi caret" aria-hidden="true">expand_more</span>
                 </button>
-            </div>
-            
-            <xsl:if test="$ldh:ajaxRendering">
-                <div class="pull-right">
-                    <button type="button" title="{ac:label(key('resources', 'save-as-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                        <xsl:apply-templates select="key('resources', 'save-as', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                            <xsl:with-param name="class" select="'btn' || (if ($save-as-disabled) then ' disabled' else ())"/>
-                        </xsl:apply-templates>
 
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'save-as', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            <xsl:text>...</xsl:text>
-                        </xsl:value-of>
-                    </button>
-                </div>
-            
-                <div class="pull-right">
-                    <button type="button" title="{ac:label(key('resources', 'acl-list-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                        <xsl:apply-templates select="key('resources', '&acl;Access', document(ac:document-uri('&acl;')))" mode="ldh:logo">
-                            <xsl:with-param name="class" select="'btn'"/>
-                        </xsl:apply-templates>
-                        <xsl:apply-templates select="key('resources', '&acl;Access', document(ac:document-uri('&acl;')))" mode="ac:label"/>
-                    </button>
-                </div>
+                <div class="ldh-of-menu">
+                    <xsl:if test="$ldh:ajaxRendering">
+                        <button type="button" class="it btn-edit{if ($edit-disabled) then ' disabled' else ()}">
+                            <span class="msi sm" aria-hidden="true">edit</span>
+                            <span class="it-txt">
+                                <xsl:apply-templates select="key('resources', '&ac;EditMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
+                            </span>
+                        </button>
 
-                <div class="pull-right">
-                    <button type="button" class="btn btn-edit pull-right" title="{ac:label(key('resources', '&ac;EditMode', document(ac:document-uri('&ac;'))))}">
-                        <xsl:apply-templates select="key('resources', '&ac;EditMode', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                            <xsl:with-param name="class" select="'btn' || (if ($edit-disabled) then ' disabled' else ())"/>
-                        </xsl:apply-templates>
+                        <button type="button" class="it btn-acl btn-access-form">
+                            <span class="msi sm" aria-hidden="true">lock_person</span>
+                            <span class="it-txt">
+                                <xsl:apply-templates select="key('resources', '&acl;Access', document(ac:document-uri('&acl;')))" mode="ac:label"/>
+                            </span>
+                        </button>
+
+                        <button type="button" class="it btn-save-as{if ($save-as-disabled) then ' disabled' else ()}">
+                            <span class="msi sm" aria-hidden="true">save_as</span>
+                            <span class="it-txt">
+                                <xsl:apply-templates select="key('resources', 'save-as', ldh:translations())" mode="ac:label"/>
+                            </span>
+                        </button>
+
+                        <span class="ldh-of-div" aria-hidden="true"></span>
+
+                        <xsl:apply-templates select="." mode="ldh:AddData"/>
+                    </xsl:if>
 
-                        <xsl:apply-templates select="key('resources', '&ac;EditMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
+                    <button type="button" class="it is-danger btn-delete{if ($delete-disabled) then ' disabled' else ()}">
+                        <span class="msi sm" aria-hidden="true">delete</span>
+                        <span class="it-txt">
+                            <xsl:apply-templates select="key('resources', '&ac;Delete', document(ac:document-uri('&ac;')))" mode="ac:label"/>
+                        </span>
                     </button>
                 </div>
-            </xsl:if>
+            </div>
         </xsl:if>
     </xsl:template>
     
-    <!-- MODE LIST -->
+    <!-- EXPORT LIST -->
+
+    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response')]" mode="ac:MediaTypeList" priority="1"/>
+
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ac:MediaTypeList">
+        <xsl:param name="uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
+
+        <div class="ldh-of-wrap ldhc-menu-anchor">
+            <button type="button" class="ldhc-btn in-neutral ap-outline sz-md drop-toggle">
+                <xsl:attribute name="title">
+                    <xsl:apply-templates select="key('resources', 'nav-bar-action-export-rdf-title', ldh:translations())" mode="ac:label"/>
+                </xsl:attribute>
 
-    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&spin;ConstraintViolation'))] | rdf:RDF[key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&sh;ValidationResult'))]" mode="bs2:ModeList" priority="1"/>
+                <span class="msi sm" aria-hidden="true">download</span>
+            </button>
 
-    <xsl:template match="rdf:RDF" mode="bs2:ModeList">
+            <div class="ldh-of-menu">
+                <!-- RDF export links, one per serialization (target=_blank exempts them from CSR link interception) -->
+                <xsl:variable name="translations" select="ldh:translations()" as="document-node()"/>
+                <xsl:variable name="request-uri" select="ac:absolute-path(ldh:request-uri())" as="xs:anyURI"/>
+                <xsl:variable name="proxied" select="exists(ac:uri())" as="xs:boolean"/>
+                <xsl:for-each select="map{ 'accept': 'application/rdf+xml', 'label': 'rdf-xml' }, map{ 'accept': 'text/turtle', 'label': 'turtle' }, map{ 'accept': 'application/ld+json', 'label': 'json-ld' }">
+                    <a class="it" href="{ac:build-uri($request-uri, let $params := map{ 'accept': .('accept') } return if ($proxied) then map:merge(($params, map{ 'uri': string($uri) })) else $params)}" title="{.('accept')}" target="_blank">
+                        <span class="msi sm" aria-hidden="true">download</span>
+                        <span class="it-txt"><xsl:value-of select="ac:label(key('resources', .('label'), $translations))"/></span>
+                    </a>
+                </xsl:for-each>
+            </div>
+        </div>
+    </xsl:template>
+
+    <!-- MODE SWITCHER -->
+
+    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&spin;ConstraintViolation'))] | rdf:RDF[key('resources-by-type', '&http;Response')][not(key('resources-by-type', '&sh;ValidationResult'))]" mode="ac:ModeSwitcher" priority="1"/>
+
+    <xsl:template match="rdf:RDF" mode="ac:ModeSwitcher">
         <xsl:param name="active-mode" as="xs:anyURI"/>
         <xsl:param name="ajax-rendering" select="true()" as="xs:boolean"/>
         <xsl:param name="absolute-path" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
         <xsl:param name="base-uri" select="ldh:base-uri(.)" as="xs:anyURI"/>
         <xsl:param name="id" select="()" as="xs:string?"/>
 
-        <div class="btn-group pull-right">
-            <button type="button" class="layout-modes" title="{ac:label(key('resources', '&ac;Mode', document(ac:document-uri('&ac;'))))}">
+        <div class="ldh-mode ldhc-menu-anchor">
+            <button type="button" class="label-row layout-modes drop-toggle" title="{ac:label(key('resources', '&ac;Mode', document(ac:document-uri('&ac;'))))}">
                 <xsl:if test="$id">
                     <xsl:attribute name="id" select="$id"/>
                 </xsl:if>
 
-                <xsl:apply-templates select="key('resources', $active-mode, document(ac:document-uri(string($active-mode))))" mode="ldh:logo">
-                    <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                </xsl:apply-templates>
-                <xsl:text> </xsl:text>
-                <span class="caret"></span>
+                <span class="msi" aria-hidden="true">
+                    <xsl:value-of select="map:get($ldh:mode-icons, string($active-mode))"/>
+                </span>
+                <span class="label">
+                    <xsl:choose>
+                        <xsl:when test="$active-mode = '&ldh;ContentMode'">
+                            <xsl:apply-templates select="key('resources', 'content', ldh:translations())" mode="ac:label"/>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <xsl:apply-templates select="key('resources', $active-mode, document(ac:document-uri('&ac;')))" mode="ac:label"/>
+                        </xsl:otherwise>
+                    </xsl:choose>
+                </span>
+                <span class="msi sm caret" aria-hidden="true">expand_more</span>
             </button>
 
-            <ul class="dropdown-menu">
-                <li class="content-mode{if ($active-mode = '&ldh;ContentMode') then ' active' else() }">
-                    <a href="{ldh:href(ac:document-uri(ldh:base-uri(.)), ldh:build-query(xs:anyURI('&ldh;ContentMode')))}">
-                        <xsl:apply-templates select="key('resources', '&ldh;ContentMode', document(ac:document-uri('&ldh;')))" mode="ldh:logo"/>
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'content', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </a>
-                </li>
-
-                <xsl:for-each select="('&ac;ReadMode', '&ac;MapMode', if ($ajax-rendering) then ('&ac;ChartMode', '&ac;GraphMode') else ())">
+            <div class="modes-pop" role="menu">
+                <xsl:for-each select="('&ldh;ContentMode', '&ac;ReadMode', '&ac;MapMode', if ($ajax-rendering) then ('&ac;ChartMode', '&ac;GraphMode') else ())">
                     <xsl:variable name="mode-uri" select="." as="xs:string"/>
-                    <xsl:for-each select="key('resources', $mode-uri, document(ac:document-uri('&ac;')))">
-                        <xsl:apply-templates select="." mode="bs2:ModeListItem">
+                    <xsl:for-each select="key('resources', $mode-uri, document(ac:document-uri(xs:anyURI($mode-uri))))">
+                        <xsl:apply-templates select="." mode="ac:ModeSwitcherItem">
                             <xsl:with-param name="active" select="@rdf:about = $active-mode"/>
                             <xsl:with-param name="absolute-path" select="$absolute-path" tunnel="yes"/>
                             <xsl:with-param name="base-uri" select="$base-uri"/>
                         </xsl:apply-templates>
                     </xsl:for-each>
                 </xsl:for-each>
-            </ul>
+            </div>
         </div>
     </xsl:template>       
 
-    <!-- MEDIA TYPE LIST  -->
-        
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:MediaTypeList" priority="1">
-        <xsl:param name="uri" as="xs:anyURI"/>
-        
-        <div class="btn-group pull-right">
-            <button type="button" id="export-rdf" title="{ac:label(key('resources', 'nav-bar-action-export-rdf-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                <xsl:apply-templates select="key('resources', '&ac;Export', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                    <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                </xsl:apply-templates>
-                
-                <xsl:apply-templates select="key('resources', '&ac;Export', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                
-                <span class="caret"></span>
-            </button>
-            <ul class="dropdown-menu">
-                <li>
-                    <xsl:variable name="href" select="ac:build-uri(ac:absolute-path(ldh:request-uri()), let $params := map{ 'accept': 'application/rdf+xml' } return if (ac:uri()) then map:merge(($params, map{ 'uri': string($uri) })) else $params)" as="xs:anyURI"/>
-                    <a href="{$href}" title="application/rdf+xml" target="_blank">RDF/XML</a>
-                </li>
-                <li>
-                    <xsl:variable name="href" select="ac:build-uri(ac:absolute-path(ldh:request-uri()), let $params := map{ 'accept': 'text/turtle' } return if (ac:uri()) then map:merge(($params, map{ 'uri': string($uri) })) else $params)" as="xs:anyURI"/>
-                    <a href="{$href}" title="text/turtle" target="_blank">Turtle</a>
-                </li>
-                <li>
-                    <xsl:variable name="href" select="ac:build-uri(ac:absolute-path(ldh:request-uri()), let $params := map{ 'accept': 'application/ld+json' } return if (ac:uri()) then map:merge(($params, map{ 'uri': string($uri) })) else $params)" as="xs:anyURI"/>
-                    <a href="{$href}" title="application/ld+json" target="_blank">JSON-LD</a>
-                </li>
-            </ul>
-        </div>
-    </xsl:template>
-    
     <!-- TAB BODY -->
     
-    <xsl:template match="rdf:RDF" mode="bs2:TabBody">
-        <xsl:param name="id" select="'tab-pane-' || ac:uuid()" as="xs:string?"/>
-        <xsl:param name="class" select="'tab-pane active'" as="xs:string?"/>
+    <xsl:template match="rdf:RDF" mode="ldh:TabPanel">
+        <xsl:param name="id" select="'ldh-pane-' || ac:uuid()" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-pane is-active'" as="xs:string?"/>
         <xsl:param name="mode" as="xs:anyURI"/>
         <xsl:param name="base" as="xs:anyURI?"/>
         <xsl:param name="endpoint" as="xs:anyURI?"/>
@@ -492,7 +473,7 @@ extension-element-prefixes="ixsl"
                 <xsl:attribute name="data-acl-modes" select="string-join($acl-modes, ' ')"/>
             </xsl:if>
 
-            <xsl:apply-templates select="." mode="bs2:DocumentBody">
+            <xsl:apply-templates select="." mode="ldh:DocumentBody">
                 <xsl:with-param name="mode" select="$mode"/>
                 <xsl:with-param name="about" select="$about"/>
             </xsl:apply-templates>
@@ -501,7 +482,7 @@ extension-element-prefixes="ixsl"
     
     <!-- DOCUMENT BODY -->
     
-     <xsl:template match="rdf:RDF" mode="bs2:DocumentBody">
+     <xsl:template match="rdf:RDF" mode="ldh:DocumentBody">
         <xsl:param name="id" as="xs:string?"/>
         <xsl:param name="class" select="'document-body'" as="xs:string?"/>
         <xsl:param name="mode" as="xs:anyURI"/>
@@ -517,66 +498,72 @@ extension-element-prefixes="ixsl"
             </xsl:if>
             <xsl:attribute name="about" select="$about"/>
 
-            <xsl:apply-templates select="." mode="bs2:ActionBar">
+            <xsl:apply-templates select="." mode="ac:ActionBar">
                 <xsl:with-param name="active-mode" select="$mode"/>
             </xsl:apply-templates>
 
             <!-- notice shown when a historical version is displayed (?version= query parameter) -->
             <xsl:if test="map:contains(ldh:query-params(), 'version')">
-                <div class="alert alert-info">
-                    <xsl:value-of>
-                        <xsl:apply-templates select="key('resources', 'historical-version-notice', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    </xsl:value-of>
-                    <xsl:if test="exists(ldh:memento-datetime())">
-                        <xsl:text> (</xsl:text>
-                        <strong>
-                            <xsl:value-of select="ldh:memento-datetime()"/>
-                        </strong>
-                        <xsl:text>)</xsl:text>
-                    </xsl:if>
-                    <xsl:text>. </xsl:text>
-                    <a href="{ac:absolute-path(ldh:base-uri(.))}">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'view-current-version', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </a>
-                </div>
+                <xsl:apply-templates select="." mode="ac:InlineAlert">
+                    <xsl:with-param name="variant" select="'va-informative'"/>
+                    <xsl:with-param name="text" as="item()*">
+                            <xsl:value-of>
+                                <xsl:apply-templates select="key('resources', 'historical-version-notice', ldh:translations())" mode="ac:label"/>
+                            </xsl:value-of>
+                            <xsl:if test="exists(ldh:memento-datetime())">
+                                <xsl:text> (</xsl:text>
+                                <strong>
+                                    <xsl:value-of select="ldh:memento-datetime()"/>
+                                </strong>
+                                <xsl:text>)</xsl:text>
+                            </xsl:if>
+                            <xsl:text>. </xsl:text>
+                            <a href="{ac:absolute-path(ldh:base-uri(.))}">
+                                <xsl:value-of>
+                                    <xsl:apply-templates select="key('resources', 'view-current-version', ldh:translations())" mode="ac:label"/>
+                                </xsl:value-of>
+                            </a>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </xsl:if>
 
             <!-- legend shown when a version diff is displayed (?diff= query parameter): removed content comes from the compared version, added content from the viewed one, changed content exists in both -->
             <xsl:if test="map:contains(ldh:query-params(), 'diff')">
-                <div class="alert alert-info">
-                    <xsl:value-of>
-                        <xsl:apply-templates select="key('resources', 'comparing-versions', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    </xsl:value-of>
-                    <xsl:text>: </xsl:text>
-                    <span class="text-error">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'removed', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </span>
-                    <xsl:text> / </xsl:text>
-                    <span class="text-success">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'added', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </span>
-                    <xsl:text> / </xsl:text>
-                    <!-- .text-warning is #ff7518 in this theme, the same value as the diff-changed block border -->
-                    <span class="text-warning">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'changed', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-                    </span>
-                </div>
+                <xsl:apply-templates select="." mode="ac:InlineAlert">
+                    <xsl:with-param name="variant" select="'va-informative'"/>
+                    <xsl:with-param name="text" as="item()*">
+                            <xsl:value-of>
+                                <xsl:apply-templates select="key('resources', 'comparing-versions', ldh:translations())" mode="ac:label"/>
+                            </xsl:value-of>
+                            <xsl:text>: </xsl:text>
+                            <span class="text-error">
+                                <xsl:value-of>
+                                    <xsl:apply-templates select="key('resources', 'removed', ldh:translations())" mode="ac:label"/>
+                                </xsl:value-of>
+                            </span>
+                            <xsl:text> / </xsl:text>
+                            <span class="text-success">
+                                <xsl:value-of>
+                                    <xsl:apply-templates select="key('resources', 'added', ldh:translations())" mode="ac:label"/>
+                                </xsl:value-of>
+                            </span>
+                            <xsl:text> / </xsl:text>
+                            <!-- the legend's .text-* classes resolve to the same tokens as the diff decorations (ldh.css) -->
+                            <span class="text-warning">
+                                <xsl:value-of>
+                                    <xsl:apply-templates select="key('resources', 'changed', ldh:translations())" mode="ac:label"/>
+                                </xsl:value-of>
+                            </span>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </xsl:if>
 
             <!-- host for the RDFa editor toolbar (appended by rdfae:init-editing); empty until an editable region initializes -->
             <div class="navbar-inner editor-bar">
-                <div class="container-fluid"></div>
+                <div class="content-body"></div>
             </div>
 
-            <xsl:apply-templates select="." mode="bs2:ContentBody">
+            <xsl:apply-templates select="." mode="ldh:ContentBody">
                 <xsl:with-param name="mode" select="$mode"/>
             </xsl:apply-templates>
         </div>
@@ -584,9 +571,9 @@ extension-element-prefixes="ixsl"
     
     <!-- CONTENT BODY -->
 
-    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response') and not(key('resources-by-type', '&spin;ConstraintViolation')) and not(key('resources-by-type', '&sh;ValidationResult'))]" mode="bs2:ContentBody" priority="1">
+    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response') and not(key('resources-by-type', '&spin;ConstraintViolation')) and not(key('resources-by-type', '&sh;ValidationResult'))]" mode="ldh:ContentBody" priority="1">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'container-fluid content-body'" as="xs:string?"/>
+        <xsl:param name="class" select="'content-body'" as="xs:string?"/>
 
         <div>
             <xsl:if test="$id">
@@ -596,16 +583,16 @@ extension-element-prefixes="ixsl"
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if> 
  
-            <!-- error responses always rendered in bs2:Row mode, no matter what $mode specifies -->
-            <xsl:apply-templates select="." mode="bs2:Row">
+            <!-- error responses always rendered in ldh:BlockRow mode, no matter what $mode specifies -->
+            <xsl:apply-templates select="." mode="ldh:BlockRow">
                 <xsl:sort select="ac:label(.)"/>
             </xsl:apply-templates>
         </div>
     </xsl:template>
     
-    <xsl:template match="srx:sparql" mode="bs2:ContentBody">
+    <xsl:template match="srx:sparql" mode="ldh:ContentBody">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'container-fluid content-body'" as="xs:string?"/>
+        <xsl:param name="class" select="'content-body'" as="xs:string?"/>
 
         <div>
             <xsl:if test="$id">
@@ -615,13 +602,13 @@ extension-element-prefixes="ixsl"
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
 
-            <xsl:apply-templates select="." mode="xhtml:Table"/>
+            <xsl:apply-templates select="." mode="ac:ResultsTable"/>
         </div>
     </xsl:template>
     
-    <xsl:template match="rdf:RDF" mode="bs2:ContentBody">
+    <xsl:template match="rdf:RDF" mode="ldh:ContentBody">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'container-fluid content-body'" as="xs:string?"/>
+        <xsl:param name="class" select="'content-body'" as="xs:string?"/>
         <xsl:param name="mode" select="ac:mode(root())" as="xs:anyURI"/>
 
         <div>
@@ -637,14 +624,16 @@ extension-element-prefixes="ixsl"
                     <xsl:apply-templates select="." mode="ldh:ContentList"/>
                 </xsl:when>
                 <xsl:when test="$mode = '&ac;MapMode'">
-                    <xsl:apply-templates select="." mode="bs2:Map">
+                    <xsl:apply-templates select="." mode="ac:Map">
                         <xsl:with-param name="id" select="generate-id() || '-map-canvas'"/>
                         <xsl:sort select="ac:label(.)"/>
                     </xsl:apply-templates>
                 </xsl:when>
                 <xsl:when test="$mode = '&ac;ChartMode'">
-                    <xsl:apply-templates select="." mode="bs2:Chart">
+                    <xsl:apply-templates select="." mode="ldh:Chart">
                         <xsl:with-param name="canvas-id" select="generate-id() || '-chart-canvas'"/>
+                        <!-- the full-bleed document-level canvas is the design's hero variant -->
+                        <xsl:with-param name="canvas-class" select="'chart-canvas chart-canvas--hero'"/>
                         <xsl:with-param name="show-save" select="false()"/>
                         <xsl:sort select="ac:label(.)"/>
                     </xsl:apply-templates>
@@ -654,8 +643,10 @@ extension-element-prefixes="ixsl"
                     <div id="{$canvas-id}" class="graph-3d-canvas"/>
                 </xsl:when>
                 <xsl:otherwise>
-                    <xsl:apply-templates select="." mode="bs2:Row">
+                    <xsl:apply-templates select="." mode="ldh:BlockRow">
                         <xsl:sort select="ac:label(.)"/>
+                        <!-- block reorder is a ContentMode affordance: rows here are not rdf:_N content members -->
+                        <xsl:with-param name="show-drag-handle" select="false()" tunnel="yes"/>
                     </xsl:apply-templates>
                 </xsl:otherwise>
             </xsl:choose>
@@ -664,9 +655,12 @@ extension-element-prefixes="ixsl"
 
     <!-- ACTION BAR -->
     
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:ActionBar">
+    <!-- error responses have no breadcrumbs, actions or modes - the bar would render as an empty strip -->
+    <xsl:template match="rdf:RDF[key('resources-by-type', '&http;Response') and not(key('resources-by-type', '&spin;ConstraintViolation')) and not(key('resources-by-type', '&sh;ValidationResult'))]" mode="ac:ActionBar" priority="1"/>
+
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ac:ActionBar">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'navbar-inner action-bar'" as="xs:string?"/>
+        <xsl:param name="class" select="'action-bar ldh-actionbar ldh-actionbar--zoned ldh-actionbar--bc-pills'" as="xs:string?"/>
 
         <div>
             <xsl:if test="$id">
@@ -676,17 +670,13 @@ extension-element-prefixes="ixsl"
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
 
-            <div class="container-fluid">
-                <div class="row-fluid">
-                    <xsl:apply-templates select="." mode="bs2:ActionBarLeft"/>
+            <xsl:apply-templates select="." mode="ac:ActionBarLeft"/>
 
-                    <xsl:apply-templates select="." mode="bs2:ActionBarMain"/>
-                    
-                    <xsl:apply-templates select="." mode="bs2:ActionBarRight">
-                        <xsl:with-param name="active-mode" select="ac:mode(root())"/>
-                    </xsl:apply-templates>
-                </div>
-            </div>
+            <xsl:apply-templates select="." mode="ac:ActionBarMain"/>
+
+            <xsl:apply-templates select="." mode="ac:ActionBarRight">
+                <xsl:with-param name="active-mode" select="ac:mode(root())"/>
+            </xsl:apply-templates>
         </div>
     </xsl:template>
 
@@ -695,26 +685,29 @@ extension-element-prefixes="ixsl"
     <xsl:template match="rdf:RDF" mode="ldh:ContentList">
         <xsl:apply-templates select="key('resources', ac:absolute-path(ldh:base-uri(.)))" mode="#current"/>
         
-        <!-- only show buttons to agents who have sufficient access to modify them -->
+        <!-- only show buttons to agents who have sufficient access to modify them.
+             The dock is a full-bleed sticky bar that parks on the footer, per tab pane -->
         <xsl:if test="acl:mode() = '&acl;Append'">
-            <div class="create-resource row-fluid">
-                <div class="main offset2 span7">
-                    <p>
-                        <button type="button" class="btn btn-primary create-action add-constructor" data-for-class="&ldh;XHTML">
-                            <xsl:apply-templates select="key('resources', '&ldh;XHTML', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                        </button>
-                        <button type="button" class="btn btn-primary create-action add-constructor" data-for-class="&ldh;Object">
-                            <xsl:apply-templates select="key('resources', '&ldh;Object', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                        </button>
-                    </p>
-                </div>
+            <div class="create-resource ldh-create-dock">
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-md create-action add-constructor" data-for-class="&ldh;XHTML">
+                    <span class="msi sm" aria-hidden="true">add</span>
+                    <span>
+                        <xsl:apply-templates select="key('resources', '&ldh;XHTML', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
+                    </span>
+                </button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-md create-action add-constructor" data-for-class="&ldh;Object">
+                    <span class="msi sm" aria-hidden="true">add</span>
+                    <span>
+                        <xsl:apply-templates select="key('resources', '&ldh;Object', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
+                    </span>
+                </button>
             </div>
         </xsl:if>
     </xsl:template>
         
     <!-- ROW -->
     
-    <xsl:template match="rdf:RDF" mode="bs2:Row">
+    <xsl:template match="rdf:RDF" mode="ldh:BlockRow">
         <xsl:param name="create-resource" select="true()" as="xs:boolean"/>
         <xsl:param name="class-uris" select="(xs:anyURI('&lapp;Application'), xs:anyURI('&sd;Service'), xs:anyURI('&nfo;FileDataObject'), xs:anyURI('&sp;Construct'), xs:anyURI('&sp;Describe'), xs:anyURI('&sp;Select'), xs:anyURI('&sp;Ask'), xs:anyURI('&ldh;RDFImport'), xs:anyURI('&ldh;CSVImport'), xs:anyURI('&ldh;GraphChart'), xs:anyURI('&ldh;ResultSetChart'), xs:anyURI('&ldh;View'))" as="xs:anyURI*"/>
         <xsl:param name="classes" select="for $class-uri in $class-uris return key('resources', $class-uri, document(ac:document-uri($class-uri)))" as="element()*"/>
@@ -731,27 +724,25 @@ extension-element-prefixes="ixsl"
         </xsl:apply-templates>
         
         <!-- render the rest of the resources -->
-        <!-- hide the content resources - cannot suppress them in the resource-level bs2:Block because its being reused ldh:ContentList/bs2:Row modes -->
+        <!-- hide the content resources - cannot suppress them in the resource-level block template because its being reused ldh:ContentList/ldh:BlockRow modes -->
         <xsl:apply-templates select="*[not(rdf:type/@rdf:resource = ('&ldh;XHTML', '&ldh;Object'))] except ($doc | $topic)" mode="#current">                                     
             <xsl:sort select="ac:label(.)"/>                                                                                                                                     
         </xsl:apply-templates>
         
         <xsl:if test="$create-resource and acl:mode() = '&acl;Append' and not(key('resources-by-type', '&http;Response'))">
-            <div class="create-resource row-fluid">
-                <div class="main offset2 span7">
-                    <xsl:apply-templates select="." mode="bs2:Create">
-                        <xsl:with-param name="classes" select="$classes"/>
-                    </xsl:apply-templates>
-                </div>
+            <div class="create-resource ldh-create-dock">
+                <xsl:apply-templates select="." mode="ac:Create">
+                    <xsl:with-param name="classes" select="$classes"/>
+                </xsl:apply-templates>
             </div>
         </xsl:if>
     </xsl:template>
 
     <!-- Admin app override: ontology/SHACL/ACL/foaf class list instead of the end-user default.
          Admin apps are identified by the 'admin.' subdomain prefix on lapp:origin() (nginx wildcard routing convention). -->
-    <xsl:template match="rdf:RDF[starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="bs2:Row">
+    <xsl:template match="rdf:RDF[starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="ldh:BlockRow">
         <xsl:param name="id" select="concat('form-', generate-id())" as="xs:string?"/>
-        <xsl:param name="class" select="'row-fluid'" as="xs:string?"/>
+        <xsl:param name="class" select="'block-row'" as="xs:string?"/>
         <xsl:param name="method" select="'patch'" as="xs:string"/>
         <xsl:param name="action" select="ldh:href(ac:build-uri(ac:absolute-path(ldh:base-uri(.)), map{ '_method': 'PUT' }))" as="xs:anyURI" tunnel="yes"/>
         <xsl:param name="enctype" select="'multipart/form-data'" as="xs:string?"/>
@@ -775,14 +766,48 @@ extension-element-prefixes="ixsl"
 
     <!-- TABLE MODE -->
 
-    <xsl:template match="rdf:RDF" mode="xhtml:Table">
+    <!-- SPARQL SELECT results keep .ldh-results-table (native table layout): the column count is
+         data-driven, which the design's grid-per-row .ldhc-table cannot share intrinsic tracks for
+         (see the results-table section in ldh.css). The shadow adds the semantic-markup
+         contract's visually-hidden caption and th scope on top of Web-Client's emitter -->
+    <xsl:template match="srx:sparql" mode="ac:ResultsTable">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'table table-bordered table-striped'" as="xs:string?"/>
+        <xsl:param name="title" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-results-table'" as="xs:string?"/>
+
+        <table>
+            <xsl:if test="$id">
+                <xsl:attribute name="id" select="$id"/>
+            </xsl:if>
+            <xsl:if test="$title">
+                <xsl:attribute name="title" select="$title"/>
+            </xsl:if>
+            <xsl:if test="$class">
+                <xsl:attribute name="class" select="$class"/>
+            </xsl:if>
+
+            <caption class="ldhc-vh">
+                <xsl:apply-templates select="key('resources', 'query-results', ldh:translations())" mode="ac:label"/>
+            </caption>
+
+            <xsl:apply-templates mode="#current"/>
+        </table>
+    </xsl:template>
+
+    <xsl:template match="srx:variable" mode="ac:ResultsTable">
+        <th scope="col">
+            <xsl:value-of select="@name"/>
+        </th>
+    </xsl:template>
+
+    <xsl:template match="rdf:RDF" mode="ac:ResultsTable">
+        <xsl:param name="id" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-results-table'" as="xs:string?"/>
         <xsl:param name="property-uris" select="distinct-values(*/*/concat(namespace-uri(), local-name()))" as="xs:string*"/>
         <xsl:param name="property-metadata" select="if (exists($property-uris)) then ldh:send-request(resolve-uri('ns', ldt:base()), 'POST', 'application/sparql-query', 'DESCRIBE $Type' || ' VALUES $Type { ' || string-join(for $uri in $property-uris return '&lt;' || $uri || '&gt;', ' ') || ' }', map{ 'Accept': 'application/rdf+xml' }) else ()" as="document-node()?" tunnel="yes"/>
         <xsl:param name="predicates" as="element()*">
             <xsl:for-each-group select="*/*" group-by="concat(namespace-uri(), local-name())">
-                <xsl:sort select="if ($property-metadata) then ac:property-label(., $property-metadata) else ac:property-label(.)" order="ascending" lang="{$ac:lang}"/>
+                <xsl:sort select="if ($property-metadata) then ac:property-label(., $property-metadata) else ac:property-label(.)" order="ascending" lang="{ac:langs()[1]}"/>
 
                 <xsl:sequence select="current-group()[1]"/>
             </xsl:for-each-group>
@@ -790,20 +815,46 @@ extension-element-prefixes="ixsl"
         <xsl:param name="anchor-column" as="xs:boolean" select="true()" tunnel="yes"/>
         <xsl:param name="object-uris" select="rdf:Description/*/@rdf:resource[not(key('resources', .))]" as="xs:anyURI*"/>
         <xsl:param name="object-metadata" select="if (exists($object-uris)) then ldh:send-request(sd:endpoint(), 'POST', 'application/sparql-query', $object-metadata-query || ' VALUES $this { ' || string-join(for $uri in $object-uris return '&lt;' || $uri || '&gt;', ' ') || ' }', map{ 'Accept': 'application/rdf+xml' }) else ()" as="document-node()?" tunnel="yes"/>
-        
-        <xsl:next-match>
-            <xsl:with-param name="id" select="$id"/>
-            <xsl:with-param name="class" select="$class"/>
-            <xsl:with-param name="predicates" select="$predicates"/>
-            <xsl:with-param name="anchor-column" select="$anchor-column"/>
-            <xsl:with-param name="object-uris" select="$object-uris"/>
-            <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
-        </xsl:next-match>
+
+        <!-- .ldh-results-table keeps native table layout for the data-driven column count (see the
+             results-table section in ldh.css); the shadow adds the semantic-markup contract's
+             visually-hidden caption and th scope on top of Web-Client's emitter -->
+        <table>
+            <xsl:if test="$id">
+                <xsl:attribute name="id" select="$id"/>
+            </xsl:if>
+            <xsl:if test="$class">
+                <xsl:attribute name="class" select="$class"/>
+            </xsl:if>
+
+            <caption class="ldhc-vh">
+                <xsl:apply-templates select="key('resources', 'resources', ldh:translations())" mode="ac:label"/>
+            </caption>
+
+            <thead>
+                <tr>
+                    <xsl:if test="$anchor-column">
+                        <th scope="col">
+                            <xsl:apply-templates select="key('resources', '&rdfs;Resource', document(ac:document-uri('&rdfs;')))" mode="ac:label" use-when="system-property('xsl:product-name') = 'SAXON'"/>
+                            <xsl:value-of use-when="system-property('xsl:product-name') eq 'SaxonJS'">Resource</xsl:value-of>
+                        </th>
+                    </xsl:if>
+
+                    <xsl:apply-templates select="$predicates" mode="ac:ResultsTableHeaderCell"/>
+                </tr>
+            </thead>
+            <tbody>
+                <xsl:apply-templates mode="#current">
+                    <xsl:with-param name="predicates" select="$predicates" tunnel="yes"/>
+                    <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
+                </xsl:apply-templates>
+            </tbody>
+        </table>
     </xsl:template>
     
     <!-- MAP -->
     
-    <xsl:template match="rdf:RDF" mode="bs2:Map">
+    <xsl:template match="rdf:RDF" mode="ac:Map">
         <xsl:param name="id" as="xs:string"/>
         <xsl:param name="class" select="'map-canvas'" as="xs:string?"/>
         <xsl:param name="draggable" select="false()" as="xs:boolean?"/> <!-- OpenLayers handles the map drag and drop events -->
@@ -826,318 +877,230 @@ extension-element-prefixes="ixsl"
     
     <!-- CHART -->
 
-    <!-- graph chart (for RDF/XML results) -->
+    <!-- chart shell: the ldh:ChartControls controls, the canvas and the save action sit directly in the
+         block body, as in the design's chart block - no form or fieldset chrome around them (the
+         controls act through their own change handlers, nothing here ever submits) -->
 
-    <xsl:template match="rdf:RDF" mode="bs2:Chart">
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ldh:Chart">
         <xsl:param name="canvas-id" as="xs:string"/>
         <xsl:param name="canvas-class" select="'chart-canvas'" as="xs:string?"/>
-        <xsl:param name="method" select="'post'" as="xs:string"/>
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'form-horizontal'" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn'" as="xs:string?"/>
-        <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
-        <xsl:param name="enctype" as="xs:string?"/>
         <xsl:param name="chart-type" select="xs:anyURI('&ac;Table')" as="xs:anyURI?"/> <!-- table is the default chart type -->
         <xsl:param name="category" as="xs:string?"/>
         <xsl:param name="series" as="xs:string*"/>
         <xsl:param name="chart-type-id" select="'chart-type'" as="xs:string"/>
         <xsl:param name="category-id" select="'category'" as="xs:string"/>
         <xsl:param name="series-id" select="'series'" as="xs:string"/>
-        <xsl:param name="width" as="xs:string?"/>
-        <xsl:param name="height" select="'480'" as="xs:string?"/>
-        <xsl:param name="uri" as="xs:anyURI?"/>
-        <xsl:param name="query" as="xs:string?"/>
-        <xsl:param name="show-controls" select="true()" as="xs:boolean"/>
         <xsl:param name="show-save" select="true()" as="xs:boolean"/>
         <xsl:param name="form-actions" as="element()?">
-            <xsl:if test="$show-save">
-                <div class="form-actions">
-                    <button class="btn btn-primary btn-save-chart" type="button">
-                        <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                            <xsl:with-param name="class" select="'btn btn-primary btn-save-chart'"/>
-                        </xsl:apply-templates>
-
-                        <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+            <!-- saving PATCHes the current document, so the button only appears to an agent who may write to it -->
+            <xsl:if test="$show-save and acl:mode() = '&acl;Write'">
+                <div class="ldh-block-foot">
+                    <button class="ldhc-btn in-primary ap-solid sz-md btn-save-chart" type="button">
+                        <span class="msi sm" aria-hidden="true">save</span>
+                        <xsl:apply-templates select="key('resources', 'save', ldh:translations())" mode="ac:label"/>
                     </button>
                 </div>
             </xsl:if>
         </xsl:param>
 
-        <xsl:if test="$show-controls">
-            <form method="{$method}">
-                <xsl:if test="$id">
-                    <xsl:attribute name="id" select="$id"/>
-                </xsl:if>
-                <xsl:if test="$class">
-                    <xsl:attribute name="class" select="$class"/>
-                </xsl:if>
-                <xsl:if test="$accept-charset">
-                    <xsl:attribute name="accept-charset" select="$accept-charset"/>
-                </xsl:if>
-                <xsl:if test="$enctype">
-                    <xsl:attribute name="enctype" select="$enctype"/>
-                </xsl:if>
-                
-                <fieldset>
-                    <div class="row-fluid">
-                        <div class="span4">
-                            <label for="{$chart-type-id}">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', '&ldh;chartType', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </label>
-                            <!-- TO-DO: replace with xsl:apply-templates on ac:Chart subclasses as in imports/ldh.xsl -->
-                            <select id="{$chart-type-id}" name="ou" class="input-medium chart-type">
-                                <option value="&ac;Table">
-                                    <xsl:if test="$chart-type = '&ac;Table'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Table</xsl:text>
-                                </option>
-                                <option value="&ac;ScatterChart">
-                                    <xsl:if test="$chart-type = '&ac;ScatterChart'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Scatter chart</xsl:text>
-                                </option>
-                                <option value="&ac;LineChart">
-                                    <xsl:if test="$chart-type = '&ac;LineChart'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Line chart</xsl:text>
-                                </option>
-                                <option value="&ac;BarChart">
-                                    <xsl:if test="$chart-type = '&ac;BarChart'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Bar chart</xsl:text>
-                                </option>
-                                <option value="&ac;Timeline">
-                                    <xsl:if test="$chart-type = '&ac;Timeline'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Timeline</xsl:text>
-                                </option>
-                            </select>
-                        </div>
-                        <div class="span4">
-                            <label for="{$category-id}">Category</label>
-                            <select id="{$category-id}" name="ou" class="input-large chart-category">
-                                <option value="">
-                                    <!-- URI is the default category -->
-                                    <xsl:if test="not($category)">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>[URI/ID]</xsl:text>
-                                </option>
-
-                                <xsl:for-each-group select="*/*" group-by="concat(namespace-uri(), local-name())">
-                                    <xsl:sort select="ac:property-label(.)" order="ascending" lang="{$ac:lang}"/>
-
-                                    <option value="{current-grouping-key()}">
-                                        <xsl:if test="$category = current-grouping-key()">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="current-group()[1]" mode="ac:property-label"/>
-                                        </xsl:value-of>
-                                    </option>
-                                </xsl:for-each-group>
-                            </select>
-                        </div>
-                        <div class="span4">
-                            <label for="{$series-id}">Series</label>
-                            <select id="{$series-id}" name="ou" multiple="multiple" class="input-large chart-series">
-                                <xsl:for-each-group select="*/*" group-by="concat(namespace-uri(), local-name())">
-                                    <xsl:sort select="ac:property-label(.)" order="ascending" lang="{$ac:lang}"/>
-
-                                    <option value="{current-grouping-key()}">
-                                        <xsl:if test="$series = current-grouping-key()">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="current-group()[1]" mode="ac:property-label"/>
-                                        </xsl:value-of>
-                                    </option>
-                                </xsl:for-each-group>
-                            </select>
-                        </div>
-                    </div>
-                </fieldset>
-
-                <div>
-                    <xsl:if test="$canvas-id">
-                        <xsl:attribute name="id" select="$canvas-id"/>
-                    </xsl:if>
-                    <xsl:if test="$canvas-class">
-                        <xsl:attribute name="class" select="$canvas-class"/>
-                    </xsl:if>
-                </div>
-        
-                <xsl:sequence select="$form-actions"/>
-            </form>
-        </xsl:if>
+        <xsl:apply-templates select="." mode="ldh:ChartControls">
+            <xsl:with-param name="chart-type" select="$chart-type"/>
+            <xsl:with-param name="category" select="$category"/>
+            <xsl:with-param name="series" select="$series"/>
+            <xsl:with-param name="chart-type-id" select="$chart-type-id"/>
+            <xsl:with-param name="category-id" select="$category-id"/>
+            <xsl:with-param name="series-id" select="$series-id"/>
+        </xsl:apply-templates>
+
+        <div>
+            <xsl:if test="$canvas-id">
+                <xsl:attribute name="id" select="$canvas-id"/>
+            </xsl:if>
+            <xsl:if test="$canvas-class">
+                <xsl:attribute name="class" select="$canvas-class"/>
+            </xsl:if>
+        </div>
+
+        <xsl:sequence select="$form-actions"/>
     </xsl:template>
 
-    <!-- table chart (for SPARQL XML results) -->
+    <!-- chart header (RDF/XML results): chart-controls grid, category/series options grouped from resource properties -->
 
-    <xsl:template match="srx:sparql" mode="bs2:Chart">
-        <xsl:param name="canvas-id" as="xs:string"/>
-        <xsl:param name="canvas-class" select="'chart-canvas'" as="xs:string?"/>
-        <xsl:param name="method" select="'post'" as="xs:string"/>
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'form-horizontal'" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn'" as="xs:string?"/>
-        <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
-        <xsl:param name="enctype" as="xs:string?"/>
+    <xsl:template match="rdf:RDF" mode="ldh:ChartControls">
         <xsl:param name="chart-type" select="xs:anyURI('&ac;Table')" as="xs:anyURI?"/> <!-- table is the default chart type -->
         <xsl:param name="category" as="xs:string?"/>
         <xsl:param name="series" as="xs:string*"/>
         <xsl:param name="chart-type-id" select="'chart-type'" as="xs:string"/>
         <xsl:param name="category-id" select="'category'" as="xs:string"/>
         <xsl:param name="series-id" select="'series'" as="xs:string"/>
-        <xsl:param name="width" as="xs:string?"/>
-        <xsl:param name="height" select="'480'" as="xs:string?"/>
-        <xsl:param name="uri" as="xs:anyURI?"/>
-        <xsl:param name="query" as="xs:string?"/>
-        <xsl:param name="show-controls" select="true()" as="xs:boolean"/>
-        <xsl:param name="show-save" select="true()" as="xs:boolean"/>
-        <xsl:param name="form-actions" as="element()?">
-            <xsl:if test="$show-save">
-                <div class="form-actions">
-                    <button class="btn btn-primary btn-save-chart" type="button">
-                        <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                            <xsl:with-param name="class" select="'btn btn-primary btn-save-chart'"/>
+
+        <div class="chart-controls">
+            <div class="field">
+                <label class="ldhc-label sz-sm" for="{$chart-type-id}">
+                    <span>
+                        <xsl:apply-templates select="key('resources', '&ldh;chartType', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
+                    </span>
+                </label>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="select" as="item()*">
+                <select id="{$chart-type-id}" name="ou" class="chart-type">
+                    <xsl:for-each select="key('resources-by-subclass', '&ac;Chart', document(ac:document-uri('&ldh;')))">
+                        <xsl:sort select="ac:label(.)" lang="{ac:langs()[1]}"/>
+
+                        <xsl:apply-templates select="." mode="xhtml:Option">
+                            <xsl:with-param name="selected" select="@rdf:about = $chart-type"/>
                         </xsl:apply-templates>
+                    </xsl:for-each>
+                </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </div>
+            <div class="field">
+                <label class="ldhc-label sz-sm" for="{$category-id}">
+                    <span>
+                        <xsl:apply-templates select="key('resources', 'category', ldh:translations())" mode="ac:label"/>
+                    </span>
+                </label>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="select" as="item()*">
+                <select id="{$category-id}" name="ou" class="chart-category">
+                    <option value="">
+                        <!-- URI is the default category -->
+                        <xsl:if test="not($category)">
+                            <xsl:attribute name="selected" select="'selected'"/>
+                        </xsl:if>
+
+                        <xsl:text>[URI/ID]</xsl:text>
+                    </option>
+
+                    <xsl:for-each-group select="*/*" group-by="concat(namespace-uri(), local-name())">
+                        <xsl:sort select="ac:property-label(.)" order="ascending" lang="{ac:langs()[1]}"/>
+
+                        <option value="{current-grouping-key()}">
+                            <xsl:if test="$category = current-grouping-key()">
+                                <xsl:attribute name="selected" select="'selected'"/>
+                            </xsl:if>
+
+                            <xsl:value-of>
+                                <xsl:apply-templates select="current-group()[1]" mode="ac:property-label"/>
+                            </xsl:value-of>
+                        </option>
+                    </xsl:for-each-group>
+                </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </div>
+            <div class="field">
+                <label class="ldhc-label sz-sm" for="{$series-id}">
+                    <span>
+                        <xsl:apply-templates select="key('resources', 'series', ldh:translations())" mode="ac:label"/>
+                    </span>
+                </label>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="multiple" select="true()"/>
+                    <xsl:with-param name="select" as="item()*">
+                <select id="{$series-id}" name="ou" multiple="multiple" class="chart-series">
+                    <xsl:for-each-group select="*/*" group-by="concat(namespace-uri(), local-name())">
+                        <xsl:sort select="ac:property-label(.)" order="ascending" lang="{ac:langs()[1]}"/>
+
+                        <option value="{current-grouping-key()}">
+                            <xsl:if test="$series = current-grouping-key()">
+                                <xsl:attribute name="selected" select="'selected'"/>
+                            </xsl:if>
+
+                            <xsl:value-of>
+                                <xsl:apply-templates select="current-group()[1]" mode="ac:property-label"/>
+                            </xsl:value-of>
+                        </option>
+                    </xsl:for-each-group>
+                </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </div>
+        </div>
+    </xsl:template>
 
-                        <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                    </button>
-                </div>
-            </xsl:if>
-        </xsl:param>
-        
-        <xsl:if test="$show-controls">
-            <form method="{$method}">
-                <xsl:if test="$id">
-                    <xsl:attribute name="id" select="$id"/>
-                </xsl:if>
-                <xsl:if test="$class">
-                    <xsl:attribute name="class" select="$class"/>
-                </xsl:if>
-                <xsl:if test="$accept-charset">
-                    <xsl:attribute name="accept-charset" select="$accept-charset"/>
-                </xsl:if>
-                <xsl:if test="$enctype">
-                    <xsl:attribute name="enctype" select="$enctype"/>
-                </xsl:if>
-                
-                <fieldset>
-                    <div class="row-fluid">
-                        <div class="span4">
-                            <label for="{$chart-type-id}">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', '&ldh;chartType', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </label>
-                            <select id="{$chart-type-id}" name="ou" class="input-medium chart-type">
-                                <option value="&ac;Table">
-                                    <xsl:if test="$chart-type = '&ac;Table'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Table</xsl:text>
-                                </option>
-                                <option value="&ac;ScatterChart">
-                                    <xsl:if test="$chart-type = '&ac;ScatterChart'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Scatter chart</xsl:text>
-                                </option>
-                                <option value="&ac;LineChart">
-                                    <xsl:if test="$chart-type = '&ac;LineChart'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Line chart</xsl:text>
-                                </option>
-                                <option value="&ac;BarChart">
-                                    <xsl:if test="$chart-type = '&ac;BarChart'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Bar chart</xsl:text>
-                                </option>
-                                <option value="&ac;Timeline">
-                                    <xsl:if test="$chart-type = '&ac;Timeline'">
-                                        <xsl:attribute name="selected" select="'selected'"/>
-                                    </xsl:if>
-
-                                    <xsl:text>Timeline</xsl:text>
-                                </option>
-                            </select>
-                        </div>
-                        <div class="span4">
-                            <xsl:call-template name="xhtml:Input">
-                                <xsl:with-param name="name" select="'pu'"/>
-                                <xsl:with-param name="type" select="'hidden'"/>
-                                <xsl:with-param name="value" select="'&ldh;categoryVarName'"/>
-                            </xsl:call-template>
-
-                            <label for="{$category-id}">Category</label>
-                            <select id="{$category-id}" name="ol" class="input-large chart-category">
-                                <xsl:for-each select="srx:head/srx:variable">
-                                    <!-- leave the original variable order so it can be controlled from query -->
-
-                                    <option value="{@name}">
-                                        <xsl:if test="$category = @name">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:value-of select="@name"/>
-                                    </option>
-                                </xsl:for-each>
-                            </select>
-                        </div>
-                        <div class="span4">
-                            <label for="{$series-id}">Series</label>
-                            <select id="{$series-id}" name="ol" multiple="multiple" class="input-large chart-series">
-                                <xsl:for-each select="srx:head/srx:variable">
-                                    <!-- leave the original variable order so it can be controlled from query -->
-
-                                    <option value="{@name}">
-                                        <xsl:if test="$series = @name">
-                                            <xsl:attribute name="selected" select="'selected'"/>
-                                        </xsl:if>
-
-                                        <xsl:value-of select="@name"/>
-                                    </option>
-                                </xsl:for-each>
-                            </select>
-                        </div>
-                    </div>
-                </fieldset>
-                
-                <div>
-                    <xsl:if test="$canvas-id">
-                        <xsl:attribute name="id" select="$canvas-id"/>
-                    </xsl:if>
-                    <xsl:if test="$canvas-class">
-                        <xsl:attribute name="class" select="$canvas-class"/>
-                    </xsl:if>
-                </div>
-        
-                <xsl:sequence select="$form-actions"/>
-            </form>
-        </xsl:if>
+    <!-- chart header (SPARQL XML results): chart-controls grid, category/series options from result variables -->
+
+    <xsl:template match="srx:sparql" mode="ldh:ChartControls">
+        <xsl:param name="chart-type" select="xs:anyURI('&ac;Table')" as="xs:anyURI?"/> <!-- table is the default chart type -->
+        <xsl:param name="category" as="xs:string?"/>
+        <xsl:param name="series" as="xs:string*"/>
+        <xsl:param name="chart-type-id" select="'chart-type'" as="xs:string"/>
+        <xsl:param name="category-id" select="'category'" as="xs:string"/>
+        <xsl:param name="series-id" select="'series'" as="xs:string"/>
+
+        <div class="chart-controls">
+            <div class="field">
+                <label class="ldhc-label sz-sm" for="{$chart-type-id}">
+                    <span>
+                        <xsl:apply-templates select="key('resources', '&ldh;chartType', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
+                    </span>
+                </label>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="select" as="item()*">
+                <select id="{$chart-type-id}" name="ou" class="chart-type">
+                    <xsl:for-each select="key('resources-by-subclass', '&ac;Chart', document(ac:document-uri('&ldh;')))">
+                        <xsl:sort select="ac:label(.)" lang="{ac:langs()[1]}"/>
+
+                        <xsl:apply-templates select="." mode="xhtml:Option">
+                            <xsl:with-param name="selected" select="@rdf:about = $chart-type"/>
+                        </xsl:apply-templates>
+                    </xsl:for-each>
+                </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </div>
+            <div class="field">
+                <label class="ldhc-label sz-sm" for="{$category-id}">
+                    <span>
+                        <xsl:apply-templates select="key('resources', 'category', ldh:translations())" mode="ac:label"/>
+                    </span>
+                </label>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="select" as="item()*">
+                <select id="{$category-id}" name="ol" class="chart-category">
+                    <xsl:for-each select="srx:head/srx:variable">
+                        <!-- leave the original variable order so it can be controlled from query -->
+
+                        <option value="{@name}">
+                            <xsl:if test="$category = @name">
+                                <xsl:attribute name="selected" select="'selected'"/>
+                            </xsl:if>
+
+                            <xsl:value-of select="@name"/>
+                        </option>
+                    </xsl:for-each>
+                </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </div>
+            <div class="field">
+                <label class="ldhc-label sz-sm" for="{$series-id}">
+                    <span>
+                        <xsl:apply-templates select="key('resources', 'series', ldh:translations())" mode="ac:label"/>
+                    </span>
+                </label>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="multiple" select="true()"/>
+                    <xsl:with-param name="select" as="item()*">
+                <select id="{$series-id}" name="ol" multiple="multiple" class="chart-series">
+                    <xsl:for-each select="srx:head/srx:variable">
+                        <!-- leave the original variable order so it can be controlled from query -->
+
+                        <option value="{@name}">
+                            <xsl:if test="$series = @name">
+                                <xsl:attribute name="selected" select="'selected'"/>
+                            </xsl:if>
+
+                            <xsl:value-of select="@name"/>
+                        </option>
+                    </xsl:for-each>
+                </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
+            </div>
+        </div>
     </xsl:template>
 
     <!-- SHAPE -->
@@ -1205,18 +1168,19 @@ extension-element-prefixes="ixsl"
     
     <!-- ROW FORM -->
     
-    <xsl:template match="rdf:RDF" mode="bs2:Form" name="bs2:Form">
+    <xsl:template match="rdf:RDF" mode="ac:ResourceForm" name="ac:ResourceForm">
         <xsl:param name="method" select="'post'" as="xs:string"/>
         <xsl:param name="base-uri" select="ldh:base-uri(.)" as="xs:anyURI" tunnel="yes"/>
         <xsl:param name="action" select="ldh:href(ac:absolute-path($base-uri))" as="xs:anyURI" tunnel="yes"/>
         <!-- predicate decides whether a given child resource is "required" (i.e. its fieldset hides the .btn-remove-resource); default treats no resource as required, callers opt in -->
         <xsl:param name="required" select="function($r as element()) as xs:boolean { false() }" as="function(element()) as xs:boolean" tunnel="yes"/>
         <xsl:param name="id" select="concat('form-', generate-id())" as="xs:string?"/>
-        <xsl:param name="class" select="'form-horizontal'" as="xs:string?"/>
-        <xsl:param name="form-actions-class" select="'form-actions'" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-edit-form'" as="xs:string?"/>
+        <xsl:param name="form-actions-class" select="'ldh-form-bar pl-inline'" as="xs:string?"/>
+        <xsl:param name="show-close-button" select="false()" as="xs:boolean"/>
         <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
         <xsl:param name="enctype" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn btn-primary wymupdate'" as="xs:string?"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-sm'" as="xs:string?"/>
         <xsl:param name="create-resource" select="true()" as="xs:boolean"/>
         <xsl:param name="classes" as="element()*"/>
         <xsl:param name="types" select="distinct-values(rdf:Description/rdf:type/@rdf:resource)" as="xs:anyURI*"/>
@@ -1231,7 +1195,7 @@ extension-element-prefixes="ixsl"
         <xsl:param name="object-metadata" select="if (exists($object-uris)) then ldh:send-request(resolve-uri('ns', ldt:base()), 'POST', 'application/sparql-query', $object-metadata-query || ' VALUES $this { ' || string-join(for $uri in $object-uris return '&lt;' || $uri || '&gt;', ' ') || ' }', map{ 'Accept': 'application/rdf+xml' }) else ()" as="document-node()?" tunnel="yes"/>
         <!-- inner form content; default is the exception alerts + primary/non-primary Description iteration. Override via xsl:with-param name="body" to substitute a different body (e.g. ldh:DocumentForm mode for declarative suppression) while reusing the form shell. -->
         <xsl:param name="body" as="node()*">
-            <xsl:apply-templates mode="bs2:Exception"/>
+            <xsl:apply-templates mode="ldh:Exception"/>
 
             <xsl:variable name="abs-base-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI"/>
             <!-- show the current document on the top: it's the focus of this form, so it cannot be removed from its own form -->
@@ -1283,30 +1247,18 @@ extension-element-prefixes="ixsl"
 
             <xsl:sequence select="$body"/>
 
-            <div class="{$form-actions-class}">
-                <button type="submit" class="btn btn-primary'">
-                    <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                        <xsl:with-param name="class" select="$button-class"/>
-                    </xsl:apply-templates>
-
-                    <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </button>
-
-                <button type="reset" class="btn">
-                    <xsl:apply-templates select="key('resources', 'reset', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                        <xsl:with-param name="class" select="'btn'"/>
-                    </xsl:apply-templates>
-
-                    <xsl:apply-templates select="key('resources', 'reset', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </button>
-            </div>
+            <xsl:apply-templates select="." mode="ldh:FormFooter">
+                <xsl:with-param name="class" select="$form-actions-class"/>
+                <xsl:with-param name="button-class" select="$button-class"/>
+                <xsl:with-param name="dismiss" select="if ($show-close-button) then 'close' else ()"/>
+            </xsl:apply-templates>
         </form>
     </xsl:template>
 
     <!-- CREATE -->
     
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:Create" priority="1">
-        <xsl:param name="class" select="'btn-group'" as="xs:string?"/>
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ac:Create" priority="1">
+        <xsl:param name="class" select="'ldh-add-wrap ldhc-menu-anchor'" as="xs:string?"/>
         <xsl:param name="classes" as="element()*"/>
         <xsl:param name="create-graph" select="false()" as="xs:boolean"/>
         <xsl:param name="base-uri" select="ldh:base-uri(.)" as="xs:anyURI"/>
@@ -1316,120 +1268,92 @@ extension-element-prefixes="ixsl"
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
-            
-            <button type="button" title="{ac:label(key('resources', 'create-instance-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                    <xsl:with-param name="class" select="'btn btn-primary dropdown-toggle'"/>
-                </xsl:apply-templates>
-                <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                </xsl:value-of>
-                <xsl:text> </xsl:text>
-                <span class="caret"></span>
+
+            <button type="button" class="ldhc-btn in-primary ap-solid sz-md drop-toggle" title="{ac:label(key('resources', 'create-instance-title', ldh:translations()))}">
+                <span class="msi sm" aria-hidden="true">add</span>
+                <span>
+                    <xsl:apply-templates select="key('resources', 'create', ldh:translations())" mode="ac:label"/>
+                </span>
+                <span class="msi caret" aria-hidden="true">expand_more</span>
             </button>
 
-            <ul class="dropdown-menu">
+            <div class="ldh-add-menu">
+                <div class="hd">
+                    <xsl:apply-templates select="key('resources', 'create-instance-title', ldh:translations())" mode="ac:label"/>
+                </div>
                 <xsl:if test="$show-instance">
-                    <xsl:apply-templates select="key('resources', '&owl;NamedIndividual', document(ac:document-uri('&owl;')))" mode="bs2:ConstructorListItem">
+                    <xsl:apply-templates select="key('resources', '&owl;NamedIndividual', document(ac:document-uri('&owl;')))" mode="ldh:ConstructorListItem">
                         <xsl:with-param name="create-graph" select="$create-graph"/>
                         <xsl:with-param name="base-uri" select="$base-uri" tunnel="yes"/>
                         <xsl:sort select="ac:label(.)"/>
                     </xsl:apply-templates>
 
-                    <li class="divider"></li>
+                    <span class="ldh-of-div" aria-hidden="true"></span>
                 </xsl:if>
                 
-                <xsl:apply-templates select="$classes" mode="bs2:ConstructorListItem">
+                <xsl:apply-templates select="$classes" mode="ldh:ConstructorListItem">
                     <xsl:with-param name="create-graph" select="$create-graph"/>
                     <xsl:with-param name="base-uri" select="$base-uri" tunnel="yes"/>
                     <xsl:sort select="ac:label(.)"/>
                 </xsl:apply-templates>
-            </ul>
+            </div>
         </div>
     </xsl:template>
 
-    <xsl:template match="*" mode="bs2:Create"/>
+    <xsl:template match="*" mode="ac:Create"/>
 
-    <!-- Admin app override: hide hardcoded NamedIndividual+divider so the dropdown only shows the admin $class-uris from bs2:Row. -->
-    <xsl:template match="rdf:RDF[$foaf:Agent][starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="bs2:Create" priority="2">
+    <!-- Admin app override: hide hardcoded NamedIndividual+divider so the dropdown only shows the admin $class-uris from ldh:BlockRow. -->
+    <xsl:template match="rdf:RDF[$foaf:Agent][starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="ac:Create" priority="2">
         <xsl:param name="classes" as="element()*"/>
         <xsl:param name="create-graph" select="false()" as="xs:boolean"/>
         <xsl:param name="base-uri" select="ldh:base-uri(.)" as="xs:anyURI"/>
 
-        <div class="btn-group pull-left">
-            <button type="button" title="{ac:label(key('resources', 'create-instance-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin))))}">
-                <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                    <xsl:with-param name="class" select="'btn btn-primary dropdown-toggle'"/>
-                </xsl:apply-templates>
-                <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                </xsl:value-of>
-                <xsl:text> </xsl:text>
-                <span class="caret"></span>
+        <div class="ldh-add-wrap ldhc-menu-anchor">
+            <button type="button" class="ldhc-btn in-primary ap-solid sz-md drop-toggle" title="{ac:label(key('resources', 'create-instance-title', ldh:translations()))}">
+                <span class="msi sm" aria-hidden="true">add</span>
+                <span>
+                    <xsl:apply-templates select="key('resources', 'create', ldh:translations())" mode="ac:label"/>
+                </span>
+                <span class="msi caret" aria-hidden="true">expand_more</span>
             </button>
 
-            <ul class="dropdown-menu">
-                <xsl:apply-templates select="$classes" mode="bs2:ConstructorListItem">
+            <div class="ldh-add-menu">
+                <xsl:apply-templates select="$classes" mode="ldh:ConstructorListItem">
                     <xsl:with-param name="base-uri" select="$base-uri" tunnel="yes"/>
                     <xsl:with-param name="create-graph" select="$create-graph"/>
                     <xsl:sort select="ac:label(.)"/>
                 </xsl:apply-templates>
-            </ul>
+            </div>
         </div>
     </xsl:template>
 
     <!-- OBJECT -->
 
-    <xsl:template match="rdf:RDF" mode="bs2:Object">
+    <xsl:template match="rdf:RDF" mode="ldh:Object">
         <xsl:apply-templates mode="#current"/>
     </xsl:template>
 
     <!-- HEADER -->
 
-    <xsl:template match="*[rdf:type/@rdf:resource = '&http;Response'][lacl:requestAccess/@rdf:resource][$foaf:Agent]" mode="bs2:Header" priority="2">
+    <xsl:template match="*[rdf:type/@rdf:resource = '&http;Response'][lacl:requestAccess/@rdf:resource][$foaf:Agent]" mode="ac:BlockHeader" priority="2">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'alert alert-info well'" as="xs:string?"/>
+        <xsl:param name="class" select="'ldhc-alert va-informative'" as="xs:string?"/>
 
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <h2>
-                <xsl:apply-templates select="." mode="ldh:logo"/>
-
-                <xsl:apply-templates select="." mode="ac:label"/>
-
-                <button type="button" class="btn btn-primary btn-access-form pull-right">
+        <xsl:apply-templates select="." mode="ac:InlineAlert">
+            <xsl:with-param name="id" select="$id"/>
+            <xsl:with-param name="class" select="$class"/>
+            <xsl:with-param name="icon" select="'info'"/>
+            <xsl:with-param name="body" as="item()*">
+                <h2 class="ldhc-alert-title">
+                    <xsl:apply-templates select="." mode="ac:label"/>
+                </h2>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-md btn-access-form">
                     <xsl:value-of>
-                        <xsl:apply-templates select="key('resources', 'request-access', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                        <xsl:apply-templates select="key('resources', 'request-access', ldh:translations())" mode="ac:label"/>
                     </xsl:value-of>
                 </button>
-            </h2>
-        </div>
-    </xsl:template>
-
-    <xsl:template match="*[rdf:type/@rdf:resource = '&http;Response']" mode="bs2:Header" priority="1">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'alert alert-error well'" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <h2>
-                <xsl:value-of>
-                    <xsl:apply-templates select="." mode="ac:label"/>
-                </xsl:value-of>
-            </h2>
-        </div>
+            </xsl:with-param>
+        </xsl:apply-templates>
     </xsl:template>
 
 </xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/http-statusCodes.rdf b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/http-statusCodes.rdf
similarity index 100%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/http-statusCodes.rdf
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/http-statusCodes.rdf
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/ac.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/ac.xsl
similarity index 86%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/ac.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/ac.xsl
index dc8b1eaf60..3e7b4d90e6 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/ac.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/ac.xsl
@@ -15,11 +15,10 @@ xmlns:ac="&ac;"
 xmlns:rdf="&rdf;"
 xmlns:rdfs="&rdfs;"
 xmlns:ldt="&ldt;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
     
     <!-- override the value of ac:mode with a dropdown of ac:Mode instances -->
-    <xsl:template match="ac:mode/@rdf:resource | ac:mode/@rdf:nodeID" mode="bs2:FormControl">
+    <xsl:template match="ac:mode/@rdf:resource | ac:mode/@rdf:nodeID" mode="ac:FormControl">
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
@@ -27,6 +26,8 @@ exclude-result-prefixes="#all">
         <xsl:variable name="value" select="." as="xs:string"/>
 
         <xsl:variable name="modes" select="key('resources-by-type', '&ac;Mode', document(ac:document-uri('&ac;')))" as="element()*"/>
+        <xsl:apply-templates select="." mode="ac:SelectShell">
+            <xsl:with-param name="select" as="item()*">
         <select name="ou" id="{generate-id()}">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
@@ -43,15 +44,17 @@ exclude-result-prefixes="#all">
             </option>
             
             <xsl:for-each select="$modes[not(@rdf:about = '&ac;EditMode')]"> <!-- don't show EditMode -->
-                <xsl:sort select="ac:label(.)" lang="{$ac:lang}"/>
+                <xsl:sort select="ac:label(.)" lang="{ac:langs()[1]}"/>
                 <xsl:apply-templates select="." mode="xhtml:Option">
                     <xsl:with-param name="selected" select="@rdf:about = $value"/>
                 </xsl:apply-templates>
             </xsl:for-each>
         </select>
+            </xsl:with-param>
+        </xsl:apply-templates>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations"/>
         </xsl:if>
     </xsl:template>
     
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/acl.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/acl.xsl
similarity index 86%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/acl.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/acl.xsl
index ae8290a7d7..e3aa4b3558 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/acl.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/acl.xsl
@@ -28,55 +28,63 @@ xmlns:acl="&acl;"
 xmlns:ldt="&ldt;"
 xmlns:dh="&dh;"
 xmlns:foaf="&foaf;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
 
     <xsl:template match="*[@rdf:about = '&acl;Authorization']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'authorization', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'authorization', ldh:translations())" mode="#current"/>
     </xsl:template>
 
-    <xsl:template match="acl:mode/@rdf:resource | acl:mode/@rdf:nodeID" mode="bs2:FormControl" priority="1">
+    <xsl:template match="acl:mode/@rdf:resource | acl:mode/@rdf:nodeID" mode="ac:FormControl" priority="1">
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
         <xsl:variable name="this" select="../concat(namespace-uri(), local-name())" as="xs:string"/>
         <xsl:variable name="properties" select="../../*[concat(namespace-uri(), local-name()) = $this]" as="element()*"/>
 
         <xsl:variable name="modes" select="key('resources-by-subclass', '&acl;Access', document(ac:document-uri('&acl;')))" as="element()*"/>
+        <xsl:apply-templates select="." mode="ac:SelectShell">
+            <xsl:with-param name="multiple" select="true()"/>
+            <xsl:with-param name="select" as="item()*">
         <select name="ou" id="{generate-id()}" multiple="multiple" size="{count($modes)}">
             <xsl:for-each select="$modes">
-                <xsl:sort select="ac:label(.)" lang="{$ac:lang}"/>
+                <xsl:sort select="ac:label(.)" lang="{ac:langs()[1]}"/>
                 <xsl:apply-templates select="." mode="xhtml:Option">
                     <xsl:with-param name="selected" select="@rdf:about = $properties/@rdf:resource"/>
                 </xsl:apply-templates>
             </xsl:for-each>
         </select>
+            </xsl:with-param>
+        </xsl:apply-templates>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations"/>
         </xsl:if>
     </xsl:template>
 
-    <xsl:template match="acl:mode[position() &gt; 1]" mode="bs2:FormControl" priority="2"/>
+    <xsl:template match="acl:mode[position() &gt; 1]" mode="ac:FormControl" priority="2"/>
 
     <xsl:template match="*[rdf:type/@rdf:resource = '&lacl;AuthorizationRequest']" priority="1">
         <xsl:param name="method" select="'post'" as="xs:string"/>
         <!-- we're not using the form's default action so we're not tunneling the param here -->
         <xsl:param name="action" select="ldh:href(resolve-uri(ac:uuid() || '/', resolve-uri('acl/authorizations/', ldt:base())), map{ '_method': 'PUT' })" as="xs:anyURI"/> <!-- create new authorization document -->
         <xsl:param name="id" select="concat('form-', generate-id())" as="xs:string?"/>
-        <xsl:param name="class" select="'form-horizontal'" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-prop-form'" as="xs:string?"/>
         <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
         <xsl:param name="enctype" as="xs:string?"/> <!-- TO-DO: override with "multipart/form-data" for File instances -->
 
         <xsl:next-match/>
 
         <xsl:if test="lacl:requestMode/@rdf:resource = '&acl;Control'">
-            <div class="alert">
-                <p>
-                    <strong>Warning!</strong> By allowing <code>Control</code> access mode you are effectively granting full control of the dataspace.
-                </p>
-            </div>
+            <xsl:apply-templates select="." mode="ac:InlineAlert">
+                <xsl:with-param name="variant" select="'va-warning'"/>
+                <xsl:with-param name="title" as="item()*">
+                    <xsl:apply-templates select="key('resources', 'warning', ldh:translations())" mode="ac:label"/>
+                </xsl:with-param>
+                <xsl:with-param name="text" as="item()*">
+                    <xsl:apply-templates select="key('resources', 'control-mode-warning', ldh:translations())" mode="ac:label"/>
+                </xsl:with-param>
+            </xsl:apply-templates>
         </xsl:if>
 
-        <!-- .form-horizontal is required so that client.xsl can match this form and intercept its onsubmit event -->
+        <!-- .ldh-prop-form is required so that client.xsl can match this form and intercept its onsubmit event -->
         <form method="{$method}" action="{$action}">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
@@ -219,8 +227,13 @@ exclude-result-prefixes="#all">
                 <xsl:with-param name="type" select="'hidden'"/>
             </xsl:call-template>
 
-            <div class="form-actions">
-                <button type="submit" class="btn btn-primary">Allow</button>
+            <div class="ldh-block-foot">
+                <button type="submit" class="ldhc-btn in-primary ap-solid sz-md">
+                    <span class="msi sm" aria-hidden="true">check</span>
+                    <xsl:value-of>
+                        <xsl:apply-templates select="key('resources', 'allow', ldh:translations())" mode="ac:label"/>
+                    </xsl:value-of>
+                </button>
             </div>
         </form>
     </xsl:template>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/cert.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/cert.xsl
similarity index 81%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/cert.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/cert.xsl
index 0a364cb8b6..40fba156d0 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/cert.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/cert.xsl
@@ -11,14 +11,14 @@ xmlns:xhtml="http://www.w3.org/1999/xhtml"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:lapp="&lapp;"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
 xmlns:ac="&ac;"
 xmlns:rdf="&rdf;"
 xmlns:cert="&cert;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
 
     <xsl:template match="*[@rdf:about = '&cert;PublicKey']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'public-key', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'public-key', ldh:translations())" mode="#current"/>
     </xsl:template>
 
 </xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/dct.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/dct.xsl
similarity index 68%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/dct.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/dct.xsl
index c5107e9fa2..74234cea13 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/dct.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/dct.xsl
@@ -2,6 +2,7 @@
 <!DOCTYPE xsl:stylesheet [
     <!ENTITY def    "https://w3id.org/atomgraph/linkeddatahub/default#">
     <!ENTITY adm    "https://w3id.org/atomgraph/linkeddatahub/admin#">
+    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
     <!ENTITY ac     "https://w3id.org/atomgraph/client#">
     <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
     <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
@@ -16,37 +17,26 @@ xmlns="http://www.w3.org/1999/xhtml"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 xmlns:xhtml="http://www.w3.org/1999/xhtml"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
+xmlns:ldh="&ldh;"
 xmlns:ac="&ac;"
 xmlns:rdf="&rdf;"
 xmlns:rdfs="&rdfs;"
 xmlns:ldt="&ldt;"
 xmlns:foaf="&foaf;"
 xmlns:dct="&dct;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
 
     <xsl:preserve-space elements="dct:description"/>
     
-    <xsl:template match="dct:description/text()" mode="bs2:FormControl">
-        <xsl:param name="type-label" select="true()" as="xs:boolean"/>
-        <xsl:param name="rows" select="10" as="xs:integer"/>
-        
-        <textarea name="ol" id="{generate-id()}" rows="{$rows}">
-            <xsl:value-of select="."/>
-        </textarea>
-
-        <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
-        </xsl:if>
-    </xsl:template>
-    
-    <xsl:template match="dct:format/@rdf:nodeID" mode="bs2:FormControl">
+    <xsl:template match="dct:format/@rdf:nodeID" mode="ac:FormControl">
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
         
         <!-- the form will submit a literal value but the SkolemizingModelProvider will convert it to a URI resource -->
+        <xsl:apply-templates select="." mode="ac:SelectShell">
+            <xsl:with-param name="select" as="item()*">
         <select name="ol">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
@@ -58,59 +48,61 @@ exclude-result-prefixes="#all">
                 <xsl:attribute name="disabled" select="'disabled'"/>
             </xsl:if>
             
-            <option value="">[browser-defined]</option>
-            <optgroup label="RDF triples">
+            <option value=""><xsl:apply-templates select="key('resources', 'media-type-browser-defined', ldh:translations())" mode="ac:label"/></option>
+            <optgroup label="{ac:label(key('resources', 'media-type-group-triples', ldh:translations()))}">
                 <option value="text/turtle">
                     <xsl:if test="ends-with(., 'text/turtle')">
                         <xsl:attribute name="selected" select="'selected'"/>
                     </xsl:if>
                     
-                    <xsl:text>Turtle (.ttl)</xsl:text>
+                    <xsl:apply-templates select="key('resources', 'media-type-turtle', ldh:translations())" mode="ac:label"/>
                 </option>
                 <option value="application/n-triples">
                     <xsl:if test="ends-with(., 'application/n-triples')">
                         <xsl:attribute name="selected" select="'selected'"/>
                     </xsl:if>
                     
-                    <xsl:text>N-Triples (.nt)</xsl:text>
+                    <xsl:apply-templates select="key('resources', 'media-type-ntriples', ldh:translations())" mode="ac:label"/>
                 </option>
                 <option value="application/rdf+xml">
                     <xsl:if test="ends-with(., 'application/rdf+xml')">
                         <xsl:attribute name="selected" select="'selected'"/>
                     </xsl:if>
 
-                    <xsl:text>RDF/XML (.rdf)</xsl:text>
+                    <xsl:apply-templates select="key('resources', 'media-type-rdfxml', ldh:translations())" mode="ac:label"/>
                 </option>
             </optgroup>
-            <optgroup label="RDF quads">
+            <optgroup label="{ac:label(key('resources', 'media-type-group-quads', ldh:translations()))}">
                 <option value="text/trig">
                     <xsl:if test="ends-with(., 'text/trig')">
                         <xsl:attribute name="selected" select="'selected'"/>
                     </xsl:if>
 
-                    <xsl:text>TriG (.trig)</xsl:text>
+                    <xsl:apply-templates select="key('resources', 'media-type-trig', ldh:translations())" mode="ac:label"/>
                 </option>
                 <option value="application/n-quads">
                     <xsl:if test="ends-with(., 'application/n-quads')">
                         <xsl:attribute name="selected" select="'selected'"/>
                     </xsl:if>
 
-                    <xsl:text>N-Quads (.nq)</xsl:text>
+                    <xsl:apply-templates select="key('resources', 'media-type-nquads', ldh:translations())" mode="ac:label"/>
                 </option>
             </optgroup>
-            <optgroup label="Other">
+            <optgroup label="{ac:label(key('resources', 'other', ldh:translations()))}">
                 <option value="text/csv">
                     <xsl:if test="ends-with(., 'text/csv')">
                         <xsl:attribute name="selected" select="'selected'"/>
                     </xsl:if>
 
-                    <xsl:text>CSV (.csv)</xsl:text>
+                    <xsl:apply-templates select="key('resources', 'media-type-csv', ldh:translations())" mode="ac:label"/>
                 </option>
             </optgroup>
         </select>
+            </xsl:with-param>
+        </xsl:apply-templates>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations"/>
         </xsl:if>
     </xsl:template>
      
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/default.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/default.xsl
similarity index 54%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/default.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/default.xsl
index 0bcd56612a..38495b9364 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/default.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/default.xsl
@@ -26,9 +26,9 @@
 <xsl:stylesheet version="3.0"
 xmlns="http://www.w3.org/1999/xhtml"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:map="http://www.w3.org/2005/xpath-functions/map"
+xmlns:json="http://www.w3.org/2005/xpath-functions"
 xmlns:lapp="&lapp;"
 xmlns:ldh="&ldh;"
 xmlns:ac="&ac;"
@@ -50,7 +50,6 @@ xmlns:foaf="&foaf;"
 xmlns:url="&java;java.net.URLDecoder"
 xmlns:xhtml="http://www.w3.org/1999/xhtml"
 xmlns:svg="http://www.w3.org/2000/svg"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all"
 >
 
@@ -60,6 +59,8 @@ exclude-result-prefixes="#all"
 
     <xsl:param name="ac:contextUri" as="xs:anyURI?"/>
 
+
+
     <xsl:function name="ac:property-label" as="xs:string?">
         <xsl:param name="property" as="element()"/>
         <xsl:param name="property-metadata" as="document-node()"/>
@@ -96,11 +97,8 @@ exclude-result-prefixes="#all"
                 <!-- <xsl:message>ac:object-label(<xsl:value-of select="."/>) $object-metadata: <xsl:value-of select="serialize($object-metadata)"/></xsl:message> -->
                 <xsl:apply-templates select="$object-metadata!key('resources', $this, .)" mode="ac:label"/>
             </xsl:when>
-            <xsl:when test="ixsl:doc-fetched(ac:document-uri(.)) and key('resources', ., document(ac:document-uri(.)))" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
-                <xsl:apply-templates select="key('resources', ., document(ac:document-uri(.)))" mode="ac:label"/>
-            </xsl:when>
-            <xsl:when test="doc-available(ac:document-uri(.)) and key('resources', ., document(ac:document-uri(.)))" use-when="system-property('xsl:product-name') = 'SAXON'">
-                <xsl:apply-templates select="key('resources', ., document(ac:document-uri(.)))" mode="ac:label"/>
+            <xsl:when test="ldh:label-document(ac:document-uri(.))!key('resources', $this, .)">
+                <xsl:apply-templates select="ldh:label-document(ac:document-uri(.))!key('resources', $this, .)" mode="ac:label"/>
             </xsl:when>
             <xsl:when test="contains(., '#') and not(ends-with(., '#'))">
                 <xsl:sequence select="substring-after(., '#')"/>
@@ -114,41 +112,10 @@ exclude-result-prefixes="#all"
         </xsl:choose>
     </xsl:template>
     
-    <xsl:function name="acl:mode" as="xs:anyURI*" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:variable name="entries" as="xs:string*">
-            <xsl:for-each select="$ldh:httpHeaders('Link')">
-                <xsl:analyze-string select="." regex="&lt;[^&gt;]+&gt;[^&lt;]*">
-                    <xsl:matching-substring>
-                        <xsl:sequence select="."/>
-                    </xsl:matching-substring>
-                </xsl:analyze-string>
-            </xsl:for-each>
-        </xsl:variable>
-        <xsl:sequence select="for $entry in $entries return if (matches($entry, '^&lt;[^&gt;]+&gt;\s*;.*[;\s]rel\s*=\s*&quot;?[^&quot;\s,;]*acl#mode&quot;?')) then xs:anyURI(replace($entry, '^&lt;([^&gt;]+)&gt;.*$', '$1')) else ()"/>
-    </xsl:function>
 
-    <xsl:function name="ac:uri" as="xs:anyURI?" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:sequence select="$ac:uri"/>
-    </xsl:function>
 
-    <!-- TimeMap URI from the Link response header (rel=timemap), present when the document is versioned -->
-    <xsl:function name="ldh:timemap" as="xs:anyURI?" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:variable name="entries" as="xs:string*">
-            <xsl:for-each select="$ldh:httpHeaders('Link')">
-                <xsl:analyze-string select="." regex="&lt;[^&gt;]+&gt;[^&lt;]*">
-                    <xsl:matching-substring>
-                        <xsl:sequence select="."/>
-                    </xsl:matching-substring>
-                </xsl:analyze-string>
-            </xsl:for-each>
-        </xsl:variable>
-        <xsl:sequence select="(for $entry in $entries return if (matches($entry, '^&lt;[^&gt;]+&gt;\s*;.*[;\s]rel\s*=\s*&quot;?timemap&quot;?([;\s]|$)')) then xs:anyURI(replace($entry, '^&lt;([^&gt;]+)&gt;.*$', '$1')) else ())[1]"/>
-    </xsl:function>
 
-    <!-- Memento-Datetime response header value, present on ?version= responses -->
-    <xsl:function name="ldh:memento-datetime" as="xs:string?" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:sequence select="$ldh:httpHeaders('Memento-Datetime')[1]"/>
-    </xsl:function>
+
 
     <!-- Strips the leftmost subdomain and returns parent dataspace origin (scheme + host + port) -->
     <xsl:function name="ldh:parent-origin" as="xs:anyURI?">
@@ -175,9 +142,6 @@ exclude-result-prefixes="#all"
         </xsl:choose>
     </xsl:function>
     
-    <xsl:function name="ldh:request-uri" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:sequence select="$ldh:requestUri"/>
-    </xsl:function>
     
     <xsl:function name="ldh:query-params" as="map(xs:string, xs:string*)">
         <!-- ac:document-uri strips the URL's #fragment so it doesn't get glued onto the last query value -->
@@ -191,11 +155,6 @@ exclude-result-prefixes="#all"
         <xsl:sequence select="map:merge((if (map:contains($query-params, 'version')) then map{ 'version': $query-params?version } else (), if (map:contains($query-params, 'timemap')) then map{ 'timemap': $query-params?timemap } else ()))"/>
     </xsl:function>
     
-    <xsl:function name="ldh:base-uri" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:param name="arg" as="node()"/>
-        
-        <xsl:sequence select="base-uri($arg)"/>
-    </xsl:function>
       
     <xsl:function name="ldt:base" as="xs:anyURI">
         <xsl:sequence select="$ldt:base"/>
@@ -211,8 +170,42 @@ exclude-result-prefixes="#all"
         <xsl:sequence select="xs:anyURI(replace($uri, '^(https?://[^/]+).*$', '$1'))"/>
     </xsl:function>
 
-    <xsl:function name="lapp:origin" as="xs:anyURI?" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:sequence select="$lapp:origin"/>
+
+    <!-- Web-Client's label catalog resolves against the shell origin here, like the app's own translations.rdf:
+         the same-origin URL works for the same-site server resolver and in the browser alike -->
+    <xsl:function name="ac:translations" as="document-node()">
+        <xsl:sequence select="document(resolve-uri('static/com/atomgraph/client/xsl/translations.rdf', $lapp:origin))"/>
+    </xsl:function>
+
+    <!-- the app's own label catalog, mirroring ac:translations() -->
+    <xsl:function name="ldh:translations" as="document-node()">
+        <xsl:sequence select="document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/translations.rdf', $lapp:origin))"/>
+    </xsl:function>
+
+    <!-- the label of a class given as a bare URI: rdfs:Resource takes the app catalog's localized label,
+         everything else delegates to the ac:object-label machinery over a synthesized object node, so the
+         load-guarded document lookup (with its SAXON catalog / SaxonJS documentPool duals) lives in one
+         place - the ac:object-label mode. The atomic-URI signature exists because $forClass travels as
+         xs:anyURI*, never as nodes the mode could dispatch on -->
+    <xsl:function name="ldh:class-label" as="xs:string?">
+        <xsl:param name="class" as="xs:anyURI"/>
+
+        <xsl:choose>
+            <xsl:when test="$class = '&rdfs;Resource'">
+                <xsl:value-of>
+                    <xsl:apply-templates select="key('resources', 'resource', ldh:translations())" mode="ac:label"/>
+                </xsl:value-of>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:variable name="object" as="document-node()">
+                    <xsl:document>
+                        <rdf:Description rdf:resource="{$class}"/>
+                    </xsl:document>
+                </xsl:variable>
+
+                <xsl:sequence select="ac:object-label($object/rdf:Description/@rdf:resource)"/>
+            </xsl:otherwise>
+        </xsl:choose>
     </xsl:function>
 
     <xsl:function name="ldh:href" as="xs:anyURI">
@@ -303,16 +296,178 @@ exclude-result-prefixes="#all"
         </xsl:choose>
     </xsl:function>
     
-    <!-- SSR stub: constructor instantiation is client-side only (the SaxonJS variant in
-    client/functions.xsl instantiates the constructor queries onto a single multi-typed instance).
-    Server-rendered forms show the data properties; the client re-render supplies the constructor
-    controls. Same pattern as Web-Client's ac:construct stub. -->
-    <xsl:function name="ldh:construct-forClass" as="document-node()" use-when="system-property('xsl:product-name') = 'SAXON'">
-        <xsl:param name="forClass" as="xs:anyURI+"/>
+    <!-- fetches the spin:constructor query texts for the whole type set (subclass closure, DISTINCT). Shared with the SaxonJS constructor machinery in client/functions.xsl -->
+    <xsl:function name="ldh:constructor-query" as="xs:string">
+        <xsl:param name="types" as="xs:anyURI*"/>
+
+        <xsl:sequence select="'SELECT DISTINCT ?constructor ?text WHERE { VALUES ?type { ' || string-join(for $type in $types return '&lt;' || $type || '&gt;', ' ') || ' } ?type &lt;http://www.w3.org/2000/01/rdf-schema#subClassOf&gt;* ?class . ?class &lt;http://spinrdf.org/spin#constructor&gt; ?constructor . ?constructor &lt;http://spinrdf.org/sp#text&gt; ?text . }'"/>
+    </xsl:function>
+
+
+
+    <!-- constructor instantiation: the template mirrors the instance. One SELECT fetches the
+    spin:constructor query texts for the whole type set (subclass closure, DISTINCT), and the
+    CONSTRUCT templates are expanded onto a single instance — one bnode prototype typed with all
+    the classes, value-range markers as sibling Descriptions in the same document. -->
+
+    <!-- rewrites a CONSTRUCT template term: ?this becomes the shared instance label, other blank
+    node labels are prefixed per constructor position so markers from different templates cannot collide -->
+    <xsl:function name="ldh:instance-term" as="xs:string">
+        <xsl:param name="term" as="xs:string"/>
+        <xsl:param name="pos" as="xs:integer"/>
+
+        <xsl:sequence select="if ($term = ('?this', '$this')) then '_:instance' else if (starts-with($term, '_:')) then '_:c' || $pos || '_' || substring-after($term, '_:') else $term"/>
+    </xsl:function>
+
+    <!-- returns the sorted type set of a pure value-range marker (a blank node carrying only rdf:type),
+    or the empty string when the label is not a pure marker -->
+    <xsl:function name="ldh:marker-types" as="xs:string">
+        <xsl:param name="label" as="xs:string"/>
+        <xsl:param name="triples" as="element()*"/>
+
+        <xsl:variable name="subject-triples" select="$triples[json:string[@key = 'subject'] = $label]" as="element()*"/>
+        <xsl:sequence select="if (starts-with($label, '_:') and exists($subject-triples) and not($subject-triples[not(json:string[@key = 'predicate'] = '&rdf;type')])) then string-join(sort($subject-triples/json:string[@key = 'object']), ' ') else ''"/>
+    </xsl:function>
+
+    <!-- parses SPARQL.js 2.x triple maps into RDF/XML. The term serialization is produced by the SPARQL.js Parser in the browser and by the ParseQuery (Jena) extension function server-side — both behind ldh:parse-query — as well as by ldh:parse-rdf-post()/ldh:descriptions-to-triples() in client/functions.xsl; all of them and this function must stay in lockstep -->
+    <xsl:function name="ldh:triples-to-descriptions" as="element()*">
+        <xsl:param name="triples" as="element()*"/>
+
+        <xsl:for-each-group select="$triples" group-by="json:string[@key = 'subject']">
+            <rdf:Description>
+                <!-- subject -->
+                <xsl:choose>
+                    <xsl:when test="starts-with(current-grouping-key(), '_:')">
+                        <xsl:attribute name="rdf:nodeID" select="substring-after(current-grouping-key(), '_:')"/>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:attribute name="rdf:about" select="current-grouping-key()"/>
+                    </xsl:otherwise>
+                </xsl:choose>
+
+                <xsl:for-each select="current-group()">
+                    <!-- split predicate URI into namespace and local name -->
+                    <xsl:variable name="namespace" select="xs:anyURI(if (contains(json:string[@key = 'predicate'], '#')) then substring-before(json:string[@key = 'predicate'], '#') || '#' else string-join(tokenize(json:string[@key = 'predicate'], '/')[not(position() = last())], '/') || '/')" as="xs:anyURI"/>
+                    <xsl:variable name="local-name" select="substring-after(json:string[@key = 'predicate'], $namespace)" as="xs:string"/>
+
+                    <!-- predicate -->
+                    <xsl:element namespace="{$namespace}" name="ns:{$local-name}">
+                        <xsl:for-each select="json:string[@key = 'object']">
+                            <!-- object -->
+                            <!-- TO-DO: upgrade SPARQL.js to 3.x. We need regex functions in the following logic because quoting/escaping sucks in SPARQL.js 2.x -->
+                            <xsl:choose>
+                                <!-- XML literal -->
+                                <!-- note: SPARQL.js 2.x does NOT wrap the datatype URI into <> -->
+                                <xsl:when test="matches(., '^&quot;(.*)&quot;\^\^&rdf;XMLLiteral$', 's')">
+                                    <xsl:attribute name="rdf:parseType" select="'Literal'"/>
+                                    <!-- XML literal has to be fixed previously, otherwise parse-xml() will fail -->
+                                    <xsl:analyze-string select="." regex="^&quot;(.*)&quot;\^\^&rdf;XMLLiteral$" flags="s">
+                                        <xsl:matching-substring>
+                                            <xsl:sequence select="parse-xml(regex-group(1))"/>
+                                        </xsl:matching-substring>
+                                    </xsl:analyze-string>
+                                </xsl:when>
+                                <!-- typed literal -->
+                                <!-- note: SPARQL.js 2.x does NOT wrap the datatype URI into <> -->
+                                <xsl:when test="matches(., '^&quot;(.*)&quot;\^\^(.*)$', 's')">
+                                    <xsl:analyze-string select="." regex="^&quot;(.*)&quot;\^\^(.*)$" flags="s">
+                                        <xsl:matching-substring>
+                                            <xsl:attribute name="rdf:datatype" select="regex-group(2)"/>
+
+                                            <xsl:sequence select="regex-group(1)"/>
+                                        </xsl:matching-substring>
+                                    </xsl:analyze-string>
+                                </xsl:when>
+                                <!-- language-tagged literal -->
+                                <xsl:when test="matches(., '^&quot;(.*?)&quot;@(.*)$', 's')">
+                                    <xsl:analyze-string select="." regex="^&quot;(.*?)&quot;@(.*)$" flags="s">
+                                        <xsl:matching-substring>
+                                            <xsl:attribute name="xml:lang" select="regex-group(2)"/>
+
+                                            <xsl:sequence select="regex-group(1)"/>
+                                        </xsl:matching-substring>
+                                    </xsl:analyze-string>
+                                </xsl:when>
+                                <!-- plain literal -->
+                                <xsl:when test="starts-with(., '&quot;') and ends-with(., '&quot;')">
+                                    <xsl:sequence select="substring(., 2, string-length(.) - 2)"/> <!-- trim first and last character -->
+                                </xsl:when>
+                                <!-- blank node -->
+                                <xsl:when test="starts-with(., '_:')">
+                                    <xsl:attribute name="rdf:nodeID" select="substring-after(., '_:')"/>
+                                </xsl:when>
+                                <xsl:otherwise>
+                                    <xsl:attribute name="rdf:resource" select="."/>
+                                </xsl:otherwise>
+                            </xsl:choose>
+                        </xsl:for-each>
+                    </xsl:element>
+                </xsl:for-each>
+            </rdf:Description>
+        </xsl:for-each-group>
+    </xsl:function>
+
+    <!-- instantiates spin:constructor CONSTRUCT templates onto a single instance typed with $types.
+    Constructors must be pure templates: a non-empty WHERE clause cannot be instantiated
+    and is skipped with a warning. Properties asserted by several constructors with the same value
+    range are collapsed; different ranges on one predicate all survive. -->
+    <xsl:function name="ldh:construct-instance" as="document-node()">
+        <xsl:param name="texts" as="xs:string*"/>
+        <xsl:param name="types" as="xs:anyURI*"/>
+
+        <xsl:variable name="raw-triples" as="element()*">
+            <xsl:for-each select="$texts">
+                <xsl:variable name="pos" select="position()" as="xs:integer"/>
+                <xsl:variable name="query-xml" select="json-to-xml(ldh:parse-query(string(.)))" as="document-node()"/>
+                <xsl:choose>
+                    <xsl:when test="exists($query-xml/json:map/json:array[@key = 'where']/*)">
+                        <xsl:message>Constructor skipped: a non-empty WHERE clause cannot be instantiated: <xsl:value-of select="."/></xsl:message>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:for-each select="$query-xml/json:map/json:array[@key = 'template']/json:map">
+                            <xsl:variable name="predicate" select="json:string[@key = 'predicate']" as="xs:string"/>
+                            <xsl:choose>
+                                <xsl:when test="starts-with($predicate, '?') or starts-with($predicate, '$')">
+                                    <xsl:message>Constructor template triple skipped: variable predicate <xsl:value-of select="$predicate"/></xsl:message>
+                                </xsl:when>
+                                <xsl:otherwise>
+                                    <json:map>
+                                        <json:string key="subject"><xsl:value-of select="ldh:instance-term(json:string[@key = 'subject'], $pos)"/></json:string>
+                                        <json:string key="predicate"><xsl:value-of select="$predicate"/></json:string>
+                                        <json:string key="object"><xsl:value-of select="ldh:instance-term(json:string[@key = 'object'], $pos)"/></json:string>
+                                    </json:map>
+                                </xsl:otherwise>
+                            </xsl:choose>
+                        </xsl:for-each>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </xsl:for-each>
+        </xsl:variable>
+
+        <!-- collapse instance properties whose (predicate, marker type set) coincide - the same property
+        asserted by several constructors (e.g. dct:title via a superclass and the class's own constructor) -->
+        <xsl:variable name="dropped-markers" as="xs:string*">
+            <xsl:for-each-group select="$raw-triples[json:string[@key = 'subject'] = '_:instance'][not(ldh:marker-types(json:string[@key = 'object'], $raw-triples) = '')]" group-by="json:string[@key = 'predicate'] || ' ' || ldh:marker-types(json:string[@key = 'object'], $raw-triples)">
+                <xsl:sequence select="for $duplicate in subsequence(current-group(), 2) return string($duplicate/json:string[@key = 'object'])"/>
+            </xsl:for-each-group>
+        </xsl:variable>
+        <xsl:variable name="triples" select="$raw-triples[not(json:string[@key = 'subject'] = '_:instance' and json:string[@key = 'object'] = $dropped-markers)][not(json:string[@key = 'subject'] = $dropped-markers)]" as="element()*"/>
+
+        <xsl:variable name="type-triples" as="element()*">
+            <xsl:for-each select="$types">
+                <json:map>
+                    <json:string key="subject">_:instance</json:string>
+                    <json:string key="predicate">&rdf;type</json:string>
+                    <json:string key="object"><xsl:value-of select="."/></json:string>
+                </json:map>
+            </xsl:for-each>
+        </xsl:variable>
 
         <xsl:variable name="doc" as="document-node()">
             <xsl:document>
-                <rdf:RDF/>
+                <rdf:RDF>
+                    <xsl:sequence select="ldh:triples-to-descriptions(($triples, $type-triples))"/>
+                </rdf:RDF>
             </xsl:document>
         </xsl:variable>
         <xsl:sequence select="$doc"/>
@@ -402,7 +557,7 @@ exclude-result-prefixes="#all"
         </xsl:copy>
     </xsl:template>
 
-    <!-- Builds the pure, bnode-prototyped constructor consumed by bs2:FormControl from the two raw inputs the promise chain has fetched: $shapes (SHACL NodeShape RDF) and $constructed-doc (SPIN constructor RDF fetched via the ns SPARQL endpoint). Shared by every flow that ends in bs2:FormControl (ldh:render-row-form for EDIT, ldh:render-row-form-violation for violation re-render, and the Phase 4 modal/app-settings/signup renderers to come) so the merge logic lives in exactly one place. Returns the SPIN side unchanged when shapes are absent (typical for system classes like sp:Describe), returns the merged doc when both sides exist (user-defined classes like skos:Concept with both SPIN defaults and SHACL constraints), or empty if neither side provides input. -->
+    <!-- Builds the pure, bnode-prototyped constructor consumed by ac:FormControl from the two raw inputs the promise chain has fetched: $shapes (SHACL NodeShape RDF) and $constructed-doc (SPIN constructor RDF fetched via the ns SPARQL endpoint). Shared by every flow that ends in ac:FormControl (ldh:render-row-form for EDIT, ldh:render-row-form-violation for violation re-render, and the Phase 4 modal/app-settings/signup renderers to come) so the merge logic lives in exactly one place. Returns the SPIN side unchanged when shapes are absent (typical for system classes like sp:Describe), returns the merged doc when both sides exist (user-defined classes like skos:Concept with both SPIN defaults and SHACL constraints), or empty if neither side provides input. -->
     <xsl:function name="ldh:build-merged-constructor" as="document-node()?">
         <xsl:param name="shapes" as="document-node()?"/>
         <xsl:param name="constructed-doc" as="document-node()?"/>
@@ -477,17 +632,27 @@ exclude-result-prefixes="#all"
         <xsl:sequence select="distinct-values($arg1[not(.=$arg2)])"/>
     </xsl:function>
 
+    <!-- caps a key component's length: SaxonJS backs distinct-values() and xsl:for-each-group with a hash trie whose
+         insert recurses once per character of the key, so keys over the JS stack limit (~6-7K frames) crash the transform
+         ("too much recursion"). Long values keep a prefix and fold the whole string into a length + rolling hash -->
+    <xsl:function name="ldh:bounded-key" as="xs:string?">
+        <xsl:param name="value" as="xs:string?"/>
+
+        <xsl:sequence select="if (string-length($value) le 1000) then $value else concat(substring($value, 1, 100), '#', string-length($value), '#', fold-left(string-to-codepoints($value), 0, function($hash, $codepoint) { ($hash * 31 + $codepoint) mod 4294967296 }))"/>
+    </xsl:function>
+
     <!-- identity of one triple given its RDF/XML property element, as subject | predicate | object.
          With $normalize-numerics, numeric literals are normalized so lexically different but equal values (1 vs 1.0) compare
          equal across serializations; without it, comparison is exactly lexical (canonical same-writer output makes that safe).
-         XMLLiterals are keyed on their serialized content. Blank node labels are serializer-generated, so bnode-involving
+         XMLLiterals are keyed on their serialized content, bounded via ldh:bounded-key() so oversized literals don't overflow
+         SaxonJS's per-character key recursion. Blank node labels are serializer-generated, so bnode-involving
          triples never compare equal across two documents -->
     <xsl:function name="ldh:triple-key" as="xs:string">
         <xsl:param name="property" as="element()"/>
         <xsl:param name="normalize-numerics" as="xs:boolean"/>
 
         <xsl:for-each select="$property">
-            <xsl:sequence select="concat(../@rdf:about, '|', ../@rdf:nodeID, '|', namespace-uri(), local-name(), '|', @rdf:resource, @rdf:nodeID, if (@rdf:parseType = 'Literal') then serialize(node()) else if ($normalize-numerics and text() castable as xs:float) then xs:float(text()) else text(), '|', @rdf:datatype, @xml:lang)"/>
+            <xsl:sequence select="concat(../@rdf:about, '|', ../@rdf:nodeID, '|', namespace-uri(), local-name(), '|', @rdf:resource, @rdf:nodeID, ldh:bounded-key(if (@rdf:parseType = 'Literal') then serialize(node()) else if ($normalize-numerics and text() castable as xs:float) then string(xs:float(text())) else text()), '|', @rdf:datatype, @xml:lang)"/>
         </xsl:for-each>
     </xsl:function>
 
@@ -509,7 +674,8 @@ exclude-result-prefixes="#all"
         <xsl:param name="added-keys" as="xs:string*"/>
         <xsl:param name="removed-keys" as="xs:string*"/>
 
-        <xsl:variable name="triple-keys" select="$resource/* ! ldh:triple-key(., false())" as="xs:string*"/>
+        <!-- non-diff renders pass empty key sets - skip the per-triple key serialization entirely -->
+        <xsl:variable name="triple-keys" select="if (empty(($added-keys, $removed-keys))) then () else $resource/* ! ldh:triple-key(., false())" as="xs:string*"/>
         <xsl:choose>
             <xsl:when test="exists($triple-keys) and (every $triple-key in $triple-keys satisfies $triple-key = $added-keys)">
                 <xsl:sequence select="'diff-added'"/>
@@ -526,19 +692,7 @@ exclude-result-prefixes="#all"
         </xsl:choose>
     </xsl:function>
 
-    <xsl:function name="ldh:url-decode" as="xs:string" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
-        <xsl:param name="encoded-string" as="xs:string"/>
-        
-        <xsl:sequence select="ixsl:call(ixsl:window(), 'decodeURIComponent', [ $encoded-string ])"/>
-    </xsl:function>
 
-    <xsl:function name="ldh:url-decode" as="xs:string" use-when="system-property('xsl:product-name') = 'SAXON'" override-extension-function="no" cache="yes">
-        <xsl:param name="encoded-string" as="xs:string"/>
-        
-        <xsl:message terminate="yes">
-            Not implemented -- com.atomgraph.linkeddatahub.writer.function.URLDecode needs to be registered as an extension function
-        </xsl:message>
-    </xsl:function>
 
     <xsl:function name="ldh:parse-query-params" as="map(xs:string, xs:string*)">
         <xsl:param name="query-string" as="xs:string"/>
@@ -595,11 +749,8 @@ exclude-result-prefixes="#all"
             <xsl:when test="$property-metadata/key('resources', $this, .)">
                 <xsl:apply-templates select="$property-metadata/key('resources', $this, .)" mode="ac:label"/>
             </xsl:when>
-            <xsl:when test="ixsl:doc-fetched(ac:document-uri(namespace-uri())) and key('resources', $this, document(ac:document-uri(namespace-uri())))" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
-                <xsl:apply-templates select="key('resources', $this, document(ac:document-uri(namespace-uri())))" mode="ac:label"/>
-            </xsl:when>
-            <xsl:when test="doc-available(ac:document-uri(namespace-uri())) and key('resources', $this, document(ac:document-uri(namespace-uri())))" use-when="system-property('xsl:product-name') = 'SAXON'">
-                <xsl:apply-templates select="key('resources', $this, document(ac:document-uri(namespace-uri())))" mode="ac:label"/>
+            <xsl:when test="ldh:label-document(ac:document-uri(namespace-uri()))!key('resources', $this, .)">
+                <xsl:apply-templates select="ldh:label-document(ac:document-uri(namespace-uri()))!key('resources', $this, .)" mode="ac:label"/>
             </xsl:when>
             <xsl:otherwise>
                 <xsl:sequence select="local-name()"/>
@@ -683,7 +834,7 @@ exclude-result-prefixes="#all"
     
     <!-- RDFa overrides -->
 
-    <xsl:template match="@rdf:resource" mode="xhtml:DefinitionDescription">
+    <xsl:template match="@rdf:resource" mode="ac:PropertyListValue">
         <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
         <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
         <xsl:variable name="property-uri" select="../concat(namespace-uri(), local-name())" as="xs:string"/>
@@ -698,26 +849,52 @@ exclude-result-prefixes="#all"
         </dd>
     </xsl:template>
 
-    <xsl:template match="text()[../@xml:lang]" mode="xhtml:DefinitionDescription">
+    <xsl:template match="@rdf:nodeID" mode="ac:PropertyListValue">
         <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
         <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
         <xsl:variable name="property-uri" select="../concat(namespace-uri(), local-name())" as="xs:string"/>
         <xsl:variable name="diff-class" select="ldh:value-diff-class(.., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
 
-        <dd property="{$property-uri}">
+        <dd property="{$property-uri}" resource="_:{.}">
             <xsl:if test="$diff-class">
                 <xsl:attribute name="class" select="$diff-class"/>
             </xsl:if>
 
-            <span class="label label-info pull-right">
-                <xsl:value-of select="../@xml:lang"/>
-            </span>
+            <xsl:apply-templates select="."/>
+        </dd>
+    </xsl:template>
+
+    <xsl:template match="text()[../@xml:lang]" mode="ac:PropertyListValue">
+        <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
+        <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
+        <xsl:variable name="property-uri" select="../concat(namespace-uri(), local-name())" as="xs:string"/>
+        <xsl:variable name="diff-class" select="ldh:value-diff-class(.., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
+
+        <!-- the value declares its own language rather than inheriting the document's. A property renders every language it
+             carries, so the two sit side by side and the document default is wrong for at least one of them: without @lang a
+             screen reader reads "Square" with Lithuanian phonetics on an lt page, and "Aikštė" with an English voice on an en
+             one. This is WCAG 3.1.2, and it also makes the RDFa faithful - the extracted literal keeps its language tag -->
+        <dd property="{$property-uri}" lang="{../@xml:lang}">
+            <xsl:if test="$diff-class">
+                <xsl:attribute name="class" select="$diff-class"/>
+            </xsl:if>
 
             <xsl:apply-templates select="."/>
+
+            <xsl:apply-templates select="../@xml:lang" mode="ac:lang-tag"/>
         </dd>
     </xsl:template>
 
-    <xsl:template match="node()" mode="xhtml:DefinitionDescription">
+    <!-- the property list and the table cell both put a value's languages side by side, so the pill that tells them apart
+         is written once here and applied from wherever the values are laid out. The core Tag at the inline xs size,
+         in the system's structural-annotation violet (§17c) -->
+    <xsl:template match="@xml:lang" mode="ac:lang-tag">
+        <span class="ldhc-tag em-quiet co-accent sz-xs">
+            <xsl:value-of select="."/>
+        </span>
+    </xsl:template>
+
+    <xsl:template match="node()" mode="ac:PropertyListValue">
         <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
         <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
         <xsl:variable name="property-uri" select="../concat(namespace-uri(), local-name())" as="xs:string"/>
@@ -728,6 +905,14 @@ exclude-result-prefixes="#all"
                 <xsl:attribute name="class" select="$diff-class"/>
             </xsl:if>
 
+            <!-- an untagged literal makes no language claim, so it must not inherit the document's: lang="" is HTML's
+                 "unknown", the exact counterpart of RDF's absent tag. Only plain strings get it - a number or a date is not
+                 prose, and you do want those read out in the reader's language, so they inherit. XHTML literals are skipped
+                 too: they are markup and carry their own lang where it matters -->
+            <xsl:if test="self::text() and (not(../@rdf:datatype) or ../@rdf:datatype = '&xsd;string')">
+                <xsl:attribute name="lang" select="''"/>
+            </xsl:if>
+
             <xsl:apply-templates select="."/>
         </dd>
     </xsl:template>
@@ -738,12 +923,49 @@ exclude-result-prefixes="#all"
         <xsl:param name="added-keys" as="xs:string*"/>
         <xsl:param name="removed-keys" as="xs:string*"/>
 
-        <xsl:variable name="triple-key" select="ldh:triple-key($property, false())" as="xs:string"/>
-        <xsl:sequence select="if ($triple-key = $added-keys) then 'diff-added' else if ($triple-key = $removed-keys) then 'diff-removed' else ()"/>
+        <!-- non-diff renders pass empty key sets - skip the key serialization entirely -->
+        <xsl:if test="exists(($added-keys, $removed-keys))">
+            <xsl:variable name="triple-key" select="ldh:triple-key($property, false())" as="xs:string"/>
+            <xsl:sequence select="if ($triple-key = $added-keys) then 'diff-added' else if ($triple-key = $removed-keys) then 'diff-removed' else ()"/>
+        </xsl:if>
     </xsl:function>
     
+    <!-- reduces an RDF literal's datatype to the XSD type that processing keys off: the derived types collapse onto the primitive
+         that carries their ordering and value space, so consumers switch on a handful of families instead of enumerating XSD.
+         'string' is the fallback for datatypes with no ordering of their own - xs:string and its subtypes, xs:anyURI, the binaries,
+         the gregorians, QNames - and for untyped values, which are plain literals and therefore strings under RDF 1.1. -->
+
+    <xsl:function name="ldh:datatype-family" as="xs:string">
+        <xsl:param name="datatype" as="xs:anyURI?"/>
+
+        <xsl:choose>
+            <xsl:when test="$datatype = ('&xsd;integer', '&xsd;long', '&xsd;int', '&xsd;short', '&xsd;byte', '&xsd;nonNegativeInteger', '&xsd;positiveInteger', '&xsd;nonPositiveInteger', '&xsd;negativeInteger', '&xsd;unsignedLong', '&xsd;unsignedInt', '&xsd;unsignedShort', '&xsd;unsignedByte')">integer</xsl:when>
+            <xsl:when test="$datatype = '&xsd;decimal'">decimal</xsl:when>
+            <xsl:when test="$datatype = ('&xsd;double', '&xsd;float')">double</xsl:when>
+            <xsl:when test="$datatype = ('&xsd;dateTime', '&xsd;dateTimeStamp')">dateTime</xsl:when>
+            <xsl:when test="$datatype = '&xsd;date'">date</xsl:when>
+            <xsl:when test="$datatype = '&xsd;time'">time</xsl:when>
+            <xsl:when test="$datatype = '&xsd;yearMonthDuration'">yearMonthDuration</xsl:when>
+            <xsl:when test="$datatype = '&xsd;dayTimeDuration'">dayTimeDuration</xsl:when>
+            <xsl:when test="$datatype = '&xsd;duration'">duration</xsl:when>
+            <xsl:when test="$datatype = '&xsd;boolean'">boolean</xsl:when>
+            <xsl:otherwise>string</xsl:otherwise>
+        </xsl:choose>
+    </xsl:function>
+
+    <!-- the xs:dateTime value of a date or dateTime literal, or () when it is neither, so the two granularities can be compared
+         against each other - xs:date and xs:dateTime are not mutually comparable, and a timestamp property carries either.
+         Casting through xs:date rather than appending 'T00:00:00' to the lexical form is what makes a zoned date work: the
+         concatenation puts the timezone before the time part, and the result is not a valid xs:dateTime. -->
+
+    <xsl:function name="ldh:date-time" as="xs:dateTime?">
+        <xsl:param name="value" as="xs:string?"/>
+
+        <xsl:sequence select="if ($value castable as xs:dateTime) then xs:dateTime($value) else if ($value castable as xs:date) then xs:dateTime(xs:date($value)) else ()"/>
+    </xsl:function>
+
     <!-- DEFAULT -->
-    
+
     <!-- property -->
     <xsl:template match="*[@rdf:about or @rdf:nodeID]/*">
         <xsl:param name="id" as="xs:string?"/>
@@ -761,7 +983,25 @@ exclude-result-prefixes="#all"
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
-            
+
+            <!-- the predicate label declares the language it was negotiated into, the same as a value does. Without it the
+                 label inherits the document language, which is the language the page is composed in and not necessarily the
+                 one the ontology had: a Lithuanian reader gets Lithuanian predicates inside a document whose chrome, and so
+                 whose lang, is English. Resolved through the mode rather than ac:property-label() because the function is
+                 declared as xs:string? and drops the winning literal's tag at its own boundary -->
+            <xsl:variable name="label" as="item()*">
+                <xsl:apply-templates select="." mode="ac:property-label">
+                    <xsl:with-param name="property-metadata" select="$property-metadata"/>
+                </xsl:apply-templates>
+            </xsl:variable>
+            <!-- item()*, not node()*: the fallback branches of ac:property-label return computed strings rather than the
+                 label node - substring-after($this, '#') for a predicate the ontology does not describe - and binding an
+                 atomic value to node()* is XTTE0570 at run time, which compiles clean and fails on a real page -->
+            <xsl:variable name="label-node" select="$label[1][. instance of node()]" as="node()?"/>
+            <xsl:if test="$label-node/../@xml:lang">
+                <xsl:attribute name="lang" select="$label-node/../@xml:lang"/>
+            </xsl:if>
+
             <xsl:choose>
                 <xsl:when test="$property-metadata">
                     <xsl:sequence select="ac:property-label(., $property-metadata)"/>
@@ -783,6 +1023,7 @@ exclude-result-prefixes="#all"
         <xsl:param name="id" as="xs:string?"/>
         <xsl:param name="title" select="." as="xs:string?"/>
         <xsl:param name="class" as="xs:string?"/>
+        <xsl:param name="role" as="xs:string?"/>
         <xsl:param name="target" as="xs:string?"/>
 
         <xsl:next-match>
@@ -790,6 +1031,7 @@ exclude-result-prefixes="#all"
             <xsl:with-param name="id" select="$id"/>
             <xsl:with-param name="title" select="$title"/>
             <xsl:with-param name="class" select="$class || (if (not(starts-with(., ldt:base()))) then ' external' else())"/>
+            <xsl:with-param name="role" select="$role"/>
             <xsl:with-param name="target" select="$target"/>
         </xsl:next-match>
     </xsl:template>
@@ -832,157 +1074,172 @@ exclude-result-prefixes="#all"
             <xsl:with-param name="target" select="$target"/>
         </xsl:next-match>
     </xsl:template>
-    
-    <!-- LOOKUP -->
-    
-    <xsl:template name="bs2:Lookup">
+
+    <!-- COMBOBOX -->
+
+    <xsl:template name="ldh:Combobox">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" select="'resource-typeahead typeahead'" as="xs:string?"/>
+        <xsl:param name="class" select="'resource-combobox combobox'" as="xs:string?"/>
         <xsl:param name="value" as="xs:string?"/>
-        <xsl:param name="list-class" select="'resource-typeahead typeahead dropdown-menu'" as="xs:string"/>
+        <xsl:param name="list-class" select="'resource-combobox combobox'" as="xs:string"/>
         <xsl:param name="list-id" select="concat('ul-', $id)" as="xs:string"/>
         <xsl:param name="forClass" as="xs:anyURI*"/>
-        
-        <span>
-            <xsl:if test="exists($forClass)">
-                <xsl:attribute name="data-for-class" select="string-join($forClass, ' ')"/>
-            </xsl:if>
-            
-            <xsl:call-template name="xhtml:Input">
-                <xsl:with-param name="name" select="'ou'"/>
-                <xsl:with-param name="type" select="$type"/>
-                <xsl:with-param name="id" select="$id"/>
-                <xsl:with-param name="class" select="$class"/>
-                <xsl:with-param name="value" select="$value"/>
-                <xsl:with-param name="autocomplete" select="false()"/>
-            </xsl:call-template>
 
-            <ul class="{$list-class}" id="{$list-id}" style="display: none;"></ul>
-        </span>
+        <div class="ldhc-combobox sz-sm is-iri">
+            <!-- data-for-class sits on the box, the input's parent, where the lookup handlers read it -->
+            <div class="ldhc-cb-box">
+                <xsl:if test="exists($forClass)">
+                    <xsl:attribute name="data-for-class" select="string-join($forClass, ' ')"/>
+                </xsl:if>
+
+                <span class="msi outline sm" aria-hidden="true">search</span>
+                <xsl:call-template name="xhtml:Input">
+                    <xsl:with-param name="name" select="'ou'"/>
+                    <xsl:with-param name="type" select="$type"/>
+                    <xsl:with-param name="id" select="$id"/>
+                    <xsl:with-param name="class" select="$class"/>
+                    <xsl:with-param name="value" select="$value"/>
+                    <xsl:with-param name="autocomplete" select="false()"/>
+                </xsl:call-template>
+            </div>
+
+            <div class="ldhc-cb-panel {$list-class}" id="{$list-id}" role="listbox" style="display: none;"></div>
+        </div>
     </xsl:template>
 
-    <!-- TYPE -->
-    
-    <!-- property -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*" mode="bs2:TypeControl"/>
+    <!-- TABLE CELLS -->
 
-    <!-- object -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@*" mode="bs2:TypeControl"/>
+    <!-- the semantic-markup contract's th scope, on top of Web-Client's emitter -->
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*" mode="ac:ResultsTableHeaderCell">
+        <th scope="col">
+            <xsl:apply-templates select="."/>
+        </th>
+    </xsl:template>
 
-    <!-- PROPERTY LIST -->
+    <!-- TYPE -->
 
-    <!-- suppress values in a language the user doesn't accept. TO-DO: move to Web-Client? -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*[@xml:lang and not(some $lang in $ac:langs satisfies lang($lang))]" mode="bs2:PropertyList"/>
+    <!-- property -->
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*" mode="ldh:TypeControl"/>
 
-    <!-- suppress values outranked by a more preferred language on the same property -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*[@xml:lang][let $rank := (for $i in 1 to count($ac:langs) return $i[lang($ac:langs[$i])])[1] return exists(../*[node-name() = node-name(current())][some $i in 1 to $rank - 1 satisfies lang($ac:langs[$i])])]" mode="bs2:PropertyList"/>
+    <!-- object -->
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@*" mode="ldh:TypeControl"/>
 
     <!-- FORM CONTROL -->
     
     <!-- Container/Item subject input: slug-style UI (base URI + editable slug + trailing /). Matches both @rdf:nodeID (initial SPIN-constructed creation: resource is a blank node) and @rdf:about (constraint-violation re-render: response body carries the submitted URI). Same body works for both because $action carries the resource URL in either case. -->
-    <xsl:template match="*[rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item')]/@rdf:about | *[rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item')]/@rdf:nodeID" mode="bs2:FormControl" priority="1">
+    <xsl:template match="*[rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item')]/@rdf:about | *[rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item')]/@rdf:nodeID" mode="ac:FormControl" priority="1">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" select="'subject-slug input-xxlarge'" as="xs:string?"/>
+        <xsl:param name="class" select="'slug subject-slug'" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="action" tunnel="yes"/>
         <!-- cut slug segment from form action URL -->
         <xsl:param name="slug" select="substring-before(substring-after($action, ac:absolute-path(ldh:base-uri(.))), '/')" as="xs:string"/>
+        <xsl:param name="tools" as="element()*"/>
 
-        <div class="control-group">
+        <div class="ldh-subject">
             <xsl:if test="$type = 'hidden'">
                 <xsl:attribute name="style" select="'display: none'"/>
             </xsl:if>
-            
-            <span class="control-label">
-                <select class="subject-type input-medium" disabled="disabled">
-                    <option value="su" selected="selected">URI</option>
+
+            <!-- document hierarchy locks the term type to URI; the disabled select keeps the subject-type slot the type-flip handler expects -->
+            <span class="ldhc-select-locked sz-sm">
+                <span class="msi outline sm" aria-hidden="true">lock</span>
+                <span class="lk-val"><xsl:apply-templates select="key('resources', 'term-uri', ldh:translations())" mode="ac:label"/></span>
+                <select class="subject-type" disabled="disabled" tabindex="-1">
+                    <option value="su" selected="selected"><xsl:apply-templates select="key('resources', 'term-uri', ldh:translations())" mode="ac:label"/></option>
                 </select>
             </span>
-            <div class="controls">
-                <span class="input-prepend input-append">
-                    <input type="hidden" name="su" value="{$action}"/>
-                    
-                    <span class="add-on">
-                        <xsl:value-of select="ac:absolute-path(ldh:base-uri(.))"/>
-                    </span>
-                    
-                    <xsl:call-template name="xhtml:Input">
-                        <xsl:with-param name="type" select="'text'"/>
-                        <!-- <xsl:with-param name="id" select="$id"/> -->
-                        <xsl:with-param name="value" select="$slug"/>
-                        <xsl:with-param name="class" select="$class"/>
-                        <xsl:with-param name="disabled" select="$disabled"/>
-                    </xsl:call-template>
-                    
-                    <span class="add-on">/</span>
+
+            <label class="uri-field create">
+                <input type="hidden" name="su" value="{$action}"/>
+                <span class="msi outline sm" aria-hidden="true">folder</span>
+                <span class="parent">
+                    <xsl:value-of select="ac:absolute-path(ldh:base-uri(.))"/>
                 </span>
-            </div>
+                <xsl:call-template name="xhtml:Input">
+                    <xsl:with-param name="type" select="'text'"/>
+                    <!-- <xsl:with-param name="id" select="$id"/> -->
+                    <xsl:with-param name="value" select="$slug"/>
+                    <xsl:with-param name="class" select="$class"/>
+                    <xsl:with-param name="disabled" select="$disabled"/>
+                </xsl:call-template>
+                <span class="trail">/</span>
+            </label>
 
-            <hr/>
+            <div class="ldh-subject-tools">
+                <xsl:sequence select="$tools"/>
+            </div>
         </div>
     </xsl:template>
     
     <!-- resource -->
-    <xsl:template match="*[*]/@rdf:about | *[*]/@rdf:nodeID" mode="bs2:FormControl">
+    <xsl:template match="*[*]/@rdf:about | *[*]/@rdf:nodeID" mode="ac:FormControl">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" select="'subject input-xxlarge'" as="xs:string?"/>
+        <xsl:param name="class" select="'subject'" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="document-uri" as="xs:anyURI?" tunnel="yes"/>
         <xsl:param name="about" select="xs:anyURI(ac:absolute-path(ldh:base-uri(.)) || '#id' || ac:uuid())" as="xs:anyURI?"/>
+        <xsl:param name="tools" as="element()*"/>
 
-        <div class="control-group">
+        <div class="ldh-subject">
             <xsl:if test="$type = 'hidden'">
                 <xsl:attribute name="style" select="'display: none'"/>
             </xsl:if>
-            
-            <span class="control-label">
-                <input type="hidden" class="old subject-type" value="{if (local-name() = 'about') then 'su' else if (local-name() = 'nodeID') then 'sb' else ()}"/>
-                <select class="subject-type input-medium">
-                    <option value="su">
-                        <xsl:if test="local-name() = 'about'">
-                            <xsl:attribute name="selected" select="'selected'"/>
-                        </xsl:if>
-                        <xsl:text>URI</xsl:text>
-                    </option>
-                    <option value="sb">
-                        <xsl:if test="local-name() = 'nodeID'">
-                            <xsl:attribute name="selected" select="'selected'"/>
-                        </xsl:if>
-                        <xsl:text>Blank node</xsl:text>
-                    </option>
-                </select>
-            </span>
-            <div class="controls">
-                <span>
-                    <!-- hidden inputs in which we store the old values of the visible input -->
-                    <input type="hidden" class="old su">
-                        <xsl:attribute name="value" select="if (local-name() = 'about') then . else $about"/>
-                    </input>
-                    <input type="hidden" class="old sb">
-                        <xsl:attribute name="value" select="if (local-name() = 'nodeID') then . else generate-id()"/>
-                    </input>
-                    <xsl:apply-templates select="." mode="xhtml:Input">
-                        <xsl:with-param name="type" select="'text'"/>
-                        <!-- <xsl:with-param name="id" select="$id"/> -->
-                        <xsl:with-param name="class" select="$class"/>
-                        <xsl:with-param name="disabled" select="$disabled"/>
-                    </xsl:apply-templates>
-                    <xsl:text> </xsl:text>
-                </span>
-            </div>
 
-            <hr/>
+            <input type="hidden" class="old subject-type" value="{if (local-name() = 'about') then 'su' else if (local-name() = 'nodeID') then 'sb' else ()}"/>
+            <select class="term-select subject-type">
+                <option value="su">
+                    <xsl:if test="local-name() = 'about'">
+                        <xsl:attribute name="selected" select="'selected'"/>
+                    </xsl:if>
+                    <xsl:apply-templates select="key('resources', 'term-uri', ldh:translations())" mode="ac:label"/>
+                </option>
+                <option value="sb">
+                    <xsl:if test="local-name() = 'nodeID'">
+                        <xsl:attribute name="selected" select="'selected'"/>
+                    </xsl:if>
+                    <xsl:apply-templates select="key('resources', 'term-blank-node', ldh:translations())" mode="ac:label"/>
+                </option>
+            </select>
+
+            <label class="uri-field">
+                <span class="msi outline sm" aria-hidden="true">link</span>
+                <!-- hidden inputs in which we store the old values of the visible input -->
+                <input type="hidden" class="old su">
+                    <xsl:attribute name="value" select="if (local-name() = 'about') then . else $about"/>
+                </input>
+                <input type="hidden" class="old sb">
+                    <xsl:attribute name="value" select="if (local-name() = 'nodeID') then . else generate-id()"/>
+                </input>
+                <xsl:apply-templates select="." mode="xhtml:Input">
+                    <xsl:with-param name="type" select="'text'"/>
+                    <!-- <xsl:with-param name="id" select="$id"/> -->
+                    <xsl:with-param name="class" select="$class"/>
+                    <xsl:with-param name="disabled" select="$disabled"/>
+                </xsl:apply-templates>
+            </label>
+
+            <div class="ldh-subject-tools">
+                <xsl:sequence select="$tools"/>
+            </div>
         </div>
     </xsl:template>
 
-    <!-- turn off default form controls for rdf:type as we are handling it specially with bs2:TypeControl -->
-    <xsl:template match="rdf:type[@rdf:resource]" mode="bs2:FormControl" priority="1"/>
+    <!-- turn off default form controls for rdf:type as we are handling it specially with ldh:TypeControl -->
+    <xsl:template match="rdf:type[@rdf:resource]" mode="ac:FormControl" priority="1"/>
+
+    <!-- translations.rdf key for a violation without an authored message, chosen by what the violation carries -->
+    <xsl:function name="ldh:violation-key" as="xs:string">
+        <xsl:param name="violation" as="element()"/>
+
+        <xsl:sequence select="if ($violation/spin:violationValue) then 'violation-invalid-value' else 'violation-constraint'"/>
+    </xsl:function>
 
     <!-- property -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*" mode="bs2:FormControl">
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*" mode="ac:FormControl">
         <xsl:param name="this" select="xs:anyURI(concat(namespace-uri(), local-name()))" as="xs:anyURI"/>
         <xsl:param name="violations" as="element()*"/>
         <xsl:param name="error" select="@rdf:resource = $violations/ldh:violationValue or $violations/spin:violationPath/@rdf:resource = $this or $violations/sh:resultPath/@rdf:resource = $this" as="xs:boolean"/>
@@ -1005,7 +1262,9 @@ exclude-result-prefixes="#all"
         <xsl:param name="required" select="($type-shapes[sh:path/@rdf:resource = $this][sh:minCount &gt;= count(preceding-sibling::*[concat(namespace-uri(), local-name()) = $this])]) or ($type-constraints//srx:binding[@name = 'property'][srx:uri = $this] and not(preceding-sibling::*[concat(namespace-uri(), local-name()) = $this]))" as="xs:boolean"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="for" select="generate-id((node() | @rdf:resource | @rdf:nodeID)[1])" as="xs:string"/>
-        <xsl:param name="class" select="concat('control-group', if ($error) then ' error' else (), if ($required) then ' required' else ())" as="xs:string?"/>
+        <!-- inline messages for this row's violations, except the missing-mandatory-property kind, where the .is-violation decoration already says everything. The kind is read off the violation's spin:violationSource description (included in the response by the exception mapper) resp. the SHACL constraint component -->
+        <xsl:param name="row-violations" select="$violations[spin:violationPath/@rdf:resource = $this or sh:resultPath/@rdf:resource = $this or ldh:violationValue = current()/@rdf:resource][not(key('resources', (spin:violationSource/@rdf:resource, spin:violationSource/@rdf:nodeID))/rdf:type/@rdf:resource = '&ldh;MissingPropertyValue')][not(sh:sourceConstraintComponent/@rdf:resource = '&sh;MinCountConstraintComponent')]" as="element()*"/>
+        <xsl:param name="class" select="concat('ldh-prop-group', if ($error or exists($row-violations)) then ' is-violation' else (), if ($required) then ' required' else ())" as="xs:string?"/>
 
         <div>
             <xsl:if test="$class">
@@ -1016,57 +1275,89 @@ exclude-result-prefixes="#all"
                 <xsl:with-param name="type" select="'hidden'"/>
             </xsl:apply-templates>
             <xsl:if test="$show-label">
-                <label class="control-label" for="{$for}" title="{$this}">
-                    <xsl:sequence select="$label"/>
-                    
-                    <xsl:if test="$description">
-                        <span class="description">
-                            <xsl:sequence select="$description"/>
-                        </span>
-                    </xsl:if>
-                </label>
+                <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                    <xsl:with-param name="this" select="$this"/>
+                    <xsl:with-param name="label" select="$label"/>
+                    <xsl:with-param name="required" select="$required"/>
+                    <xsl:with-param name="description" select="$description"/>
+                </xsl:apply-templates>
             </xsl:if>
-            
-            <xsl:if test="$cloneable">
-                <div class="btn-group pull-right">
-                    <button type="button" class="btn btn-small pull-right btn-add" title="Add another statement">&#x271a;</button>
+
+            <div class="ldh-prop-row{if (position() = last()) then ' is-last' else ()}{if ($error or exists($row-violations)) then ' is-violation' else ()}">
+                <div class="value val-stack">
+                    <div class="val-main">
+                        <xsl:apply-templates select="node() | @rdf:resource | @rdf:nodeID" mode="#current"> <!-- not @rdf:* because that would apply to @rdf:parseType -->
+                            <xsl:with-param name="id" select="$for"/>
+                            <xsl:with-param name="required" select="$required"/>
+                            <xsl:with-param name="constructor" select="$constructor"/>
+                        </xsl:apply-templates>
+
+                        <xsl:if test="@xml:lang or @rdf:datatype">
+                            <div class="ldh-annot">
+                                <xsl:apply-templates select="@xml:lang | @rdf:datatype" mode="#current"/>
+                            </div>
+                        </xsl:if>
+                    </div>
+
+                    <!-- authored labels/messages render verbatim; unlabeled violations fall back to a localized generic keyed by ldh:violation-key() -->
+                    <xsl:if test="exists($row-violations)">
+                        <div class="ldh-vmsgs">
+                            <xsl:for-each select="$row-violations">
+                                <span class="ldhc-help va-negative sz-sm" role="alert">
+                                    <span class="msi outline sm" aria-hidden="true">error</span>
+                                    <span>
+                                        <xsl:choose>
+                                            <xsl:when test="sh:resultMessage">
+                                                <xsl:value-of select="sh:resultMessage[1]"/>
+                                            </xsl:when>
+                                            <xsl:when test="rdfs:label">
+                                                <xsl:value-of>
+                                                    <xsl:apply-templates select="." mode="ac:label"/>
+                                                </xsl:value-of>
+                                            </xsl:when>
+                                            <xsl:otherwise>
+                                                <xsl:value-of>
+                                                    <xsl:apply-templates select="key('resources', ldh:violation-key(.), ldh:translations())" mode="ac:label"/>
+                                                </xsl:value-of>
+                                            </xsl:otherwise>
+                                        </xsl:choose>
+                                    </span>
+                                </span>
+                            </xsl:for-each>
+                        </div>
+                    </xsl:if>
                 </div>
-            </xsl:if>
 
-            <div class="controls">
-                <xsl:if test="not($required)">
-                    <div class="btn-group pull-right">
-                        <button type="button" tabindex="-1">
+                <div class="row-actions">
+                    <xsl:if test="$cloneable">
+                        <button type="button" class="ldhc-iconbtn sz-xs in-accent ap-ghost btn-add">
+                            <xsl:attribute name="title">
+                                <xsl:apply-templates select="key('resources', 'add-stmt', ldh:translations())" mode="ac:label"/>
+                            </xsl:attribute>
+
+                            <span class="msi sm" aria-hidden="true">add</span>
+                        </button>
+                    </xsl:if>
+
+                    <xsl:if test="not($required)">
+                        <button type="button" tabindex="-1" class="ldhc-iconbtn sz-xs in-destructive ap-ghost btn-remove-property">
                             <xsl:attribute name="title">
                                 <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'remove-stmt', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                    <xsl:apply-templates select="key('resources', 'remove-stmt', ldh:translations())" mode="ac:label"/>
                                 </xsl:value-of>
                             </xsl:attribute>
-                            
-                            <xsl:apply-templates select="key('resources', 'remove', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                                <xsl:with-param name="class" select="'btn btn-small pull-right'"/>
-                            </xsl:apply-templates>
-                        </button>
-                    </div>
-                </xsl:if>
 
-                <xsl:apply-templates select="node() | @rdf:resource | @rdf:nodeID" mode="#current"> <!-- not @rdf:* because that would apply to @rdf:parseType -->
-                    <xsl:with-param name="id" select="$for"/>
-                    <xsl:with-param name="required" select="$required"/>
-                    <xsl:with-param name="constructor" select="$constructor"/>
-                </xsl:apply-templates>
-            </div>
-            
-            <xsl:if test="@xml:lang or @rdf:datatype">
-                <div class="controls">
-                    <xsl:apply-templates select="@xml:lang | @rdf:datatype" mode="#current"/>
+                            <span class="msi sm" aria-hidden="true">remove</span>
+                        </button>
+                    </xsl:if>
                 </div>
-            </xsl:if>
+            </div>
         </div>
     </xsl:template>
 
     <!-- object resource -->
-    <xsl:template match="@rdf:resource" mode="bs2:FormControl">
+    <!-- object resource: committed values render as combobox chips, open values as the combobox lookup -->
+    <xsl:template match="@rdf:resource" mode="ac:FormControl">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
@@ -1089,12 +1380,12 @@ exclude-result-prefixes="#all"
             </xsl:when>
             <!-- object resource exists in the current document -->
             <xsl:when test="key('resources', .)">
-                <xsl:apply-templates select="key('resources', .)" mode="ldh:Typeahead">
+                <xsl:apply-templates select="key('resources', .)" mode="ldh:ComboboxChip">
                     <xsl:with-param name="forClass" select="$forClass"/>
                 </xsl:apply-templates>
 
                 <xsl:if test="$type-label">
-                    <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+                    <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                         <xsl:with-param name="type" select="$type"/>
                         <xsl:with-param name="forClass" select="$forClass"/>
                     </xsl:apply-templates>
@@ -1103,25 +1394,25 @@ exclude-result-prefixes="#all"
             <xsl:when test="exists($object-metadata)">
                 <xsl:choose>
                     <xsl:when test="key('resources', ., $object-metadata)">
-                        <xsl:apply-templates select="key('resources', ., $object-metadata)" mode="ldh:Typeahead">
+                        <xsl:apply-templates select="key('resources', ., $object-metadata)" mode="ldh:ComboboxChip">
                             <xsl:with-param name="forClass" select="$forClass"/>
                         </xsl:apply-templates>
 
                         <xsl:if test="$type-label">
-                            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+                            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                                 <xsl:with-param name="type" select="$type"/>
                                 <xsl:with-param name="forClass" select="$forClass"/>
                             </xsl:apply-templates>
                         </xsl:if>
                     </xsl:when>
                     <xsl:otherwise>
-                        <xsl:call-template name="bs2:Lookup">
+                        <xsl:call-template name="ldh:Combobox">
                             <xsl:with-param name="value" select="."/>
                             <xsl:with-param name="forClass" select="$forClass"/>
                         </xsl:call-template>
 
                         <xsl:if test="$type-label">
-                            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+                            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                                 <xsl:with-param name="type" select="$type"/>
                             </xsl:apply-templates>
                         </xsl:if>
@@ -1129,13 +1420,13 @@ exclude-result-prefixes="#all"
                 </xsl:choose>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:call-template name="bs2:Lookup">
+                <xsl:call-template name="ldh:Combobox">
                     <xsl:with-param name="value" select="."/>
                     <xsl:with-param name="forClass" select="$forClass"/>
                 </xsl:call-template>
 
                 <xsl:if test="$type-label">
-                    <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+                    <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                         <xsl:with-param name="type" select="$type"/>
                     </xsl:apply-templates>
                 </xsl:if>
@@ -1143,40 +1434,29 @@ exclude-result-prefixes="#all"
         </xsl:choose>
     </xsl:template>
 
-    <xsl:template match="@rdf:resource" mode="bs2:FormControlTypeLabel">
+    <xsl:template match="@rdf:resource" mode="ac:ValueAnnotations">
         <xsl:param name="type" as="xs:string?"/>
         <xsl:param name="forClass" as="xs:anyURI*"/>
 
         <xsl:if test="not($type = 'hidden')">
-            <xsl:choose>
-                <xsl:when test="exists($forClass)">
-                    <span class="help-inline">
-                        <xsl:for-each select="$forClass">
-                            <!-- SAXON checks the catalog; SaxonJS only inspects the documentPool to avoid cross-origin fetches that would trigger mixed-content for slash-vocab term URIs (e.g. foaf) -->
-                            <xsl:variable name="doc-loaded" select="doc-available(ac:document-uri(.))" as="xs:boolean" use-when="system-property('xsl:product-name') = 'SAXON'"/>
-                            <xsl:variable name="doc-loaded" select="ixsl:doc-fetched(ac:document-uri(.))" as="xs:boolean" use-when="system-property('xsl:product-name') eq 'SaxonJS'"/>
-                            <xsl:choose>
-                                <xsl:when test="$doc-loaded and key('resources', ., document(ac:document-uri(.)))">
-                                    <xsl:value-of>
-                                        <xsl:apply-templates select="key('resources', ., document(ac:document-uri(.)))" mode="ac:label"/>
-                                    </xsl:value-of>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <xsl:value-of select="."/>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </xsl:for-each>
-                    </span>
-                </xsl:when>
-                <xsl:otherwise>
-                    <span class="help-inline">Resource</span>
-                </xsl:otherwise>
-            </xsl:choose>
+            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-resource'"/>
+                <xsl:with-param name="label" as="item()*">
+                    <xsl:choose>
+                        <xsl:when test="exists($forClass)">
+                            <xsl:value-of select="$forClass ! ldh:class-label(xs:anyURI(.))" separator=""/>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <xsl:apply-templates select="key('resources', 'resource', ldh:translations())" mode="ac:label"/>
+                        </xsl:otherwise>
+                    </xsl:choose>
+                </xsl:with-param>
+            </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
-    
+
     <!-- object blank node -->
-    <xsl:template match="*[@rdf:about]/*/@rdf:nodeID | *[@rdf:nodeID]/*/@rdf:nodeID" mode="bs2:FormControl">
+    <xsl:template match="*[@rdf:about]/*/@rdf:nodeID | *[@rdf:nodeID]/*/@rdf:nodeID" mode="ac:FormControl">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
@@ -1212,12 +1492,12 @@ exclude-result-prefixes="#all"
             </xsl:when>
             <xsl:when test="$resource">
                 <xsl:variable name="forClass" select="if ($constructor) then distinct-values(key('resources', key('resources-by-type', ../../rdf:type/@rdf:resource, $constructor)/*[concat(namespace-uri(), local-name()) = current()/../concat(namespace-uri(), local-name())]/@rdf:nodeID, $constructor)/rdf:type/@rdf:resource[not(. = '&rdfs;Class')]) else ()" as="xs:anyURI*"/>
-                <xsl:apply-templates select="$resource" mode="ldh:Typeahead">
+                <xsl:apply-templates select="$resource" mode="ldh:ComboboxChip">
                     <xsl:with-param name="forClass" select="$forClass"/>
                 </xsl:apply-templates>
 
                 <xsl:if test="$type-label">
-                    <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+                    <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                         <xsl:with-param name="type" select="$type"/>
                         <xsl:with-param name="forClass" select="$forClass"/>
                     </xsl:apply-templates>
@@ -1232,29 +1512,18 @@ exclude-result-prefixes="#all"
                 </xsl:apply-templates>
 
                 <xsl:if test="$type-label">
-                    <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+                    <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                         <xsl:with-param name="type" select="$type"/>
                     </xsl:apply-templates>
                 </xsl:if>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
-    
-    <!-- @rdf:datatype (hidden) -->
-    <xsl:template match="@rdf:datatype" mode="bs2:FormControl">
-        <xsl:param name="type" select="'hidden'" as="xs:string"/>
-        <xsl:param name="id" select="generate-id()" as="xs:string"/>
 
-        <xsl:apply-templates select="." mode="xhtml:Input">
-            <xsl:with-param name="type" select="$type"/>
-            <xsl:with-param name="id" select="$id"/>
-        </xsl:apply-templates>
-    </xsl:template>
-    
-    <!-- blank nodes that only have rdf:type xsd:* and no other properties become literal inputs -->
-    <!-- TO-DO: expand pattern to handle other XSD datatypes -->
-    <!-- TO-DO: move to Web-Client -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID[key('resources', .)[not(* except rdf:type[starts-with(@rdf:resource, '&xsd;')])]]" mode="bs2:FormControl" priority="2">
+    <!-- blank nodes that only have rdf:type xsd:* and no other properties become literal inputs.
+         Duplicates Web-Client's generic on purpose: this layer's object-bnode template above would
+         otherwise swallow the match by import precedence, so the priority ladder must resolve here -->
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID[key('resources', .)[not(* except rdf:type[starts-with(@rdf:resource, '&xsd;')])]]" mode="ac:FormControl" priority="2">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
@@ -1262,14 +1531,21 @@ exclude-result-prefixes="#all"
         <xsl:param name="required" select="false()" as="xs:boolean"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
 
-        <xsl:call-template name="xhtml:Input">
-            <xsl:with-param name="name" select="'ol'"/>
+        <!-- the field shell keeps this input on the shared control width; a bare input here sat at its
+             UA-intrinsic width beside the capped fields (the §5d diagnostic) -->
+        <xsl:apply-templates select="." mode="ac:FieldShell">
             <xsl:with-param name="type" select="$type"/>
-            <xsl:with-param name="id" select="$id"/>
-            <xsl:with-param name="class" select="$class"/>
-            <xsl:with-param name="disabled" select="$disabled"/>
-        </xsl:call-template>
-        
+            <xsl:with-param name="control" as="item()*">
+                <xsl:call-template name="xhtml:Input">
+                    <xsl:with-param name="name" select="'ol'"/>
+                    <xsl:with-param name="type" select="$type"/>
+                    <xsl:with-param name="id" select="$id"/>
+                    <xsl:with-param name="class" select="$class"/>
+                    <xsl:with-param name="disabled" select="$disabled"/>
+                </xsl:call-template>
+            </xsl:with-param>
+        </xsl:apply-templates>
+
         <!-- datatype -->
         <xsl:call-template name="xhtml:Input">
             <xsl:with-param name="name" select="'lt'"/>
@@ -1287,29 +1563,29 @@ exclude-result-prefixes="#all"
                     </rdf:Description>
                 </xsl:document>
             </xsl:variable>
-            
-            <xsl:apply-templates select="$datatype//@rdf:datatype">
+
+            <xsl:apply-templates select="$datatype//@rdf:datatype" mode="ac:ValueAnnotations">
                 <xsl:with-param name="type" select="$type"/>
             </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
-    
-    <!-- special case for owl:NamedIndividual bnode instances which become typeaheads -->
-    <xsl:template match="*[@rdf:nodeID]/*/@rdf:nodeID[key('resources', .)/rdf:type/@rdf:resource = '&owl;NamedIndividual']" mode="bs2:FormControl" priority="2">
+
+    <!-- special case for owl:NamedIndividual bnode instances which become comboboxes -->
+    <xsl:template match="*[@rdf:nodeID]/*/@rdf:nodeID[key('resources', .)/rdf:type/@rdf:resource = '&owl;NamedIndividual']" mode="ac:FormControl" priority="2">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" select="'resource-typeahead typeahead'" as="xs:string?"/>
+        <xsl:param name="class" select="'resource-combobox combobox'" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="required" select="false()" as="xs:boolean"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
         <xsl:variable name="forClass" select="key('resources', .)/rdf:type/@rdf:resource" as="xs:anyURI"/>
 
-        <xsl:apply-templates select="key('resources', .)" mode="ldh:Typeahead">
+        <xsl:apply-templates select="key('resources', .)" mode="ldh:ComboboxChip">
             <xsl:with-param name="forClass" select="$forClass"/>
         </xsl:apply-templates>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                 <xsl:with-param name="type" select="$type"/>
                 <xsl:with-param name="forClass" select="$forClass"/>
             </xsl:apply-templates>
@@ -1317,16 +1593,16 @@ exclude-result-prefixes="#all"
     </xsl:template>
 
     <!-- blank nodes that only have non-XSD rdf:type and no other properties become resource lookups -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID[key('resources', .)[not(* except rdf:type[not(starts-with(@rdf:resource, '&xsd;'))])]]" mode="bs2:FormControl" priority="1">
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID[key('resources', .)[not(* except rdf:type[not(starts-with(@rdf:resource, '&xsd;'))])]]" mode="ac:FormControl" priority="1">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" select="'resource-typeahead typeahead'" as="xs:string?"/>
+        <xsl:param name="class" select="'resource-combobox combobox'" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="required" select="false()" as="xs:boolean"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
         <xsl:param name="forClass" select="key('resources', .)/rdf:type/@rdf:resource" as="xs:anyURI*"/>
 
-        <xsl:call-template name="bs2:Lookup">
+        <xsl:call-template name="ldh:Combobox">
             <xsl:with-param name="type" select="$type"/>
             <xsl:with-param name="id" select="$id"/>
             <xsl:with-param name="class" select="$class"/>
@@ -1334,16 +1610,16 @@ exclude-result-prefixes="#all"
         </xsl:call-template>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                 <xsl:with-param name="type" select="$type"/>
                 <xsl:with-param name="forClass" select="$forClass"/>
             </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
-    
+
     <!-- RDFa editor for XMLLiteral objects -->
 
-    <xsl:template match="*[@rdf:parseType = 'Literal']/xhtml:*" mode="bs2:FormControl">
+    <xsl:template match="*[@rdf:parseType = 'Literal']/xhtml:*" mode="ac:FormControl">
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="type" select="'textarea'" as="xs:string?"/> <!-- 'textarea' is not a valid <input> type -->
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
@@ -1363,53 +1639,353 @@ exclude-result-prefixes="#all"
         </xsl:call-template>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                 <xsl:with-param name="type" select="$type"/>
             </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
     
+    <!-- PROPERTY LABEL -->
+
+    <!-- the single-label cell of a property group: predicate label, required marker, description toggletip.
+         Hand-built form rows apply this instead of retyping the anatomy -->
+    <xsl:template match="node() | @*" mode="ldh:PropertyLabel">
+        <xsl:param name="this" as="xs:anyURI?"/>
+        <xsl:param name="label" as="item()*"/>
+        <xsl:param name="required" select="false()" as="xs:boolean"/>
+        <xsl:param name="description" as="xs:string?"/>
+
+        <div class="label">
+            <span class="lbl-row">
+                <span class="pred">
+                    <xsl:if test="exists($this)">
+                        <xsl:attribute name="title" select="$this"/>
+                    </xsl:if>
+
+                    <xsl:sequence select="$label"/>
+                </span>
+
+                <xsl:if test="$required">
+                    <!-- the design keeps the star its own aria-hidden span; .ldhc-label-aux is the
+                         end-aligned aux-text slot, which pushed the star to the far edge -->
+                    <span class="req" aria-hidden="true">
+                        <xsl:attribute name="title">
+                            <xsl:apply-templates select="key('resources', 'required', ldh:translations())" mode="ac:label"/>
+                        </xsl:attribute>
+                        <xsl:text>*</xsl:text>
+                    </span>
+                    <span class="ldhc-vh">
+                        <xsl:apply-templates select="key('resources', 'required', ldh:translations())" mode="ac:label"/>
+                    </span>
+                </xsl:if>
+
+                <xsl:if test="$description">
+                    <span class="ldhc-tip-anchor">
+                        <button type="button" class="ldhc-toggletip-btn" aria-expanded="false" aria-label="{$label}">
+                            <span class="msi outline sm" aria-hidden="true">info</span>
+                        </button>
+                        <span class="ldhc-tip sd-bottom va-neutral description" role="status" style="max-width: 260px; display: none">
+                            <xsl:sequence select="$description"/>
+                            <span class="ldhc-tip-tip"></span>
+                        </span>
+                    </span>
+                </xsl:if>
+            </span>
+        </div>
+    </xsl:template>
+
+    <!-- BLOCK BLANK -->
+
+    <!-- the design system's empty block body: quiet inbox glyph, "No results." message and an
+         explanation sub-line. The empty state lives here alone - block headers carry no marker for it -->
+    <xsl:template match="node() | @*" mode="ldh:BlockBlank">
+        <xsl:param name="msg-key" select="'no-results'" as="xs:string"/>
+        <xsl:param name="sub-key" select="'no-results-explanation'" as="xs:string?"/>
+        <xsl:param name="action" as="item()*"/>
+
+        <div class="ldh-block-blank" role="status">
+            <span class="msi outline" aria-hidden="true">inbox</span>
+            <span class="bb-msg">
+                <xsl:apply-templates select="key('resources', $msg-key, ldh:translations())" mode="ac:label"/>
+            </span>
+            <xsl:if test="$sub-key">
+                <span class="bb-sub">
+                    <xsl:apply-templates select="key('resources', $sub-key, ldh:translations())" mode="ac:label"/>
+                </span>
+            </xsl:if>
+            <xsl:if test="exists($action)">
+                <!-- the design's recovery slot: the one action that resolves the empty state -->
+                <div class="bb-act">
+                    <xsl:sequence select="$action"/>
+                </div>
+            </xsl:if>
+        </div>
+    </xsl:template>
+
+    <!-- BLOCK SKELETON -->
+
+    <!-- the design system's skeleton loading body: rows shaped like the content they replace, for a
+         block whose shape is known (a re-queried view); a block still resolving what it is keeps the
+         collapsed ldh:BlockBar instead -->
+    <xsl:template name="ldh:BlockSkeleton">
+        <xsl:param name="rows" select="4" as="xs:integer"/>
+
+        <div class="ldh-block-loading" role="status" aria-label="{ac:label(key('resources', 'loading', ldh:translations()))}">
+            <xsl:for-each select="1 to $rows">
+                <div class="bl-row">
+                    <span class="ldhc-skel sh-text is-shimmer" style="width: 84px; height: 12px;"></span>
+                    <div style="flex: 1">
+                        <span class="ldhc-skel sh-text is-shimmer" style="width: {(92, 78, 85, 70)[(position() - 1) mod 4 + 1]}%; height: 12px;"></span>
+                    </div>
+                    <span class="ldhc-skel sh-text is-shimmer" style="width: 64px; height: 12px;"></span>
+                </div>
+            </xsl:for-each>
+        </div>
+    </xsl:template>
+
+    <!-- BLOCK BAR -->
+
+    <!-- the design system's collapsed block-loading strip: is-loading on the block wrapper shows the bar
+         and hides the body; the sweep runs indeterminate until a handler sets a determinate width -->
+    <xsl:template match="node() | @*" mode="ldh:BlockBar">
+        <div class="ldh-block-bar" role="progressbar" aria-label="{ac:label(key('resources', 'loading', ldh:translations()))}"></div>
+    </xsl:template>
+
+    <!-- PROGRESS BAR -->
+
+    <!-- the design system's progress bar anatomy -->
+    <xsl:template match="node() | @*" mode="ldh:ProgressBar">
+        <xsl:param name="class" select="'ldhc-pbar ht-sm'" as="xs:string"/>
+        <xsl:param name="width" select="'0%'" as="xs:string?"/>
+
+        <div class="{$class}">
+            <div class="ldhc-pbar-track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-label="{ac:label(key('resources', 'loading', ldh:translations()))}">
+                <div class="ldhc-pbar-fill">
+                    <xsl:if test="$width">
+                        <xsl:attribute name="style" select="'width: ' || $width || ';'"/>
+                    </xsl:if>
+                </div>
+            </div>
+        </div>
+    </xsl:template>
+
+    <!-- MODAL -->
+
+    <!-- the design system's modal dialog shell: sized dialog with head (icon/eyebrow/title/sub slots
+         and the close button emitted once) and body; the backdrop stays at the call site, which owns
+         placement and the modal-* marker classes. The constructor-template modal keeps its own shell -
+         its form element wraps head and body, which this anatomy cannot express -->
+    <xsl:template match="node() | @*" mode="ldh:Modal">
+        <xsl:param name="size" select="'sz-lg'" as="xs:string"/>
+        <xsl:param name="icon" as="item()*"/>
+        <xsl:param name="eyebrow" as="item()*"/>
+        <xsl:param name="title" as="item()*"/>
+        <xsl:param name="title-id" select="'modal-title-' || generate-id()" as="xs:string?"/>
+        <xsl:param name="sub" as="item()*"/>
+        <xsl:param name="flush" select="false()" as="xs:boolean"/>
+        <xsl:param name="body" as="item()*"/>
+        <xsl:param name="foot" as="item()*"/>
+
+        <div class="ldhc-modal {$size}" role="dialog" aria-modal="true">
+            <xsl:if test="exists($title) and $title-id">
+                <xsl:attribute name="aria-labelledby" select="$title-id"/>
+            </xsl:if>
+
+            <div class="ldhc-modal-head">
+                <xsl:if test="exists($icon)">
+                    <span class="ldhc-modal-icon">
+                        <xsl:sequence select="$icon"/>
+                    </span>
+                </xsl:if>
+
+                <xsl:if test="exists($title)">
+                    <div class="ldhc-modal-titles">
+                        <xsl:if test="exists($eyebrow)">
+                            <span class="ldhc-modal-eyebrow">
+                                <xsl:sequence select="$eyebrow"/>
+                            </span>
+                        </xsl:if>
+
+                        <h2 class="ldhc-modal-title">
+                            <xsl:if test="$title-id">
+                                <xsl:attribute name="id" select="$title-id"/>
+                            </xsl:if>
+
+                            <xsl:sequence select="$title"/>
+                        </h2>
+
+                        <xsl:if test="exists($sub)">
+                            <span class="ldhc-modal-sub">
+                                <xsl:sequence select="$sub"/>
+                            </span>
+                        </xsl:if>
+                    </div>
+                </xsl:if>
+
+                <span class="ldhc-modal-x">
+                    <button type="button" class="ldhc-iconbtn sz-sm in-neutral ap-ghost close" aria-label="{ac:label(key('resources', 'close', ldh:translations()))}"><span class="msi sm">close</span></button>
+                </span>
+            </div>
+            <div class="ldhc-modal-body{if ($flush) then ' is-flush' else ''}">
+                <xsl:sequence select="$body"/>
+            </div>
+
+            <xsl:sequence select="$foot"/>
+        </div>
+    </xsl:template>
+
+    <!-- DATA TABLE -->
+
+    <!-- the design system's fixed-column table scaffold: column widths, visually-hidden caption,
+         header row and body as slots -->
+    <xsl:template match="node() | @*" mode="ldh:DataTable">
+        <xsl:param name="cols" as="xs:string"/>
+        <xsl:param name="class" select="'ldhc-table is-hoverable'" as="xs:string"/>
+        <xsl:param name="caption" as="item()*"/>
+        <xsl:param name="head" as="item()*"/>
+        <xsl:param name="body" as="item()*"/>
+
+        <table class="{$class}" role="table" style="--ldhc-cols: {$cols};">
+            <caption class="ldhc-vh">
+                <xsl:sequence select="$caption"/>
+            </caption>
+            <thead>
+                <tr role="row">
+                    <xsl:sequence select="$head"/>
+                </tr>
+            </thead>
+            <tbody>
+                <xsl:sequence select="$body"/>
+            </tbody>
+        </table>
+    </xsl:template>
+
+    <!-- FORM FOOTER -->
+
+    <!-- the single form footer for the reset / dismiss / save anatomy, in the design's order and sizes.
+         $class picks the DS placement wrapper (.ldh-form-bar, .ldh-block-foot, .ldhc-modal-foot); bespoke
+         footers (composite button sets) keep their own content inside the placement wrapper instead -->
+    <xsl:template match="node() | @*" mode="ldh:FormFooter">
+        <xsl:param name="class" select="'ldh-form-bar pl-inline'" as="xs:string"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-sm'" as="xs:string"/>
+        <xsl:param name="dismiss" as="xs:string?"/>
+        <xsl:param name="save-key" select="'save'" as="xs:string"/>
+        <xsl:param name="show-reset" select="true()" as="xs:boolean"/>
+        <xsl:param name="show-save" select="true()" as="xs:boolean"/>
+
+        <div class="{$class}">
+            <span class="{if (starts-with($class, 'ldhc-modal-foot')) then 'ldhc-modal-foot-end' else 'fb-end'}">
+                <xsl:if test="$show-reset">
+                    <button type="reset" class="ldhc-btn in-neutral ap-ghost sz-sm btn-reset">
+                        <span class="msi outline sm" aria-hidden="true">restart_alt</span>
+                        <span>
+                            <xsl:apply-templates select="key('resources', 'reset', ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </button>
+                </xsl:if>
+
+                <xsl:if test="$dismiss">
+                    <button type="button" class="ldhc-btn in-neutral ap-outline sz-sm btn-{$dismiss}">
+                        <span>
+                            <xsl:apply-templates select="key('resources', $dismiss, ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </button>
+                </xsl:if>
+
+                <xsl:if test="$show-save">
+                    <button type="submit" class="{$button-class} btn-save">
+                        <span class="msi outline sm" aria-hidden="true">check</span>
+                        <span>
+                            <xsl:apply-templates select="key('resources', $save-key, ldh:translations())" mode="ac:label"/>
+                        </span>
+                    </button>
+                </xsl:if>
+            </span>
+        </div>
+    </xsl:template>
+
     <!-- FORM CONTROL TYPE LABEL -->
 
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID[key('resources', .)[not(* except rdf:type[not(starts-with(@rdf:resource, '&xsd;'))])]]" mode="bs2:FormControlTypeLabel">
+    <!-- the app skin of the annotation Tag: every chip rides the .ldh-annot slot the whole-form mode
+         hover-reveals; the chip markup itself stays Web-Client's single emitter -->
+    <xsl:template match="node() | @*" mode="ac:AnnotationTag">
+        <xsl:param name="class" select="'ldhc-tag sz-sm em-quiet'" as="xs:string"/>
+        <xsl:param name="key" as="xs:string?"/>
+        <xsl:param name="title" as="xs:string?"/>
+        <xsl:param name="label" as="item()*">
+            <xsl:apply-templates select="key('resources', $key, ac:translations())" mode="ac:label"/>
+        </xsl:param>
+
+        <div class="ldh-annot">
+            <xsl:next-match>
+                <xsl:with-param name="class" select="$class"/>
+                <xsl:with-param name="title" select="$title"/>
+                <xsl:with-param name="label" select="$label"/>
+            </xsl:next-match>
+        </div>
+    </xsl:template>
+
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID" mode="ac:ValueAnnotations">
         <xsl:param name="type" as="xs:string?"/>
         <xsl:param name="forClass" as="xs:anyURI*"/>
 
+        <xsl:if test="not($type = 'hidden')">
+            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-blank'"/>
+                <xsl:with-param name="label" as="item()*">
+                    <xsl:choose>
+                        <xsl:when test="exists($forClass)">
+                            <xsl:value-of select="$forClass ! ldh:class-label(xs:anyURI(.))" separator=""/>
+                        </xsl:when>
+                        <xsl:otherwise>
+                            <xsl:apply-templates select="key('resources', 'resource', ldh:translations())" mode="ac:label"/>
+                        </xsl:otherwise>
+                    </xsl:choose>
+                </xsl:with-param>
+            </xsl:apply-templates>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- literal term-kind / datatype / language annotations (shadow the Web-Client help-inline emitters) -->
+
+    <xsl:template match="text()" mode="ac:ValueAnnotations">
+        <xsl:param name="type" as="xs:string?"/>
+
         <xsl:if test="not($type = 'hidden')">
             <xsl:choose>
-                <xsl:when test="exists($forClass)">
-                    <span class="help-inline">
-                        <xsl:for-each select="$forClass">
-                            <!-- SAXON checks the catalog; SaxonJS only inspects the documentPool to avoid cross-origin fetches that would trigger mixed-content for slash-vocab term URIs -->
-                            <xsl:variable name="doc-loaded" select="doc-available(ac:document-uri(.))" as="xs:boolean" use-when="system-property('xsl:product-name') = 'SAXON'"/>
-                            <xsl:variable name="doc-loaded" select="ixsl:doc-fetched(ac:document-uri(.))" as="xs:boolean" use-when="system-property('xsl:product-name') eq 'SaxonJS'"/>
-                            <xsl:choose>
-                                <xsl:when test="$doc-loaded">
-                                    <xsl:choose>
-                                        <xsl:when test=". = '&rdfs;Resource'">Resource</xsl:when>
-                                        <xsl:when test="key('resources', ., document(ac:document-uri(.)))">
-                                            <xsl:value-of>
-                                                <xsl:apply-templates select="key('resources', ., document(ac:document-uri(.)))" mode="ac:label"/>
-                                            </xsl:value-of>
-                                        </xsl:when>
-                                        <xsl:otherwise>
-                                            <xsl:value-of select="."/>
-                                        </xsl:otherwise>
-                                    </xsl:choose>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <xsl:value-of select="."/>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </xsl:for-each>
-                    </span>
+                <xsl:when test="../@rdf:datatype">
+                    <xsl:apply-templates select="../@rdf:datatype" mode="#current"/>
                 </xsl:when>
                 <xsl:otherwise>
-                    <span class="help-inline">Resource</span>
+                    <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                        <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-literal'"/>
+                        <xsl:with-param name="label" as="item()*">
+                            <xsl:apply-templates select="key('resources', 'literal', ldh:translations())" mode="ac:label"/>
+                        </xsl:with-param>
+                    </xsl:apply-templates>
                 </xsl:otherwise>
             </xsl:choose>
         </xsl:if>
     </xsl:template>
+
+    <xsl:template match="@rdf:datatype" mode="ac:ValueAnnotations">
+        <xsl:param name="type" as="xs:string?"/>
+
+        <xsl:if test="not($type = 'hidden')">
+            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet co-neutral'"/>
+                <xsl:with-param name="title" select="."/>
+                <xsl:with-param name="label" select="if (starts-with(., '&xsd;')) then 'xsd:' || substring-after(., '&xsd;') else string(.)"/>
+            </xsl:apply-templates>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- the field-shell emitters live in Web-Client now; the language field only takes the design's app-kit wrapper class -->
+    <xsl:template match="@xml:lang" mode="ac:FormControl">
+        <xsl:next-match>
+            <xsl:with-param name="class" select="'ldh-lang'"/>
+        </xsl:next-match>
+    </xsl:template>
     
     <!-- real numbers -->
     
@@ -1436,71 +2012,86 @@ exclude-result-prefixes="#all"
     </xsl:template>
 
     <!-- datetimes -->
-    
-    <xsl:template match="text()[../@rdf:datatype = '&xsd;dateTime'][. castable as xs:dateTime][../@rdf:datatype = '&xsd;dateTime']" mode="bs2:FormControl" priority="1">
+
+    <!-- the pair emits its own field shells, so it must not ride the generic text() field-shell wrapper;
+         the hidden variant is a plain element, so it stays on the xhtml:Input primitive -->
+    <xsl:template match="text()[../@rdf:datatype = '&xsd;dateTime'][. castable as xs:dateTime]" mode="ac:FormControl" priority="1">
         <xsl:param name="type" select="'datetime-local'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
 
-        <xsl:apply-templates select="." mode="xhtml:Input">
-            <xsl:with-param name="type" select="$type"/>
-            <xsl:with-param name="id" select="$id"/>
-            <xsl:with-param name="class" select="$class"/>
-            <xsl:with-param name="disabled" select="$disabled"/>
-        </xsl:apply-templates>
-
-        <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
-                <xsl:with-param name="type" select="$type"/>
-            </xsl:apply-templates>
-        </xsl:if>
-    </xsl:template>
-    
-    <xsl:template match="text()[../@rdf:datatype = '&xsd;dateTime'][. castable as xs:dateTime][../@rdf:datatype = '&xsd;dateTime']" mode="xhtml:Input" priority="1">
-        <xsl:param name="type" select="'datetime-local'" as="xs:string"/>
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" as="xs:string?"/>
-        <xsl:param name="disabled" select="false()" as="xs:boolean"/>
-
         <xsl:choose>
-            <xsl:when test="$type = 'datetime-local'"> <!-- could also be 'hidden' -->
-                <xsl:call-template name="xhtml:Input">
-                    <xsl:with-param name="name" select="'ol'"/>
+            <xsl:when test="$type = 'datetime-local'">
+                <xsl:apply-templates select="." mode="ldh:DateTimePair">
                     <xsl:with-param name="type" select="$type"/>
                     <xsl:with-param name="id" select="$id"/>
                     <xsl:with-param name="class" select="$class"/>
                     <xsl:with-param name="disabled" select="$disabled"/>
-                    <xsl:with-param name="value" select="format-dateTime(xs:dateTime(.), '[Y0001]-[M01]-[D01]T[H01]:[m01]:[s01]')"/>
-                </xsl:call-template>
-
-                <xsl:call-template name="xhtml:Input">
-                    <xsl:with-param name="type" select="'hidden'"/>
-                    <xsl:with-param name="name" select="'lt'"/>
-                    <xsl:with-param name="value" select="../@rdf:datatype"/>
-                </xsl:call-template>
-
-                <xsl:call-template name="xhtml:Input">
-                    <xsl:with-param name="class" select="'input-mini input-timezone'"/> 
-                    <xsl:with-param name="type" select="'text'"/>
-                    <xsl:with-param name="value" select="format-dateTime(xs:dateTime(.), '[Z]')"/>
-                </xsl:call-template>
+                </xsl:apply-templates>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:next-match>
+                <xsl:apply-templates select="." mode="xhtml:Input">
                     <xsl:with-param name="type" select="$type"/>
                     <xsl:with-param name="id" select="$id"/>
                     <xsl:with-param name="class" select="$class"/>
                     <xsl:with-param name="disabled" select="$disabled"/>
-                </xsl:next-match>
+                </xsl:apply-templates>
             </xsl:otherwise>
         </xsl:choose>
+
+        <xsl:if test="$type-label">
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
+                <xsl:with-param name="type" select="$type"/>
+            </xsl:apply-templates>
+        </xsl:if>
+    </xsl:template>
+
+    <!-- value and timezone offset as two TextFields sitting together, as in the design: a composite
+         component (the app kit's .ldh-dt-pair), so it carries a component mode rather than living
+         inside xhtml:Input, whose modes stay childless element primitives -->
+    <xsl:template match="text()[../@rdf:datatype = '&xsd;dateTime'][. castable as xs:dateTime]" mode="ldh:DateTimePair">
+        <xsl:param name="type" select="'datetime-local'" as="xs:string"/>
+        <xsl:param name="id" as="xs:string?"/>
+        <xsl:param name="class" as="xs:string?"/>
+        <xsl:param name="disabled" select="false()" as="xs:boolean"/>
+
+        <span class="ldh-dt-pair">
+            <xsl:apply-templates select="." mode="ac:FieldShell">
+                <xsl:with-param name="control" as="item()*">
+                    <xsl:call-template name="xhtml:Input">
+                        <xsl:with-param name="name" select="'ol'"/>
+                        <xsl:with-param name="type" select="$type"/>
+                        <xsl:with-param name="id" select="$id"/>
+                        <xsl:with-param name="class" select="$class"/>
+                        <xsl:with-param name="disabled" select="$disabled"/>
+                        <xsl:with-param name="value" select="format-dateTime(xs:dateTime(.), '[Y0001]-[M01]-[D01]T[H01]:[m01]:[s01]')"/>
+                    </xsl:call-template>
+                </xsl:with-param>
+            </xsl:apply-templates>
+
+            <xsl:call-template name="xhtml:Input">
+                <xsl:with-param name="type" select="'hidden'"/>
+                <xsl:with-param name="name" select="'lt'"/>
+                <xsl:with-param name="value" select="../@rdf:datatype"/>
+            </xsl:call-template>
+
+            <xsl:apply-templates select="." mode="ac:FieldShell">
+                <xsl:with-param name="control" as="item()*">
+                    <xsl:call-template name="xhtml:Input">
+                        <xsl:with-param name="class" select="'input-timezone'"/>
+                        <xsl:with-param name="type" select="'text'"/>
+                        <xsl:with-param name="value" select="format-dateTime(xs:dateTime(.), '[Z]')"/>
+                    </xsl:call-template>
+                </xsl:with-param>
+            </xsl:apply-templates>
+        </span>
     </xsl:template>
 
     <!-- booleans -->
 
-    <xsl:template match="text()[../@rdf:datatype = '&xsd;boolean']" mode="bs2:FormControl" priority="1">
+    <xsl:template match="text()[../@rdf:datatype = '&xsd;boolean']" mode="ac:FormControl" priority="1">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
@@ -1517,6 +2108,8 @@ exclude-result-prefixes="#all"
                 </xsl:call-template>
             </xsl:when>
             <xsl:otherwise>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="select" as="item()*">
                 <select name="ol">
                     <xsl:if test="$id"><xsl:attribute name="id" select="$id"/></xsl:if>
                     <xsl:if test="$class"><xsl:attribute name="class" select="$class"/></xsl:if>
@@ -1530,6 +2123,8 @@ exclude-result-prefixes="#all"
                         <xsl:text>false</xsl:text>
                     </option>
                 </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </xsl:otherwise>
         </xsl:choose>
 
@@ -1540,14 +2135,14 @@ exclude-result-prefixes="#all"
         </xsl:call-template>
 
         <xsl:if test="$type-label and not($type = 'hidden')">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                 <xsl:with-param name="type" select="$type"/>
             </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
 
     <!-- boolean placeholder via constructor's blank-node form: property → bnode whose only child is rdf:type xsd:boolean -->
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;boolean'])]]" mode="bs2:FormControl" priority="3">
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]/*/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;boolean'])]]" mode="ac:FormControl" priority="3">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
@@ -1563,6 +2158,8 @@ exclude-result-prefixes="#all"
                 </xsl:call-template>
             </xsl:when>
             <xsl:otherwise>
+                <xsl:apply-templates select="." mode="ac:SelectShell">
+                    <xsl:with-param name="select" as="item()*">
                 <select name="ol">
                     <xsl:if test="$id"><xsl:attribute name="id" select="$id"/></xsl:if>
                     <xsl:if test="$class"><xsl:attribute name="class" select="$class"/></xsl:if>
@@ -1570,6 +2167,8 @@ exclude-result-prefixes="#all"
                     <option value="true">true</option>
                     <option value="false">false</option>
                 </select>
+                    </xsl:with-param>
+                </xsl:apply-templates>
             </xsl:otherwise>
         </xsl:choose>
 
@@ -1590,7 +2189,7 @@ exclude-result-prefixes="#all"
                 </xsl:document>
             </xsl:variable>
 
-            <xsl:apply-templates select="$datatype//@rdf:datatype">
+            <xsl:apply-templates select="$datatype//@rdf:datatype" mode="ac:ValueAnnotations">
                 <xsl:with-param name="type" select="$type"/>
             </xsl:apply-templates>
         </xsl:if>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/ldh.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/ldh.xsl
similarity index 82%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/ldh.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/ldh.xsl
index d8d111e73a..e06a1063cb 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/ldh.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/ldh.xsl
@@ -18,28 +18,31 @@ xmlns:ldh="&ldh;"
 xmlns:rdf="&rdf;"
 xmlns:rdfs="&rdfs;"
 xmlns:ldt="&ldt;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
     
     <!-- FORM CONTROL MODE -->
     
     <!-- override the value of ldh:chartType with a dropdown of ac:Chart subclasses (currently in the LDH vocabulary) -->
-    <xsl:template match="ldh:chartType/@rdf:resource | ldh:chartType/@rdf:nodeID" mode="bs2:FormControl">
+    <xsl:template match="ldh:chartType/@rdf:resource | ldh:chartType/@rdf:nodeID" mode="ac:FormControl">
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
         <xsl:variable name="value" select="." as="xs:string"/>
 
         <xsl:variable name="chart-types" select="key('resources-by-subclass', '&ac;Chart', document(ac:document-uri('&ldh;')))" as="element()*"/>
+        <xsl:apply-templates select="." mode="ac:SelectShell">
+            <xsl:with-param name="select" as="item()*">
         <select name="ou" id="{generate-id()}">
             <xsl:for-each select="$chart-types">
-                <xsl:sort select="ac:label(.)" lang="{$ac:lang}"/>
+                <xsl:sort select="ac:label(.)" lang="{ac:langs()[1]}"/>
                 <xsl:apply-templates select="." mode="xhtml:Option">
                     <xsl:with-param name="selected" select="@rdf:about = $value"/>
                 </xsl:apply-templates>
             </xsl:for-each>
         </select>
+            </xsl:with-param>
+        </xsl:apply-templates>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations"/>
         </xsl:if>
     </xsl:template>
     
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/memento.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/memento.xsl
similarity index 89%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/memento.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/memento.xsl
index 7040dd97f0..68768be72b 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/memento.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/memento.xsl
@@ -15,14 +15,13 @@ xmlns:ac="https://w3id.org/atomgraph/client#"
 xmlns:rdf="&rdf;"
 xmlns:prov="&prov;"
 xmlns:dct="&dct;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all"
 >
 
     <!-- Memento (RFC 7089) version history rendering -->
 
     <!-- a version entry: datetime links to the memento (?version= URI), which navigates like any document link -->
-    <xsl:template match="*[@rdf:about][prov:specializationOf/@rdf:resource]" mode="bs2:MementoList">
+    <xsl:template match="*[@rdf:about][prov:specializationOf/@rdf:resource]" mode="ldh:MementoList">
         <!-- the memento URI of the version currently being viewed; when the live document is viewed, callers pass the latest memento -->
         <xsl:param name="current-memento" select="if (map:contains(ldh:query-params(), 'version')) then xs:anyURI(ac:absolute-path(ldh:request-uri()) || '?version=' || ldh:query-params()?version) else ()" as="xs:anyURI?"/>
         <!-- preselected diff endpoints: the version being viewed and its predecessor -->
@@ -31,8 +30,8 @@ exclude-result-prefixes="#all"
         <!-- whether the agent can write the live document, which is what a restore rewrites -->
         <xsl:param name="writable" select="false()" as="xs:boolean"/>
 
-        <tr>
-            <td>
+        <tr role="row">
+            <td role="cell">
                 <xsl:choose>
                     <!-- the version being viewed: bold, no self-link -->
                     <xsl:when test="@rdf:about = $current-memento">
@@ -47,30 +46,30 @@ exclude-result-prefixes="#all"
                     </xsl:otherwise>
                 </xsl:choose>
             </td>
-            <td>
+            <td role="cell">
                 <xsl:apply-templates select="dct:creator/@rdf:resource"/>
             </td>
-            <td>
+            <td role="cell">
                 <input type="radio" name="from" value="{@rdf:about}">
                     <xsl:if test="@rdf:about = $from-memento">
                         <xsl:attribute name="checked" select="'checked'"/>
                     </xsl:if>
                 </input>
             </td>
-            <td>
+            <td role="cell">
                 <input type="radio" name="to" value="{@rdf:about}">
                     <xsl:if test="@rdf:about = $to-memento">
                         <xsl:attribute name="checked" select="'checked'"/>
                     </xsl:if>
                 </input>
             </td>
-            <td>
+            <td role="cell">
                 <!-- restoring is a point action on one version, unlike the From/To pair that bounds a comparison.
                      The version being viewed is skipped: writing it back would only commit identical content. -->
                 <xsl:if test="$writable and not(@rdf:about = $current-memento)">
-                    <button type="button" class="btn btn-restore" value="{@rdf:about}">
+                    <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm btn-restore" value="{@rdf:about}">
                         <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'restore', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                            <xsl:apply-templates select="key('resources', 'restore', ldh:translations())" mode="ac:label"/>
                         </xsl:value-of>
                     </button>
                 </xsl:if>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/nfo.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/nfo.xsl
similarity index 56%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/nfo.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/nfo.xsl
index d2fb9b0e17..41f4f558f5 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/nfo.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/nfo.xsl
@@ -19,44 +19,50 @@ xmlns:lapp="&lapp;"
 xmlns:rdf="&rdf;"
 xmlns:ldt="&ldt;"
 xmlns:nfo="&nfo;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
 
     <xsl:preserve-space elements="nfo:fileName"/>
     
     <xsl:template match="*[@rdf:about = '&nfo;FileDataObject']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'file', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'file', ldh:translations())" mode="#current"/>
     </xsl:template>
 
-    <xsl:template match="nfo:fileName/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="bs2:FormControl">
+    <xsl:template match="nfo:fileName/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="ac:FormControl">
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="accept" as="xs:string?"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
 
-        <xsl:call-template name="xhtml:Input">
-            <xsl:with-param name="name" select="'ol'"/>
-            <xsl:with-param name="type" select="'file'"/>
-            <xsl:with-param name="id" select="$id"/>
-            <xsl:with-param name="class" select="$class"/>
-        </xsl:call-template>
-        
+        <div class="ldhc-fileinput">
+            <label class="ldhc-file-drop" for="{$id}" tabindex="0">
+                <span class="msi outline sm" aria-hidden="true">upload_file</span>
+                <span>
+                    <xsl:apply-templates select="key('resources', 'upload', ldh:translations())" mode="ac:label"/>
+                </span>
+                <xsl:call-template name="xhtml:Input">
+                    <xsl:with-param name="name" select="'ol'"/>
+                    <xsl:with-param name="type" select="'file'"/>
+                    <xsl:with-param name="id" select="$id"/>
+                    <xsl:with-param name="class" select="$class"/>
+                </xsl:call-template>
+            </label>
+        </div>
+
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations"/>
         </xsl:if>
     </xsl:template>
 
-    <xsl:template match="nfo:fileName/@rdf:datatype" mode="bs2:FormControl">
-        <xsl:next-match>
-            <xsl:with-param name="type" select="'hidden'"/>
-        </xsl:next-match>
-    </xsl:template>
-
-    <xsl:template match="nfo:fileName/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="bs2:FormControlTypeLabel">
+    <xsl:template match="nfo:fileName/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="ac:ValueAnnotations">
         <xsl:param name="type" as="xs:string?"/>
 
         <xsl:if test="not($type = 'hidden')">
-            <span class="help-inline">Upload</span>
+            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet co-neutral'"/>
+                <xsl:with-param name="label" as="item()*">
+                    <xsl:apply-templates select="key('resources', 'upload', ldh:translations())" mode="ac:label"/>
+                </xsl:with-param>
+            </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
     
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/rdf.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/rdf.xsl
similarity index 64%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/rdf.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/rdf.xsl
index 3300e1cfc5..7c96c0328b 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/rdf.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/rdf.xsl
@@ -22,7 +22,6 @@
 <xsl:stylesheet version="3.0"
 xmlns="http://www.w3.org/1999/xhtml"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:xhtml="http://www.w3.org/1999/xhtml"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:lapp="&lapp;"
@@ -40,12 +39,15 @@ xmlns:sioc="&sioc;"
 xmlns:spin="&spin;"
 xmlns:sp="&sp;"
 xmlns:void="&void;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 xmlns:saxon="http://saxon.sf.net/"
 exclude-result-prefixes="#all">
 
-    <!-- shortened version of @rdf:resource bs2:FormControl -->
-    <xsl:template match="rdf:type[@rdf:resource]" mode="bs2:TypeControl">
+    <!-- the type Tag pill comes from Web-Client's rdf:type/@rdf:resource rule, which sits below the
+         proxying @rdf:resource rule in imports/default.xsl - external type URIs reach the anchor with
+         the ?uri= proxied $href it forwards -->
+
+    <!-- shortened version of @rdf:resource ac:FormControl -->
+    <xsl:template match="rdf:type[@rdf:resource]" mode="ldh:TypeControl">
         <xsl:param name="this" select="xs:anyURI(concat(namespace-uri(), local-name()))" as="xs:anyURI"/>
         <xsl:param name="hidden" select="false()" as="xs:boolean"/>
         <!-- types are required on document instances -->
@@ -53,7 +55,7 @@ exclude-result-prefixes="#all">
         <xsl:param name="for" select="generate-id(@rdf:resource)" as="xs:string"/>
 
         <xsl:choose>
-            <xsl:when test="$hidden"> <!-- can't apply bs2:FormControl on @rdf:resource here as that pattern/mode is off -->
+            <xsl:when test="$hidden"> <!-- can't apply ac:FormControl on @rdf:resource here as that pattern/mode is off -->
                 <xsl:apply-templates select="." mode="xhtml:Input">
                     <xsl:with-param name="type" select="'hidden'"/>
                 </xsl:apply-templates>
@@ -65,73 +67,78 @@ exclude-result-prefixes="#all">
                 </xsl:apply-templates>
             </xsl:when>
             <xsl:otherwise>
-                <div class="control-group">
+                <div class="ldh-prop-group">
                     <xsl:call-template name="xhtml:Input">
                         <xsl:with-param name="type" select="'hidden'"/>
                         <xsl:with-param name="name" select="'pu'"/>
                         <xsl:with-param name="value" select="'&rdf;type'"/>
                     </xsl:call-template>
 
-                    <label class="control-label" for="{$for}" title="{$this}">
-                        <xsl:value-of select="ac:label(key('resources', $this, document(ac:document-uri(namespace-uri()))))" use-when="system-property('xsl:product-name') = 'SAXON'"/>
-                        <xsl:value-of select="ac:label(key('resources', $this, if (ixsl:doc-fetched(ac:document-uri(namespace-uri()))) then document(ac:document-uri(namespace-uri())) else ()))" use-when="system-property('xsl:product-name') eq 'SaxonJS'"/>
-                    </label>
+                    <xsl:apply-templates select="." mode="ldh:PropertyLabel">
+                        <xsl:with-param name="this" select="$this"/>
+                        <xsl:with-param name="label" as="item()*">
+                            <xsl:value-of select="ldh:label-document(ac:document-uri(namespace-uri()))!key('resources', $this, .)!ac:label(.)"/>
+                        </xsl:with-param>
+                    </xsl:apply-templates>
+
+                    <div class="ldh-prop-row is-last">
+                        <div class="value val-stack">
+                            <div class="val-main">
+                                <xsl:apply-templates select="@rdf:resource" mode="#current"/>
+                            </div>
+                        </div>
 
-                    <div class="controls">
-                        <xsl:if test="not($required)">
-                            <div class="btn-group pull-right">
-                                <button type="button" tabindex="-1">
+                        <div class="row-actions">
+                            <xsl:if test="not($required)">
+                                <button type="button" tabindex="-1" class="ldhc-iconbtn sz-xs in-destructive ap-ghost btn-remove-property">
                                     <xsl:attribute name="title">
                                         <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'remove-stmt', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                            <xsl:apply-templates select="key('resources', 'remove-stmt', ldh:translations())" mode="ac:label"/>
                                         </xsl:value-of>
                                     </xsl:attribute>
 
-                                    <xsl:apply-templates select="key('resources', 'remove', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                                        <xsl:with-param name="class" select="'btn btn-small pull-right'"/>
-                                    </xsl:apply-templates>
+                                    <span class="msi sm" aria-hidden="true">remove</span>
                                 </button>
-                            </div>
-                        </xsl:if>
-
-                        <xsl:apply-templates select="@rdf:resource" mode="#current"/>
+                            </xsl:if>
+                        </div>
                     </div>
                 </div>
             </xsl:otherwise>
         </xsl:choose>
     </xsl:template>
     
-    <xsl:template match="rdf:type/@rdf:resource" mode="bs2:TypeControl">
+    <xsl:template match="rdf:type/@rdf:resource" mode="ldh:TypeControl">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" select="'subject input-xxlarge'" as="xs:string?"/>
+        <xsl:param name="class" select="'subject'" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="auto" select="local-name() = 'nodeID' or starts-with(., ldt:base())" as="xs:boolean"/>
         <xsl:param name="type-metadata" as="document-node()?" tunnel="yes"/>
-        <xsl:param name="lookup-class" select="'type-typeahead typeahead'" as="xs:string"/>
-        <xsl:param name="lookup-list-class" select="'type-typeahead typeahead dropdown-menu'" as="xs:string"/>
+        <xsl:param name="combobox-class" select="'type-combobox combobox'" as="xs:string"/>
+        <xsl:param name="combobox-list-class" select="'type-combobox combobox ldhc-cb-panel'" as="xs:string"/>
 
         <xsl:choose>
             <xsl:when test="if ($type-metadata) then key('resources', ., $type-metadata) else false()">
-                <xsl:apply-templates select="key('resources', ., $type-metadata)" mode="ldh:Typeahead">
-                    <xsl:with-param name="class" select="'btn add-typeahead add-type-typeahead'"/>
+                <xsl:apply-templates select="key('resources', ., $type-metadata)" mode="ldh:ComboboxChip">
+                    <xsl:with-param name="class" select="'cb-chip-btn add-combobox add-type-combobox'"/>
                     <xsl:with-param name="forClass" select="(xs:anyURI('&rdfs;Class'), xs:anyURI('&owl;Class'))"/> <!-- ontologies are served without inference, so owl:Class subjects do not carry the rdfs:Class type -->
                 </xsl:apply-templates>
             </xsl:when>
             <xsl:otherwise>
-                <xsl:call-template name="bs2:Lookup">
-                    <xsl:with-param name="class" select="$lookup-class"/>
+                <xsl:call-template name="ldh:Combobox">
+                    <xsl:with-param name="class" select="$combobox-class"/>
                     <xsl:with-param name="id" select="$id"/>
                     <xsl:with-param name="value" select="."/>
-                    <xsl:with-param name="list-class" select="$lookup-list-class"/>
+                    <xsl:with-param name="list-class" select="$combobox-list-class"/>
                     <xsl:with-param name="forClass" select="(xs:anyURI('&rdfs;Class'), xs:anyURI('&owl;Class'))"/> <!-- ontologies are served without inference, so owl:Class subjects do not carry the rdfs:Class type -->
                 </xsl:call-template>
             </xsl:otherwise>
         </xsl:choose>
         
-        <span class="help-inline">
-            <xsl:value-of select="ac:label(key('resources', '&owl;Class', document(ac:document-uri('&owl;'))))"/>
-        </span>
+        <xsl:apply-templates select="." mode="ac:AnnotationTag">
+            <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-class'"/>
+            <xsl:with-param name="label" select="ac:label(key('resources', '&owl;Class', document(ac:document-uri('&owl;'))))"/>
+        </xsl:apply-templates>
     </xsl:template>
     
 </xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/services/youtube.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/services/youtube.xsl
new file mode 100644
index 0000000000..b8d3bfcbe2
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/services/youtube.xsl
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE xsl:stylesheet [
+    <!ENTITY def    "https://w3id.org/atomgraph/linkeddatahub/default#">
+    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
+    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
+    <!ENTITY rdf    "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+    <!ENTITY rdfs   "http://www.w3.org/2000/01/rdf-schema#">
+    <!ENTITY xsd    "http://www.w3.org/2001/XMLSchema#">
+    <!ENTITY schema "https://schema.org/">
+]>
+<xsl:stylesheet version="3.0"
+xmlns="http://www.w3.org/1999/xhtml"
+xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+xmlns:prop="http://saxonica.com/ns/html-property"
+xmlns:xhtml="http://www.w3.org/1999/xhtml"
+xmlns:xs="http://www.w3.org/2001/XMLSchema"
+xmlns:map="http://www.w3.org/2005/xpath-functions/map"
+xmlns:json="http://www.w3.org/2005/xpath-functions"
+xmlns:array="http://www.w3.org/2005/xpath-functions/array"
+xmlns:fn="http://www.w3.org/2005/xpath-functions"
+xmlns:ac="&ac;"
+xmlns:ldh="&ldh;"
+xmlns:rdf="&rdf;"
+xmlns:rdfs="&rdfs;"
+xmlns:schema="&schema;"
+exclude-result-prefixes="#all"
+>
+
+    <!-- TEMPLATES -->
+    
+    <!-- the video embed is the block's body content; the standard ac:BlockHeader supplies title,
+         type chips and actions -->
+    <xsl:template match="*[contains(@rdf:about, 'youtube.com/watch') or contains(@rdf:about, 'youtu.be/')][rdf:type/@rdf:resource = '&schema;VideoObject']">
+        <xsl:variable name="video-id" select="analyze-string(@rdf:about, '^.*(?:youtube\.com/(?:watch\?v=|embed/)|youtu\.be/)([^&amp;?]+).*$')//fn:group[@nr='1']/text()" as="xs:string"/>
+
+        <div>
+            <iframe width="560" height="315" 
+                    src="https://www.youtube.com/embed/{$video-id}" 
+                    frameborder="0" 
+                    allowfullscreen="allowfullscreen">
+            </iframe>
+        </div>
+    </xsl:template>
+    
+</xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sioc.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/sioc.xsl
similarity index 57%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sioc.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/sioc.xsl
index a711e32880..ed281945cb 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sioc.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/sioc.xsl
@@ -25,39 +25,48 @@ xmlns:owl="&owl;"
 xmlns:ldt="&ldt;"
 xmlns:sioc="&sioc;"
 xmlns:foaf="&foaf;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
     
     <xsl:template match="*[@rdf:about = '&sioc;UserAccount']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'user-account', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'user-account', ldh:translations())" mode="#current"/>
     </xsl:template>
 
-    <xsl:template match="sioc:email/@rdf:*"  mode="bs2:FormControl">
+    <xsl:template match="sioc:email/@rdf:*"  mode="ac:FormControl">
         <xsl:param name="type" select="'text'" as="xs:string"/>
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
 
-        <xsl:call-template name="xhtml:Input">
-            <xsl:with-param name="name" select="'ol'"/>
-            <xsl:with-param name="type" select="'text'"/>
-            <xsl:with-param name="id" select="$id"/>
-            <xsl:with-param name="class" select="$class"/>
-            <xsl:with-param name="value" select="substring-after(., 'mailto:')"/>
-        </xsl:call-template>
+        <xsl:apply-templates select="." mode="ac:FieldShell">
+            <xsl:with-param name="type" select="$type"/>
+            <xsl:with-param name="control" as="item()*">
+                <xsl:call-template name="xhtml:Input">
+                    <xsl:with-param name="name" select="'ol'"/>
+                    <xsl:with-param name="type" select="$type"/>
+                    <xsl:with-param name="id" select="$id"/>
+                    <xsl:with-param name="class" select="$class"/>
+                    <xsl:with-param name="value" select="substring-after(., 'mailto:')"/>
+                </xsl:call-template>
+            </xsl:with-param>
+        </xsl:apply-templates>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel">
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations">
                 <xsl:with-param name="type" select="$type"/>
             </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
 
-    <xsl:template match="sioc:email/@rdf:*" mode="bs2:FormControlTypeLabel">
+    <xsl:template match="sioc:email/@rdf:*" mode="ac:ValueAnnotations">
         <xsl:param name="type" as="xs:string?"/>
 
         <xsl:if test="not($type = 'hidden')">
-            <span class="help-inline">Literal</span>
+            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-literal'"/>
+                <xsl:with-param name="label" as="item()*">
+                    <xsl:apply-templates select="key('resources', 'literal', ldh:translations())" mode="ac:label"/>
+                </xsl:with-param>
+            </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
 
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sp.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/sp.xsl
similarity index 62%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sp.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/sp.xsl
index 6b69182e6b..568874c126 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/imports/sp.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/imports/sp.xsl
@@ -20,28 +20,27 @@ xmlns:ac="&ac;"
 xmlns:rdf="&rdf;"
 xmlns:ldt="&ldt;"
 xmlns:sp="&sp;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
     
     <xsl:template match="*[@rdf:about = '&sp;Ask']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'ask-query', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'ask-query', ldh:translations())" mode="#current"/>
     </xsl:template>
 
     <xsl:template match="*[@rdf:about = '&sp;Select']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'select-query', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'select-query', ldh:translations())" mode="#current"/>
     </xsl:template>
 
     <xsl:template match="*[@rdf:about = '&sp;Describe']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'describe-query', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'describe-query', ldh:translations())" mode="#current"/>
     </xsl:template>
 
     <xsl:template match="*[@rdf:about = '&sp;Construct']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'construct-query', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="#current"/>
+        <xsl:apply-templates select="key('resources', 'construct-query', ldh:translations())" mode="#current"/>
     </xsl:template>
 
     <!-- ROW: WRONG IMPORT PRECEDENCE! -->
     
-<!--    <xsl:template match="*[sp:text/text()]" mode="bs2:Row" priority="1">
+<!--    <xsl:template match="*[sp:text/text()]" mode="ldh:BlockRow" priority="1">
         <xsl:param name="id" select="generate-id()" as="xs:string?"/>
         <xsl:param name="class" select="'post-construct'" as="xs:string?"/>
         <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
@@ -61,47 +60,53 @@ exclude-result-prefixes="#all">
 
     <!-- FORM CONTROL MODE -->
 
-    <xsl:template match="sp:text/text() | sp:text/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="bs2:FormControl">
+    <xsl:template match="sp:text/text() | sp:text/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="ac:FormControl">
         <xsl:param name="id" select="generate-id()" as="xs:string?"/>
-        <xsl:param name="class" select="'sparql-query-string'" as="xs:string?"/>
+        <xsl:param name="class" select="'ldhc-cf-area sparql-query-string'" as="xs:string?"/>
         <xsl:param name="type-label" select="true()" as="xs:boolean"/>
         <xsl:param name="name" select="'ol'" as="xs:string"/>
-        <xsl:param name="rows" select="10" as="xs:integer"/>
-        <xsl:param name="style" select="'font-family: monospace;'" as="xs:string"/>
+        <xsl:param name="rows" select="3" as="xs:integer"/>
+        <xsl:param name="gutter-rows" select="max(($rows, count(tokenize(string(self::text()), '\n'))))" as="xs:integer"/>
 
-        <textarea name="{$name}" id="{generate-id()}" rows="{$rows}">
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-            <xsl:if test="$style">
-                <xsl:attribute name="style" select="$style"/>
-            </xsl:if>
-            
-            <xsl:if test="self::text()">
-                <xsl:value-of select="."/>
-            </xsl:if>
-        </textarea>
+        <div class="ldhc-codefield">
+            <div class="ldhc-cf-gutter" aria-hidden="true">
+                <xsl:for-each select="1 to $gutter-rows">
+                    <div>
+                        <xsl:value-of select="."/>
+                    </div>
+                </xsl:for-each>
+            </div>
+
+            <textarea name="{$name}" id="{generate-id()}" rows="{$rows}" spellcheck="false">
+                <xsl:if test="$id">
+                    <xsl:attribute name="id" select="$id"/>
+                </xsl:if>
+                <xsl:if test="$class">
+                    <xsl:attribute name="class" select="$class"/>
+                </xsl:if>
+
+                <xsl:if test="self::text()">
+                    <xsl:value-of select="."/>
+                </xsl:if>
+            </textarea>
+        </div>
 
         <xsl:if test="$type-label">
-            <xsl:apply-templates select="." mode="bs2:FormControlTypeLabel"/>
+            <xsl:apply-templates select="." mode="ac:ValueAnnotations"/>
         </xsl:if>
     </xsl:template>
     
-    <xsl:template match="sp:text/text() | sp:text/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="bs2:FormControlTypeLabel">
+    <xsl:template match="sp:text/text() | sp:text/@rdf:nodeID[key('resources', .)[not(* except rdf:type[@rdf:resource = '&xsd;string'])]]" mode="ac:ValueAnnotations">
         <xsl:param name="type" as="xs:string?"/>
 
         <xsl:if test="not($type = 'hidden')">
-            <span class="help-inline">Literal</span>
+            <xsl:apply-templates select="." mode="ac:AnnotationTag">
+                <xsl:with-param name="class" select="'ldhc-tag sz-sm em-quiet an-term is-literal'"/>
+                <xsl:with-param name="label" as="item()*">
+                    <xsl:apply-templates select="key('resources', 'literal', ldh:translations())" mode="ac:label"/>
+                </xsl:with-param>
+            </xsl:apply-templates>
         </xsl:if>
     </xsl:template>
     
-    <xsl:template match="sp:text/@rdf:datatype" mode="bs2:FormControl">
-        <xsl:next-match>
-            <xsl:with-param name="type" select="'hidden'"/>
-        </xsl:next-match>
-    </xsl:template>
-    
 </xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/layout.xsl
similarity index 70%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/layout.xsl
index 0b6a8cb979..f003d93891 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/layout.xsl
@@ -76,29 +76,18 @@ xmlns:srx="&srx;"
 xmlns:google="&google;"
 xmlns:orcid="&orcid;"
 xmlns:schema="&schema;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
 exclude-result-prefixes="#all">
 
-    <xsl:import href="../../../../client/xsl/converters/RDFXML2JSON-LD.xsl"/>
-    <xsl:import href="../../../../client/xsl/bootstrap/2.3.2/internal-layout.xsl"/>
-    <xsl:import href="resource.xsl"/>
-    <xsl:import href="imports/default.xsl"/>
-    <xsl:import href="imports/ac.xsl"/>
-    <xsl:import href="imports/acl.xsl"/>
-    <xsl:import href="imports/cert.xsl"/>
-    <xsl:import href="imports/dct.xsl"/>
-    <xsl:import href="imports/nfo.xsl"/>
-    <xsl:import href="imports/rdf.xsl"/>
-    <xsl:import href="imports/rdfs.xsl"/>
-    <xsl:import href="imports/sioc.xsl"/>
-    <xsl:import href="imports/sp.xsl"/>
-    <xsl:import href="imports/sh.xsl"/>
-    <xsl:import href="imports/memento.xsl"/>
-    <xsl:import href="imports/services/youtube.xsl"/>
-    <xsl:import href="document.xsl"/>
-
-    <!-- ldh:MergeRDF mode + ldh:merge-metadata() for merging /sparql + /ns object-metadata on the initial server render (SSR-safe: no ixsl). The client SEF gets this via client.xsl → graph3d.xsl. -->
-    <xsl:include href="client/merge-rdfxml.xsl"/>
+    <!-- the import tree, not this list, is the precedence order: Web-Client's internal-layout (its
+         common layer + page layout) below LinkedDataHub's shared layer (common.xsl) - see §3.10.3 -->
+    <xsl:import href="../../client/xsl/converters/RDFXML2JSON-LD.xsl"/>
+    <xsl:import href="../../client/xsl/internal-layout.xsl"/>
+    <xsl:import href="common.xsl"/>
+    <xsl:import href="server.xsl"/> <!-- the server-side bindings of the product-dualed functions (client/functions.xsl mirrors them) -->
+
+
+    <!-- signup page overrides, shared with the client (client.xsl includes it too); the browser-only submit handling inside is use-when-guarded to SaxonJS -->
+    <xsl:include href="admin/signup.xsl"/>
 
     <!--  To use xsl:import-schema, you need the schema-aware version of Saxon -->
     <!-- <xsl:import-schema namespace="http://www.w3.org/1999/xhtml" schema-location="http://www.w3.org/2002/08/xhtml/xhtml1-transitional.xsd"/> -->
@@ -123,9 +112,9 @@ exclude-result-prefixes="#all">
     <xsl:param name="location-mapping" as="map(xs:anyURI, xs:anyURI)">
         <xsl:map>
             <xsl:if test="lapp:origin()">
-                <xsl:map-entry key="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', lapp:origin())" select="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', lapp:origin())"/>
-                <xsl:map-entry key="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/http-statusCodes.rdf', lapp:origin())" select="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/http-statusCodes.rdf', lapp:origin())"/>
-                <xsl:map-entry key="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/admin/countries.rdf', lapp:origin())" select="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/admin/countries.rdf', lapp:origin())"/>                
+                <xsl:map-entry key="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/translations.rdf', lapp:origin())" select="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/translations.rdf', lapp:origin())"/>
+                <xsl:map-entry key="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/http-statusCodes.rdf', lapp:origin())" select="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/http-statusCodes.rdf', lapp:origin())"/>
+                <xsl:map-entry key="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/admin/countries.rdf', lapp:origin())" select="resolve-uri('static/com/atomgraph/linkeddatahub/xsl/admin/countries.rdf', lapp:origin())"/>                
             </xsl:if>
 
             <xsl:map-entry key="xs:anyURI(ac:document-uri(xs:anyURI('&ac;')))" select="ac:build-uri($ldt:base, map{ 'uri': string(ac:document-uri(xs:anyURI('&ac;'))), 'accept': 'application/rdf+xml' })"/>
@@ -281,6 +270,14 @@ exclude-result-prefixes="#all">
         ]]>
         <!-- VALUES $this goes here -->
     </xsl:param>
+    <!-- server-side twin of client.xsl's $property-metadata-query, so ac:property-label resolves predicate labels from
+         the application ontology on the initial render as it does client-side -->
+    <xsl:param name="property-metadata-query" as="xs:string">
+        <![CDATA[
+            DESCRIBE $Type
+        ]]>
+        <!-- VALUES $Type goes here -->
+    </xsl:param>
 
     <xsl:key name="violations-by-root" match="*[@rdf:about] | *[@rdf:nodeID]" use="spin:violationRoot/@rdf:resource | spin:violationRoot/@rdf:nodeID"/>
     <xsl:key name="violations-by-value" match="*" use="ldh:violationValue/text()"/>
@@ -358,22 +355,38 @@ exclude-result-prefixes="#all">
         </xsl:for-each>
     </xsl:template>
 
+    <!-- the m3 skin selector on the root element (retro.css keys on it) is the product's shipped look, not an optional theme.
+
+         lang is the language the page is composed in, taken from the Content-Language this response already carries rather
+         than from the languages the reader accepts - asking for German does not make the page German, and
+         reporting the request here is what put lang="de" on a page written entirely in English. Deriving it from the header
+         rather than recomputing it is what makes the two agree structurally instead of by two computations staying in step.
+         Falls back to en, never to the request: with nothing to go on, the honest answer is the language the chrome ships in -->
+    <xsl:template match="/">
+        <html lang="{($ldh:httpHeaders('Content-Language')[1], 'en')[1]}" data-retro="m3" data-theme="light">
+            <xsl:apply-templates/>
+        </html>
+    </xsl:template>
+
     <!-- STYLE -->
-    
-    <xsl:template match="rdf:RDF[lapp:origin()] | srx:sparql[lapp:origin()]" mode="xhtml:Style">
+
+    <xsl:template match="rdf:RDF[lapp:origin()] | srx:sparql[lapp:origin()]" mode="ac:Stylesheets">
         <xsl:param name="load-rdfa-editor" select="exists($foaf:Agent//@rdf:about)" as="xs:boolean"/>
         <xsl:param name="load-yasqe" select="true()" as="xs:boolean"/>
 
-        <link href="{resolve-uri('static/css/bootstrap.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
-        <link href="{resolve-uri('static/css/bootstrap-responsive.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
-        <link href="{resolve-uri('static/com/atomgraph/client/css/bootstrap.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
-        <link href="{resolve-uri('static/com/atomgraph/linkeddatahub/css/bootstrap.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
         <xsl:if test="$load-rdfa-editor">
             <link href="{resolve-uri('static/com/atomgraph/linkeddatahub/css/rdfa-editor.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
         </xsl:if>
         <xsl:if test="$load-yasqe">
             <link href="{resolve-uri('static/css/yasqe.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
         </xsl:if>
+        <!-- design system: fonts (vendored), tokens, components (app.css imports core.css, which imports controls.css and overlays.css), m3 skin -->
+        <link href="{resolve-uri('static/com/atomgraph/linkeddatahub/css/fonts.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
+        <link href="{resolve-uri('static/com/atomgraph/linkeddatahub/css/colors_and_type.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
+        <link href="{resolve-uri('static/com/atomgraph/linkeddatahub/css/app.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
+        <link href="{resolve-uri('static/com/atomgraph/linkeddatahub/css/retro.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
+        <!-- LDH's app layer over the design kits: CSR state-token styling, LDH-only components, documented divergences - loaded last so it wins the ties it is written to win -->
+        <link href="{resolve-uri('static/com/atomgraph/linkeddatahub/css/ldh.css', lapp:origin())}" rel="stylesheet" type="text/css"/>
     </xsl:template>
 
     <!-- SCRIPT -->
@@ -386,17 +399,12 @@ exclude-result-prefixes="#all">
         <xsl:param name="load-sparql-builder" select="not(ac:mode(root()) = ('&ac;ModalMode', '&ldht;InfoWindowMode'))" as="xs:boolean"/>
         <xsl:param name="load-sparql-map" select="not(ac:mode(root()) = ('&ac;ModalMode', '&ldht;InfoWindowMode'))" as="xs:boolean"/>
         <xsl:param name="load-google-charts" select="not(ac:mode(root()) = ('&ac;ModalMode', '&ldht;InfoWindowMode'))" as="xs:boolean"/>
-        <xsl:param name="load-xml-c14n" select="not(ac:mode(root()) = ('&ac;ModalMode', '&ldht;InfoWindowMode'))" as="xs:boolean"/>
         <xsl:param name="load-graph3d" select="not(ac:mode(root()) = ('&ac;ModalMode', '&ldht;InfoWindowMode'))" as="xs:boolean"/>
         <xsl:param name="output-schema-org" select="true()" as="xs:boolean"/>
         <xsl:param name="location-mapping" select="$location-mapping" as="map(xs:anyURI, xs:anyURI)"/>
 
-        <!-- Web-Client scripts -->
-        <script type="text/javascript" src="{resolve-uri('static/js/jquery.min.js', lapp:origin())}" defer="defer"></script>
-        <script type="text/javascript" src="{resolve-uri('static/js/bootstrap.js', lapp:origin())}" defer="defer"></script>
-        <script type="text/javascript" src="{resolve-uri('static/com/atomgraph/client/js/UUID.js', lapp:origin())}" defer="defer"></script>
         <!-- LinkedDataHub scripts -->
-        <script type="text/javascript" src="{resolve-uri('static/com/atomgraph/linkeddatahub/js/jquery.js', lapp:origin())}" defer="defer"></script>
+        <script type="text/javascript" src="{resolve-uri('static/com/atomgraph/linkeddatahub/js/functions.js', lapp:origin())}" defer="defer"></script>
         <script type="text/javascript">
             <xsl:text disable-output-escaping="yes">
               //&lt;![CDATA[
@@ -491,12 +499,9 @@ exclude-result-prefixes="#all">
                 ]]>
             </script>
         </xsl:if>
-        <xsl:if test="$load-xml-c14n">
-            <script type="text/javascript" src="{resolve-uri('static/com/atomgraph/linkeddatahub/js/xml-c14n-sync.js', lapp:origin())}" defer="defer"></script>
-        </xsl:if>
         <xsl:if test="$output-schema-org">
             <xsl:variable name="rdf" as="element()?">
-                <xsl:apply-templates select="." mode="schema:BreadCrumbList"/>
+                <xsl:apply-templates select="." mode="schema:BreadcrumbList"/>
             </xsl:variable>
             <xsl:if test="exists($rdf)">
                 <!-- output structured data: https://developers.google.com/search/docs/guides/intro-structured-data -->
@@ -510,111 +515,64 @@ exclude-result-prefixes="#all">
         </xsl:if>
     </xsl:template>
     
-    <!-- NAVBAR -->
+    <!-- HEADER -->
     
-    <xsl:template match="rdf:RDF[$lapp:origin] | srx:sparql[$lapp:origin]" mode="bs2:NavBar" priority="1">
-        <div class="navbar navbar-fixed-top">
-            <div class="navbar-inner">
-                <div class="container-fluid">
-                    <button class="btn btn-navbar">
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
-                    </button>
-
-                    <div id="collapsing-top-navbar" class="nav-collapse collapse">
-                        <div class="row-fluid">
-                            <xsl:apply-templates select="." mode="bs2:NavBarLeft"/>
-
-                            <xsl:apply-templates select="." mode="bs2:NavBarMain"/>
-
-                            <xsl:apply-templates select="." mode="bs2:NavBarRight"/>
-                        </div>
-                    </div>
-                </div>
+    <!-- design system Header: wordmark | address bar | actions ('navbar' token kept - the CSR link
+         interception and address-bar handlers anchor on it) -->
+    <xsl:template match="rdf:RDF[$lapp:origin] | srx:sparql[$lapp:origin]" mode="ac:Header" priority="1">
+        <div class="navbar ldh-header" role="banner">
+            <xsl:apply-templates select="." mode="ldh:Brand"/>
+
+            <!-- the address form browses server-side (?uri= through the Linked Data proxy), so it renders
+                 with or without CSR - which also keeps the 220px/1fr/auto header grid real, not propped -->
+            <xsl:apply-templates select="." mode="ldh:AddressBar"/>
+
+            <div class="ldh-header-actions">
+                <xsl:apply-templates select="." mode="ldh:HeaderActions"/>
             </div>
         </div>
     </xsl:template>
 
-    <xsl:template match="*" mode="bs2:NavBar"/>
-
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:NavBarLeft">
-        <xsl:param name="class" select="'span2'" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:apply-templates select="." mode="bs2:Brand"/>
-        </div>
-    </xsl:template>
-
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:NavBarMain">
-        <xsl:param name="class" select="'span7'" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:if test="$ldh:ajaxRendering">
-                <xsl:apply-templates select="." mode="bs2:SearchBar"/>
-            </xsl:if>
-        </div>
-    </xsl:template>
-
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:NavBarRight">
-        <xsl:param name="class" select="'span3'" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:apply-templates select="." mode="bs2:NavBarNavList"/>
-        </div>
-    </xsl:template>
+    <xsl:template match="*" mode="ac:Header"/>
 
-    <xsl:template match="rdf:RDF[key('apps-by-origin', lapp:origin(), $lapp:Context)] | srx:sparql[key('apps-by-origin', lapp:origin(), $lapp:Context)]" mode="bs2:Brand" priority="1">
-        <a class="brand" href="{$ldt:base}">
+    <xsl:template match="rdf:RDF[key('apps-by-origin', lapp:origin(), $lapp:Context)] | srx:sparql[key('apps-by-origin', lapp:origin(), $lapp:Context)]" mode="ldh:Brand" priority="1">
+        <a class="brand ldh-wordmark" href="{$ldt:base}">
             <xsl:for-each select="key('apps-by-origin', lapp:origin(), $lapp:Context)">
                 <xsl:if test="rdf:type/@rdf:resource = '&lapp;AdminApplication'">
-                    <xsl:attribute name="class" select="'brand admin'"/>
+                    <xsl:attribute name="class" select="'brand ldh-wordmark admin'"/>
                 </xsl:if>
 
-                <xsl:value-of>
+                <span class="mark"></span>
+                <span>
                     <xsl:apply-templates select="." mode="ac:label"/>
-                </xsl:value-of>
+                </span>
             </xsl:for-each>
         </a>
     </xsl:template>
-    
-    <xsl:template match="*" mode="bs2:Brand"/>
+
+    <xsl:template match="*" mode="ldh:Brand"/>
 
     <!-- check if agent has access to the user endpoint by executing a dummy query ASK {} -->
-    <xsl:template match="rdf:RDF[doc-available(resolve-uri('sparql?query=ASK%20%7B%7D', $ldt:base))] | srx:sparql[doc-available(resolve-uri('sparql?query=ASK%20%7B%7D', $ldt:base))]" mode="bs2:SearchBar" priority="1">
-        <form action="{ac:absolute-path(ldh:request-uri())}" method="get" class="navbar-form" accept-charset="UTF-8" title="{ac:label(key('resources', 'address-bar-title', document('translations.rdf')))}">
-            <div>
-                <input type="text" id="uri" name="uri" class="input-xxlarge"/>
-            </div>
+    <xsl:template match="rdf:RDF[doc-available(resolve-uri('sparql?query=ASK%20%7B%7D', $ldt:base))] | srx:sparql[doc-available(resolve-uri('sparql?query=ASK%20%7B%7D', $ldt:base))]" mode="ldh:AddressBar" priority="1">
+        <form action="{ac:absolute-path(ldh:request-uri())}" method="get" class="navbar-form ldh-address" accept-charset="UTF-8" role="search" aria-label="{ac:label(key('resources', 'address-bar-title', document('translations.rdf')))}" title="{ac:label(key('resources', 'address-bar-title', document('translations.rdf')))}">
+            <span class="msi outline" aria-hidden="true">public</span>
+            <input type="url" id="uri" name="uri" value="{ac:absolute-path(ldh:request-uri())}" spellcheck="false" autocomplete="off" aria-label="{ac:label(key('resources', 'address-bar-title', document('translations.rdf')))}"/>
         </form>
     </xsl:template>
-    
-    <xsl:template match="*" mode="bs2:SearchBar"/>
 
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:NavBarNavList">
-        <xsl:apply-templates select="." mode="bs2:DataspaceNavList"/>
+    <xsl:template match="*" mode="ldh:AddressBar"/>
+
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ldh:HeaderActions">
+        <xsl:apply-templates select="." mode="ldh:DataspaceTabs"/>
 
-        <xsl:apply-templates select="." mode="bs2:SignUp"/>
+        <xsl:apply-templates select="." mode="ldh:SignUp"/>
     </xsl:template>
 
-    <!-- Admin app override: notification dropdown for pending AuthorizationRequests + agent dropdown.
+    <!-- Admin app override: notification menu for pending AuthorizationRequests + account menu.
          Admin apps are identified by the 'admin.' subdomain prefix on lapp:origin() (nginx wildcard routing convention).
          TO-DO: refactor into component templates -->
-    <xsl:template match="rdf:RDF[starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="bs2:NavBarNavList" priority="1">
+    <xsl:template match="rdf:RDF[starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="ldh:HeaderActions" priority="1">
         <xsl:if test="$foaf:Agent//@rdf:about">
-            <ul class="nav pull-right">
                 <xsl:variable name="notification-query" as="xs:string">
                     <![CDATA[
 PREFIX  rdfs: <http://www.w3.org/2000/01/rdf-schema#>
@@ -652,135 +610,108 @@ WHERE
                     <xsl:variable name="notifications" select="document(ac:build-uri(resolve-uri('sparql', $ldt:base), map{ 'query': $notification-query }))" as="document-node()"/>
 
                     <xsl:if test="$notifications/rdf:RDF/*[@rdf:about]">
-                        <li>
-                            <div class="btn-group">
-                                <button title="{ac:label(key('resources', 'notifications', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', lapp:origin()))))}">
-                                    <xsl:apply-templates select="key('resources', 'notifications', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', lapp:origin())))" mode="ldh:logo">
-                                        <xsl:with-param name="class" select="'btn btn-primary dropdown-toggle'"/>
-                                    </xsl:apply-templates>
+                            <div class="ldhc-menu-anchor">
+                                <!-- the button doubles as the badge anchor (ldhc-badge-wrap): the generic menu handler needs drop-toggle as a direct child of the ldhc-menu-anchor, so a wrapping span is not an option -->
+                                <button class="drop-toggle ldhc-iconbtn sz-lg in-neutral ap-ghost ldhc-badge-wrap" aria-haspopup="menu" aria-expanded="false" title="{ac:label(key('resources', 'notifications', document('translations.rdf')))}">
+                                    <span class="msi outline sm" aria-hidden="true">notifications</span>
+                                    <span class="ldhc-badge sz-md pl-top-right is-dot" style="border-color: transparent">
+                                        <span class="ldhc-vh">
+                                            <xsl:value-of select="ac:label(key('resources', 'notifications', document('translations.rdf')))"/>
+                                        </span>
+                                    </span>
                                 </button>
-                                <ul class="dropdown-menu pull-right">
+                                <div class="ldhc-menu al-end" role="menu">
                                     <xsl:for-each select="$notifications/rdf:RDF/*[@rdf:about]">
                                         <xsl:sort select="dct:created[1]/xs:dateTime(.)" order="descending"/>
 
-                                        <xsl:apply-templates select="." mode="xhtml:ListItem"/>
+                                        <xsl:apply-templates select="@rdf:about" mode="xhtml:Anchor">
+                                            <xsl:with-param name="class" select="'ldhc-menu-item'"/>
+                                            <xsl:with-param name="role" select="'menuitem'"/>
+                                        </xsl:apply-templates>
                                     </xsl:for-each>
-                                </ul>
+                                </div>
                             </div>
-                        </li>
                     </xsl:if>
                 </xsl:if>
 
-                <li>
-                    <div class="btn-group">
-                        <button type="button" title="{ac:label($foaf:Agent//*[@rdf:about][1])}">
-                            <xsl:apply-templates select="key('resources', '&foaf;Agent', document(ac:document-uri('&foaf;')))" mode="ldh:logo">
-                                <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                            </xsl:apply-templates>
-                        </button>
-                        <ul class="dropdown-menu pull-right">
-                            <li>
-                                <xsl:for-each select="key('resources-by-type', '&foaf;Agent', $foaf:Agent)">
-                                    <xsl:apply-templates select="@rdf:about" mode="xhtml:Anchor"/>
-                                </xsl:for-each>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-            </ul>
+                <xsl:apply-templates select="." mode="ldh:AccountMenu"/>
         </xsl:if>
 
-        <xsl:apply-templates select="." mode="bs2:SignUp"/>
+        <xsl:apply-templates select="." mode="ldh:SignUp"/>
     </xsl:template>
 
-    <xsl:template match="rdf:RDF[lapp:origin()][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication'] | srx:sparql[lapp:origin()][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication']" mode="bs2:DataspaceNavList" priority="1">
-        <xsl:param name="id"  as="xs:string?"/>
-        <xsl:param name="class" select="'nav pull-right'" as="xs:string?"/>
-
-        <ul>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
+    <xsl:template match="rdf:RDF[lapp:origin()][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication'] | srx:sparql[lapp:origin()][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication']" mode="ldh:DataspaceTabs" priority="1">
             <xsl:variable name="user-defined-apps" select="if (doc-available($app-request-uri)) then document($app-request-uri)//*[lapp:origin/@rdf:resource] else ()" as="element()*"/>
             <xsl:variable name="system-apps" select="$lapp:Context//*[rdf:type/@rdf:resource = '&lapp;EndUserApplication'][lapp:origin/@rdf:resource]" as="element()*"/>
 
+            <!-- .ldh-header-actions IS the flex cluster (AppShell): controls are its direct children,
+                 no intermediate list -->
             <xsl:if test="exists($user-defined-apps) or exists($system-apps)">
-                <li>
-                    <div class="btn-group">
-                        <button class="btn dropdown-toggle" title="{ac:label(key('resources', 'application-list-title', document('translations.rdf')))}">
-                            <xsl:apply-templates select="key('resources', 'applications', document('translations.rdf'))" mode="ldh:logo">
-                                <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                            </xsl:apply-templates>
+                    <div class="ldhc-menu-anchor">
+                        <button class="drop-toggle ldhc-iconbtn sz-lg in-neutral ap-ghost btn-apps" aria-haspopup="menu" aria-expanded="false" title="{ac:label(key('resources', 'application-list-title', document('translations.rdf')))}">
+                            <span class="msi sm" aria-hidden="true">apps</span>
                         </button>
-                        <ul class="dropdown-menu pull-right">
+                        <div class="ldhc-menu al-end" role="menu">
                             <xsl:if test="exists($user-defined-apps)">
-                                <li class="nav-header">
+                                <div class="ldhc-menu-header" role="presentation">
                                     <xsl:value-of select="ac:label(key('resources', 'user-defined-apps', document('translations.rdf')))"/>
-                                </li>
+                                </div>
                                 <xsl:for-each select="$user-defined-apps">
-                                    <xsl:sort select="ac:label(.)" order="ascending" lang="{$ac:lang}"/>
-                                    <li>
-                                        <a href="{lapp:origin/@rdf:resource}/" title="{lapp:origin/@rdf:resource}">
-                                            <xsl:apply-templates select="." mode="ac:label"/>
-                                        </a>
-                                    </li>
+                                    <xsl:sort select="ac:label(.)" order="ascending" lang="{ac:langs()[1]}"/>
+                                    <a class="ldhc-menu-item" role="menuitem" href="{lapp:origin/@rdf:resource}/" title="{lapp:origin/@rdf:resource}">
+                                        <xsl:apply-templates select="." mode="ac:label"/>
+                                    </a>
                                 </xsl:for-each>
                             </xsl:if>
                             <xsl:if test="exists($system-apps)">
                                 <xsl:if test="exists($user-defined-apps)">
-                                    <li class="divider"/>
+                                    <div class="ldhc-menu-sep" role="separator" aria-orientation="horizontal"/>
                                 </xsl:if>
-                                <li class="nav-header">
+                                <div class="ldhc-menu-header" role="presentation">
                                     <xsl:value-of select="ac:label(key('resources', 'system-apps', document('translations.rdf')))"/>
-                                </li>
+                                </div>
                                 <xsl:for-each select="$system-apps">
-                                    <xsl:sort select="ac:label(.)" order="ascending" lang="{$ac:lang}"/>
-                                    <li>
-                                        <a href="{lapp:origin/@rdf:resource}/" title="{lapp:origin/@rdf:resource}">
-                                            <xsl:apply-templates select="." mode="ac:label"/>
-                                        </a>
-                                    </li>
+                                    <xsl:sort select="ac:label(.)" order="ascending" lang="{ac:langs()[1]}"/>
+                                    <a class="ldhc-menu-item" role="menuitem" href="{lapp:origin/@rdf:resource}/" title="{lapp:origin/@rdf:resource}">
+                                        <xsl:apply-templates select="." mode="ac:label"/>
+                                    </a>
                                 </xsl:for-each>
                             </xsl:if>
-                        </ul>
+                        </div>
                     </div>
-                </li>
             </xsl:if>
             
             <xsl:if test="$foaf:Agent//*[@rdf:about]">
-                <li>
-                    <xsl:apply-templates select="." mode="bs2:Settings"/>
-                </li>
-                <!-- overridden in acl/layout.xsl! TO-DO: extract into separate template -->
-                <li>
-                    <div class="btn-group">
-                        <button type="button" title="{ac:label($foaf:Agent//*[@rdf:about][1])}">
-                            <xsl:apply-templates select="key('resources', '&foaf;Agent', document(ac:document-uri('&foaf;')))" mode="ldh:logo">
-                                <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                            </xsl:apply-templates>
-                        </button>
-                        <ul class="dropdown-menu pull-right">
-                            <li>
-                                <xsl:for-each select="key('resources-by-type', '&foaf;Agent', $foaf:Agent)">
-                                    <xsl:apply-templates select="@rdf:about" mode="xhtml:Anchor"/>
-                                </xsl:for-each>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
+                <xsl:apply-templates select="." mode="ldh:Settings"/>
+                <!-- overridden in acl/layout.xsl! -->
+                <xsl:apply-templates select="." mode="ldh:AccountMenu"/>
             </xsl:if>
-        </ul>        
     </xsl:template>
-    
-    <xsl:template match="*" mode="bs2:DataspaceNavList"/>
+
+    <xsl:template match="*" mode="ldh:DataspaceTabs"/>
+
+    <!-- account menu shared by the admin and end-user header actions -->
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ldh:AccountMenu">
+            <!-- .ldh-avatar-wrap is the design's avatar anchor; .ldhc-menu-anchor keeps the CSR menu handler and its is-open state -->
+            <div class="ldhc-menu-anchor ldh-avatar-wrap">
+                <xsl:variable name="agent-label" select="ac:label($foaf:Agent//*[@rdf:about][1])" as="xs:string?"/>
+                <button type="button" class="drop-toggle ldh-avatar" aria-haspopup="menu" aria-expanded="false" title="{$agent-label}">
+                    <xsl:value-of select="string-join(for $word in tokenize(normalize-space($agent-label), ' ')[position() le 2] return upper-case(substring($word, 1, 1)))"/>
+                </button>
+                <div class="ldhc-menu al-end" role="menu">
+                    <xsl:for-each select="key('resources-by-type', '&foaf;Agent', $foaf:Agent)">
+                        <xsl:apply-templates select="@rdf:about" mode="xhtml:Anchor">
+                            <xsl:with-param name="class" select="'ldhc-menu-item'"/>
+                            <xsl:with-param name="role" select="'menuitem'"/>
+                        </xsl:apply-templates>
+                    </xsl:for-each>
+                </div>
+            </div>
+    </xsl:template>
 
     <!-- SIGNUP -->
     
-    <xsl:template match="rdf:RDF[lapp:origin()][not($foaf:Agent//@rdf:about)][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication'] | srx:sparql[lapp:origin()][not($foaf:Agent//@rdf:about)][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication']" mode="bs2:SignUp" priority="1">
+    <xsl:template match="rdf:RDF[lapp:origin()][not($foaf:Agent//@rdf:about)][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication'] | srx:sparql[lapp:origin()][not($foaf:Agent//@rdf:about)][key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication']" mode="ldh:SignUp" priority="1">
         <!-- resolve links against the origin URI of the admin app -->
         <xsl:param name="google-signup" select="exists($google:clientID)" as="xs:boolean"/>
         <xsl:param name="orcid-signup" select="exists($orcid:clientID)" as="xs:boolean"/>
@@ -788,44 +719,40 @@ WHERE
         <xsl:param name="admin-origin" select="xs:anyURI(replace(string($ac:contextUri), '^(https?://)', '$1admin.'))" as="xs:anyURI"/>
         <xsl:param name="webid-signup-uri" select="ac:build-uri(resolve-uri('sign%20up', $admin-origin), map{ 'referer': string(ac:absolute-path(ldh:request-uri())) })" as="xs:anyURI"/>
 
-        <!-- OAuth providers dropdown -->
+        <!-- OAuth providers menu -->
         <xsl:if test="$google-signup or $orcid-signup">
-            <div class="btn-group pull-right">
-                <button type="button" class="btn btn-primary dropdown-toggle">
+            <div class="ldhc-menu-anchor">
+                <button type="button" class="drop-toggle ldhc-btn in-primary ap-solid sz-md" aria-haspopup="menu" aria-expanded="false">
                     <xsl:value-of>
                         <xsl:apply-templates select="key('resources', 'login', document('translations.rdf'))" mode="ac:label"/>
                     </xsl:value-of>
                     <xsl:text> </xsl:text>
-                    <span class="caret"></span>
+                    <span class="msi caret" aria-hidden="true">expand_more</span>
                 </button>
-                <ul class="dropdown-menu pull-right">
+                <div class="ldhc-menu al-end" role="menu">
                     <xsl:if test="$google-signup">
-                        <li>
-                            <xsl:variable name="google-signup-uri" select="ac:build-uri(resolve-uri('oauth2/authorize/google', $ac:contextUri), map{ 'referer': string(ac:absolute-path(ldh:request-uri())) })" as="xs:anyURI"/>
-                            <a href="{$google-signup-uri}">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'login-google', document('translations.rdf'))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </a>
-                        </li>
+                        <xsl:variable name="google-signup-uri" select="ac:build-uri(resolve-uri('oauth2/authorize/google', $ac:contextUri), map{ 'referer': string(ac:absolute-path(ldh:request-uri())) })" as="xs:anyURI"/>
+                        <a class="ldhc-menu-item" role="menuitem" href="{$google-signup-uri}">
+                            <xsl:value-of>
+                                <xsl:apply-templates select="key('resources', 'login-google', document('translations.rdf'))" mode="ac:label"/>
+                            </xsl:value-of>
+                        </a>
                     </xsl:if>
                     <xsl:if test="$orcid-signup">
-                        <li>
-                            <xsl:variable name="orcid-signup-uri" select="ac:build-uri(resolve-uri('oauth2/authorize/orcid', $ac:contextUri), map{ 'referer': string(ac:absolute-path(ldh:request-uri())) })" as="xs:anyURI"/>
-                            <a href="{$orcid-signup-uri}">
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="key('resources', 'login-orcid', document('translations.rdf'))" mode="ac:label"/>
-                                </xsl:value-of>
-                            </a>
-                        </li>
+                        <xsl:variable name="orcid-signup-uri" select="ac:build-uri(resolve-uri('oauth2/authorize/orcid', $ac:contextUri), map{ 'referer': string(ac:absolute-path(ldh:request-uri())) })" as="xs:anyURI"/>
+                        <a class="ldhc-menu-item" role="menuitem" href="{$orcid-signup-uri}">
+                            <xsl:value-of>
+                                <xsl:apply-templates select="key('resources', 'login-orcid', document('translations.rdf'))" mode="ac:label"/>
+                            </xsl:value-of>
+                        </a>
                     </xsl:if>
-                </ul>
+                </div>
             </div>
         </xsl:if>
         <!-- WebID signup - separate button -->
         <xsl:if test="$webid-signup">
-            <div class="pull-right">
-                <a class="btn btn-primary" href="{if (not(starts-with($ldt:base, lapp:origin()))) then ac:build-uri((), map{ 'uri': string($webid-signup-uri) }) else $webid-signup-uri}">
+            <div>
+                <a class="ldhc-btn in-primary ap-solid sz-md" href="{if (not(starts-with($ldt:base, lapp:origin()))) then ac:build-uri((), map{ 'uri': string($webid-signup-uri) }) else $webid-signup-uri}">
                     <xsl:value-of>
                         <xsl:apply-templates select="key('resources', 'sign-up', document('translations.rdf'))" mode="ac:label"/>
                     </xsl:value-of>
@@ -834,33 +761,32 @@ WHERE
         </xsl:if>
     </xsl:template>
     
-    <xsl:template match="*" mode="bs2:SignUp"/>
+    <xsl:template match="*" mode="ldh:SignUp"/>
     
     <!-- BODY -->
 
-    <xsl:template match="rdf:RDF[$lapp:origin] | srx:sparql[$lapp:origin]" mode="xhtml:Body" priority="1">
+    <xsl:template match="rdf:RDF[$lapp:origin] | srx:sparql[$lapp:origin]" mode="ac:AppShell" priority="1">
         <body>
             <div id="visible-body">
-                <xsl:apply-templates select="." mode="bs2:NavBar"/>
-
-                <div id="tab-body">
-                    <!-- tab bar — sticky, hidden until first external tab is opened -->
-                    <div id="tab-bar" class="navbar-inner" style="display: none">
-                        <div class="container-fluid">
-                            <div class="row-fluid">
-                                <ul class="nav nav-tabs span12" id="tab-bar-list">
-                                    <li data-uri="{ac:absolute-path(ldh:base-uri(.))}">
-                                        <a href="{ldh:href(ac:absolute-path(ldh:base-uri(.)), ldh:build-query(ac:mode(root())))}">
-                                            <xsl:apply-templates select="key('resources', ac:absolute-path(ldh:base-uri(.)))" mode="ac:label"/>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
+                <xsl:apply-templates select="." mode="ac:Header"/>
+
+                <div id="tab-body" role="main">
+                    <!-- tab bar — sticky, hidden until first external tab is opened.
+                         DataspaceTabs anatomy (§17b): ul.ldh-tabs > li.is-active > a.ldh-tab[href] + button.tab-close -->
+                    <div id="tab-bar" role="navigation" aria-label="{ac:label(key('resources', 'dataspaces', document('translations.rdf')))}">
+                        <ul class="ldh-tabs" id="tab-bar-list">
+                            <!-- the same shape ldh:AddDataspaceTab appends client-side: state on the li, aria-current on the anchor, close as its sibling -->
+                            <li class="is-active" data-uri="{ac:absolute-path(ldh:base-uri(.))}">
+                                <a class="ldh-tab" aria-current="page" href="{ldh:href(ac:absolute-path(ldh:base-uri(.)), ldh:build-query(ac:mode(root())))}">
+                                    <xsl:apply-templates select="key('resources', ac:absolute-path(ldh:base-uri(.)))" mode="ac:label"/>
+                                </a>
+                                <button type="button" class="tab-close" aria-label="{ac:label(key('resources', 'close', document('translations.rdf')))}"><span class="msi">close</span></button>
+                            </li>
+                        </ul>
                     </div>
 
-                    <!-- document content panes using Bootstrap 2.3.2 tab-content/tab-pane classes -->
-                    <div id="tab-content" class="tab-content">
+                    <!-- document content panes (.ldh-panes/.ldh-pane classes -->
+                    <div id="tab-content" class="ldh-panes">
                         <xsl:variable name="object-uris" select="rdf:Description/*/@rdf:resource[not(key('resources', .))]" as="xs:anyURI*"/>
                         <xsl:variable name="object-metadata" as="document-node()?">
                             <xsl:if test="exists($object-uris)">
@@ -879,14 +805,28 @@ WHERE
                                 <xsl:sequence select="ldh:merge-metadata($sparql-metadata, $ns-metadata)"/>
                             </xsl:if>
                         </xsl:variable>
+                        <xsl:variable name="property-uris" select="distinct-values(rdf:Description/*/concat(namespace-uri(), local-name()))" as="xs:string*"/>
+                        <!-- predicate labels from /ns, the counterpart of the object labels above and of the client's own
+                             property-metadata fetch. Without it ac:property-label finds nothing in $property-metadata and
+                             falls through to the published vocabulary, whose labels are English-only - so a reader whose
+                             language the application ontology does translate still got English predicates -->
+                        <xsl:variable name="property-metadata" as="document-node()?">
+                            <xsl:if test="exists($property-uris)">
+                                <xsl:variable name="values" select="' VALUES $Type { ' || string-join(for $uri in $property-uris return '&lt;' || $uri || '&gt;', ' ') || ' }'" as="xs:string"/>
+                                <xsl:try select="ldh:send-request(resolve-uri('ns', ldt:base()), 'POST', 'application/sparql-query', $property-metadata-query || $values, map{ 'Accept': 'application/rdf+xml' })">
+                                    <xsl:catch/>
+                                </xsl:try>
+                            </xsl:if>
+                        </xsl:variable>
                         <xsl:variable name="local-pane" as="element()">
-                            <xsl:apply-templates select="." mode="bs2:TabBody">
+                            <xsl:apply-templates select="." mode="ldh:TabPanel">
                                 <xsl:with-param name="mode" select="ac:mode(root())"/>
                                 <xsl:with-param name="base" select="ldt:base()"/>
                                 <xsl:with-param name="endpoint" select="sd:endpoint()"/>
                                 <xsl:with-param name="acl-modes" select="acl:mode()"/>
                                 <xsl:with-param name="about" select="ac:absolute-path(ldh:base-uri(.))"/>
                                 <xsl:with-param name="object-metadata" select="$object-metadata" tunnel="yes"/>
+                                <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
                             </xsl:apply-templates>
                         </xsl:variable>
                         <xsl:for-each select="$local-pane">
@@ -901,14 +841,14 @@ WHERE
                     </div>
                 </div>
 
-                <xsl:apply-templates select="." mode="bs2:Footer"/>
+                <xsl:apply-templates select="." mode="ac:Footer"/>
             </div>
 
         </body>
     </xsl:template>
     
     <!-- only lookup resource locally using DESCRIBE if it's external (not relative to the app's base URI) and the agent is authenticated -->
-    <xsl:template match="*[*][@rdf:about = ac:absolute-path(ldh:base-uri(.))][not(starts-with(@rdf:about, $ldt:base))][$foaf:Agent//@rdf:about]" mode="bs2:PropertyList">
+    <xsl:template match="*[*][@rdf:about = ac:absolute-path(ldh:base-uri(.))][not(starts-with(@rdf:about, $ldt:base))][$foaf:Agent//@rdf:about]" mode="ac:PropertyEditor">
         <xsl:param name="endpoint" select="sd:endpoint()" as="xs:anyURI"/>
         <xsl:param name="property-uris" select="distinct-values(*/concat(namespace-uri(), local-name()))" as="xs:anyURI*"/>
         <xsl:param name="property-metadata" select="ldh:send-request(resolve-uri('ns', $ldt:base), 'POST', 'application/sparql-query', 'DESCRIBE ' || string-join(for $uri in distinct-values(/rdf:RDF/*/*/concat(namespace-uri(), local-name())) return '&lt;' || $uri || '&gt;', ' '), map{ 'Accept': 'application/rdf+xml' })" as="document-node()"/>
@@ -937,7 +877,7 @@ WHERE
         <xsl:variable name="properties-original" select="for $triple-key in ac:value-except(map:keys($triples-original), map:keys($triples-local)) return map:get($triples-original, $triple-key)" as="element()*"/>
         <xsl:if test="exists($properties-original)">
             <div>
-                <h2 class="nav-header btn">
+                <h2 class="ldh-section-heading">
                     <xsl:value-of>
                         <xsl:apply-templates select="key('resources', 'from-origin', document('translations.rdf'))" mode="ac:label"/>
                     </xsl:value-of>
@@ -945,24 +885,25 @@ WHERE
 
                 <xsl:variable name="definitions" as="document-node()">
                     <xsl:document>
-                        <dl class="dl-horizontal">
+                        <dl>
                             <xsl:apply-templates select="$properties-original" mode="#current">
-                                <xsl:sort select="ac:property-label(., $property-metadata)" order="ascending" lang="{$ac:lang}"/>
-                                <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{$ac:lang}"/>
+                                <xsl:sort select="ac:property-label(., $property-metadata)" order="ascending" lang="{ac:langs()[1]}"/>
+                                <xsl:sort select="ac:lang-rank(.)" order="ascending"/>
+                                <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{ac:langs()[1]}"/>
                                 <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
                             </xsl:apply-templates>
                         </dl>
                     </xsl:document>
                 </xsl:variable>
 
-                <xsl:apply-templates select="$definitions" mode="bs2:PropertyListIdentity"/>
+                <xsl:apply-templates select="$definitions" mode="ac:PropertyGroups"/>
             </div>
         </xsl:if>
 
         <xsl:variable name="properties-local" select="for $triple-key in ac:value-except(map:keys($triples-local), map:keys($triples-original)) return map:get($triples-local, $triple-key)" as="element()*"/>
         <xsl:if test="exists($properties-local)">
             <div>
-                <h2 class="nav-header btn">
+                <h2 class="ldh-section-heading">
                     <xsl:value-of>
                         <xsl:apply-templates select="key('resources', 'local', document('translations.rdf'))" mode="ac:label"/>
                     </xsl:value-of>
@@ -970,24 +911,25 @@ WHERE
                 
                 <xsl:variable name="definitions" as="document-node()">
                     <xsl:document>
-                        <dl class="dl-horizontal">
+                        <dl>
                             <xsl:apply-templates select="$properties-local" mode="#current">
-                                <xsl:sort select="ac:property-label(., $property-metadata)" order="ascending" lang="{$ac:lang}"/>
-                                <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{$ac:lang}"/>
+                                <xsl:sort select="ac:property-label(., $property-metadata)" order="ascending" lang="{ac:langs()[1]}"/>
+                                <xsl:sort select="ac:lang-rank(.)" order="ascending"/>
+                                <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{ac:langs()[1]}"/>
                                 <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
                             </xsl:apply-templates>
                         </dl>
                     </xsl:document>
                 </xsl:variable>
 
-                <xsl:apply-templates select="$definitions" mode="bs2:PropertyListIdentity"/>
+                <xsl:apply-templates select="$definitions" mode="ac:PropertyGroups"/>
             </div>
         </xsl:if>
         
         <xsl:variable name="properties-common" select="for $triple-key in ac:value-intersect(map:keys($triples-original), map:keys($triples-local)) return map:get($triples-original, $triple-key)" as="element()*"/>
         <xsl:if test="exists($properties-common)">
             <div>
-                <h2 class="nav-header btn">
+                <h2 class="ldh-section-heading">
                     <xsl:value-of>
                         <xsl:apply-templates select="key('resources', 'common', document('translations.rdf'))" mode="ac:label"/>
                     </xsl:value-of>
@@ -995,29 +937,25 @@ WHERE
 
                 <xsl:variable name="definitions" as="document-node()">
                     <xsl:document>
-                        <dl class="dl-horizontal">
+                        <dl>
                             <xsl:apply-templates select="$properties-common" mode="#current">
-                                <xsl:sort select="ac:property-label(., $property-metadata)" order="ascending" lang="{$ac:lang}"/>
-                                <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{$ac:lang}"/>
+                                <xsl:sort select="ac:property-label(., $property-metadata)" order="ascending" lang="{ac:langs()[1]}"/>
+                                <xsl:sort select="ac:lang-rank(.)" order="ascending"/>
+                                <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{ac:langs()[1]}"/>
                                 <xsl:with-param name="property-metadata" select="$property-metadata" tunnel="yes"/>
                             </xsl:apply-templates>
                         </dl>
                     </xsl:document>
                 </xsl:variable>
 
-                <xsl:apply-templates select="$definitions" mode="bs2:PropertyListIdentity"/>
+                <xsl:apply-templates select="$definitions" mode="ac:PropertyGroups"/>
             </div>
         </xsl:if>
     </xsl:template>
    
-    <!-- CONTENT HEADER -->
-
-    <!-- hide the header of def:SelectChildren content -->
-    <xsl:template match="*[*][$ldh:ajaxRendering][rdf:value/@rdf:resource = '&ldh;SelectChildren']" mode="bs2:RowContentHeader"/>
-    
     <!-- ACCESS LIST ITEM -->
     
-    <xsl:template match="*[@rdf:about]" mode="bs2:AccessListItem" priority="1">
+    <xsl:template match="*[@rdf:about]" mode="ldh:AccessListItem" priority="1">
         <xsl:param name="enabled" as="xs:anyURI*"/>
         <xsl:param name="base-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI" tunnel="yes"/>
 
@@ -1041,101 +979,73 @@ WHERE
         
     <!-- SETTINGS -->
     
-    <xsl:template match="rdf:RDF[lapp:origin()] | srx:sparql[lapp:origin()]" mode="bs2:Settings" priority="1">
-        <div class="btn-group pull-right">
-            <button type="button" title="{ac:label(key('resources', 'nav-bar-action-settings-title', document('translations.rdf')))}">
-                <xsl:apply-templates select="key('resources', 'settings', document('translations.rdf'))" mode="ldh:logo">
-                    <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                </xsl:apply-templates>
+    <xsl:template match="rdf:RDF[lapp:origin()] | srx:sparql[lapp:origin()]" mode="ldh:Settings" priority="1">
+        <div class="ldhc-menu-anchor">
+            <button type="button" class="drop-toggle ldhc-iconbtn sz-lg in-neutral ap-ghost" aria-haspopup="menu" aria-expanded="false" title="{ac:label(key('resources', 'nav-bar-action-settings-title', document('translations.rdf')))}">
+                <span class="msi outline sm" aria-hidden="true">settings</span>
             </button>
 
-            <ul class="dropdown-menu">
+            <div class="ldhc-menu al-end" role="menu">
                 <xsl:if test="$foaf:Agent//@rdf:about and key('apps-by-origin', lapp:origin(), $lapp:Context)/rdf:type/@rdf:resource = '&lapp;EndUserApplication'">
-                    <li>
-                        <button class="btn btn-app-settings">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', '&lapp;Application', document(ac:document-uri('&lapp;')))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </button>
-                    </li>
-                    <li>
-                        <a href="{replace(string(lapp:origin()), '^(https?://)', '$1admin.')}" class="external" target="_blank">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'administration', document('translations.rdf'))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="{resolve-uri('ns', $ldt:base)}">
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'namespace-ontology', document('translations.rdf'))" mode="ac:label"/>
-                            </xsl:value-of>
-                        </a>
-                    </li>
+                    <button type="button" class="ldhc-menu-item btn-app-settings" role="menuitem">
+                        <xsl:value-of>
+                            <xsl:apply-templates select="key('resources', '&lapp;Application', document(ac:document-uri('&lapp;')))" mode="ac:label"/>
+                        </xsl:value-of>
+                    </button>
+                    <a href="{replace(string(lapp:origin()), '^(https?://)', '$1admin.')}" class="ldhc-menu-item external" role="menuitem" target="_blank">
+                        <xsl:value-of>
+                            <xsl:apply-templates select="key('resources', 'administration', document('translations.rdf'))" mode="ac:label"/>
+                        </xsl:value-of>
+                    </a>
+                    <a class="ldhc-menu-item" role="menuitem" href="{resolve-uri('ns', $ldt:base)}">
+                        <xsl:value-of>
+                            <xsl:apply-templates select="key('resources', 'namespace-ontology', document('translations.rdf'))" mode="ac:label"/>
+                        </xsl:value-of>
+                    </a>
                 </xsl:if>
-            </ul>
+            </div>
         </div>
     </xsl:template>
     
     <!-- FOOTER -->
     
-    <xsl:template match="rdf:RDF | srx:sparql" mode="bs2:Footer">
-        <div class="footer container-fluid">
-            <div class="row-fluid">
-                <div class="offset2 span8">
-                    <div class="span3">
-                        <h2 class="nav-header">About</h2>
-                        <ul class="nav nav-list">
-                            <li>
-                                <a href="https://linkeddatahub.com" target="_blank">LinkedDataHub</a>
-                            </li>
-                            <li>
-                                <a href="https://atomgraph.com" target="_blank">AtomGraph</a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="span3">
-                        <h2 class="nav-header">Resources</h2>
-                        <ul class="nav nav-list">
-                            <li>
-                                <a href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/" target="_blank">Documentation</a>
-                            </li>
-                            <li>
-                                <a href="https://www.youtube.com/channel/UCtrdvnVjM99u9hrjESwfCeg" target="_blank">Screencasts</a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="span3">
-                        <h2 class="nav-header">Support</h2>
-                        <ul class="nav nav-list">
-                            <li>
-                                <a href="https://groups.io/g/linkeddatahub" target="_blank">Mailing list</a>
-                            </li>
-                            <li>
-                                <a href="https://github.com/AtomGraph/LinkedDataHub/issues" target="_blank">Report issues</a>
-                            </li>
-                            <li>
-                                <a href="mailto:support@linkeddatahub.com">Contact support</a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="span3">
-                        <h2 class="nav-header">Follow us</h2>
-                        <ul class="nav nav-list">
-                            <li>
-                                <a href="https://twitter.com/atomgraphhq" target="_blank">@atomgraphhq</a>
-                            </li>
-                            <li>
-                                <a href="https://github.com/AtomGraph" target="_blank">github.com/AtomGraph</a>
-                            </li>
-<!--                            <li>
-                                <a href="https://www.facebook.com/AtomGraph" target="_blank">facebook.com/AtomGraph</a>
-                            </li>-->
-                        </ul>
-                    </div>
+    <xsl:template match="rdf:RDF | srx:sparql" mode="ac:Footer">
+        <div class="footer ldh-footer" role="contentinfo">
+            <div class="cols">
+                <div class="col brand-col">
+                    <a class="ldh-wordmark" href="{$ldt:base}">
+                        <span class="mark"></span>
+                        <span>LinkedDataHub</span>
+                    </a>
+                    <p><xsl:value-of select="ac:label(key('resources', 'footer-tagline', document('translations.rdf')))"/></p>
+                </div>
+                <div class="col">
+                    <p class="ftitle"><xsl:value-of select="ac:label(key('resources', 'about', document('translations.rdf')))"/></p>
+                    <a href="https://linkeddatahub.com" target="_blank">LinkedDataHub</a>
+                    <a href="https://atomgraph.com" target="_blank">AtomGraph</a>
+                </div>
+                <div class="col">
+                    <p class="ftitle"><xsl:value-of select="ac:label(key('resources', 'resources', document('translations.rdf')))"/></p>
+                    <a href="https://atomgraph.github.io/LinkedDataHub/linkeddatahub/docs/" target="_blank"><xsl:value-of select="ac:label(key('resources', 'documentation', document('translations.rdf')))"/></a>
+                    <a href="https://www.youtube.com/channel/UCtrdvnVjM99u9hrjESwfCeg" target="_blank"><xsl:value-of select="ac:label(key('resources', 'screencasts', document('translations.rdf')))"/></a>
+                </div>
+                <div class="col">
+                    <p class="ftitle"><xsl:value-of select="ac:label(key('resources', 'support', document('translations.rdf')))"/></p>
+                    <a href="https://groups.io/g/linkeddatahub" target="_blank"><xsl:value-of select="ac:label(key('resources', 'mailing-list', document('translations.rdf')))"/></a>
+                    <a href="https://github.com/AtomGraph/LinkedDataHub/issues" target="_blank"><xsl:value-of select="ac:label(key('resources', 'report-issues', document('translations.rdf')))"/></a>
+                    <a href="mailto:support@linkeddatahub.com"><xsl:value-of select="ac:label(key('resources', 'contact-support', document('translations.rdf')))"/></a>
+                </div>
+                <div class="col">
+                    <p class="ftitle"><xsl:value-of select="ac:label(key('resources', 'follow-us', document('translations.rdf')))"/></p>
+                    <a href="https://twitter.com/atomgraphhq" target="_blank">@atomgraphhq</a>
+                    <a href="https://github.com/AtomGraph" target="_blank">github.com/AtomGraph</a>
                 </div>
             </div>
+            <div class="legal">
+                <span>© <xsl:value-of select="format-date(current-date(), '[Y]')"/> AtomGraph · LinkedDataHub</span>
+                <span><xsl:value-of select="$ldt:base"/></span>
+            </div>
         </div>
     </xsl:template>
-    
+
 </xsl:stylesheet>
\ No newline at end of file
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/merge-rdfxml.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/merge-rdfxml.xsl
similarity index 77%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/merge-rdfxml.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/merge-rdfxml.xsl
index 76ad820dff..822de65b7f 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/merge-rdfxml.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/merge-rdfxml.xsl
@@ -41,8 +41,14 @@
             <xsl:apply-templates select="@*" mode="#current"/>
 
             <xsl:variable name="resource-uri" select="@rdf:about" as="xs:anyURI"/>
+            <!-- the group key is the RDF triple's object, so it carries @xml:lang and @rdf:datatype: "Concept" and "Concept"@en are
+                 distinct RDF terms, and keying on the lexical form alone collapsed them and kept whichever came first. Ontology terms
+                 routinely carry both an untagged label from the vocabulary (dh.ttl: rdfs:label "Item") and tagged ones from the app
+                 ontology, so the tagged label lost - dropping the only value a language the reader accepts could match.
+                 The object value is bounded via ldh:bounded-key(): xsl:for-each-group hashes the key through SaxonJS's
+                 per-character trie recursion, which oversized literal values (e.g. XHTML content blocks) overflow -->
             <xsl:for-each-group select="* | key('resources', $resource-uri, $new-rdf)/*"
-                group-by="concat(node-name(.), '|', (@rdf:resource, @rdf:nodeID, string(.))[1])">
+                group-by="concat(node-name(.), '|', ldh:bounded-key((@rdf:resource, @rdf:nodeID, string(.))[1]), '|', @xml:lang, '|', @rdf:datatype)">
                 <xsl:apply-templates select="current-group()[1]" mode="#current"/>
             </xsl:for-each-group>
         </xsl:copy>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/RDFa2RDFXML-v3.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/RDFa2RDFXML-v3.xsl
index 7ff325d4a1..42c73b8b0e 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/RDFa2RDFXML-v3.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/RDFa2RDFXML-v3.xsl
@@ -49,7 +49,8 @@
         'dct': 'http://purl.org/dc/terms/'
     }"/>
 
-    <xsl:template match="/" name="extract-rdfa">
+    <!-- named entry only — an unnamed-mode match="/" here would intercept every default-mode dispatch against a document node in the host stylesheet (see be7c4ebc8 for the normalize-rdfxml instance of the same bug) -->
+    <xsl:template name="rdfax:extract-rdfa">
         <xsl:param name="doc" as="document-node()" select="."/>
         <xsl:param name="base" as="xs:string" select="($base-uri, string(base-uri($doc)))[1]"/>
         <xsl:variable name="effective-base" as="xs:string"
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/annotate.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/annotate.xsl
index ca65a32339..2b6535aabb 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/annotate.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/annotate.xsl
@@ -7,6 +7,8 @@ xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
 xmlns:rdfax="https://w3id.org/atomgraph/rdfa-editor/rdfa#"
 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
+xmlns:ac="https://w3id.org/atomgraph/client#"
 extension-element-prefixes="ixsl"
 xpath-default-namespace="http://www.w3.org/1999/xhtml"
 version="3.0">
@@ -275,8 +277,8 @@ version="3.0">
                 <div id="output-modal" class="rdfa-editor-ui" style="display: none;">
                     <div class="modal-content">
                         <span class="modal-close">&#215;</span>
-                        <h3 id="output-title">Output</h3>
-                        <button id="output-download" type="button" style="display: none;">Download</button>
+                        <h3 id="output-title"><xsl:apply-templates select="key('resources', 'output', ldh:translations())" mode="ac:label"/></h3>
+                        <button id="output-download" type="button" style="display: none;"><xsl:apply-templates select="key('resources', 'download', ldh:translations())" mode="ac:label"/></button>
                         <pre id="output-content"/>
                     </div>
                 </div>
@@ -329,14 +331,14 @@ version="3.0">
          rdf:Description per subject (via rdfae:group-triples) for readability -->
     <xsl:template match="button[@id = 'parse-rdf']" mode="ixsl:onclick">
         <xsl:variable name="rdf" as="element(rdf:RDF)">
-            <xsl:call-template name="extract-rdfa">
+            <xsl:call-template name="rdfax:extract-rdfa">
                 <xsl:with-param name="doc" select="ixsl:page()"/>
                 <xsl:with-param name="base" select="rdfae:document-uri()"/>
             </xsl:call-template>
         </xsl:variable>
 
         <xsl:call-template name="rdfae:show-output">
-            <xsl:with-param name="title" select="'Extracted RDF/XML'"/>
+            <xsl:with-param name="title" select="ac:label(key('resources', 'extracted-rdfxml', ldh:translations()))"/>
             <xsl:with-param name="text" select="serialize(rdfae:group-triples($rdf), map{ 'method': 'xml', 'indent': true() })"/>
             <xsl:with-param name="filename" select="'content.rdf'"/>
             <xsl:with-param name="media-type" select="'application/rdf+xml'"/>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/blocks.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/blocks.xsl
index c4f3e16263..acfca215a9 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/blocks.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/blocks.xsl
@@ -99,18 +99,27 @@ version="3.0">
     <xsl:template name="rdfae:replace-rendering">
         <xsl:param name="island" as="element()"/>
         <xsl:param name="content" as="node()*"/>
-        <xsl:for-each select="$island/*[@data-role = 'rendering']">
-            <xsl:sequence select="ixsl:call(., 'remove', [])[current-date() lt xs:date('2000-01-01')]"/>
-        </xsl:for-each>
-        <xsl:variable name="rendering" as="element()" select="rdfae:element('div')"/>
-        <xsl:for-each select="$rendering">
-            <ixsl:set-attribute name="data-role" select="'rendering'"/>
-        </xsl:for-each>
-        <!-- html method: XML's self-closing tags read as OPEN tags to the HTML
-             fragment parser and swallow following siblings -->
-        <ixsl:set-property name="innerHTML"
-            select="serialize($content, map{ 'method': 'html' })" object="$rendering"/>
-        <xsl:sequence select="ixsl:call($island, 'appendChild', [ $rendering ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:variable name="rendering" as="element()">
+            <div data-role="rendering">
+                <xsl:copy-of select="$content"/>
+            </div>
+        </xsl:variable>
+        <xsl:choose>
+            <xsl:when test="$island/*[@data-role = 'rendering']">
+                <xsl:for-each select="($island/*[@data-role = 'rendering'])[1]">
+                    <xsl:result-document href="?." method="ixsl:replace-element">
+                        <xsl:copy-of select="$rendering"/>
+                    </xsl:result-document>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:for-each select="$island">
+                    <xsl:result-document href="?." method="ixsl:append-content">
+                        <xsl:copy-of select="$rendering"/>
+                    </xsl:result-document>
+                </xsl:for-each>
+            </xsl:otherwise>
+        </xsl:choose>
     </xsl:template>
 
     <!-- ............................ extension hooks ............................ -->
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/canonical-xhtml.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/canonical-xhtml.xsl
index 0aaac740ea..db6e36b7c8 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/canonical-xhtml.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/canonical-xhtml.xsl
@@ -15,11 +15,11 @@ version="3.0">
     (index.xsl does; the test driver is tests/canonical-driver.xsl).
 
     Two passes in a fixed order:
-    1. mode="canonical"     strips editing ephemera per the LDH v6 convention
+    1. mode="cm:canonical"     strips editing ephemera per the LDH v6 convention
                             (everything carrying @data-role is removable by
                             construction), sanitizes, and normalizes browser mess.
                             Nesting analysis must never see chrome, so this runs first.
-    2. mode="cm-normalize"  coerces the result to the XHTML Strict content model
+    2. mode="cm:normalize"  coerces the result to the XHTML Strict content model
                             (blockquote is block-only, p is inline-only, ul holds
                             only li, ...), always RDFa-preserving. The load-init
                             path (edit.xsl) runs this pass ALONE on host content.
@@ -32,13 +32,13 @@ version="3.0">
     <!-- serialization is the caller's job (view-source runs exclusive XML c14n via
          rdfae:canonicalize-xml in edit.xsl, tests use -o output); no xsl:output
          here - it would conflict with the including stylesheet's -->
-    <xsl:mode name="canonical" on-no-match="shallow-copy"/>
-    <xsl:mode name="cm-normalize" on-no-match="shallow-copy"/>
+    <xsl:mode name="cm:canonical" on-no-match="shallow-copy"/>
+    <xsl:mode name="cm:normalize" on-no-match="shallow-copy"/>
 
-    <xsl:template name="canonical-xhtml">
+    <xsl:template name="cm:canonical-xhtml">
         <xsl:param name="content" as="element()" select="/*"/>
         <xsl:variable name="pass1" as="node()*">
-            <xsl:apply-templates select="$content" mode="canonical"/>
+            <xsl:apply-templates select="$content" mode="cm:canonical"/>
         </xsl:variable>
         <xsl:for-each select="$pass1/self::*">
             <xsl:copy>
@@ -50,15 +50,15 @@ version="3.0">
     </xsl:template>
 
     <!-- -im:canonical entry for CLI fallback -->
-    <xsl:template match="/" mode="canonical">
-        <xsl:call-template name="canonical-xhtml"/>
+    <xsl:template match="/" mode="cm:canonical">
+        <xsl:call-template name="cm:canonical-xhtml"/>
     </xsl:template>
 
     <!-- ................ shared coercion primitives ................ -->
 
     <xsl:function name="cm:normalize" as="node()*">
         <xsl:param name="nodes" as="node()*"/>
-        <xsl:apply-templates select="$nodes" mode="cm-normalize"/>
+        <xsl:apply-templates select="$nodes" mode="cm:normalize"/>
     </xsl:function>
 
     <!-- the wrapper is inline-only, so only text and KNOWN-INLINE elements may be
@@ -114,62 +114,95 @@ version="3.0">
         </xsl:for-each-group>
     </xsl:function>
 
-    <!-- ................ pass 1: mode="canonical" ................ -->
+    <!-- ................ pass 1: mode="cm:canonical" ................ -->
 
     <!-- C1: everything carrying @data-role is ephemeral (chrome, rendering) -->
-    <xsl:template match="*[@data-role]" mode="canonical" priority="2"/>
+    <xsl:template match="*[@data-role]" mode="cm:canonical" priority="2"/>
 
     <!-- S1: active/embedding elements never survive into stored content (the
-         canonical form is the sanitization boundary for multi-user content) -->
+         canonical form is the sanitization boundary for multi-user content).
+         button is exempt: inert markup once S2 strips its handlers, and content
+         components (e.g. tab strips) legitimately store it -->
     <xsl:template match="script | style | iframe | object | embed | applet
-        | form | input | button | select | textarea | link | meta | base" mode="canonical" priority="3"/>
+        | form | input | select | textarea | link | meta | base" mode="cm:canonical" priority="3"/>
 
     <!-- S1b: comments and processing instructions are noise (Word/HTML paste junk) -->
-    <xsl:template match="comment() | processing-instruction()" mode="canonical"/>
+    <xsl:template match="comment() | processing-instruction()" mode="cm:canonical"/>
 
     <!-- S2: event-handler attributes are always stripped -->
-    <xsl:template match="@*[matches(local-name(), '^on', 'i')]" mode="canonical"/>
+    <xsl:template match="@*[matches(local-name(), '^on', 'i')]" mode="cm:canonical"/>
 
     <!-- S3: scripting/data URL schemes are dropped from link and media targets
          (the attribute, not the element); data:image/* remains valid in @src -->
     <xsl:template match="@href[matches(normalize-space(.), '^(javascript|vbscript|data):', 'i')]
         | @src[matches(normalize-space(.), '^(javascript|vbscript):', 'i')]
         | @src[matches(normalize-space(.), '^data:', 'i')][not(matches(normalize-space(.), '^data:image/', 'i'))]"
-        mode="canonical"/>
+        mode="cm:canonical"/>
+
+    <!-- the class tokens the editor itself puts on content elements: the region and
+         run/island markers plus transient gesture and lint state. Everything else in
+         @class is authored content -->
+    <xsl:function name="cm:authored-class-tokens" as="xs:string*">
+        <xsl:param name="class" as="xs:string?"/>
+        <xsl:sequence select="tokenize($class, '\s+')[.][not(starts-with(., 'rdfa-editor-') or . = ('dragging', 'drop-before', 'drop-after', 'drop-into', 'rdfa-invalid'))]"/>
+    </xsl:function>
+
+    <!-- attributes that survive canonicalization and so count as authored meaning:
+         everything except the editor's own injections (C2) and stripped handlers (S2).
+         C6/C7's meaninglessness tests consult this, so an element keeping an authored
+         class, id, aria-* etc. is never unwrapped as browser junk -->
+    <xsl:function name="cm:authored-attributes" as="attribute()*">
+        <xsl:param name="element" as="element()"/>
+        <xsl:sequence select="$element/@*[not(name() = ('contenteditable', 'draggable', 'style') or (name() = 'tabindex' and . = '-1') or matches(local-name(), '^on', 'i') or (name() = 'class' and empty(cm:authored-class-tokens(.))))]"/>
+    </xsl:function>
 
-    <!-- C2: editing-state and styling-hook attributes never serialize (tabindex is
-         injected to make block images focusable navigation islands) -->
-    <xsl:template match="@contenteditable | @draggable | @class | @id | @style | @tabindex
-        | @*[starts-with(name(), 'aria-')] | @*[starts-with(name(), 'data-')]" mode="canonical"/>
+    <!-- C2: only the editing-state attributes the editor itself injects are stripped
+         (tabindex="-1" makes block images/islands focusable navigation islands), plus
+         @style, which no editing gesture can author - browsers mint styled spans during
+         editing and paste, so inline style is browser mess like font/u, not content.
+         Authored attributes - class, id, aria-*, data-*, role, hidden - are content
+         and round-trip untouched: the canonical form owes the author fidelity. A host
+         with a stricter storage policy layers its own stripping by overriding these
+         templates at higher import precedence -->
+    <xsl:template match="@contenteditable | @draggable | @style | @tabindex[. = '-1']" mode="cm:canonical"/>
+
+    <!-- C2b: the editor's own class tokens are subtracted from @class; authored tokens
+         survive, and an attribute left empty drops -->
+    <xsl:template match="@class" mode="cm:canonical">
+        <xsl:variable name="tokens" select="cm:authored-class-tokens(.)" as="xs:string*"/>
+        <xsl:if test="exists($tokens)">
+            <xsl:attribute name="class" select="string-join($tokens, ' ')"/>
+        </xsl:if>
+    </xsl:template>
 
     <!-- C3/C4: presentational aliases to their semantic elements -->
-    <xsl:template match="b" mode="canonical">
+    <xsl:template match="b" mode="cm:canonical">
         <strong>
             <xsl:apply-templates select="@* | node()" mode="#current"/>
         </strong>
     </xsl:template>
 
-    <xsl:template match="i" mode="canonical">
+    <xsl:template match="i" mode="cm:canonical">
         <em>
             <xsl:apply-templates select="@* | node()" mode="#current"/>
         </em>
     </xsl:template>
 
     <!-- C5: legacy presentational wrappers are dropped, content kept -->
-    <xsl:template match="font | u" mode="canonical">
+    <xsl:template match="font | u" mode="cm:canonical">
         <xsl:apply-templates select="node()" mode="#current"/>
     </xsl:template>
 
-    <!-- C6: a span left without RDFa or language attributes carries no meaning -->
-    <xsl:template match="span[not(@property or @about or @typeof or @resource or @content
-            or @datatype or @lang or @xml:lang)]" mode="canonical">
+    <!-- C6: a span left without any authored attribute carries no meaning; RDFa,
+         language, class, id etc. all count as meaning -->
+    <xsl:template match="span[empty(cm:authored-attributes(.))]" mode="cm:canonical">
         <xsl:apply-templates select="node()" mode="#current"/>
     </xsl:template>
 
     <!-- C7a: browser-generated attributeless div with inline content becomes a
-         paragraph; RDFa-bearing divs pass -->
-    <xsl:template match="div[not(@property or @about or @typeof or @resource)]
-            [empty(*[cm:block(local-name(.))])]" mode="canonical">
+         paragraph; divs bearing any authored attribute pass -->
+    <xsl:template match="div[empty(cm:authored-attributes(.))]
+            [empty(*[cm:block(local-name(.))])]" mode="cm:canonical">
         <p>
             <xsl:apply-templates select="@* | node()" mode="#current"/>
         </p>
@@ -178,8 +211,8 @@ version="3.0">
     <!-- C7b: an attributeless div holding blocks is a semantics-free grouping
          wrapper (p may not contain blocks) - unwrap to its children; stray inline
          residue is re-coerced by pass 2 in the parent's context -->
-    <xsl:template match="div[not(@property or @about or @typeof or @resource)]
-            [exists(*[cm:block(local-name(.))])]" mode="canonical">
+    <xsl:template match="div[empty(cm:authored-attributes(.))]
+            [exists(*[cm:block(local-name(.))])]" mode="cm:canonical">
         <xsl:apply-templates select="node()" mode="#current"/>
     </xsl:template>
 
@@ -189,7 +222,7 @@ version="3.0">
          has become real content and stays a p -->
     <xsl:template match="p[contains-token(@class, 'rdfa-editor-run')]
             [not(@property or @about or @typeof or @resource or @content or @datatype)]"
-        mode="canonical" priority="1">
+        mode="cm:canonical" priority="1">
         <xsl:apply-templates select="node()" mode="#current"/>
     </xsl:template>
 
@@ -197,29 +230,30 @@ version="3.0">
          clipboard/host wrappers, keep RDFa-bearing ones (dropping them would lose
          triples; lint reports them as unknown-element) -->
     <xsl:template match="(section | article | main | aside | header | footer | nav | hgroup)
-            [not(@property or @about or @typeof or @resource)]" mode="canonical">
+            [not(@property or @about or @typeof or @resource)]" mode="cm:canonical">
         <xsl:apply-templates select="node()" mode="#current"/>
     </xsl:template>
 
     <!-- C8: empty non-RDFa inline elements are junk; RDFa-bearing empties
-         (hidden <span property resource/> definitions) are kept by C6's predicates -->
-    <xsl:template match="(strong | em | a | code)[not(normalize-space(.))][not(.//img)]
-            [not(@property or @about or @typeof or @resource or @content)]" mode="canonical" priority="1"/>
+         (hidden <span property resource/> definitions) are kept by C6's predicates,
+         and an empty a[@id] is an anchor target, not junk -->
+    <xsl:template match="(strong | em | a | code)[not(normalize-space(.))][not(.//img)][not(@id)]
+            [not(@property or @about or @typeof or @resource or @content)]" mode="cm:canonical" priority="1"/>
 
     <!-- C10: line structure inside pre is text, not markup -->
-    <xsl:template match="br[ancestor::pre]" mode="canonical" priority="1">
+    <xsl:template match="br[ancestor::pre]" mode="cm:canonical" priority="1">
         <xsl:text>&#10;</xsl:text>
     </xsl:template>
 
     <!-- C9: a trailing <br> is a caret placeholder, not content -->
     <xsl:template match="br[not(following-sibling::node()[self::* or self::text()[normalize-space()]])]"
-        mode="canonical"/>
+        mode="cm:canonical"/>
 
-    <!-- ................ pass 2: mode="cm-normalize" ................ -->
+    <!-- ................ pass 2: mode="cm:normalize" ................ -->
 
     <!-- N0: ephemera are placed by the editor, not judged by the DTD (the load-init
          path runs this pass alone, where chrome and rendering subtrees still exist) -->
-    <xsl:template match="*[@data-role]" mode="cm-normalize" priority="2">
+    <xsl:template match="*[@data-role]" mode="cm:normalize" priority="2">
         <xsl:copy-of select="."/>
     </xsl:template>
 
@@ -227,13 +261,13 @@ version="3.0">
          Matches EVERY inline-only element and decides on the PROCESSED children, so
          blocks surfaced by inner splits are handled in the same bottom-up pass (one
          invocation reaches the fixed point). An RDFa-bearing parent stays whole -
-         its block children demote to inline via mode="cm-demote" (recursive, all
+         its block children demote to inline via mode="cm:demote" (recursive, all
          attributes kept), so the extracted literal and triples are unchanged. A
          plain parent splits around its block children; inline runs keep a shell
          copying ALL attributes (safe: this branch is non-RDFa by construction, so
          nothing duplicates a triple - an <a href> split by a block keeps its target
          on both halves); whitespace-only residue between blocks drops -->
-    <xsl:template match="*[cm:inline-only(local-name(.))]" mode="cm-normalize">
+    <xsl:template match="*[cm:inline-only(local-name(.))]" mode="cm:normalize">
         <xsl:variable name="name" as="xs:string" select="local-name(.)"/>
         <xsl:variable name="kids" as="node()*">
             <xsl:apply-templates select="node()" mode="#current"/>
@@ -248,7 +282,7 @@ version="3.0">
             <xsl:when test="@property or @about or @typeof or @resource or @content or @datatype">
                 <xsl:copy>
                     <xsl:copy-of select="@*"/>
-                    <xsl:apply-templates select="$kids" mode="cm-demote"/>
+                    <xsl:apply-templates select="$kids" mode="cm:demote"/>
                 </xsl:copy>
             </xsl:when>
             <xsl:otherwise>
@@ -277,9 +311,9 @@ version="3.0">
          kept), recursively - a demoted list becomes nested spans, never a bare li
          inside a span. Text, inline and unknown elements pass through with their
          children demoted likewise -->
-    <xsl:mode name="cm-demote" on-no-match="shallow-copy"/>
+    <xsl:mode name="cm:demote" on-no-match="shallow-copy"/>
 
-    <xsl:template match="*[cm:known(local-name(.))][not(cm:inline(local-name(.)))]" mode="cm-demote">
+    <xsl:template match="*[cm:known(local-name(.))][not(cm:inline(local-name(.)))]" mode="cm:demote">
         <span>
             <xsl:copy-of select="@*"/>
             <xsl:apply-templates select="node()" mode="#current"/>
@@ -288,7 +322,7 @@ version="3.0">
 
     <!-- N2: blockquote (and noscript) is block-only per Strict - stray text/inline
          runs become paragraphs; RDFa attributes on the container are untouched -->
-    <xsl:template match="blockquote | noscript" mode="cm-normalize">
+    <xsl:template match="blockquote | noscript" mode="cm:normalize">
         <xsl:variable name="kids" as="node()*">
             <xsl:apply-templates select="node()" mode="#current"/>
         </xsl:variable>
@@ -299,7 +333,7 @@ version="3.0">
     </xsl:template>
 
     <!-- N3: ul/ol hold only li - stray children become item content (li is flow) -->
-    <xsl:template match="ul | ol" mode="cm-normalize">
+    <xsl:template match="ul | ol" mode="cm:normalize">
         <xsl:variable name="kids" as="node()*">
             <xsl:apply-templates select="node()" mode="#current"/>
         </xsl:variable>
@@ -310,7 +344,7 @@ version="3.0">
     </xsl:template>
 
     <!-- N4: dl holds only dt/dd - strays become dd content (dd is flow, dt is not) -->
-    <xsl:template match="dl" mode="cm-normalize">
+    <xsl:template match="dl" mode="cm:normalize">
         <xsl:variable name="kids" as="node()*">
             <xsl:apply-templates select="node()" mode="#current"/>
         </xsl:variable>
@@ -321,7 +355,7 @@ version="3.0">
     </xsl:template>
 
     <!-- N5: tr holds only th/td - strays become cell content (td is flow) -->
-    <xsl:template match="tr" mode="cm-normalize">
+    <xsl:template match="tr" mode="cm:normalize">
         <xsl:variable name="kids" as="node()*">
             <xsl:apply-templates select="node()" mode="#current"/>
         </xsl:variable>
@@ -333,7 +367,7 @@ version="3.0">
 
     <!-- N5b: table sections hold only tr - a stray cell run keeps its cells in a
          fresh row; anything else becomes a one-cell row -->
-    <xsl:template match="thead | tbody | tfoot" mode="cm-normalize">
+    <xsl:template match="thead | tbody | tfoot" mode="cm:normalize">
         <xsl:variable name="kids" as="node()*">
             <xsl:apply-templates select="node()" mode="#current"/>
         </xsl:variable>
@@ -370,7 +404,7 @@ version="3.0">
 
     <!-- N6: children a table cannot hold are hoisted before it (mirrors browser
          foster parenting); whitespace and ephemera stay put -->
-    <xsl:template match="table" mode="cm-normalize">
+    <xsl:template match="table" mode="cm:normalize">
         <xsl:variable name="kids" as="node()*">
             <xsl:apply-templates select="node()" mode="#current"/>
         </xsl:variable>
@@ -387,24 +421,24 @@ version="3.0">
 
     <!-- N7: Appendix B pre exclusions, text-preserving: size/position markup
          unwraps, replaced objects fall back to their alternative text -->
-    <xsl:template match="(big | small | sub | sup)[ancestor::pre]" mode="cm-normalize" priority="1">
+    <xsl:template match="(big | small | sub | sup)[ancestor::pre]" mode="cm:normalize" priority="1">
         <xsl:apply-templates select="node()" mode="#current"/>
     </xsl:template>
 
-    <xsl:template match="(img | object)[ancestor::pre]" mode="cm-normalize" priority="1">
+    <xsl:template match="(img | object)[ancestor::pre]" mode="cm:normalize" priority="1">
         <xsl:value-of select="@alt"/>
     </xsl:template>
 
     <!-- N8: Appendix B nesting prohibitions - the inner element keeps all its
          attributes (RDFa preserved; a dead @href is harmless) under a valid name -->
-    <xsl:template match="a[ancestor::a]" mode="cm-normalize" priority="1">
+    <xsl:template match="a[ancestor::a]" mode="cm:normalize" priority="1">
         <span>
             <xsl:copy-of select="@*"/>
             <xsl:apply-templates select="node()" mode="#current"/>
         </span>
     </xsl:template>
 
-    <xsl:template match="label[ancestor::label]" mode="cm-normalize" priority="1">
+    <xsl:template match="label[ancestor::label]" mode="cm:normalize" priority="1">
         <xsl:apply-templates select="node()" mode="#current"/>
     </xsl:template>
 
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/edit.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/edit.xsl
index c845890e82..560ee1516a 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/edit.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/edit.xsl
@@ -6,6 +6,8 @@ xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:cm="https://w3id.org/atomgraph/rdfa-editor/content-model#"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
+xmlns:ac="https://w3id.org/atomgraph/client#"
 extension-element-prefixes="ixsl"
 xpath-default-namespace="http://www.w3.org/1999/xhtml"
 version="3.0">
@@ -379,6 +381,16 @@ version="3.0">
     <xsl:template name="rdfae:init-region">
         <xsl:param name="region" as="element()"/>
 
+        <!-- the region is the canvas' focusable floor. Only leaf text hosts are
+             contenteditable, so the surface between them - sibling margins, the
+             handle gutter, a structural container's own box, chrome on a structural
+             block - has no focusable ancestor at all, and a press there drops focus
+             out of the editor entirely (which hosts read as leaving it, and a press
+             on a drag handle cannot preventDefault without killing dragstart). With
+             tabindex the region absorbs that focus instead: same idiom as the block
+             images and object-block islands in rdfae:init-block, out of the tab
+             order, and stripped by the canonical form -->
+        <ixsl:set-attribute name="tabindex" select="'-1'" object="$region"/>
         <!-- boundary-normalize invalid host markup (bare text in blockquote,
              blocks inside p, stray inline at region level, ...) before
              editability init; the probe keeps the valid case zero-churn -->
@@ -390,8 +402,11 @@ version="3.0">
         <xsl:if test="$invalid">
             <xsl:variable name="fixed" as="node()*"
                 select="cm:wrap-inline-runs(cm:normalize($region/node()), 'p')"/>
-            <ixsl:set-property name="innerHTML"
-                select="serialize($fixed, map{ 'method': 'html' })" object="$region"/>
+            <xsl:for-each select="$region">
+                <xsl:result-document href="?." method="ixsl:replace-content">
+                    <xsl:copy-of select="$fixed"/>
+                </xsl:result-document>
+            </xsl:for-each>
         </xsl:if>
         <!-- an empty region cannot hold a caret: seed a paragraph (the
              empty-blockquote idiom in rdfae:init-block) -->
@@ -539,7 +554,7 @@ version="3.0">
             <ixsl:set-attribute name="data-role" select="'chrome'" object="$chrome"/>
             <ixsl:set-attribute name="class" select="'drag-handle'" object="$chrome"/>
             <ixsl:set-attribute name="contenteditable" select="'false'" object="$chrome"/>
-            <ixsl:set-attribute name="title" select="'Drag to reorder'" object="$chrome"/>
+            <ixsl:set-attribute name="title" select="ac:label(key('resources', 'drag-to-reorder', ldh:translations()))" object="$chrome"/>
             <ixsl:set-property name="textContent" select="'&#x283F;'" object="$chrome"/>
             <xsl:sequence select="ixsl:call($block, 'prepend', [ $chrome ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:if>
@@ -576,48 +591,48 @@ version="3.0">
     </xsl:template>
 
     <xsl:template name="rdfae:render-toolbar">
-        <div id="edit-toolbar" class="rdfa-editor-ui" role="toolbar" aria-label="Editing toolbar">
-            <div class="tb-group" role="group" aria-label="Block">
-                <select name="block-type" title="Block type" aria-label="Block type">
-                    <option value="p">Paragraph</option>
-                    <option value="h1">Heading 1</option>
-                    <option value="h2">Heading 2</option>
-                    <option value="h3">Heading 3</option>
-                    <option value="pre">Preformatted</option>
+        <div id="edit-toolbar" class="rdfa-editor-ui" role="toolbar" aria-label="{ac:label(key('resources', 'toolbar', ldh:translations()))}">
+            <div class="tb-group" role="group" aria-label="{ac:label(key('resources', 'toolbar-group-block', ldh:translations()))}">
+                <select name="block-type" title="{ac:label(key('resources', 'block-type', ldh:translations()))}" aria-label="{ac:label(key('resources', 'block-type', ldh:translations()))}">
+                    <option value="p"><xsl:apply-templates select="key('resources', 'block-paragraph', ldh:translations())" mode="ac:label"/></option>
+                    <option value="h1"><xsl:apply-templates select="key('resources', 'block-heading-1', ldh:translations())" mode="ac:label"/></option>
+                    <option value="h2"><xsl:apply-templates select="key('resources', 'block-heading-2', ldh:translations())" mode="ac:label"/></option>
+                    <option value="h3"><xsl:apply-templates select="key('resources', 'block-heading-3', ldh:translations())" mode="ac:label"/></option>
+                    <option value="pre"><xsl:apply-templates select="key('resources', 'block-preformatted', ldh:translations())" mode="ac:label"/></option>
                 </select>
             </div>
-            <div class="tb-group" role="group" aria-label="Text">
-                <button type="button" class="format-inline" data-element="strong" aria-pressed="false" title="Bold" aria-label="Bold"><strong>B</strong></button>
-                <button type="button" class="format-inline" data-element="em" aria-pressed="false" title="Italic" aria-label="Italic"><em>I</em></button>
-                <button type="button" class="format-link" aria-pressed="false" title="Link" aria-label="Link">&#x1F517;</button>
+            <div class="tb-group" role="group" aria-label="{ac:label(key('resources', 'toolbar-group-text', ldh:translations()))}">
+                <button type="button" class="format-inline" data-element="strong" aria-pressed="false" title="{ac:label(key('resources', 'bold', ldh:translations()))}" aria-label="{ac:label(key('resources', 'bold', ldh:translations()))}"><strong>B</strong></button>
+                <button type="button" class="format-inline" data-element="em" aria-pressed="false" title="{ac:label(key('resources', 'italic', ldh:translations()))}" aria-label="{ac:label(key('resources', 'italic', ldh:translations()))}"><em>I</em></button>
+                <button type="button" class="format-link" aria-pressed="false" title="{ac:label(key('resources', 'link', ldh:translations()))}" aria-label="{ac:label(key('resources', 'link', ldh:translations()))}">&#x1F517;</button>
             </div>
-            <div class="tb-group" role="group" aria-label="Blocks">
-                <button type="button" class="insert-block" title="Add paragraph" aria-label="Add paragraph">+ &#xB6;</button>
-                <button type="button" class="insert-list" data-list="ul" aria-pressed="false" title="Bulleted list" aria-label="Bulleted list">&#x2022; List</button>
-                <button type="button" class="insert-list" data-list="ol" aria-pressed="false" title="Numbered list" aria-label="Numbered list">1. List</button>
-                <button type="button" class="format-quote" aria-pressed="false" title="Quote" aria-label="Quote">&#x201C;&#x201D;</button>
+            <div class="tb-group" role="group" aria-label="{ac:label(key('resources', 'toolbar-group-blocks', ldh:translations()))}">
+                <button type="button" class="insert-block" title="{ac:label(key('resources', 'add-paragraph', ldh:translations()))}" aria-label="{ac:label(key('resources', 'add-paragraph', ldh:translations()))}">+ &#xB6;</button>
+                <button type="button" class="insert-list" data-list="ul" aria-pressed="false" title="{ac:label(key('resources', 'bulleted-list', ldh:translations()))}" aria-label="{ac:label(key('resources', 'bulleted-list', ldh:translations()))}">&#x2022; <xsl:apply-templates select="key('resources', 'list', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="insert-list" data-list="ol" aria-pressed="false" title="{ac:label(key('resources', 'numbered-list', ldh:translations()))}" aria-label="{ac:label(key('resources', 'numbered-list', ldh:translations()))}">1. <xsl:apply-templates select="key('resources', 'list', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="format-quote" aria-pressed="false" title="{ac:label(key('resources', 'quote', ldh:translations()))}" aria-label="{ac:label(key('resources', 'quote', ldh:translations()))}">&#x201C;&#x201D;</button>
             </div>
-            <div class="tb-group" role="group" aria-label="Insert">
-                <button type="button" class="insert-figure" title="Insert figure" aria-label="Insert figure">&#x1F5BC;</button>
-                <button type="button" class="insert-table" title="Insert table" aria-label="Insert table">&#x229E;</button>
+            <div class="tb-group" role="group" aria-label="{ac:label(key('resources', 'insert', ldh:translations()))}">
+                <button type="button" class="insert-figure" title="{ac:label(key('resources', 'insert-figure', ldh:translations()))}" aria-label="{ac:label(key('resources', 'insert-figure', ldh:translations()))}">&#x1F5BC;</button>
+                <button type="button" class="insert-table" title="{ac:label(key('resources', 'insert-table', ldh:translations()))}" aria-label="{ac:label(key('resources', 'insert-table', ldh:translations()))}">&#x229E;</button>
                 <xsl:call-template name="rdfae:render-extra-insert-buttons"/>
             </div>
-            <div class="tb-group table-ops" role="group" aria-label="Table operations">
-                <button type="button" class="table-op" data-op="row-above" disabled="disabled" title="Insert row above" aria-label="Insert row above">&#x2191;R</button>
-                <button type="button" class="table-op" data-op="row-below" disabled="disabled" title="Insert row below" aria-label="Insert row below">&#x2193;R</button>
-                <button type="button" class="table-op" data-op="col-left" disabled="disabled" title="Insert column left" aria-label="Insert column left">&#x2190;C</button>
-                <button type="button" class="table-op" data-op="col-right" disabled="disabled" title="Insert column right" aria-label="Insert column right">&#x2192;C</button>
-                <button type="button" class="table-op" data-op="del-row" disabled="disabled" title="Delete row" aria-label="Delete row">&#x2212;R</button>
-                <button type="button" class="table-op" data-op="del-col" disabled="disabled" title="Delete column" aria-label="Delete column">&#x2212;C</button>
+            <div class="tb-group table-ops" role="group" aria-label="{ac:label(key('resources', 'toolbar-group-table-ops', ldh:translations()))}">
+                <button type="button" class="table-op" data-op="row-above" disabled="disabled" title="{ac:label(key('resources', 'insert-row-above', ldh:translations()))}" aria-label="{ac:label(key('resources', 'insert-row-above', ldh:translations()))}">&#x2191;R</button>
+                <button type="button" class="table-op" data-op="row-below" disabled="disabled" title="{ac:label(key('resources', 'insert-row-below', ldh:translations()))}" aria-label="{ac:label(key('resources', 'insert-row-below', ldh:translations()))}">&#x2193;R</button>
+                <button type="button" class="table-op" data-op="col-left" disabled="disabled" title="{ac:label(key('resources', 'insert-column-left', ldh:translations()))}" aria-label="{ac:label(key('resources', 'insert-column-left', ldh:translations()))}">&#x2190;C</button>
+                <button type="button" class="table-op" data-op="col-right" disabled="disabled" title="{ac:label(key('resources', 'insert-column-right', ldh:translations()))}" aria-label="{ac:label(key('resources', 'insert-column-right', ldh:translations()))}">&#x2192;C</button>
+                <button type="button" class="table-op" data-op="del-row" disabled="disabled" title="{ac:label(key('resources', 'delete-row', ldh:translations()))}" aria-label="{ac:label(key('resources', 'delete-row', ldh:translations()))}">&#x2212;R</button>
+                <button type="button" class="table-op" data-op="del-col" disabled="disabled" title="{ac:label(key('resources', 'delete-column', ldh:translations()))}" aria-label="{ac:label(key('resources', 'delete-column', ldh:translations()))}">&#x2212;C</button>
             </div>
-            <div class="tb-group" role="group" aria-label="Block actions">
-                <button type="button" class="delete-block" title="Delete block" aria-label="Delete block">&#x2715;</button>
+            <div class="tb-group" role="group" aria-label="{ac:label(key('resources', 'toolbar-group-block-actions', ldh:translations()))}">
+                <button type="button" class="delete-block" title="{ac:label(key('resources', 'delete-block', ldh:translations()))}" aria-label="{ac:label(key('resources', 'delete-block', ldh:translations()))}">&#x2715;</button>
             </div>
-            <div class="tb-group" role="group" aria-label="View">
-                <button type="button" id="toc-toggle" title="Table of contents" aria-label="Table of contents">&#x2630;</button>
-                <button type="button" id="inspector-toggle" title="Properties" aria-label="Subject properties">&#x24C5;</button>
-                <button type="button" id="find-open" title="Find and replace" aria-label="Find and replace">&#x1F50D;</button>
-                <button type="button" id="view-source" title="Canonical XHTML+RDFa" aria-label="View canonical source">Source</button>
+            <div class="tb-group" role="group" aria-label="{ac:label(key('resources', 'view', ldh:translations()))}">
+                <button type="button" id="toc-toggle" title="{ac:label(key('resources', 'table-of-contents', ldh:translations()))}" aria-label="{ac:label(key('resources', 'table-of-contents', ldh:translations()))}">&#x2630;</button>
+                <button type="button" id="inspector-toggle" title="{ac:label(key('resources', 'properties', ldh:translations()))}" aria-label="{ac:label(key('resources', 'subject-properties', ldh:translations()))}">&#x24C5;</button>
+                <button type="button" id="find-open" title="{ac:label(key('resources', 'find-and-replace', ldh:translations()))}" aria-label="{ac:label(key('resources', 'find-and-replace', ldh:translations()))}">&#x1F50D;</button>
+                <button type="button" id="view-source" title="{ac:label(key('resources', 'canonical-xhtml-rdfa', ldh:translations()))}" aria-label="{ac:label(key('resources', 'view-canonical-source', ldh:translations()))}"><xsl:apply-templates select="key('resources', 'source', ldh:translations())" mode="ac:label"/></button>
             </div>
         </div>
     </xsl:template>
@@ -1601,7 +1616,7 @@ version="3.0">
     </xsl:template>
 
     <!-- clipboard HTML: browser-parse it on a DETACHED element (scripts inert),
-         sanitize/normalize via mode="canonical" + mode="cm-normalize", then insert
+         sanitize/normalize via mode="cm:canonical" + mode="cm:normalize", then insert
          where the content model allows - inline fragments at the caret, blocks
          inside a flow host (li, td, ...) or as new siblings between the split
          halves of an inline-only host; hosts that can take blocks neither way
@@ -1613,7 +1628,7 @@ version="3.0">
         <xsl:variable name="carrier" as="element()" select="rdfae:element('div')"/>
         <ixsl:set-property name="innerHTML" select="$html" object="$carrier"/>
         <xsl:variable name="pass1">
-            <xsl:apply-templates select="$carrier/node()" mode="canonical"/>
+            <xsl:apply-templates select="$carrier/node()" mode="cm:canonical"/>
         </xsl:variable>
         <xsl:variable name="clean">
             <xsl:sequence select="cm:normalize($pass1/node())"/>
@@ -1651,19 +1666,12 @@ version="3.0">
                     <xsl:with-param name="host" select="$host"/>
                     <xsl:with-param name="range" select="$range"/>
                 </xsl:call-template>
-                <!-- method html: XML's self-closing <p/> reads as an OPEN tag to the
-                     HTML fragment parser and swallows following siblings -->
-                <xsl:variable name="stage" as="element()" select="rdfae:element('div')"/>
-                <ixsl:set-property name="innerHTML" select="serialize($blocks, map{ 'method': 'html' })" object="$stage"/>
-                <xsl:variable name="count" as="xs:integer" select="xs:integer(ixsl:get($stage, 'childNodes.length'))"/>
-                <xsl:iterate select="1 to $count">
-                    <xsl:param name="anchor" select="$host"/>
-                    <xsl:variable name="node" select="ixsl:get($stage, 'firstChild')"/>
-                    <xsl:sequence select="ixsl:call($anchor, 'after', [ $node ])[current-date() lt xs:date('2000-01-01')]"/>
-                    <xsl:next-iteration>
-                        <xsl:with-param name="anchor" select="$node"/>
-                    </xsl:next-iteration>
-                </xsl:iterate>
+                <xsl:variable name="count" as="xs:integer" select="count($blocks)"/>
+                <xsl:for-each select="$host">
+                    <xsl:result-document href="?." method="ixsl:insert-after">
+                        <xsl:copy-of select="$blocks"/>
+                    </xsl:result-document>
+                </xsl:for-each>
                 <xsl:for-each select="$host/following-sibling::*[position() le $count]">
                     <xsl:call-template name="rdfae:init-block">
                         <xsl:with-param name="block" select="."/>
@@ -2080,7 +2088,7 @@ version="3.0">
     <xsl:template match="button[contains-token(@class, 'delete-block')]" mode="ixsl:onclick">
         <xsl:for-each select="rdfae:current-block()">
             <xsl:variable name="confirmed" as="xs:boolean" select="rdfae:block-text(.) = ''
-                or ixsl:call(ixsl:window(), 'confirm', [ 'Delete this block?' ])"/>
+                or ixsl:call(ixsl:window(), 'confirm', [ ac:label(key('resources', 'confirm-delete-block', ldh:translations())) ])"/>
             <xsl:if test="$confirmed">
                 <xsl:call-template name="rdfae:push-undo"/>
                 <xsl:variable name="prev" as="element()?" select="preceding-sibling::*[1]"/>
@@ -2135,13 +2143,13 @@ version="3.0">
 
     <xsl:template name="rdfae:render-link-dialog">
         <div id="link-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true"
-                aria-label="Link" style="display: none;">
-            <label>Link target (href)</label>
+                aria-label="{ac:label(key('resources', 'link', ldh:translations()))}" style="display: none;">
+            <label><xsl:apply-templates select="key('resources', 'link-href', ldh:translations())" mode="ac:label"/></label>
             <input type="text" name="href" placeholder="https://..."/>
             <div class="action-buttons">
-                <button type="button" class="btn-danger link-remove" style="display: none;">Remove link</button>
-                <button type="button" class="btn-primary link-save">Save</button>
-                <button type="button" class="btn-secondary link-cancel">Cancel</button>
+                <button type="button" class="ldhc-btn in-negative ap-solid sz-sm link-remove" style="display: none;"><xsl:apply-templates select="key('resources', 'remove-link', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm link-save"><xsl:apply-templates select="key('resources', 'save', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm link-cancel"><xsl:apply-templates select="key('resources', 'cancel', ldh:translations())" mode="ac:label"/></button>
             </div>
         </div>
     </xsl:template>
@@ -2269,16 +2277,16 @@ version="3.0">
 
     <xsl:template name="rdfae:render-figure-dialog">
         <div id="figure-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true"
-                aria-label="Insert figure" style="display: none;">
-            <label>Image URL (src)</label>
-            <input type="text" name="src" placeholder="https://... or relative path"/>
-            <label>Alternate text (alt)</label>
+                aria-label="{ac:label(key('resources', 'insert-figure', ldh:translations()))}" style="display: none;">
+            <label><xsl:apply-templates select="key('resources', 'figure-src', ldh:translations())" mode="ac:label"/></label>
+            <input type="text" name="src" placeholder="{ac:label(key('resources', 'figure-src-placeholder', ldh:translations()))}"/>
+            <label><xsl:apply-templates select="key('resources', 'figure-alt', ldh:translations())" mode="ac:label"/></label>
             <input type="text" name="alt"/>
-            <label>Caption</label>
+            <label><xsl:apply-templates select="key('resources', 'caption', ldh:translations())" mode="ac:label"/></label>
             <input type="text" name="caption"/>
             <div class="action-buttons">
-                <button type="button" class="btn-primary figure-save">Insert</button>
-                <button type="button" class="btn-secondary figure-cancel">Cancel</button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm figure-save"><xsl:apply-templates select="key('resources', 'insert', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm figure-cancel"><xsl:apply-templates select="key('resources', 'cancel', ldh:translations())" mode="ac:label"/></button>
             </div>
         </div>
     </xsl:template>
@@ -2338,7 +2346,7 @@ version="3.0">
         <xsl:call-template name="rdfae:disarm-sweep"/>
         <ixsl:set-property name="draggedBlock" select="." object="rdfae:editor-state()"/>
         <ixsl:set-property name="effectAllowed" select="'move'" object="$transfer"/>
-        <xsl:sequence select="ixsl:call($transfer, 'setData', [ 'application/x-rdfa-editor-block', '' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call($transfer, 'setData', [ 'application/vnd.atomgraph.rdfa-editor.block', '' ])[current-date() lt xs:date('2000-01-01')]"/>
         <xsl:sequence select="ixsl:call($transfer, 'setDragImage', [ ., 0, 0 ])[current-date() lt xs:date('2000-01-01')]"/>
         <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'dragging' ])[current-date() lt xs:date('2000-01-01')]"/>
     </xsl:template>
@@ -2364,7 +2372,7 @@ version="3.0">
         <xsl:for-each select="ancestor-or-self::*[rdfae:draggable-block(.)][1]">
             <ixsl:set-property name="draggedBlock" select="." object="rdfae:editor-state()"/>
             <ixsl:set-property name="effectAllowed" select="'move'" object="$transfer"/>
-            <xsl:sequence select="ixsl:call($transfer, 'setData', [ 'application/x-rdfa-editor-block', '' ])[current-date() lt xs:date('2000-01-01')]"/>
+            <xsl:sequence select="ixsl:call($transfer, 'setData', [ 'application/vnd.atomgraph.rdfa-editor.block', '' ])[current-date() lt xs:date('2000-01-01')]"/>
             <xsl:sequence select="ixsl:call($transfer, 'setDragImage', [ ., 0, 0 ])[current-date() lt xs:date('2000-01-01')]"/>
             <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'dragging' ])[current-date() lt xs:date('2000-01-01')]"/>
         </xsl:for-each>
@@ -2375,7 +2383,7 @@ version="3.0">
         <xsl:variable name="dragged" select="ixsl:get(rdfae:editor-state(), 'draggedBlock')"/>
         <xsl:variable name="target" as="element()?" select="rdfae:drop-target-of(., $event)"/>
         <xsl:if test="exists($dragged) and exists($target)
-                and rdfae:has-transfer-type($event, 'application/x-rdfa-editor-block')">
+                and rdfae:has-transfer-type($event, 'application/vnd.atomgraph.rdfa-editor.block')">
             <xsl:sequence select="ixsl:call($event, 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
             <ixsl:set-property name="dropEffect" select="'move'" object="ixsl:get($event, 'dataTransfer')"/>
             <xsl:call-template name="rdfae:clear-drop-marks"/>
@@ -2393,7 +2401,7 @@ version="3.0">
         <xsl:variable name="dragged" select="ixsl:get(rdfae:editor-state(), 'draggedBlock')"/>
         <xsl:variable name="target" as="element()?" select="rdfae:drop-target-of(., $event)"/>
         <xsl:if test="exists($dragged) and exists($target)
-                and rdfae:has-transfer-type($event, 'application/x-rdfa-editor-block')">
+                and rdfae:has-transfer-type($event, 'application/vnd.atomgraph.rdfa-editor.block')">
             <xsl:sequence select="ixsl:call($event, 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
             <xsl:call-template name="rdfae:clear-drop-marks"/>
             <!-- transient drag state must not reach the undo snapshot -->
@@ -2564,12 +2572,12 @@ version="3.0">
 
     <xsl:template match="button[@id = 'view-source']" mode="ixsl:onclick">
         <xsl:variable name="canonical" as="element()?">
-            <xsl:call-template name="canonical-xhtml">
+            <xsl:call-template name="cm:canonical-xhtml">
                 <xsl:with-param name="content" select="rdfae:active-root()"/>
             </xsl:call-template>
         </xsl:variable>
         <xsl:call-template name="rdfae:show-output">
-            <xsl:with-param name="title" select="'Canonical XHTML+RDFa'"/>
+            <xsl:with-param name="title" select="ac:label(key('resources', 'canonical-xhtml-rdfa', ldh:translations()))"/>
             <xsl:with-param name="text" select="rdfae:canonicalize-xml(parse-xml(serialize($canonical, map{ 'method': 'xml' })))"/>
             <xsl:with-param name="filename" select="'content.xhtml'"/>
             <xsl:with-param name="media-type" select="'application/xhtml+xml'"/>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/index.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/index.xsl
index f483afa975..ae7e71eb08 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/index.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/index.xsl
@@ -51,7 +51,7 @@ version="3.0">
          Everything here is synchronous: the host page preloads the vocabulary
          documents into the SaxonJS document pool (SaxonJS.getResource +
          documentPool), keyed by page-relative URI -->
-    <xsl:template name="main">
+    <xsl:template name="rdfae:main">
         <xsl:call-template name="rdfae:init-state"/>
         <xsl:call-template name="rdfae:init-editor"/>
     </xsl:template>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/input.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/input.xsl
index 4f8fd2e888..3722c481de 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/input.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/input.xsl
@@ -6,6 +6,8 @@ xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
 xmlns:cm="https://w3id.org/atomgraph/rdfa-editor/content-model#"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
+xmlns:ac="https://w3id.org/atomgraph/client#"
 extension-element-prefixes="ixsl"
 xpath-default-namespace="http://www.w3.org/1999/xhtml"
 version="3.0">
@@ -222,19 +224,19 @@ version="3.0">
     <!-- ................................ slash menu ................................ -->
 
     <xsl:template name="rdfae:render-slash-menu">
-        <div id="slash-menu" class="rdfa-editor-ui" role="listbox" aria-label="Insert block" style="display: none;">
-            <input type="text" class="slash-filter" placeholder="Filter blocks..." aria-label="Filter blocks"/>
+        <div id="slash-menu" class="rdfa-editor-ui" role="listbox" aria-label="{ac:label(key('resources', 'insert-block', ldh:translations()))}" style="display: none;">
+            <input type="text" class="slash-filter" placeholder="{ac:label(key('resources', 'filter-blocks-placeholder', ldh:translations()))}" aria-label="{ac:label(key('resources', 'filter-blocks', ldh:translations()))}"/>
             <ul class="slash-items">
-                <li class="slash-item" data-command="p" role="option">Paragraph</li>
-                <li class="slash-item" data-command="h1" role="option">Heading 1</li>
-                <li class="slash-item" data-command="h2" role="option">Heading 2</li>
-                <li class="slash-item" data-command="h3" role="option">Heading 3</li>
-                <li class="slash-item" data-command="blockquote" role="option">Quote</li>
-                <li class="slash-item" data-command="pre" role="option">Code</li>
-                <li class="slash-item" data-command="ul" role="option">Bulleted list</li>
-                <li class="slash-item" data-command="ol" role="option">Numbered list</li>
-                <li class="slash-item" data-command="figure" role="option">Figure&#x2026;</li>
-                <li class="slash-item" data-command="table" role="option">Table&#x2026;</li>
+                <li class="slash-item" data-command="p" role="option"><xsl:apply-templates select="key('resources', 'block-paragraph', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="h1" role="option"><xsl:apply-templates select="key('resources', 'block-heading-1', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="h2" role="option"><xsl:apply-templates select="key('resources', 'block-heading-2', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="h3" role="option"><xsl:apply-templates select="key('resources', 'block-heading-3', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="blockquote" role="option"><xsl:apply-templates select="key('resources', 'quote', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="pre" role="option"><xsl:apply-templates select="key('resources', 'code', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="ul" role="option"><xsl:apply-templates select="key('resources', 'bulleted-list', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="ol" role="option"><xsl:apply-templates select="key('resources', 'numbered-list', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="figure" role="option"><xsl:apply-templates select="key('resources', 'figure-ellipsis', ldh:translations())" mode="ac:label"/></li>
+                <li class="slash-item" data-command="table" role="option"><xsl:apply-templates select="key('resources', 'table-ellipsis', ldh:translations())" mode="ac:label"/></li>
                 <!-- extension items (dispatched via rdfae:run-extra-slash-command;
                      the generic filter/arrow/Enter machinery applies untouched) -->
                 <xsl:call-template name="rdfae:render-extra-slash-items"/>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/navigate.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/navigate.xsl
index d2de4d2309..ef21caf093 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/navigate.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/navigate.xsl
@@ -8,6 +8,8 @@ xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
 xmlns:rdfax="https://w3id.org/atomgraph/rdfa-editor/rdfa#"
 xmlns:lint="https://w3id.org/atomgraph/rdfa-editor/lint#"
 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
+xmlns:ac="https://w3id.org/atomgraph/client#"
 extension-element-prefixes="ixsl"
 xpath-default-namespace="http://www.w3.org/1999/xhtml"
 version="3.0">
@@ -24,23 +26,23 @@ version="3.0">
     <xsl:template name="rdfae:init-navigate">
         <xsl:for-each select="ixsl:page()//body">
             <xsl:result-document href="?." method="ixsl:append-content">
-                <aside id="toc-drawer" class="rdfa-editor-ui" role="navigation" aria-label="Table of contents" style="display: none;">
-                    <button type="button" id="toc-close" class="toc-close" title="Close" aria-label="Close table of contents">&#215;</button>
-                    <h2>Contents</h2>
+                <aside id="toc-drawer" class="rdfa-editor-ui" role="navigation" aria-label="{ac:label(key('resources', 'table-of-contents', ldh:translations()))}" style="display: none;">
+                    <button type="button" id="toc-close" class="toc-close" title="{ac:label(key('resources', 'close', ldh:translations()))}" aria-label="{ac:label(key('resources', 'close-table-of-contents', ldh:translations()))}">&#215;</button>
+                    <h2><xsl:apply-templates select="key('resources', 'contents', ldh:translations())" mode="ac:label"/></h2>
                     <div id="toc-list"/>
                 </aside>
-                <aside id="inspector-drawer" class="rdfa-editor-ui" role="complementary" aria-label="Subject properties" style="display: none;">
-                    <button type="button" id="inspector-close" class="inspector-close" title="Close" aria-label="Close properties">&#215;</button>
-                    <h2>Properties</h2>
+                <aside id="inspector-drawer" class="rdfa-editor-ui" role="complementary" aria-label="{ac:label(key('resources', 'subject-properties', ldh:translations()))}" style="display: none;">
+                    <button type="button" id="inspector-close" class="inspector-close" title="{ac:label(key('resources', 'close', ldh:translations()))}" aria-label="{ac:label(key('resources', 'close-properties', ldh:translations()))}">&#215;</button>
+                    <h2><xsl:apply-templates select="key('resources', 'properties', ldh:translations())" mode="ac:label"/></h2>
                     <div id="inspector-subject"/>
                     <div id="inspector-body"/>
                 </aside>
-                <footer id="rdfa-editor-breadcrumb" class="rdfa-editor-ui" role="navigation" aria-label="Document position">
+                <footer id="rdfa-editor-breadcrumb" class="rdfa-editor-ui" role="navigation" aria-label="{ac:label(key('resources', 'document-position', ldh:translations()))}">
                     <div id="rdfa-editor-breadcrumb-path"/>
                     <div id="rdfa-editor-breadcrumb-meta">
                         <span id="rdfa-editor-breadcrumb-subject"/>
                         <button type="button" id="lint-badge" class="lint-badge"
-                            aria-label="RDFa validation issues" style="display: none;"/>
+                            aria-label="{ac:label(key('resources', 'rdfa-validation-issues', ldh:translations()))}" style="display: none;"/>
                     </div>
                 </footer>
                 <xsl:call-template name="rdfae:render-find-dialog"/>
@@ -74,7 +76,7 @@ version="3.0">
                         </xsl:call-template>
                     </xsl:when>
                     <xsl:otherwise>
-                        <p class="helper-text">No headings yet.</p>
+                        <p class="helper-text"><xsl:apply-templates select="key('resources', 'no-headings', ldh:translations())" mode="ac:label"/></p>
                     </xsl:otherwise>
                 </xsl:choose>
             </xsl:result-document>
@@ -177,14 +179,14 @@ version="3.0">
         <ixsl:set-property name="draggedSectionHeading"
             select="(ixsl:get(rdfae:editor-state(), 'tocRoot')/(h1 | h2 | h3))[$index]" object="rdfae:editor-state()"/>
         <ixsl:set-property name="effectAllowed" select="'move'" object="$transfer"/>
-        <xsl:sequence select="ixsl:call($transfer, 'setData', [ 'application/x-rdfa-editor-section', '' ])[current-date() lt xs:date('2000-01-01')]"/>
+        <xsl:sequence select="ixsl:call($transfer, 'setData', [ 'application/vnd.atomgraph.rdfa-editor.section', '' ])[current-date() lt xs:date('2000-01-01')]"/>
         <xsl:sequence select="ixsl:call(ixsl:get(., 'classList'), 'add', [ 'dragging' ])[current-date() lt xs:date('2000-01-01')]"/>
     </xsl:template>
 
     <xsl:template match="li[contains-token(@class, 'toc-item')]" mode="ixsl:ondragover">
         <xsl:variable name="event" select="ixsl:event()"/>
         <xsl:if test="exists(ixsl:get(rdfae:editor-state(), 'draggedSectionHeading'))
-                and rdfae:has-transfer-type($event, 'application/x-rdfa-editor-section')">
+                and rdfae:has-transfer-type($event, 'application/vnd.atomgraph.rdfa-editor.section')">
             <xsl:sequence select="ixsl:call($event, 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
             <ixsl:set-property name="dropEffect" select="'move'" object="ixsl:get($event, 'dataTransfer')"/>
             <xsl:call-template name="rdfae:clear-drop-marks">
@@ -203,7 +205,7 @@ version="3.0">
         <xsl:call-template name="rdfae:clear-drop-marks">
             <xsl:with-param name="scope" select="id('toc-list', ixsl:page())//li"/>
         </xsl:call-template>
-        <xsl:if test="exists($source) and rdfae:has-transfer-type($event, 'application/x-rdfa-editor-section')">
+        <xsl:if test="exists($source) and rdfae:has-transfer-type($event, 'application/vnd.atomgraph.rdfa-editor.section')">
             <xsl:sequence select="ixsl:call($event, 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
             <!-- bare-variable positional predicate: SaxonJS evaluates computed numeric
                  predicates as booleans in this context -->
@@ -319,7 +321,7 @@ version="3.0">
             <xsl:variable name="subject" as="xs:string"
                 select="((if (exists($leaf)) then rdfax:in-scope-subject($leaf, $base) else ())[. ne ''], $base)[1]"/>
             <xsl:variable name="rdf" as="element(rdf:RDF)">
-                <xsl:call-template name="extract-rdfa">
+                <xsl:call-template name="rdfax:extract-rdfa">
                     <xsl:with-param name="doc" select="ixsl:page()"/>
                     <xsl:with-param name="base" select="$base"/>
                 </xsl:call-template>
@@ -378,7 +380,7 @@ version="3.0">
                             </xsl:for-each>
                         </xsl:when>
                         <xsl:otherwise>
-                            <p class="helper-text">No properties on this subject.</p>
+                            <p class="helper-text"><xsl:apply-templates select="key('resources', 'no-subject-properties', ldh:translations())" mode="ac:label"/></p>
                         </xsl:otherwise>
                     </xsl:choose>
                 </xsl:result-document>
@@ -469,7 +471,7 @@ version="3.0">
             select="rdfae:roots() ! lint:lintable(.) ! (lint:element-issues(.), lint:nesting-issues(.))
                 ! (string(@code) || ' &#x2014; ' || normalize-space(string(.)))"/>
         <xsl:call-template name="rdfae:show-output">
-            <xsl:with-param name="title" select="'Validation issues'"/>
+            <xsl:with-param name="title" select="ac:label(key('resources', 'validation-issues', ldh:translations()))"/>
             <xsl:with-param name="text" select="string-join($lines, '&#10;')"/>
         </xsl:call-template>
     </xsl:template>
@@ -517,19 +519,21 @@ version="3.0">
 
     <xsl:template name="rdfae:render-find-dialog">
         <div id="find-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true"
-                aria-label="Find and replace" style="display: none;">
-            <label>Find</label>
+                aria-label="{ac:label(key('resources', 'find-and-replace', ldh:translations()))}" style="display: none;">
+            <label><xsl:apply-templates select="key('resources', 'find', ldh:translations())" mode="ac:label"/></label>
             <input type="text" name="find"/>
-            <label>Replace with</label>
+            <label><xsl:apply-templates select="key('resources', 'replace-with', ldh:translations())" mode="ac:label"/></label>
             <input type="text" name="replace"/>
             <label class="checkbox-label">
-                <input type="checkbox" name="match-case"/> Match case
+                <input type="checkbox" name="match-case"/>
+                <xsl:text> </xsl:text>
+                <xsl:apply-templates select="key('resources', 'match-case', ldh:translations())" mode="ac:label"/>
             </label>
             <div class="action-buttons">
-                <button type="button" class="btn-primary find-next">Find next</button>
-                <button type="button" class="btn-secondary replace-current">Replace</button>
-                <button type="button" class="btn-secondary replace-all">Replace all</button>
-                <button type="button" class="btn-secondary find-close">Close</button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm find-next"><xsl:apply-templates select="key('resources', 'find-next', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm replace-current"><xsl:apply-templates select="key('resources', 'replace', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm replace-all"><xsl:apply-templates select="key('resources', 'replace-all', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm find-close"><xsl:apply-templates select="key('resources', 'close', ldh:translations())" mode="ac:label"/></button>
             </div>
             <span id="find-status" class="helper-text"/>
         </div>
@@ -575,7 +579,7 @@ version="3.0">
         <xsl:choose>
             <xsl:when test="$query = ''">
                 <xsl:call-template name="rdfae:find-status">
-                    <xsl:with-param name="message" select="'Enter a search term.'"/>
+                    <xsl:with-param name="message" select="ac:label(key('resources', 'enter-search-term', ldh:translations()))"/>
                 </xsl:call-template>
             </xsl:when>
             <xsl:otherwise>
@@ -595,7 +599,7 @@ version="3.0">
                 <xsl:iterate select="$plan">
                     <xsl:on-completion>
                         <xsl:call-template name="rdfae:find-status">
-                            <xsl:with-param name="message" select="'No matches.'"/>
+                            <xsl:with-param name="message" select="ac:label(key('resources', 'no-matches', ldh:translations()))"/>
                         </xsl:call-template>
                         <ixsl:set-property name="findNode" select="()" object="rdfae:editor-state()"/>
                         <ixsl:set-property name="findOffset" select="1" object="rdfae:editor-state()"/>
@@ -681,7 +685,7 @@ version="3.0">
             <xsl:when test="empty($matched)">
                 <xsl:call-template name="rdfae:find-status">
                     <xsl:with-param name="message"
-                        select="if ($query = '') then 'Enter a search term.' else 'No matches.'"/>
+                        select="if ($query = '') then ac:label(key('resources', 'enter-search-term', ldh:translations())) else ac:label(key('resources', 'no-matches', ldh:translations()))"/>
                 </xsl:call-template>
             </xsl:when>
             <xsl:otherwise>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/overlay.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/overlay.xsl
index cd076d8732..874ce5642d 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/overlay.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/overlay.xsl
@@ -5,6 +5,8 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
+xmlns:ac="https://w3id.org/atomgraph/client#"
 extension-element-prefixes="ixsl"
 xpath-default-namespace="http://www.w3.org/1999/xhtml"
 version="3.0">
@@ -32,69 +34,67 @@ version="3.0">
     </xsl:template>
 
     <xsl:template name="rdfae:render-overlay">
-        <div id="{$rdfae:overlay-id}" class="rdfa-editor-ui" role="dialog" aria-modal="true" aria-label="RDFa annotation" style="display: none;">
+        <div id="{$rdfae:overlay-id}" class="rdfa-editor-ui" role="dialog" aria-modal="true" aria-label="{ac:label(key('resources', 'rdfa-annotation', ldh:translations()))}" style="display: none;">
             <div class="overlay-header">
-                <h3>RDFa Annotation</h3>
+                <h3><xsl:apply-templates select="key('resources', 'rdfa-annotation', ldh:translations())" mode="ac:label"/></h3>
             </div>
             <form id="annotation-form">
                 <div class="statement">
-                    <span class="stmt-role" title="Subject">S</span>
+                    <span class="stmt-role" title="{ac:label(key('resources', 'rdfa-subject', ldh:translations()))}">S</span>
                     <div id="stmt-subject" class="stmt-value"/>
-                    <span class="stmt-role" title="Predicate">P</span>
+                    <span class="stmt-role" title="{ac:label(key('resources', 'rdfa-predicate', ldh:translations()))}">P</span>
                     <div class="stmt-control">
                         <xsl:sequence select="rdfae:typeahead-field('property')"/>
                     </div>
-                    <span class="stmt-role" title="Object">O</span>
+                    <span class="stmt-role" title="{ac:label(key('resources', 'rdfa-object', ldh:translations()))}">O</span>
                     <div class="stmt-control">
-                        <input type="text" name="value" placeholder="Literal value"/>
-                        <span class="helper-text">The selected text; change it to emit a machine-readable content value</span>
+                        <input type="text" name="value" placeholder="{ac:label(key('resources', 'rdfa-value-placeholder', ldh:translations()))}"/>
+                        <span class="helper-text"><xsl:apply-templates select="key('resources', 'rdfa-value-help', ldh:translations())" mode="ac:label"/></span>
                     </div>
                 </div>
 
                 <details id="advanced-fields">
-                    <summary>Type, subject &amp; object</summary>
+                    <summary><xsl:apply-templates select="key('resources', 'rdfa-advanced-summary', ldh:translations())" mode="ac:label"/></summary>
                     <fieldset>
-                        <label>Entity type (typeof)</label>
+                        <label><xsl:apply-templates select="key('resources', 'rdfa-type-typeof', ldh:translations())" mode="ac:label"/></label>
                         <xsl:sequence select="rdfae:typeahead-field('typeof')"/>
-                        <span class="helper-text">Types the annotated resource; without a subject the typed
-                            resource becomes the object of the property (chaining)</span>
+                        <span class="helper-text"><xsl:apply-templates select="key('resources', 'rdfa-typeof-help', ldh:translations())" mode="ac:label"/></span>
                     </fieldset>
                     <fieldset>
-                        <label>Subject (about)</label>
-                        <input type="text" name="subject" placeholder="Overrides the subject in scope"/>
-                        <span class="helper-text">IRI or _:blank-node identifier</span>
+                        <label><xsl:apply-templates select="key('resources', 'rdfa-subject-about', ldh:translations())" mode="ac:label"/></label>
+                        <input type="text" name="subject" placeholder="{ac:label(key('resources', 'rdfa-subject-placeholder', ldh:translations()))}"/>
+                        <span class="helper-text"><xsl:apply-templates select="key('resources', 'rdfa-subject-help', ldh:translations())" mode="ac:label"/></span>
                     </fieldset>
                     <fieldset>
-                        <label>Object (resource)</label>
-                        <input type="text" name="object" placeholder="Object IRI"/>
-                        <span class="helper-text">Makes the object a resource instead of the literal value</span>
+                        <label><xsl:apply-templates select="key('resources', 'rdfa-object-resource', ldh:translations())" mode="ac:label"/></label>
+                        <input type="text" name="object" placeholder="{ac:label(key('resources', 'rdfa-object-placeholder', ldh:translations()))}"/>
+                        <span class="helper-text"><xsl:apply-templates select="key('resources', 'rdfa-object-help', ldh:translations())" mode="ac:label"/></span>
                     </fieldset>
                     <fieldset>
-                        <label>Literal type (datatype)</label>
+                        <label><xsl:apply-templates select="key('resources', 'rdfa-datatype', ldh:translations())" mode="ac:label"/></label>
                         <select name="datatype">
-                            <option value="">(plain literal)</option>
+                            <option value=""><xsl:apply-templates select="key('resources', 'rdfa-plain-literal', ldh:translations())" mode="ac:label"/></option>
                             <xsl:variable name="xsd" as="xs:string" select="'http://www.w3.org/2001/XMLSchema#'"/>
                             <xsl:for-each select="'string', 'date', 'dateTime', 'time', 'integer',
                                     'decimal', 'double', 'float', 'boolean', 'anyURI'">
                                 <option value="{$xsd || .}">xsd:<xsl:value-of select="."/></option>
                             </xsl:for-each>
-                            <option value="{$rdfae:custom}">-- Custom datatype --</option>
+                            <option value="{$rdfae:custom}"><xsl:apply-templates select="key('resources', 'rdfa-custom-datatype', ldh:translations())" mode="ac:label"/></option>
                         </select>
-                        <input type="text" name="custom-datatype" placeholder="Datatype IRI" style="display: none;"/>
-                        <span class="helper-text">Types the literal (e.g. xsd:date, xsd:integer);
-                            mutually exclusive with a language tag</span>
+                        <input type="text" name="custom-datatype" placeholder="{ac:label(key('resources', 'rdfa-datatype-placeholder', ldh:translations()))}" style="display: none;"/>
+                        <span class="helper-text"><xsl:apply-templates select="key('resources', 'rdfa-datatype-help', ldh:translations())" mode="ac:label"/></span>
                     </fieldset>
                     <fieldset>
-                        <label>Language (lang)</label>
-                        <input type="text" name="lang" placeholder="e.g. en, fr-CA"/>
-                        <span class="helper-text">Language tag for the literal; ignored when a datatype is set</span>
+                        <label><xsl:apply-templates select="key('resources', 'rdfa-language', ldh:translations())" mode="ac:label"/></label>
+                        <input type="text" name="lang" placeholder="{ac:label(key('resources', 'rdfa-language-placeholder', ldh:translations()))}"/>
+                        <span class="helper-text"><xsl:apply-templates select="key('resources', 'rdfa-language-help', ldh:translations())" mode="ac:label"/></span>
                     </fieldset>
                 </details>
 
                 <div class="action-buttons">
-                    <button type="button" class="btn-danger remove-action" style="display: none;">Remove</button>
-                    <button type="button" class="btn-primary spo-action">Annotate</button>
-                    <button type="button" class="btn-secondary cancel-action">Cancel</button>
+                    <button type="button" class="ldhc-btn in-negative ap-solid sz-sm remove-action" style="display: none;"><xsl:apply-templates select="key('resources', 'remove', ldh:translations())" mode="ac:label"/></button>
+                    <button type="button" class="ldhc-btn in-primary ap-solid sz-sm spo-action"><xsl:apply-templates select="key('resources', 'annotate', ldh:translations())" mode="ac:label"/></button>
+                    <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm cancel-action"><xsl:apply-templates select="key('resources', 'cancel', ldh:translations())" mode="ac:label"/></button>
                 </div>
             </form>
         </div>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/select.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/select.xsl
index 291f79f8a8..da59b5c564 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/select.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/select.xsl
@@ -247,12 +247,14 @@ version="3.0">
 
     <!-- mousedown in a region: Shift extends the standing selection to the
          clicked point (the anchor never moves - preventDefault stops the
-         native caret placement that would collapse it), a plain primary press
-         arms a sweep anchor for the mousemove takeover (no preventDefault:
-         native caret placement and in-host drags proceed untouched). SaxonJS
-         dispatches an event at the innermost matching template only, so a
-         press on the drag handle never reaches this (the handle owns its
-         gesture) and chrome is guarded out explicitly -->
+         native caret placement that would collapse it), a press on non-editable
+         canvas places the caret at the point itself (no native placement exists
+         there), and a plain primary press on a host arms a sweep anchor for the
+         mousemove takeover (no preventDefault: native caret placement and
+         in-host drags proceed untouched). SaxonJS dispatches an event at the
+         innermost matching template only, so a press on the drag handle never
+         reaches this (the handle owns its gesture) and chrome is guarded out
+         explicitly -->
     <xsl:template match="*[contains-token(@class, 'rdfa-editor-content')]" mode="ixsl:onmousedown">
         <xsl:variable name="event" select="ixsl:event()"/>
         <xsl:variable name="region" as="element()" select="."/>
@@ -282,6 +284,32 @@ version="3.0">
                     <ixsl:set-property name="sweepAnchorHost" select="()" object="rdfae:editor-state()"/>
                     <ixsl:set-property name="sweepRegion" select="rdfae:root-of($anchor-node)" object="rdfae:editor-state()"/>
                 </xsl:when>
+                <!-- a press that landed outside every editable host: the surface
+                     between blocks, the handle gutter, a structural container's own
+                     box. The browser has no caret to place there and no focusable
+                     element below the region to focus, so the placement is ours -
+                     the nearest host takes focus and the caret lands at the point,
+                     rather than focus dropping off the canvas. A point that resolves
+                     into a non-editable parent (rdfae:caret-at-point escapes islands
+                     and chrome to a position beside them) has no host to focus and
+                     nothing to place: it falls through to the region's own tabindex -->
+                <xsl:when test="empty($target/ancestor-or-self::*[@contenteditable = 'true'])
+                        and exists(rdfae:host-of($point?node))">
+                    <xsl:sequence select="ixsl:call($event, 'preventDefault', [])[current-date() lt xs:date('2000-01-01')]"/>
+                    <xsl:call-template name="rdfae:focus-caret">
+                        <xsl:with-param name="node" select="$point?node"/>
+                        <xsl:with-param name="offset" select="$point?offset"/>
+                    </xsl:call-template>
+                    <!-- the preventDefault killed the native drag session, so a sweep
+                         dragged out of here is synthetic throughout (no anchor host) -->
+                    <ixsl:set-property name="sweepAnchorNode" select="$point?node" object="rdfae:editor-state()"/>
+                    <ixsl:set-property name="sweepAnchorOffset" select="$point?offset" object="rdfae:editor-state()"/>
+                    <ixsl:set-property name="sweepAnchorHost" select="()" object="rdfae:editor-state()"/>
+                    <ixsl:set-property name="sweepRegion" select="$region" object="rdfae:editor-state()"/>
+                    <!-- focusin only fires when the host changes; a point in the same
+                         host still moves the caret, so sync from the choke point -->
+                    <xsl:call-template name="rdfae:update-breadcrumb"/>
+                </xsl:when>
                 <xsl:otherwise>
                     <xsl:for-each select="$point">
                         <ixsl:set-property name="sweepAnchorNode" select="?node" object="rdfae:editor-state()"/>
@@ -445,7 +473,7 @@ version="3.0">
     <!-- a cross-host selection is copied in its storage form: the editing DOM
          (chrome, contenteditable, marker classes) would otherwise travel to the
          clipboard's HTML flavor. The fragment runs the same canonical +
-         cm-normalize pipeline as paste, in reverse; RDFa attributes survive, so
+         cm:normalize pipeline as paste, in reverse; RDFa attributes survive, so
          annotated content round-trips between documents. Within-host copy stays
          native. The union match covers both dispatch shapes: the focused host,
          or body after a background-origin sweep -->
@@ -485,7 +513,7 @@ version="3.0">
             <xsl:sequence select="ixsl:call($carrier, 'appendChild',
                 [ ixsl:call($work, 'cloneContents', []) ])[current-date() lt xs:date('2000-01-01')]"/>
             <xsl:variable name="pass1">
-                <xsl:apply-templates select="$carrier/node()" mode="canonical"/>
+                <xsl:apply-templates select="$carrier/node()" mode="cm:canonical"/>
             </xsl:variable>
             <xsl:variable name="clean">
                 <xsl:sequence select="cm:normalize($pass1/node())"/>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/tables.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/tables.xsl
index e6e59366b5..3e1e83f7ca 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/tables.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/tables.xsl
@@ -5,6 +5,8 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
+xmlns:ac="https://w3id.org/atomgraph/client#"
 extension-element-prefixes="ixsl"
 xpath-default-namespace="http://www.w3.org/1999/xhtml"
 version="3.0">
@@ -116,17 +118,17 @@ version="3.0">
 
     <xsl:template name="rdfae:render-table-dialog">
         <div id="table-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true"
-                aria-label="Insert table" style="display: none;">
-            <label>Body rows</label>
+                aria-label="{ac:label(key('resources', 'insert-table', ldh:translations()))}" style="display: none;">
+            <label><xsl:apply-templates select="key('resources', 'table-body-rows', ldh:translations())" mode="ac:label"/></label>
             <input type="number" name="rows" value="3" min="1" max="50"/>
-            <label>Columns</label>
+            <label><xsl:apply-templates select="key('resources', 'table-columns', ldh:translations())" mode="ac:label"/></label>
             <input type="number" name="cols" value="3" min="1" max="20"/>
-            <label class="checkbox-label"><input type="checkbox" name="header-row" checked="checked"/> Header row</label>
-            <label>Caption</label>
+            <label class="checkbox-label"><input type="checkbox" name="header-row" checked="checked"/><xsl:text> </xsl:text><xsl:apply-templates select="key('resources', 'table-header-row', ldh:translations())" mode="ac:label"/></label>
+            <label><xsl:apply-templates select="key('resources', 'caption', ldh:translations())" mode="ac:label"/></label>
             <input type="text" name="caption"/>
             <div class="action-buttons">
-                <button type="button" class="btn-primary table-save">Insert</button>
-                <button type="button" class="btn-secondary table-cancel">Cancel</button>
+                <button type="button" class="ldhc-btn in-primary ap-solid sz-sm table-save"><xsl:apply-templates select="key('resources', 'insert', ldh:translations())" mode="ac:label"/></button>
+                <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm table-cancel"><xsl:apply-templates select="key('resources', 'cancel', ldh:translations())" mode="ac:label"/></button>
             </div>
         </div>
     </xsl:template>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/typeahead.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/typeahead.xsl
index a94ff5d7d5..98f34b820c 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/typeahead.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/rdfa-editor/typeahead.xsl
@@ -5,6 +5,8 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 xmlns:xs="http://www.w3.org/2001/XMLSchema"
 xmlns:rdfae="https://w3id.org/atomgraph/rdfa-editor#"
+xmlns:ldh="https://w3id.org/atomgraph/linkeddatahub#"
+xmlns:ac="https://w3id.org/atomgraph/client#"
 extension-element-prefixes="ixsl"
 xpath-default-namespace="http://www.w3.org/1999/xhtml"
 exclude-result-prefixes="xs"
@@ -142,7 +144,7 @@ version="3.0">
             <xsl:result-document href="?." method="ixsl:replace-content">
                 <button type="button" class="typeahead-value" title="{$iri}">
                     <span class="typeahead-label"><xsl:value-of select="$label"/></span>
-                    <span class="typeahead-clear" role="button" aria-label="Clear">&#215;</span>
+                    <span class="typeahead-clear" role="button" aria-label="{ac:label(key('resources', 'clear', ldh:translations()))}">&#215;</span>
                     <input type="hidden" name="{$field}" value="{$iri}"/>
                 </button>
             </xsl:result-document>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/resource.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/resource.xsl
similarity index 52%
rename from src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/resource.xsl
rename to src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/resource.xsl
index 0e8b366bf1..ae01efd8a2 100644
--- a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/resource.xsl
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/resource.xsl
@@ -57,18 +57,41 @@ xmlns:spin="&spin;"
 xmlns:geo="&geo;"
 xmlns:void="&void;"
 xmlns:schema="&schema;"
-xmlns:bs2="http://graphity.org/xsl/bootstrap/2.3.2"
-xmlns:ixsl="http://saxonica.com/ns/interactiveXSLT"
 exclude-result-prefixes="#all"
-extension-element-prefixes="ixsl"
 >
     
     <xsl:key name="shapes-by-target-class" match="*[@rdf:about] | *[@rdf:nodeID]" use="sh:targetClass/@rdf:resource | sh:targetClass/@rdf:resource"/>
 
+    <!-- Material Symbols glyph per layout mode (shared by the action-bar mode switcher and the mode list) -->
+    <xsl:variable name="ldh:mode-icons" as="map(xs:string, xs:string)" select="map{
+        '&ldh;ContentMode': 'view_module',
+        '&ac;ReadMode': 'visibility',
+        '&ac;ListMode': 'view_list',
+        '&ac;TableMode': 'table',
+        '&ac;GridMode': 'grid_view',
+        '&ac;MapMode': 'map',
+        '&ac;ChartMode': 'bar_chart',
+        '&ac;GraphMode': 'hub'
+    }"/>
+    <!-- document-class glyphs shared by the breadcrumb and constructor items; sites supply their own fallback -->
+    <xsl:variable name="ldh:class-icons" as="map(xs:string, xs:string)" select="map{
+        '&def;Root': 'folder',
+        '&dh;Container': 'folder',
+        '&dh;Item': 'description'
+    }"/>
+
+    <!-- the single icon-from-type derivation: first mapped glyph of the resource's types, else the caller's fallback -->
+    <xsl:function name="ldh:class-icon" as="xs:string?">
+        <xsl:param name="resource" as="element()"/>
+        <xsl:param name="fallback" as="xs:string?"/>
+
+        <xsl:sequence select="($resource/rdf:type/@rdf:resource ! map:get($ldh:class-icons, string(.)), $fallback)[1]"/>
+    </xsl:function>
+
     <!-- LABEL -->
 
     <xsl:template match="*[@rdf:about = '&owl;NamedIndividual']" mode="ac:label">
-        <xsl:apply-templates select="key('resources', 'instance', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+        <xsl:apply-templates select="key('resources', 'instance', ldh:translations())" mode="ac:label"/>
     </xsl:template>
     
     <!-- LOGO -->
@@ -85,12 +108,6 @@ extension-element-prefixes="ixsl"
         <xsl:attribute name="class" select="concat($class, ' ', 'btn-logo btn-item')"/>
     </xsl:template>
     
-    <xsl:template match="*[@rdf:about = '&ac;ConstructMode']" mode="ldh:logo">
-        <xsl:param name="class" as="xs:string?"/>
-        
-        <xsl:attribute name="class" select="concat($class, ' ', 'create-action')"/>
-    </xsl:template>
-
     <xsl:template match="*[@rdf:about = '&dh;Container']" mode="ldh:logo" priority="1">
         <xsl:param name="class" as="xs:string?"/>
         
@@ -305,7 +322,7 @@ extension-element-prefixes="ixsl"
 
     <!-- schema.org BREADCRUMBS -->
     
-    <xsl:template match="*[@rdf:about]" mode="schema:BreadCrumbListItem" as="element()">
+    <xsl:template match="*[@rdf:about]" mode="schema:ListItem" as="element()">
         <rdf:Description rdf:nodeID="item{position()}">
             <rdf:type rdf:resource="&schema;ListItem"/>
             <schema:position><xsl:value-of select="position()"/></schema:position>
@@ -316,88 +333,115 @@ extension-element-prefixes="ixsl"
     
     <!-- BREADCRUMBS -->
 
-    <xsl:template match="*[@rdf:about]" mode="bs2:BreadCrumbListItem">
+    <xsl:template match="*[@rdf:about]" mode="ac:BreadcrumbItem">
         <xsl:param name="leaf" select="true()" as="xs:boolean"/>
-        
-        <li>
-            <xsl:variable name="class" as="xs:string?">
-                <xsl:apply-templates select="." mode="ldh:logo"/>
-            </xsl:variable>
-            <xsl:apply-templates select="@rdf:about" mode="xhtml:Anchor">
-                <xsl:with-param name="id" select="()"/>
-                <xsl:with-param name="class" select="$class"/>
-            </xsl:apply-templates>
+        <!-- crumb icon by document type, as in the design system's breadcrumb -->
+        <xsl:param name="icon" select="ldh:class-icon(., 'link')" as="xs:string"/>
+
+        <!-- same href recipe as the xhtml:Anchor override in imports/default.xsl; the crumb builds its
+             own <a> because the design puts a glyph inside it, which the anchor mode cannot emit -->
+        <xsl:variable name="fragment" select="ac:fragment-id(@rdf:about)" as="xs:string?"/>
 
-            <xsl:if test="not($leaf)">
-                <span class="divider">/</span>
+        <a href="{ldh:href(ac:document-uri(xs:anyURI(@rdf:about)), map{}, $fragment)}" title="{@rdf:about}" class="bc-pill{if ($leaf) then ' is-current' else ()}">
+            <xsl:if test="$leaf">
+                <xsl:attribute name="aria-current" select="'page'"/>
             </xsl:if>
-        </li>
+            <span class="msi sm" aria-hidden="true">
+                <xsl:value-of select="$icon"/>
+            </span>
+            <span>
+                <xsl:apply-templates select="." mode="ac:label"/>
+            </span>
+        </a>
+
+        <xsl:if test="not($leaf)">
+            <span class="msi sm bc-sep" aria-hidden="true">chevron_right</span>
+        </xsl:if>
     </xsl:template>
     
-    <!-- LEFT NAV -->
-    
-    <xsl:template match="*[*][@rdf:about or @rdf:nodeID]" mode="bs2:Left" priority="1">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'left-nav span2'" as="xs:string?"/>
-        
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
+    <!-- BLOCK LINKS POPOVER -->
+
+    <!-- backlinks: jump-off navigation in a popover anchored to the links button in the block header
+         (or the view toolbar). Ships closed and empty; the tb-links onclick lazy-loads the row list
+         on first open, resolving the block URI from the ancestor block's @about at click time, so the
+         markup needs no resource context of its own. -->
+    <xsl:template match="*" mode="ldh:BlockLinksPopover">
+        <div class="links-nav">
+            <button type="button" class="ldhc-iconbtn sz-sm in-accent ap-ghost tb-links" aria-pressed="false">
+                <xsl:attribute name="title">
+                    <xsl:apply-templates select="key('resources', 'backlinks', ldh:translations())" mode="ac:label"/>
+                </xsl:attribute>
+
+                <span class="msi sm" aria-hidden="true">link</span>
+            </button>
+
+            <div class="links-pop">
+                <h2 class="dh2">
+                    <xsl:value-of>
+                        <xsl:apply-templates select="key('resources', 'backlinks', ldh:translations())" mode="ac:label"/>
+                    </xsl:value-of>
+                </h2>
+
+                <div class="backlinks-nav dgroup">
+                    <!-- ldh:backlinks-response appends the row list here on first open -->
+                </div>
+            </div>
         </div>
     </xsl:template>
-    
-    <!-- RIGHT NAV -->
-    
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;Object'][rdf:value/@rdf:resource]" mode="bs2:Right" priority="1">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'right-nav span3'" as="xs:string?"/>
-        
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-            
-            <!-- will be hydrated by client.xsl -->
-        </div>
+
+    <!-- COPY URI BUTTON -->
+
+    <!-- copies the resource's URI to the clipboard. Context-free markup like ldh:BlockLinksPopover:
+         the onclick handler in client.xsl resolves the URI from the header's title anchor or the
+         ancestor block's @about at click time. -->
+    <xsl:template match="*" mode="ldh:CopyUriButton">
+        <xsl:param name="class" select="'ldhc-iconbtn sz-sm in-neutral ap-ghost btn-copy-uri'" as="xs:string"/>
+
+        <button type="button" class="{$class}">
+            <xsl:attribute name="title">
+                <xsl:apply-templates select="key('resources', 'copy-uri', ldh:translations())" mode="ac:label"/>
+            </xsl:attribute>
+
+            <span class="msi sm" aria-hidden="true">content_copy</span>
+        </button>
     </xsl:template>
 
-    <xsl:template match="*[*][@rdf:about or @rdf:nodeID]" mode="bs2:Right">
-        <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'right-nav span3'" as="xs:string?"/>
-        
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-            
-            <xsl:if test="@rdf:about">
-                <div class="well well-small sidebar-nav backlinks-nav">
-                    <h2 class="nav-header btn">
-                        <xsl:value-of>
-                            <xsl:apply-templates select="key('resources', 'backlinks', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                        </xsl:value-of>
-
-                        <span class="caret caret-reversed pull-right"></span>
-                    </h2>
-                    <!-- will be hydrated by client.xsl TO-DO: move to client-side -->
-                </div>
+    <!-- EDIT BUTTON -->
+
+    <!-- opens the whole-resource edit form for the nearest addressable block. Context-free markup like
+         ldh:CopyUriButton: the onclick handler in client/form.xsl resolves the target from the ancestor
+         block's @about at click time. -->
+    <xsl:template match="*" mode="ldh:EditButton">
+        <xsl:param name="class" select="'ldhc-iconbtn sz-sm in-neutral ap-ghost btn-edit'" as="xs:string"/>
+        <xsl:param name="title" select="ac:label(key('resources', '&ac;EditMode', document(ac:document-uri('&ac;'))))" as="xs:string?"/>
+
+        <button type="button" class="{$class}">
+            <xsl:if test="$title">
+                <xsl:attribute name="title" select="$title"/>
             </xsl:if>
-        </div>
+
+            <span class="msi sm" aria-hidden="true">edit</span>
+        </button>
+    </xsl:template>
+
+    <!-- LINK ROW -->
+
+    <xsl:template match="*[@rdf:about]" mode="ldh:LinkRow">
+        <xsl:param name="icon" select="'link'" as="xs:string"/>
+
+        <a href="{ldh:href(ac:document-uri(xs:anyURI(@rdf:about)), map{}, ac:fragment-id(@rdf:about))}" title="{@rdf:about}" class="drow{if (not(starts-with(@rdf:about, ldt:base()))) then ' external' else ''}">
+            <span class="msi sm" aria-hidden="true">
+                <xsl:value-of select="$icon"/>
+            </span>
+            <span class="lbl">
+                <xsl:apply-templates select="." mode="ac:label"/>
+            </span>
+        </a>
     </xsl:template>
 
     <!-- MODE LIST -->
 
-    <xsl:template match="*[@rdf:about]" mode="bs2:ModeListItem">
+    <xsl:template match="*[@rdf:about]" mode="ac:ModeSwitcherItem">
         <xsl:param name="absolute-path" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI" tunnel="yes"/>
         <xsl:param name="base-uri" as="xs:anyURI?"/>
         <xsl:param name="active" as="xs:boolean"/>
@@ -414,268 +458,344 @@ extension-element-prefixes="ixsl"
                 <xsl:map-entry key="'&ac;GraphMode'" select="'graph-mode'"/>
             </xsl:map>
         </xsl:param>
-        <xsl:param name="class" select="map:get($mode-classes, @rdf:about) || (if ($active) then ' active' else ())" as="xs:string?"/>
-
-        <li>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
+        <xsl:param name="class" select="map:get($mode-classes, @rdf:about) || (if ($active) then ' is-active' else ())" as="xs:string?"/>
+        <xsl:param name="desc-keys" as="map(xs:string, xs:string)">
+            <xsl:map>
+                <xsl:map-entry key="'&ldh;ContentMode'" select="'content-mode-desc'"/>
+                <xsl:map-entry key="'&ac;ReadMode'" select="'read-mode-desc'"/>
+                <xsl:map-entry key="'&ac;ListMode'" select="'list-mode-desc'"/>
+                <xsl:map-entry key="'&ac;TableMode'" select="'table-mode-desc'"/>
+                <xsl:map-entry key="'&ac;GridMode'" select="'grid-mode-desc'"/>
+                <xsl:map-entry key="'&ac;MapMode'" select="'map-mode-desc'"/>
+                <xsl:map-entry key="'&ac;ChartMode'" select="'chart-mode-desc'"/>
+                <xsl:map-entry key="'&ac;GraphMode'" select="'graph-mode-desc'"/>
+            </xsl:map>
+        </xsl:param>
 
-            <a>
-                <xsl:if test="$href">
+        <!-- a menu item radio (the design's ModeSwitcher): a link when the mode is URL-addressable,
+             a button when the switch is client state only (the view modes) -->
+        <xsl:element name="{if ($href) then 'a' else 'button'}" namespace="http://www.w3.org/1999/xhtml">
+            <xsl:attribute name="class" select="'mi' || (if ($class) then ' ' || $class else ())"/>
+            <xsl:attribute name="role" select="'menuitemradio'"/>
+            <xsl:attribute name="aria-checked" select="if ($active) then 'true' else 'false'"/>
+            <xsl:choose>
+                <xsl:when test="$href">
                     <xsl:attribute name="href" select="$href"/>
-                </xsl:if>
-                <xsl:apply-templates select="." mode="ldh:logo"/>
-                <xsl:value-of>
+                </xsl:when>
+                <xsl:otherwise>
+                    <xsl:attribute name="type" select="'button'"/>
+                </xsl:otherwise>
+            </xsl:choose>
+            <span class="msi sm" aria-hidden="true">
+                <xsl:value-of select="map:get($ldh:mode-icons, string(@rdf:about))"/>
+            </span>
+            <span class="label-col">
+                <span class="label">
                     <xsl:apply-templates select="." mode="ac:label"/>
-                </xsl:value-of>
-            </a>
-        </li>
+                </span>
+                <xsl:for-each select="map:get($desc-keys, string(@rdf:about))">
+                    <span class="desc">
+                        <xsl:apply-templates select="key('resources', ., ldh:translations())" mode="ac:label"/>
+                    </span>
+                </xsl:for-each>
+            </span>
+            <xsl:if test="$active">
+                <span class="msi sm tick" aria-hidden="true">check</span>
+            </xsl:if>
+        </xsl:element>
     </xsl:template>
 
     <!-- DEFAULT -->
 
+    <!-- the unnamed resource dispatch emits block BODY content only: ldh:BlockRow owns the card and its
+         header/body slots (the design keeps head and body as siblings), so Web-Client's full-block
+         default (div.block > header + property list) is overridden here -->
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]">
+        <xsl:apply-templates select="." mode="ac:PropertyEditor"/>
+    </xsl:template>
+
     <!-- embed file content -->
     <xsl:template match="*[@rdf:about][rdf:type/@rdf:resource = '&nfo;FileDataObject'][dct:format]" priority="2">
-        <xsl:param name="id" select="generate-id()" as="xs:string?"/>
-        <xsl:param name="class" as="xs:string?"/>
+        <xsl:apply-templates select="." mode="ac:PropertyEditor"/>
 
-        <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
+        <xsl:variable name="media-type" select="substring-after(dct:format[1]/@rdf:resource, 'http://www.sparontologies.net/mediatype/')" as="xs:string"/>
+        <object data="{@rdf:about}" type="{$media-type}"></object>
+    </xsl:template>
 
-            <xsl:apply-templates select="." mode="bs2:Header"/>
+    <!-- BLOCK -->
 
-            <xsl:apply-templates select="." mode="bs2:PropertyList"/>
-            
-            <xsl:variable name="media-type" select="substring-after(dct:format[1]/@rdf:resource, 'http://www.sparontologies.net/mediatype/')" as="xs:string"/>
-            <object data="{@rdf:about}" type="{$media-type}"></object>
-        </div>
+    <!-- hide inlined blank node resources from the main block flow -->
+    <xsl:template match="*[*][key('resources', @rdf:nodeID)][count(key('predicates-by-object', @rdf:nodeID)[not(self::foaf:primaryTopic)]) = 1]" mode="ldh:BlockRow" priority="1">
+        <xsl:param name="display" select="false()" as="xs:boolean" tunnel="yes"/>
+        
+        <xsl:if test="$display">
+            <xsl:next-match/>
+        </xsl:if>
     </xsl:template>
     
-    <!-- BLOCK -->
-        
-    <!-- resource block overrides -->
-    <xsl:template match="*[@rdf:about][rdf:type/@rdf:resource = ('&ldh;Object', '&ldh;View', '&ldh;GraphChart', '&ldh;ResultSetChart', '&sp;Describe', '&sp;Construct', '&sp;Ask', '&sp;Select')]" mode="bs2:Row" priority="1">
-        <!-- TO-DO: use ldh:request-uri() to resolve URIs server-side -->
+    <!-- hide instances of system classes -->
+    <xsl:template match="*[not($ldh:renderSystemResources)][@rdf:about = ac:absolute-path(ldh:base-uri(.)) and rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]" mode="ldh:BlockRow" priority="1"/>
+
+    <!-- ldh:BlockRow: the design system's row layer (div.ldh-block-row > div.row-main) around the block card,
+         mirroring the BlockRow/Block component split in the design's Blocks.jsx. One template owns the
+         scaffolding - the row carries @id/@about/diff/@draggable, .row-main carries the drag handle - and the
+         per-type variance lives in the ldh:Block card mode below. Emitted by both products so that server- and
+         client-rendered markup have the same shape: the ontology-driven view injection in client/block.xsl keys
+         off this exact nesting (outer div.ldh-block-row[@about] / div.row-main / inner div.block[@typeof]).
+         An ontology-injected (derived) block renders as the nested-block well instead: no row layer, and the
+         stored-block chrome is omitted - drag reorder needs rdf:_N membership, the row edit form needs a subject
+         that exists in the graph, and the host block's bar already spans this block's load - so only the head
+         and the RDFa body remain -->
+    <!-- TO-DO: replace with fully client-side wrapper in ldh:RenderRow in block.xsl -->
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:BlockRow">
         <xsl:param name="id" select="if (contains(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#')) then substring-after(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#') else generate-id()" as="xs:string?"/>
-        <xsl:param name="class" select="'row-fluid block'" as="xs:string?"/>
         <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
         <xsl:param name="typeof" select="rdf:type/@rdf:resource/xs:anyURI(.)" as="xs:anyURI*"/>
+        <xsl:param name="mode" as="xs:anyURI?"/>
+        <xsl:param name="style" as="xs:string?"/>
         <xsl:param name="draggable" select="false()" as="xs:boolean?"/>
-        <xsl:param name="show-row-block-controls" select="true()" as="xs:boolean"/>
+        <xsl:param name="show-block-bar" select="true()" as="xs:boolean"/>
+        <xsl:param name="show-drag-handle" select="true()" as="xs:boolean" tunnel="yes"/>
+        <xsl:param name="nested" select="false()" as="xs:boolean"/>
+        <xsl:param name="depth" select="1" as="xs:integer"/>
         <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
         <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
         <xsl:variable name="diff-class" select="ldh:diff-class(., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
 
-        <xsl:apply-templates select="key('resources', .)" mode="bs2:RowContentHeader"/>
+        <xsl:choose>
+            <xsl:when test="$nested">
+                <xsl:variable name="block-type" select="(rdf:type/@rdf:resource[. = ('&ldh;Object', '&ldh;View', '&ldh;GraphChart', '&ldh;ResultSetChart', '&sp;Describe', '&sp;Construct', '&sp;Ask', '&sp;Select')])[1]" as="xs:anyURI?"/>
+                <xsl:variable name="glyph" select="map{ '&ldh;View': 'table_rows', '&ldh;GraphChart': 'show_chart', '&ldh;ResultSetChart': 'show_chart', '&sp;Describe': 'code', '&sp;Construct': 'code', '&sp;Ask': 'code', '&sp;Select': 'code' }(string($block-type))" as="xs:string?"/>
+
+                <div>
+                    <xsl:if test="$id">
+                        <xsl:attribute name="id" select="$id"/>
+                    </xsl:if>
+                    <xsl:attribute name="class" select="string-join(('block ldh-nblock', $diff-class), ' ')"/>
+                    <xsl:if test="$about">
+                        <xsl:attribute name="about" select="$about"/>
+                    </xsl:if>
+                    <xsl:attribute name="data-depth" select="min((3, $depth))"/>
+
+                    <!-- THE header - the same component as a top-level block's, at compact density: depth
+                         changes the density, never the structure. Links stay off inside the well, and the
+                         derived block is not reorderable (no rdf:_N membership), so no drag slot either -->
+                    <xsl:apply-templates select="." mode="ac:BlockHeader">
+                        <xsl:with-param name="density" select="'compact'"/>
+                        <xsl:with-param name="icon" select="($glyph, 'widgets')[1]"/>
+                        <xsl:with-param name="show-links" select="false()"/>
+                    </xsl:apply-templates>
+                    <div class="ldh-nblock-body">
+                        <div class="block-row" typeof="{string-join($typeof, ' ')}">
+                            <div class="main">
+                                <xsl:apply-templates select="." mode="ac:PropertyEditor"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xsl:when>
+            <xsl:otherwise>
+                <div>
+                    <xsl:attribute name="class" select="string-join(('ldh-block-row', $diff-class), ' ')"/>
+                    <xsl:if test="$id">
+                        <xsl:attribute name="id" select="$id"/>
+                    </xsl:if>
+                    <xsl:if test="$about">
+                        <xsl:attribute name="about" select="$about"/>
+                    </xsl:if>
+                    <xsl:if test="$draggable = true()">
+                        <xsl:attribute name="draggable" select="'true'"/>
+                    </xsl:if>
+
+                    <div class="row-main">
+                        <xsl:apply-templates select="." mode="ldh:Block">
+                            <xsl:with-param name="about" select="$about"/>
+                            <xsl:with-param name="mode" select="$mode"/>
+                            <xsl:with-param name="style" select="$style"/>
+                            <xsl:with-param name="show-block-bar" select="$show-block-bar"/>
+                        </xsl:apply-templates>
+                    </div>
+                </div>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+
+    <!-- ldh:Block: the block card, the row layer's counterpart of the design's Block component. Templates here
+         emit the card and its children only (head, bar, body, actions); a new block type adds one card template
+         and the row scaffolding above needs no change. ldh:RowForm is this layer's edit-mode peer: it returns a
+         card with the same contract, which is what lets the edit flows replace cards in place -->
+
+    <!-- ldh:Object carrier card: a chrome-less content slot. The carrier renders no header - its metadata
+         is not worth default visibility, and the hydrated rdf:value resource brings the block's single
+         header - only the rail (drag slot + the slot-level copy/edit actions), the loading bar and the
+         CSR container the hydration chain fills. The rail's buttons resolve the nearest .block/@about at
+         click time, which is this card - the Object - while the embedded header's own buttons resolve
+         the embedded resource. The Object's fragment stays the block's canonical address: the row and
+         this card carry it, and the embedded resource is generally defined in another document. The card
+         is unconditionally the carrier: an ldh:Object renders only as a content member - the rdf:RDF row
+         template in document.xsl hides content resources in every other mode -->
+    <xsl:template match="*[@rdf:about][rdf:type/@rdf:resource = '&ldh;Object']" mode="ldh:Block" priority="1">
+        <xsl:param name="class" select="'block ldh-block'" as="xs:string?"/>
+        <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
+        <xsl:param name="typeof" select="rdf:type/@rdf:resource/xs:anyURI(.)" as="xs:anyURI*"/>
+        <xsl:param name="show-block-bar" select="true()" as="xs:boolean"/>
 
         <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
+            <xsl:attribute name="class" select="string-join(($class, 'is-loading'[$show-block-bar]), ' ')"/>
+            <xsl:if test="$about">
+                <xsl:attribute name="about" select="$about"/>
             </xsl:if>
-            <xsl:if test="$class or $diff-class">
-                <xsl:attribute name="class" select="string-join(($class, $diff-class), ' ')"/>
+            <xsl:if test="$show-block-bar">
+                <xsl:attribute name="aria-busy" select="'true'"/>
             </xsl:if>
+
             <xsl:if test="$about">
-                <xsl:attribute name="about" select="$about"/>
+                <!-- slot chrome is an authoring affordance: without acl:Write neither drag nor edit renders,
+                     and a rail holding just the copy button reads as debris - so read-only viewers get none -->
+                <xsl:apply-templates select="." mode="ldh:BlockRail">
+                    <xsl:with-param name="show-actions" select="acl:mode() = '&acl;Write'"/>
+                </xsl:apply-templates>
             </xsl:if>
-<!--            <xsl:if test="exists($typeof)">
-                <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
-            </xsl:if>-->
-            <xsl:if test="$draggable = true()">
-                <xsl:attribute name="draggable" select="'true'"/>
+
+            <xsl:if test="$show-block-bar">
+                <xsl:apply-templates select="." mode="ldh:BlockBar"/>
             </xsl:if>
 
-            <div class="span12">
-                <xsl:if test="$show-row-block-controls">
-                    <xsl:attribute name="class" select="'span12 progress progress-striped active'"/>
-                    
-                    <div class="drag-handle">
-                        <xsl:if test="acl:mode() = '&acl;Write'">
-                            <xsl:attribute name="draggable" select="'true'"/>
-                        </xsl:if>
-                    </div>
-                    <div class="row-fluid row-block-controls" style="position: relative; top: 30px; margin-top: -30px; z-index: 1;">
-                        <div class="span12">
-                            <xsl:if test="acl:mode() = '&acl;Write'">
-                                <button type="button" class="btn btn-edit pull-right" style="display: none;">
-                                    <xsl:apply-templates select="key('resources', '&ac;EditMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                                </button>
-                            </xsl:if>
-                            <div class="row-fluid">
-                                <div style="width: 0%;" class="span12 bar"></div>
-                            </div>
-                        </div>
-                    </div>
+            <!-- client-side $container; the card carries @about -->
+            <div class="block-row">
+                <xsl:if test="exists($typeof)">
+                    <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
                 </xsl:if>
 
-                <!-- client-side $container -->
-                <xsl:next-match>
-                    <xsl:with-param name="id" select="()"/> <!-- only block <div>s have @id-->
-                    <xsl:with-param name="about" select="()"/> <!-- only block <div>s have @about -->
-                    <xsl:with-param name="class" select="'row-fluid'"/>
-                </xsl:next-match>
+                <div class="main ldh-block-body">
+                    <xsl:apply-templates select="."/>
+                </div>
             </div>
         </div>
     </xsl:template>
-    
-    <!-- XHTML content overrides -->
-    <xsl:template match="*[@rdf:about][rdf:type/@rdf:resource = '&ldh;XHTML'][rdf:value[@rdf:parseType = 'Literal']/xhtml:div]" mode="bs2:Row" priority="1">
-        <xsl:param name="id" select="if (contains(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#')) then substring-after(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#') else generate-id()" as="xs:string?"/>
-        <xsl:param name="class" select="'row-fluid block'" as="xs:string?"/>
-        <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
-        <xsl:param name="typeof" select="rdf:type/@rdf:resource/xs:anyURI(.)" as="xs:anyURI*"/>
-        <xsl:param name="main-class" select="'main span7'" as="xs:string?"/>
-        <xsl:param name="draggable" select="false()" as="xs:boolean?"/>
-        <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
-        <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
-        <xsl:variable name="diff-class" select="ldh:diff-class(., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
 
-        <xsl:apply-templates select="." mode="bs2:RowContentHeader"/>
+    <!-- typed resource card: the resource's header + loading bar + the CSR container the hydration chain
+         fills. Embedded under an ldh:Object carrier (the $embedded tunnel), the card is the block's single
+         header-bearing surface and takes the is-embedded mark - the hairline that distinguishes a resource
+         rendered inside a content slot from the same resource rendered standalone -->
+    <xsl:template match="*[@rdf:about][rdf:type/@rdf:resource = ('&ldh;View', '&ldh;GraphChart', '&ldh;ResultSetChart', '&sp;Describe', '&sp;Construct', '&sp;Ask', '&sp;Select')]" mode="ldh:Block" priority="1">
+        <!-- TO-DO: use ldh:request-uri() to resolve URIs server-side -->
+        <xsl:param name="class" select="'block ldh-block'" as="xs:string?"/>
+        <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
+        <xsl:param name="show-block-bar" select="true()" as="xs:boolean"/>
+        <xsl:param name="show-drag-handle" select="true()" as="xs:boolean" tunnel="yes"/>
+        <xsl:param name="embedded" select="false()" as="xs:boolean" tunnel="yes"/>
 
         <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class or $diff-class">
-                <xsl:attribute name="class" select="string-join(($class, $diff-class), ' ')"/>
-            </xsl:if>
+            <xsl:attribute name="class" select="string-join(($class, 'is-loading'[$show-block-bar], 'is-embedded'[$embedded]), ' ')"/>
             <xsl:if test="$about">
                 <xsl:attribute name="about" select="$about"/>
             </xsl:if>
-<!--            <xsl:if test="exists($typeof)">
-                <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
-            </xsl:if>-->
-            <xsl:if test="$draggable = true()">
-                <xsl:attribute name="draggable" select="'true'"/>
+            <xsl:if test="$show-block-bar">
+                <xsl:attribute name="aria-busy" select="'true'"/>
             </xsl:if>
-            
-            <div class="span12">
-                <div class="drag-handle">
-                    <xsl:if test="acl:mode() = '&acl;Write'">
-                        <xsl:attribute name="draggable" select="'true'"/>
-                    </xsl:if>
-                </div>
-                <div class="row-fluid row-block-controls" style="position: relative; top: 30px; margin-top: -30px; z-index: 1;">
-                    <div class="span12">
-                        <xsl:if test="acl:mode() = '&acl;Write'">
-                            <button type="button" class="btn btn-edit pull-right" style="display: none;">
-                                <xsl:apply-templates select="key('resources', '&ac;EditMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                            </button>
-                        </xsl:if>
-                    </div>
-                </div>
 
-                <div id="row-{generate-id()}" class="row-fluid">
-                    <xsl:if test="$about">
-                        <xsl:attribute name="about" select="$about"/>
-                    </xsl:if>
-                    <xsl:if test="exists($typeof)">
-                        <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
-                    </xsl:if>
-            
-                    <xsl:apply-templates select="." mode="bs2:Left"/>
-
-                    <div>
-                        <xsl:if test="$main-class">
-                            <xsl:attribute name="class" select="$main-class"/>
-                        </xsl:if>
+            <!-- the resource's own header: title, type chips, actions. Head, bar and
+                 body are siblings of the card (the bar shows under the head while loading) -->
+            <xsl:apply-templates select="." mode="ac:BlockHeader">
+                <xsl:with-param name="draggable" select="$show-drag-handle"/>
+            </xsl:apply-templates>
 
-                        <!-- the diff union can carry two values (removed and added); mark each and show the removed one first -->
-                        <xsl:for-each select="rdf:value[@rdf:parseType = 'Literal']">
-                            <xsl:sort select="if (ldh:value-diff-class(., $diff-added-keys, $diff-removed-keys) = 'diff-removed') then 0 else 1"/>
-
-                            <xsl:variable name="value-diff-class" select="ldh:value-diff-class(., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
-                            <xsl:choose>
-                                <xsl:when test="$value-diff-class">
-                                    <div class="{$value-diff-class}">
-                                        <xsl:apply-templates select="xhtml:div" mode="ldh:XHTMLContent"/>
-                                    </div>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <xsl:apply-templates select="xhtml:div" mode="ldh:XHTMLContent"/>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </xsl:for-each>
-                    </div>
+            <xsl:if test="$show-block-bar">
+                <xsl:apply-templates select="." mode="ldh:BlockBar"/>
+            </xsl:if>
 
-                    <xsl:apply-templates select="." mode="bs2:Right"/>
-                </div>
-            </div>
+            <!-- client-side $container -->
+            <xsl:next-match>
+                <xsl:with-param name="about" select="()"/> <!-- the card carries @about -->
+                <xsl:with-param name="class" select="'block-row'"/>
+                <xsl:with-param name="show-header" select="false()"/>
+            </xsl:next-match>
         </div>
     </xsl:template>
-    
-    <!-- hide inlined blank node resources from the main block flow -->
-    <xsl:template match="*[*][key('resources', @rdf:nodeID)][count(key('predicates-by-object', @rdf:nodeID)[not(self::foaf:primaryTopic)]) = 1]" mode="bs2:Row" priority="1">
-        <xsl:param name="display" select="false()" as="xs:boolean" tunnel="yes"/>
-        
-        <xsl:if test="$display">
-            <xsl:next-match/>
-        </xsl:if>
-    </xsl:template>
-    
-    <!-- hide instances of system classes -->
-    <xsl:template match="*[not($ldh:renderSystemResources)][@rdf:about = ac:absolute-path(ldh:base-uri(.)) and rdf:type/@rdf:resource = ('&def;Root', '&dh;Container', '&dh;Item')]" mode="bs2:Row" priority="1"/>
 
-    <!-- Saxon-JS bs2:Row wrapper: outer div + inner div.span12 around next-match output, mirroring the deleted SAXON-only wrapper at resource.xsl:605 minus the synchronous view-block injection (which now happens client-side in client/block.xsl). Excludes the typed block types handled by resource.xsl:463 since those have their own wrapper structure (progress bar etc.) and the unconditional wrapping here would inject two spurious div levels into their next-match chain. -->
-    <!-- TO-DO: replace with fully client-side wrapper in ldh:RenderRow in block.xsl -->
-    <xsl:template match="*[*][@rdf:about][not(rdf:type/@rdf:resource = ('&http;Response', '&ldh;Object', '&ldh;View', '&ldh;GraphChart', '&ldh;ResultSetChart', '&sp;Describe', '&sp;Construct', '&sp;Ask', '&sp;Select'))] | *[*][@rdf:nodeID][not(rdf:type/@rdf:resource = ('&http;Response', '&ldh;Object', '&ldh;View', '&ldh;GraphChart', '&ldh;ResultSetChart', '&sp;Describe', '&sp;Construct', '&sp;Ask', '&sp;Select'))]" mode="bs2:Row" priority="0.7" use-when="system-property('xsl:product-name') eq 'SaxonJS'">
-        <xsl:param name="id" select="if (contains(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#')) then substring-after(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#') else generate-id()" as="xs:string?"/>
-        <xsl:param name="class" select="'row-fluid block'" as="xs:string?"/>
+    <!-- XHTML content card -->
+    <xsl:template match="*[@rdf:about][rdf:type/@rdf:resource = '&ldh;XHTML'][rdf:value[@rdf:parseType = 'Literal']/xhtml:div]" mode="ldh:Block" priority="1">
+        <!-- XHTML content is prose: quiet block, no card surface, reads as part of the page flow -->
+        <xsl:param name="class" select="'block ldh-block is-quiet'" as="xs:string?"/>
         <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
         <xsl:param name="typeof" select="rdf:type/@rdf:resource/xs:anyURI(.)" as="xs:anyURI*"/>
-        <xsl:param name="mode" as="xs:anyURI?"/>
-        <xsl:param name="style" as="xs:string?"/>
+        <xsl:param name="main-class" select="'main ldh-block-body'" as="xs:string?"/>
         <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
         <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
-        <xsl:variable name="diff-class" select="ldh:diff-class(., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
 
         <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
-            <xsl:if test="$class or $diff-class">
-                <xsl:attribute name="class" select="string-join(($class, $diff-class), ' ')"/>
+            <xsl:if test="$class">
+                <xsl:attribute name="class" select="$class"/>
             </xsl:if>
             <xsl:if test="$about">
                 <xsl:attribute name="about" select="$about"/>
             </xsl:if>
 
-            <div class="span12">
-                <xsl:next-match>
-                    <xsl:with-param name="id" select="()"/> <!-- only the wrapper carries @id -->
-                    <xsl:with-param name="class" select="$class"/>
-                    <xsl:with-param name="about" select="$about"/>
-                    <xsl:with-param name="typeof" select="$typeof"/>
-                    <xsl:with-param name="mode" select="$mode"/>
-                    <xsl:with-param name="style" select="$style"/>
-                </xsl:next-match>
+            <!-- prose renders headerless - no title, no type chips - so the header's affordances move onto
+                 the card, hover-surfaced: the rail carries the drag slot on the left edge and the resource's
+                 actions anchor at the top-right corner (the XHTML resource is its own content, so no
+                 slot-level rail actions) -->
+            <xsl:if test="$about">
+                <xsl:apply-templates select="." mode="ldh:BlockRail"/>
+
+                <div class="ldh-block-corner">
+                    <xsl:apply-templates select="." mode="ldh:BlockLinksPopover"/>
+                    <xsl:apply-templates select="." mode="ac:BlockActions"/>
+                </div>
+            </xsl:if>
+
+            <div id="row-{generate-id()}" class="block-row">
+                <xsl:if test="$about">
+                    <xsl:attribute name="about" select="$about"/>
+                </xsl:if>
+                <xsl:if test="exists($typeof)">
+                    <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
+                </xsl:if>
+
+                <div>
+                    <xsl:if test="$main-class">
+                        <xsl:attribute name="class" select="$main-class"/>
+                    </xsl:if>
+
+                    <!-- the diff union can carry two values (removed and added); mark each and show the removed one first -->
+                    <xsl:for-each select="rdf:value[@rdf:parseType = 'Literal']">
+                        <xsl:sort select="if (ldh:value-diff-class(., $diff-added-keys, $diff-removed-keys) = 'diff-removed') then 0 else 1"/>
+
+                        <xsl:variable name="value-diff-class" select="ldh:value-diff-class(., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
+                        <xsl:choose>
+                            <xsl:when test="$value-diff-class">
+                                <div class="{$value-diff-class}">
+                                    <xsl:apply-templates select="xhtml:div" mode="ldh:XHTMLContent"/>
+                                </div>
+                            </xsl:when>
+                            <xsl:otherwise>
+                                <xsl:apply-templates select="xhtml:div" mode="ldh:XHTMLContent"/>
+                            </xsl:otherwise>
+                        </xsl:choose>
+                    </xsl:for-each>
+                </div>
+
             </div>
         </div>
     </xsl:template>
 
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:Row">
-        <!-- TO-DO: use ldh:request-uri() to resolve URIs server-side -->
-        <xsl:param name="id" select="if (contains(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#')) then substring-after(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#') else generate-id()" as="xs:string?"/>
-        <xsl:param name="class" select="'row-fluid block'" as="xs:string?"/>
+    <!-- default card: the resource's header + property-list body (or the per-mode body for Map/Chart/Graph/Edit) -->
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:Block">
+        <!-- 'block' is the token every CSR handler anchors on; 'ldh-block' is what app.css styles -->
+        <xsl:param name="class" select="'block ldh-block'" as="xs:string?"/>
         <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
         <xsl:param name="typeof" select="rdf:type/@rdf:resource/xs:anyURI(.)" as="xs:anyURI*"/>
         <xsl:param name="mode" as="xs:anyURI?"/>
         <xsl:param name="style" as="xs:string?"/>
-        <xsl:param name="main-class" select="'main span7'" as="xs:string?"/>
+        <xsl:param name="main-class" select="'main ldh-block-body'" as="xs:string?"/>
+        <xsl:param name="show-header" select="true()" as="xs:boolean"/>
+        <xsl:param name="show-drag-handle" select="true()" as="xs:boolean" tunnel="yes"/>
         <xsl:param name="diff-added-keys" as="xs:string*" tunnel="yes"/>
         <xsl:param name="diff-removed-keys" as="xs:string*" tunnel="yes"/>
         <xsl:variable name="diff-class" select="ldh:diff-class(., $diff-added-keys, $diff-removed-keys)" as="xs:string?"/>
 
         <div>
-            <xsl:if test="$id">
-                <xsl:attribute name="id" select="$id"/>
-            </xsl:if>
             <xsl:if test="$class or $diff-class">
                 <xsl:attribute name="class" select="string-join(($class, $diff-class), ' ')"/>
             </xsl:if>
@@ -688,14 +808,20 @@ extension-element-prefixes="ixsl"
             <xsl:if test="$style">
                 <xsl:attribute name="style" select="$style"/>
             </xsl:if>
-            
-            <xsl:apply-templates select="." mode="bs2:Left"/>
+
+            <!-- head and body are siblings (the design's Block anatomy); the edit form titles itself
+                 with its fieldset legend, so EditMode skips the header rather than doubling the title -->
+            <xsl:if test="$show-header and not($mode = '&ac;EditMode')">
+                <xsl:apply-templates select="." mode="ac:BlockHeader">
+                    <xsl:with-param name="draggable" select="$show-drag-handle"/>
+                </xsl:apply-templates>
+            </xsl:if>
 
             <div>
                 <xsl:if test="$main-class">
                     <xsl:attribute name="class" select="$main-class"/>
                 </xsl:if>
-                
+
                 <xsl:variable name="doc" as="document-node()">
                     <xsl:document>
                         <rdf:RDF>
@@ -706,24 +832,24 @@ extension-element-prefixes="ixsl"
 
                 <xsl:choose>
                     <xsl:when test="$mode = '&ac;MapMode'">
-                        <xsl:apply-templates select="$doc" mode="bs2:Map">
+                        <xsl:apply-templates select="$doc" mode="ac:Map">
                             <xsl:with-param name="id" select="generate-id() || '-map-canvas'"/>
                         </xsl:apply-templates>
                     </xsl:when>
                     <xsl:when test="$mode = '&ac;ChartMode'">
-                        <xsl:apply-templates select="$doc" mode="bs2:Chart">
+                        <xsl:apply-templates select="$doc" mode="ldh:Chart">
                             <xsl:with-param name="canvas-id" select="generate-id() || '-chart-canvas'"/>
                             <xsl:with-param name="show-save" select="false()"/>
                         </xsl:apply-templates>
                     </xsl:when>
                     <xsl:when test="$mode = '&ac;GraphMode'">
                         <!-- whole loaded document, deliberately not $doc: the graph shows the link structure between all resources in the response -->
-                        <xsl:apply-templates select=".." mode="bs2:Graph">
+                        <xsl:apply-templates select=".." mode="ac:Graph">
                             <xsl:with-param name="canvas-id" select="generate-id() || '-graph-canvas'"/>
                         </xsl:apply-templates>
                     </xsl:when>
                     <xsl:when test="$mode = '&ac;EditMode'">
-                        <xsl:apply-templates select="." mode="bs2:Form">
+                        <xsl:apply-templates select="." mode="ac:ResourceForm">
                             <xsl:with-param name="required" select="rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item')" tunnel="yes"/>
                         </xsl:apply-templates>
                     </xsl:when>
@@ -732,16 +858,21 @@ extension-element-prefixes="ixsl"
                     </xsl:otherwise>
                 </xsl:choose>
             </div>
-
-            <xsl:apply-templates select="." mode="bs2:Right"/>
         </div>
     </xsl:template>
-    
+
     <!-- HEADER -->
 
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:Header">
+    <!-- the design's composite resource header (.ldh-res-head): thumbnail or class icon, title with its type
+         chips inline, description lede, actions. One header serves every resource - chart and query blocks
+         included, whose kind now reads off the type chip instead of a .sub fallback -->
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ac:BlockHeader">
         <xsl:param name="id" as="xs:string?"/>
-        <xsl:param name="class" select="'well'" as="xs:string?"/>
+        <xsl:param name="class" select="'ldh-block-head ldh-res-head'" as="xs:string?"/>
+        <xsl:param name="density" select="'default'" as="xs:string"/> <!-- default | compact: nesting depth, not type -->
+        <xsl:param name="icon" as="xs:string?"/>
+        <xsl:param name="draggable" select="false()" as="xs:boolean"/>
+        <xsl:param name="show-links" select="true()" as="xs:boolean"/>
 
         <div>
             <xsl:if test="$id">
@@ -750,124 +881,222 @@ extension-element-prefixes="ixsl"
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
+            <xsl:if test="not($density = 'default')">
+                <xsl:attribute name="data-density" select="$density"/>
+            </xsl:if>
+
+            <!-- the design's drag slot: present when the block is reorderable, which is also the
+                 authorization gate - only acl:Write can PATCH the new content order -->
+            <xsl:if test="$draggable and acl:mode() = '&acl;Write'">
+                <span class="ldh-bh-drag" role="button" tabindex="0" draggable="true" aria-label="{ac:label(key('resources', 'drag-to-reorder', ldh:translations()))}" title="{ac:label(key('resources', 'drag-to-reorder', ldh:translations()))}">
+                    <span class="msi sm" aria-hidden="true">drag_indicator</span>
+                </span>
+            </xsl:if>
+
+            <xsl:apply-templates select="." mode="ac:Depiction">
+                <xsl:with-param name="icon" select="($icon, ldh:class-icon(., ()))[1]"/>
+            </xsl:apply-templates>
+
+            <div class="ldh-res-text">
+                <div class="ldh-res-titleline">
+                    <h2 class="ttl">
+                        <xsl:apply-templates select="@rdf:about | @rdf:nodeID" mode="xhtml:Anchor"/>
+                    </h2>
+
+                    <xsl:apply-templates select="." mode="ac:ResourceTypes"/>
+                </div>
+
+                <xsl:where-populated>
+                    <p class="ldh-res-desc">
+                        <xsl:apply-templates select="." mode="ac:description"/>
+                    </p>
+                </xsl:where-populated>
+            </div>
+
+            <div class="actions">
+                <xsl:if test="$show-links and @rdf:about">
+                    <xsl:apply-templates select="." mode="ldh:BlockLinksPopover"/>
+                </xsl:if>
 
-            <xsl:apply-templates select="." mode="bs2:Timestamp"/>
+                <xsl:apply-templates select="." mode="ac:BlockActions"/>
+            </div>
+        </div>
+    </xsl:template>
 
-            <xsl:apply-templates select="." mode="bs2:Image"/>
-            
-            <xsl:apply-templates select="." mode="bs2:Actions"/>
+    <!-- RAIL -->
 
-            <h2>
-                <xsl:apply-templates select="@rdf:about | @rdf:nodeID" mode="xhtml:Anchor">
-                    <xsl:with-param name="class" as="xs:string?">
-                        <xsl:apply-templates select="." mode="ldh:logo"/>
-                    </xsl:with-param>
-                </xsl:apply-templates>
-            </h2>
+    <!-- the content slot's chrome: a hover-surfaced strip along the card's left edge carrying the drag
+         slot and, on carrier cards, the slot-level copy/edit actions. Rail = the block-as-content-slot;
+         everything beside it belongs to the resource the slot renders. The drag span keeps the
+         ldh-bh-drag class and the acl:Write gate of the header slot - the DnD handlers key on the class
+         and resolve the row via the ancestor axis, so the reorder wiring is placement-free -->
+    <xsl:template match="*" mode="ldh:BlockRail">
+        <xsl:param name="show-actions" select="false()" as="xs:boolean"/>
+        <!-- the edit form submits a PATCH, which AuthorizationFilter requires acl:Write for - so without that mode the button opens a form that cannot be saved -->
+        <xsl:param name="show-edit-button" select="acl:mode() = '&acl;Write'" as="xs:boolean" tunnel="yes"/>
+        <xsl:param name="show-drag-handle" select="true()" as="xs:boolean" tunnel="yes"/>
 
-            <xsl:where-populated>
-                <p>
-                    <xsl:apply-templates select="." mode="ac:description"/>
-                </p>
-            </xsl:where-populated>
+        <xsl:if test="$show-actions or ($show-drag-handle and acl:mode() = '&acl;Write')">
+            <div class="ldh-block-rail">
+                <xsl:if test="$show-actions">
+                    <xsl:apply-templates select="." mode="ldh:CopyUriButton"/>
 
-            <xsl:apply-templates select="." mode="bs2:TypeList"/>
-        </div>
+                    <xsl:if test="$show-edit-button">
+                        <xsl:apply-templates select="." mode="ldh:EditButton">
+                            <xsl:with-param name="title" select="ac:label(key('resources', 'edit-block', ldh:translations()))"/>
+                        </xsl:apply-templates>
+                    </xsl:if>
+                </xsl:if>
+
+                <xsl:if test="$show-drag-handle and acl:mode() = '&acl;Write'">
+                    <span class="ldh-bh-drag" role="button" tabindex="0" draggable="true" aria-label="{ac:label(key('resources', 'drag-to-reorder', ldh:translations()))}" title="{ac:label(key('resources', 'drag-to-reorder', ldh:translations()))}">
+                        <span class="msi sm" aria-hidden="true">drag_indicator</span>
+                    </span>
+                </xsl:if>
+            </div>
+        </xsl:if>
     </xsl:template>
 
     <!-- PROPERTY LIST -->
 
-    <!-- suppress types in property list - we show them in the bs2:Header instead -->
-    <xsl:template match="rdf:type[@rdf:resource]" mode="bs2:PropertyList"/>
+    <!-- suppress types in property list - we show them in the ac:BlockHeader instead -->
+    <xsl:template match="rdf:type[@rdf:resource]" mode="ac:PropertyEditor"/>
 
-    <!-- override outer bs2:PropertyList so sort keys consume tunneled $property-metadata and $object-metadata
+    <!-- override outer ac:PropertyEditor so sort keys consume tunneled $property-metadata and $object-metadata
          (tunnel params don't cross xsl:function boundaries, so 1-arg ac:property-label/ac:object-label can't see them) -->
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:PropertyList">
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ac:PropertyEditor">
         <xsl:param name="property-metadata" as="document-node()?" tunnel="yes"/>
         <xsl:param name="object-metadata" as="document-node()?" tunnel="yes"/>
 
         <xsl:variable name="definitions" as="document-node()">
             <xsl:document>
-                <dl class="dl-horizontal">
+                <dl>
                     <xsl:apply-templates select="*" mode="#current">
-                        <xsl:sort select="if ($property-metadata) then ac:property-label(., $property-metadata) else ac:property-label(.)" order="ascending" lang="{$ac:lang}"/>
-                        <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{$ac:lang}"/>
+                        <xsl:sort select="if ($property-metadata) then ac:property-label(., $property-metadata) else ac:property-label(.)" order="ascending" lang="{ac:langs()[1]}"/>
+                        <xsl:sort select="ac:lang-rank(.)" order="ascending"/>
+                        <xsl:sort select="if (exists((text(), @rdf:resource, @rdf:nodeID))) then (if ($object-metadata) then ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1], $object-metadata) else ac:object-label((text(), @rdf:resource, @rdf:nodeID)[1])) else ()" order="ascending" lang="{ac:langs()[1]}"/>
                     </xsl:apply-templates>
                 </dl>
             </xsl:document>
         </xsl:variable>
 
-        <xsl:apply-templates select="$definitions" mode="bs2:PropertyListIdentity"/>
+        <xsl:apply-templates select="$definitions" mode="ac:PropertyGroups"/>
+    </xsl:template>
+
+    <!-- project the intermediate dt/dd list onto the design's property grid, keeping the dl/dt/dd
+         carriers: a resource description is an association list, which is exactly what dl is specified
+         for, so the semantic elements and the RDFa attributes ride the same markup the grid styles.
+         One .ldh-prop-group per predicate (keyed on the dds' RDFa @property URI - labels can collide
+         across predicates, property URIs cannot; the div group wrapper is the HTML spec's own dl
+         grouping element), the dt's label in the spanning .label cell, each dd as a .ldh-prop-row.
+         The RDFa attributes ride the .value cell, not the dd: an RDFa literal is its element's text
+         content, and on the dd the layout whitespace around the cells would pollute it (and crash
+         the client-side text() extractions in chart.xsl/view.xsl). The trailing empty .row-actions
+         cell completes the grid row so the statement delimiter reaches the card's right inset -->
+    <xsl:template match="xhtml:dl" mode="ac:PropertyGroups">
+        <dl class="ldh-prop-form">
+            <xsl:for-each-group select="*" group-adjacent="string((self::xhtml:dd/@property, following-sibling::xhtml:dd[preceding-sibling::xhtml:dt[1] is current()][1]/@property)[1])">
+                <xsl:variable name="property-uri" select="current-grouping-key()" as="xs:string"/>
+                <xsl:variable name="dt" select="(current-group()/self::xhtml:dt)[1]" as="element()?"/>
+                <xsl:variable name="dds" select="current-group()/self::xhtml:dd" as="element()*"/>
+
+                <div class="ldh-prop-group">
+                    <xsl:if test="count($dds) gt 1">
+                        <xsl:attribute name="style" select="'--rows: ' || count($dds)"/>
+                    </xsl:if>
+
+                    <dt class="label">
+                        <xsl:if test="count($dds) gt 1">
+                            <xsl:attribute name="style" select="'grid-row: span ' || count($dds)"/>
+                        </xsl:if>
+
+                        <span class="pred" title="{$property-uri}">
+                            <xsl:sequence select="$dt/node()"/>
+                        </span>
+                    </dt>
+
+                    <xsl:for-each select="$dds">
+                        <dd class="ldh-prop-row{if (position() = last()) then ' is-last' else ()}">
+                            <div class="value{@class ! (' ' || .)}">
+                                <xsl:copy-of select="@* except @class"/>
+                                <xsl:sequence select="node()"/>
+                            </div>
+                            <div class="row-actions"></div>
+                        </dd>
+                    </xsl:for-each>
+                </div>
+            </xsl:for-each-group>
+        </dl>
     </xsl:template>
 
     <!-- IMAGE -->
     
-    <!-- TO-DO: move down to Web-Client -->
-    <xsl:template match="*[*][@rdf:about]" mode="bs2:Image">
-        <xsl:param name="class" as="xs:string?"/>
-        
+    <!-- the depiction thumbnail and the class icon share one 72px footprint (.ldh-res-thumb/.ldh-res-icon),
+         so the title starts at the same x whether or not the resource carries an image; resources whose
+         class has no icon mapping render neither, as in the design's BlockHeader -->
+    <!-- URI-named thumbs link to the resource; blank-node thumbs render the same anatomy inert -->
+    <xsl:template match="*[*][@rdf:about or @rdf:nodeID]" mode="ac:Depiction">
+        <xsl:param name="icon" select="ldh:class-icon(., ())" as="xs:string?"/>
+
         <xsl:variable name="image-uris" as="xs:anyURI*">
             <xsl:apply-templates select="." mode="ac:image"/>
         </xsl:variable>
         <xsl:variable name="this" select="." as="element()"/>
-        
-        <xsl:for-each select="$image-uris[1]">
-            <a href="{$this/@rdf:about}" title="{ac:label($this)}">
-                <img src="{.}" alt="{ac:label($this)}">
-                    <xsl:if test="$class">
-                        <xsl:attribute name="class" select="$class"/>
-                    </xsl:if>
-                </img>
-            </a>
-        </xsl:for-each>
-    </xsl:template>
 
-    <!-- TO-DO: move down to Web-Client -->
-    <xsl:template match="*[*][@rdf:nodeID]" mode="bs2:Image">
-        <xsl:param name="class" as="xs:string?"/>
+        <xsl:choose>
+            <xsl:when test="exists($image-uris)">
+                <xsl:for-each select="$image-uris[1]">
+                    <xsl:element name="{if ($this/@rdf:about) then 'a' else 'span'}" namespace="http://www.w3.org/1999/xhtml">
+                        <xsl:attribute name="class" select="'ldh-res-thumb'"/>
+                        <xsl:if test="$this/@rdf:about">
+                            <xsl:attribute name="href" select="$this/@rdf:about"/>
+                            <xsl:attribute name="title" select="ac:label($this)"/>
+                        </xsl:if>
 
-        <xsl:variable name="image-uris" as="xs:anyURI*">
-            <xsl:apply-templates select="." mode="ac:image"/>
-        </xsl:variable>
-        <xsl:variable name="this" select="." as="element()"/>
-        
-        <xsl:for-each select="$image-uris[1]">
-            <img src="{.}" alt="{ac:label($this)}">
-                <xsl:if test="$class">
-                    <xsl:attribute name="class" select="$class"/>
-                </xsl:if>
-            </img>
-        </xsl:for-each>
+                        <img src="{.}" alt="{ac:label($this)}"/>
+                    </xsl:element>
+                </xsl:for-each>
+            </xsl:when>
+            <xsl:when test="exists($icon)">
+                <span class="ldh-res-icon">
+                    <span class="msi outline" aria-hidden="true">
+                        <xsl:value-of select="$icon"/>
+                    </span>
+                </span>
+            </xsl:when>
+            <xsl:otherwise/>
+        </xsl:choose>
     </xsl:template>
 
     <!-- ACTIONS -->
 
-    <xsl:template match="*[@rdf:about]" mode="bs2:Actions" priority="1">
-        <xsl:param name="show-edit-button" select="true()" as="xs:boolean" tunnel="yes"/>
-        
-        <div class="pull-right">
+    <xsl:template match="*[@rdf:about]" mode="ac:BlockActions" priority="1">
+        <!-- the edit form submits a PATCH, which AuthorizationFilter requires acl:Write for - so without that mode the button opens a form that cannot be saved -->
+        <xsl:param name="show-edit-button" select="acl:mode() = '&acl;Write'" as="xs:boolean" tunnel="yes"/>
+
+        <div>
             <!--
             <xsl:if test="doc-available($app-request-uri)">
                 <xsl:variable name="apps" select="document($app-request-uri)" as="document-node()"/>
                 <xsl:if test="$apps//*[sd:endpoint/@rdf:resource]">
                     <xsl:variable name="resource" select="." as="element()"/>
                     
-                    <div class="btn-group pull-left">
-                        <button type="button" class="btn dropdown-toggle">
+                    <div class="ldhc-menu-anchor">
+                        <button type="button" class="ldhc-btn in-neutral ap-solid sz-sm drop-toggle">
                             <xsl:attribute name="title">
-                                <xsl:apply-templates select="key('resources', 'reconcile-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                <xsl:apply-templates select="key('resources', 'reconcile-title', ldh:translations())" mode="ac:label"/>
                             </xsl:attribute>
 
-                            <xsl:apply-templates select="key('resources', 'reconcile', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                            <xsl:apply-templates select="key('resources', 'reconcile', ldh:translations())" mode="ac:label"/>
                             <xsl:text> </xsl:text>
-                            <span class="caret"></span>
+                            <span class="msi caret" aria-hidden="true">expand_more</span>
                         </button>
-                        <ul class="dropdown-menu">
+                        <ul class="ldhc-menu">
                             <xsl:for-each select="$apps//*[@rdf:about][sd:endpoint/@rdf:resource]">
-                                <xsl:sort select="ac:label(.)" order="ascending" lang="{$ac:lang}"/>
+                                <xsl:sort select="ac:label(.)" order="ascending" lang="{ac:langs()[1]}"/>
                                 
                                 <li>
-                                    <button class="btn btn-reconcile">
+                                    <button class="btn-reconcile">
                                         <input type="hidden" name="resource" value="{$resource/@rdf:about}"/>
                                         <input type="hidden" name="label" value="{ac:label($resource)}"/>
                                         <input type="hidden" name="service" value="{sd:endpoint/@rdf:resource}"/>
@@ -882,56 +1111,59 @@ extension-element-prefixes="ixsl"
             </xsl:if>
             -->
             
-            <button type="button">
-                <xsl:attribute name="title">
-                    <xsl:apply-templates select="key('resources', 'copy-uri', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </xsl:attribute>
-                
-                <xsl:apply-templates select="key('resources', 'copy-uri', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                    <xsl:with-param name="class" select="'btn'"/>
-                </xsl:apply-templates>
-                
-                <xsl:value-of>
-                    <xsl:apply-templates select="key('resources', 'copy-uri', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                </xsl:value-of>
-            </button>
-            
+            <xsl:apply-templates select="." mode="ldh:CopyUriButton"/>
+
             <xsl:if test="$show-edit-button">
-                <button type="button" class="btn btn-edit">
-                    <xsl:apply-templates select="key('resources', '&ac;EditMode', document(ac:document-uri('&ac;')))" mode="ac:label"/>
-                </button>
+                <xsl:apply-templates select="." mode="ldh:EditButton"/>
             </xsl:if>
         </div>
     </xsl:template>
     
-    <xsl:template match="*" mode="bs2:Actions"/>
+    <xsl:template match="*" mode="ac:BlockActions"/>
     
     <!-- TIMESTAMP -->
-    
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:Timestamp">
+
+    <!-- the single "latest of created/modified" selection, shared by ldh:Timestamp and the list row's .ts cell -->
+    <xsl:function name="ldh:latest-date-time" as="element()?">
+        <xsl:param name="resource" as="element()"/>
+
         <xsl:variable name="sorted-date-time-properties" as="element()*">
-            <xsl:perform-sort select="(dct:created, dct:modified)[text()[. castable as xs:date or . castable as xs:dateTime]]">
-                <xsl:sort select="if (text() castable as xs:date) then xs:dateTime(concat(text(), 'T00:00:00')) else xs:dateTime(text())" order="ascending"/>
+            <xsl:perform-sort select="($resource/dct:created, $resource/dct:modified)[exists(ldh:date-time(string(.)))]">
+                <xsl:sort select="ldh:date-time(string(.))" order="ascending"/>
             </xsl:perform-sort>
         </xsl:variable>
-        <xsl:apply-templates select="$sorted-date-time-properties[last()]/text()"/>
+
+        <xsl:sequence select="$sorted-date-time-properties[last()]"/>
+    </xsl:function>
+
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:Timestamp">
+        <xsl:apply-templates select="ldh:latest-date-time(.)/text()"/>
     </xsl:template>
     
     <!-- TYPE LIST -->
 
-    <xsl:template match="*[sioc:has_parent] | *[sioc:has_container]" mode="bs2:TypeList" priority="0.8"/>
+    <xsl:template match="*[sioc:has_parent] | *[sioc:has_container]" mode="ac:ResourceTypes" priority="0.8"/>
 
-    <xsl:template match="*[@rdf:about or @rdf:nodeID][rdf:type/@rdf:resource]" mode="bs2:TypeList">
-        <ul class="inline">
-            <xsl:for-each select="rdf:type/@rdf:resource">
-                <xsl:sort select="ac:object-label(.)" order="ascending" lang="{$ac:lang}"/>
+    <!-- the design's type chips (.ldh-types): a type is the resource's identity, so it rides the titleline
+         rather than the statement list, and each chip links to the class definition. Same href recipe as the
+         breadcrumb crumb -->
+    <xsl:template match="*[@rdf:about or @rdf:nodeID][rdf:type/@rdf:resource]" mode="ac:ResourceTypes">
+        <span class="ldh-types">
+            <xsl:apply-templates select="rdf:type/@rdf:resource" mode="#current">
+                <xsl:sort select="ac:object-label(.)" order="ascending" lang="{ac:langs()[1]}"/>
+            </xsl:apply-templates>
+        </span>
+    </xsl:template>
 
-                <!-- TO-DO: find a way to use only cached documents, otherwise this will execute a synchronous HTTP request which slows down the UI -->
-                <li>
-                    <xsl:apply-templates select="."/>
-                </li>
-            </xsl:for-each>
-        </ul>
+    <!-- the design's type chip: the single emitter every chip surface applies templates into
+         (the titleline wrapper above, the nested-block head) -->
+    <xsl:template match="rdf:type/@rdf:resource" mode="ac:ResourceTypes">
+        <a class="ldh-type-chip" href="{ldh:href(ac:document-uri(xs:anyURI(.)), map{}, ac:fragment-id(xs:anyURI(.)))}" title="{.}">
+            <span>
+                <xsl:value-of select="ac:object-label(.)"/>
+            </span>
+            <span class="msi sm" aria-hidden="true">north_east</span>
+        </a>
     </xsl:template>
     
     <!-- CONTENT LIST -->
@@ -945,181 +1177,68 @@ extension-element-prefixes="ixsl"
         </xsl:variable>
 
         <xsl:for-each select="$predicates[@rdf:resource]"> <!-- do not iterate $predicates/@rdf:resource sequence as it will be sorted differently -->
-            <xsl:apply-templates select="key('resources', @rdf:resource)" mode="bs2:Row"/>
+            <xsl:apply-templates select="key('resources', @rdf:resource)" mode="ldh:BlockRow"/>
         </xsl:for-each>
     </xsl:template>
 
-    <!-- ROW CONTENT HEADER -->
-    
-    <xsl:template match="*[@rdf:about][rdf:type/@rdf:resource = '&ldh;Object']" mode="bs2:RowContentHeader" priority="1">
-        <xsl:variable name="anchor" as="node()*">
-            <xsl:for-each select="@rdf:about">
-                <xsl:variable name="request-uri" select="ldh:href(ac:document-uri(.), map{ 'accept': 'application/rdf+xml' }, ())" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SaxonJS'"/>
-                <xsl:variable name="request-uri" select="ac:document-uri(.)" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SAXON'"/>
-                <xsl:apply-templates select="key('resources', ., document($request-uri))" mode="xhtml:Anchor">
-                    <xsl:with-param name="class" as="xs:string?">
-                        <xsl:apply-templates select="." mode="ldh:logo"/>
-                    </xsl:with-param>
-                </xsl:apply-templates>
-            </xsl:for-each>
-        </xsl:variable>
-        
-        <xsl:if test="exists($anchor)">
-            <div class="row-fluid">
-                <div class="main offset2 span7">
-                    <h2>
-                        <xsl:sequence select="$anchor"/>
-                    </h2>
-                </div>
-            </div>
-        </xsl:if>
-    </xsl:template>
-    
-    <xsl:template match="*[*][@rdf:about]" mode="bs2:RowContentHeader"/>
-    
     <!-- SHAPE CONSTRUCTOR -->
 
-    <xsl:template match="*[*][@rdf:about]" mode="bs2:ShapeConstructor" use-when="system-property('xsl:product-name') = 'SAXON'">
+    <xsl:template match="*[*][@rdf:about]" mode="ldh:ShapeConstructor" use-when="system-property('xsl:product-name') = 'SAXON'">
         <xsl:param name="id" select="concat('constructor-', generate-id())" as="xs:string?"/>
         <xsl:param name="with-label" select="false()" as="xs:boolean"/>
         <xsl:param name="base-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI" tunnel="yes"/>
         
-        <button title="{@rdf:about}" data-for-shape="{@rdf:about}">
+        <!-- add-constructor/create-action are the behavior hooks the constructor onclick handlers match on -->
+        <button title="{@rdf:about}" data-for-shape="{@rdf:about}" class="it add-constructor create-action">
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
 
-            <xsl:choose>
-                <xsl:when test="$with-label">
-                    <xsl:apply-templates select="." mode="ldh:logo">
-                        <xsl:with-param name="class" select="'btn add-constructor'"/>
-                    </xsl:apply-templates>
-
-                    <xsl:value-of>
-                        <xsl:apply-templates select="." mode="ac:label"/>
-                    </xsl:value-of>
-                </xsl:when>
-                <xsl:otherwise>
-                    <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                        <xsl:with-param name="class" select="'btn add-constructor'"/>
-                    </xsl:apply-templates>
-                </xsl:otherwise>
-            </xsl:choose>
+            <xsl:if test="$with-label">
+                <xsl:value-of>
+                    <xsl:apply-templates select="." mode="ac:label"/>
+                </xsl:value-of>
+            </xsl:if>
         </button>
     </xsl:template>
     
     <!-- CONSTRUCTOR -->
 
-    <xsl:template match="*[*][@rdf:about]" mode="bs2:ConstructorListItem">
-        <xsl:param name="with-label" select="true()" as="xs:boolean"/>
+    <xsl:template match="*[*][@rdf:about]" mode="ldh:ConstructorListItem">
         <xsl:param name="create-graph" select="false()" as="xs:boolean"/>
         <!-- on SaxonJS proxy via ldh:href (no browser catalog, cross-origin term URIs would otherwise hit mixed-content); on SAXON keep the raw URI so Jena's location-mapping resolves it locally -->
         <xsl:param name="request-uri" select="ldh:href(ac:document-uri(@rdf:about), map{ 'accept': 'application/rdf+xml' }, ())" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SaxonJS'"/>
         <xsl:param name="request-uri" select="ac:document-uri(@rdf:about)" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SAXON'"/>
+        <xsl:param name="icon" select="(map:get($ldh:class-icons, string(@rdf:about)), 'category')[1]" as="xs:string"/>
 
         <xsl:if test="doc-available($request-uri)">
-            <li>
-                <xsl:apply-templates select="." mode="bs2:Constructor">
-                    <xsl:with-param name="id" select="()"/>
-                    <xsl:with-param name="with-label" select="$with-label"/>
-                    <xsl:with-param name="create-graph" select="$create-graph"/>
-                    <xsl:with-param name="request-uri" select="$request-uri"/>
-                </xsl:apply-templates>
-            </li>
-        </xsl:if>
-    </xsl:template>
-    
-    <xsl:template match="*[*][@rdf:about]" mode="bs2:Constructor">
-        <xsl:param name="id" select="concat('constructor-', generate-id())" as="xs:string?"/>
-        <xsl:param name="subclasses" as="attribute()*"/>
-        <xsl:param name="with-label" select="false()" as="xs:boolean"/>
-        <xsl:param name="base-uri" select="ac:absolute-path(ldh:base-uri(.))" as="xs:anyURI" tunnel="yes"/>
-        <xsl:param name="request-uri" select="ldh:href(ac:document-uri(@rdf:about), map{ 'accept': 'application/rdf+xml' }, ())" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SaxonJS'"/>
-        <xsl:param name="request-uri" select="ac:document-uri(@rdf:about)" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SAXON'"/>
-
-        <xsl:if test="doc-available($request-uri)">
-            <!-- if subclasses exist, render a dropdown with multiple constructor choices. Otherwise, only render a single constructor button -->
-            <xsl:choose>
-                <xsl:when test="exists($subclasses)">
-                    <div class="btn-group">
-                        <button type="button">
-                            <xsl:choose>
-                                <xsl:when test="$with-label">
-                                    <xsl:apply-templates select="." mode="ldh:logo">
-                                        <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                                    </xsl:apply-templates>
-                                    <xsl:text> </xsl:text>
-                                    <xsl:value-of>
-                                        <xsl:apply-templates select="." mode="ac:label"/>
-                                    </xsl:value-of>
-                                </xsl:when>
-                                <xsl:otherwise>
-                                    <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                                        <xsl:with-param name="class" select="'btn dropdown-toggle'"/>
-                                    </xsl:apply-templates>
-                                </xsl:otherwise>
-                            </xsl:choose>
-                        </button>
-                        <ul class="dropdown-menu">
-                            <xsl:variable name="self-and-subclasses" select="key('resources', @rdf:about, document($request-uri)), $subclasses/.." as="element()*"/>
-
-                            <!-- apply on the "deepest" subclass and its subclasses -->
-                            <!-- eliminate matches where a class is a subclass of itself (happens in inferenced ontology models) -->
-                            <xsl:for-each-group select="$self-and-subclasses[let $about := @rdf:about return not($about = $self-and-subclasses[not(@rdf:about = $about)]/rdfs:subClassOf/@rdf:resource)]" group-by="@rdf:about">
-                                <xsl:sort select="ac:label(.)" order="ascending" lang="{$ac:lang}"/>
-
-                                <!-- won't traverse blank nodes, only URI resources -->
-                                <li>
-                                    <button class="btn add-constructor" title="{current-grouping-key()}" data-for-class="{current-grouping-key()}">
-                                        <xsl:if test="$id">
-                                            <xsl:attribute name="id" select="$id"/>
-                                        </xsl:if>
-                                        
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="." mode="ac:label"/>
-                                        </xsl:value-of>
-                                    </button>
-                                </li>
-                            </xsl:for-each-group>
-                        </ul>
-                    </div>
-                </xsl:when>
-                <xsl:otherwise>
-                    <button title="{@rdf:about}" data-for-class="{@rdf:about}">
-                        <xsl:if test="$id">
-                            <xsl:attribute name="id" select="$id"/>
-                        </xsl:if>
-
-                        <xsl:choose>
-                            <xsl:when test="$with-label">
-                                <xsl:apply-templates select="." mode="ldh:logo">
-                                    <xsl:with-param name="class" select="'btn add-constructor'"/>
-                                </xsl:apply-templates>
+            <button type="button" class="it add-constructor" title="{@rdf:about}" data-for-class="{@rdf:about}">
+                <xsl:if test="$create-graph">
+                    <xsl:attribute name="data-create-graph" select="'true'"/>
+                </xsl:if>
 
-                                <xsl:value-of>
-                                    <xsl:apply-templates select="." mode="ac:label"/>
-                                </xsl:value-of>
-                            </xsl:when>
-                            <xsl:otherwise>
-                                <xsl:apply-templates select="key('resources', '&ac;ConstructMode', document(ac:document-uri('&ac;')))" mode="ldh:logo">
-                                    <xsl:with-param name="class" select="'btn add-constructor'"/>
-                                </xsl:apply-templates>
-                            </xsl:otherwise>
-                        </xsl:choose>
-                    </button>
-                </xsl:otherwise>
-            </xsl:choose>
+                <span class="ico">
+                    <span class="msi sm" aria-hidden="true">
+                        <xsl:value-of select="$icon"/>
+                    </span>
+                </span>
+                <span class="body">
+                    <span class="lbl">
+                        <xsl:apply-templates select="." mode="ac:label"/>
+                    </span>
+                </span>
+            </button>
         </xsl:if>
     </xsl:template>
-
+    
     <!-- ROW FORM -->
 
     <!-- hide object blank nodes that only have a single rdf:type property from constructed models, unless the type is owl:NamedIndividual -->
-    <xsl:template match="*[@rdf:nodeID][key('predicates-by-object', @rdf:nodeID)][not(* except rdf:type or rdf:type/@rdf:resource = '&owl;NamedIndividual')]" mode="bs2:RowForm" priority="2"/>
+    <xsl:template match="*[@rdf:nodeID][key('predicates-by-object', @rdf:nodeID)][not(* except rdf:type or rdf:type/@rdf:resource = '&owl;NamedIndividual')]" mode="ldh:RowForm" priority="2"/>
 
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:RowForm">
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:RowForm">
         <xsl:param name="id" select="if (contains(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#')) then substring-after(@rdf:about, ac:absolute-path(ldh:base-uri(.)) || '#') else generate-id()" as="xs:string?"/>
-        <xsl:param name="class" select="'row-fluid block'" as="xs:string?"/>
+        <xsl:param name="class" select="'block ldh-block'" as="xs:string?"/>
         <xsl:param name="about" select="@rdf:about" as="xs:anyURI?"/>
         <xsl:param name="typeof" select="rdf:type/@rdf:resource/xs:anyURI(.)" as="xs:anyURI*"/>
         <xsl:param name="form-id" select="'form-' || generate-id()" as="xs:string?"/>
@@ -1127,11 +1246,11 @@ extension-element-prefixes="ixsl"
         <xsl:param name="base-uri" select="ldh:base-uri(.)" as="xs:anyURI" tunnel="yes"/>
         <xsl:param name="action" select="ldh:href(ac:absolute-path($base-uri))" as="xs:anyURI" tunnel="yes"/>
         <xsl:param name="enctype" select="if ($typeof = '&nfo;FileDataObject') then 'multipart/form-data' else ()" as="xs:string?"/>
-        <xsl:param name="button-class" select="'btn btn-primary wymupdate'" as="xs:string?"/>
+        <xsl:param name="button-class" select="'ldhc-btn in-primary ap-solid sz-sm'" as="xs:string?"/>
         <xsl:param name="accept-charset" select="'UTF-8'" as="xs:string?"/>
         <xsl:param name="show-cancel-button" select="true()" as="xs:boolean"/>
         <xsl:param name="show-form-actions" select="true()" as="xs:boolean"/>
-        <xsl:param name="main-class" select="'main span7'" as="xs:string?"/>
+        <xsl:param name="main-class" select="'main ldh-block-body'" as="xs:string?"/>
 
         <div>
             <xsl:if test="$id">
@@ -1147,14 +1266,12 @@ extension-element-prefixes="ixsl"
                 <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
             </xsl:if>
             
-            <xsl:apply-templates select="." mode="bs2:Left"/>
-
             <div>
                 <xsl:if test="$main-class">
                     <xsl:attribute name="class" select="$main-class"/>
                 </xsl:if>
                 
-                <form method="{$method}" action="{$action}" class="form-horizontal">
+                <form method="{$method}" action="{$action}" class="ldh-edit-form">
                     <xsl:if test="$form-id">
                         <xsl:attribute name="id" select="$form-id"/>
                     </xsl:if>
@@ -1171,56 +1288,33 @@ extension-element-prefixes="ixsl"
                         <xsl:with-param name="type" select="'hidden'"/>
                     </xsl:call-template>
 
-                    <xsl:apply-templates select="/rdf:RDF/*[http:sc/@rdf:resource = '&sc;Conflict']" mode="bs2:Exception"/>
+                    <xsl:apply-templates select="/rdf:RDF/*[http:sc/@rdf:resource = '&sc;Conflict']" mode="ldh:Exception"/>
 
-                    <xsl:apply-templates select="." mode="bs2:Form">
+                    <xsl:apply-templates select="." mode="ac:ResourceForm">
                         <xsl:with-param name="method" select="$method"/>
                         <xsl:with-param name="action" select="$action" tunnel="yes"/>
                         <xsl:with-param name="required" select="rdf:type/@rdf:resource = ('&dh;Container', '&dh;Item')" tunnel="yes"/>
                     </xsl:apply-templates>
 
                     <xsl:if test="$show-form-actions">
-                        <div class="form-actions">
-                            <button type="submit" class="btn-primary">
-                                <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                                    <xsl:with-param name="class" select="$button-class"/>
-                                </xsl:apply-templates>
-
-                                <xsl:apply-templates select="key('resources', 'save', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </button>
-
-                            <button type="reset" class="btn">
-                                <xsl:apply-templates select="key('resources', 'reset', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                                    <xsl:with-param name="class" select="'btn'"/>
-                                </xsl:apply-templates>
-
-                                <xsl:apply-templates select="key('resources', 'reset', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </button>
-
-                            <xsl:if test="$show-cancel-button">
-                                <button type="button" class="btn btn-cancel">
-                                    <xsl:value-of>
-                                        <xsl:apply-templates select="key('resources', 'cancel', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                    </xsl:value-of>
-                                </button>
-                            </xsl:if>
-                        </div>
+                        <xsl:apply-templates select="." mode="ldh:FormFooter">
+                            <xsl:with-param name="button-class" select="$button-class"/>
+                            <xsl:with-param name="dismiss" select="if ($show-cancel-button) then 'cancel' else ()"/>
+                        </xsl:apply-templates>
                     </xsl:if>
                 </form>
             </div>
-
-            <xsl:apply-templates select="." mode="bs2:Right"/>
         </div>
     </xsl:template>
     
     <!-- FORM -->
     
     <!-- hide object blank nodes that only have a single rdf:type property from constructed models, unless the type is owl:NamedIndividual -->
-    <xsl:template match="*[@rdf:nodeID][key('predicates-by-object', @rdf:nodeID)][not(* except rdf:type or rdf:type/@rdf:resource = '&owl;NamedIndividual')]" mode="bs2:Form" priority="2"/>
+    <xsl:template match="*[@rdf:nodeID][key('predicates-by-object', @rdf:nodeID)][not(* except rdf:type or rdf:type/@rdf:resource = '&owl;NamedIndividual')]" mode="ac:ResourceForm" priority="2"/>
 
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:Form">
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ac:ResourceForm">
         <xsl:param name="required" select="false()" as="xs:boolean" tunnel="yes"/>
-        <xsl:apply-templates select="." mode="bs2:FormControl">
+        <xsl:apply-templates select="." mode="ac:FormControl">
             <xsl:with-param name="inline" select="false()" tunnel="yes"/>
             <xsl:with-param name="required" select="$required"/>
         </xsl:apply-templates>
@@ -1228,27 +1322,19 @@ extension-element-prefixes="ixsl"
     
     <!-- EXCEPTION -->
     
-    <xsl:template match="*[http:sc/@rdf:resource = '&sc;Conflict']" mode="bs2:Exception" priority="1">
-        <xsl:param name="class" select="'alert alert-error'" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:apply-templates select="key('resources', '&ldh;ResourceExistsException', document(ac:document-uri('&ldh;')))" mode="ldh:logo">
-                <xsl:with-param name="class" select="$class"/>
+    <xsl:template match="*[http:sc/@rdf:resource = '&sc;Conflict']" mode="ldh:Exception" priority="1">
+        <div class="ldh-form-alert">
+            <xsl:apply-templates select="." mode="ac:InlineAlert">
+                <xsl:with-param name="text" as="item()*">
+                    <xsl:apply-templates select="key('resources', '&ldh;ResourceExistsException', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
+                </xsl:with-param>
             </xsl:apply-templates>
-            <xsl:text> </xsl:text>
-            <xsl:value-of>
-                <xsl:apply-templates select="key('resources', '&ldh;ResourceExistsException', document(ac:document-uri('&ldh;')))" mode="ac:label"/>
-            </xsl:value-of>
         </div>
     </xsl:template>
     
     <!-- FORM CONTROL -->
     
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:FormControl" name="bs2:FormControl">
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ac:FormControl" name="ac:FormControl">
         <xsl:param name="id" select="concat('fieldset-', generate-id())" as="xs:string?"/>
         <xsl:param name="class" as="xs:string?"/>
         <xsl:param name="legend" select="true()" as="xs:boolean"/>
@@ -1275,7 +1361,9 @@ extension-element-prefixes="ixsl"
                     <xsl:sequence select="ldh:reserialize($constructor)"/>
                 </xsl:when>
                 <xsl:when test="exists($forClass)">
-                    <xsl:sequence select="ldh:construct-forClass($forClass)"/>
+                    <xsl:variable name="results-uri" select="ac:build-uri(resolve-uri('ns', ldt:base()), map{ 'query': ldh:constructor-query($forClass), 'accept': 'application/sparql-results+xml' })" as="xs:anyURI"/>
+                    <xsl:variable name="results" select="document(ldh:href($results-uri, map{}))" as="document-node()"/>
+                    <xsl:sequence select="ldh:construct-instance(distinct-values($results//srx:binding[@name = 'text']/srx:literal), $forClass)"/>
                 </xsl:when>
             </xsl:choose>
         </xsl:param>
@@ -1316,107 +1404,114 @@ extension-element-prefixes="ixsl"
             <xsl:if test="$id">
                 <xsl:attribute name="id" select="$id"/>
             </xsl:if>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
+            <xsl:attribute name="class" select="string-join(('ldh-fieldset', $class), ' ')"/>
+
+            <!-- list of types that have constructors (excluding built-in system classes) -->
+            <xsl:variable name="constructor-classes" select="if (exists($type-metadata) and exists($constructors)) then distinct-values($constructors//srx:binding[@name = 'Type']/srx:uri)[not(starts-with(., '&dh;') or starts-with(., '&ldh;') or starts-with(., '&def;') or starts-with(., '&lapp;') or starts-with(., '&sp;') or starts-with(., '&nfo;'))] else ()" as="xs:anyURI*"/>
+            <!-- subject-row tools, revealed together with the subject row: copy-URI (keeps the btn-copy-uri class the clipboard handler matches on) and the constructor actions. One action renders as a direct labelled button, two or more collapse into the overflow menu -->
+            <xsl:variable name="subject-tools" as="element()*">
+                <xsl:apply-templates select="." mode="ldh:CopyUriButton">
+                    <xsl:with-param name="class" select="'ldh-subject-copy btn-copy-uri'"/>
+                </xsl:apply-templates>
 
-            <xsl:choose>
-                <xsl:when test="$legend">
-                    <legend>
-                        <xsl:if test="not($required)">
-                            <!-- the button has to be inside <legend> for it to float to the top/right corner properly -->
-                            <div class="btn-group pull-right">
-                                <button type="button" class="btn btn-large pull-right btn-remove-resource" title="Remove this resource"></button>
-                            </div>
-                        </xsl:if>
-                        
-                        <div class="pull-right">
-                            <xsl:if test="exists($type-metadata) and exists($constructors)">
-                                <div class="btn-group">
-                                    <!-- show list of types that have constructors (excluding built-in system classes) -->
-                                    <xsl:variable name="constructor-classes" select="distinct-values($constructors//srx:binding[@name = 'Type']/srx:uri)[not(starts-with(., '&dh;') or starts-with(., '&ldh;') or starts-with(., '&def;') or starts-with(., '&lapp;') or starts-with(., '&sp;') or starts-with(., '&nfo;'))]" as="xs:anyURI*"/>
-
-                                    <button type="button" class="btn dropdown-toggle btn-edit-actions">
-                                        <!-- only admins should see the button as only they have access to the ontologies with constructors in them -->
-                                        <xsl:if test="not(acl:mode() = '&acl;Control' and exists($constructor-classes))">
-                                            <xsl:attribute name="style" select="'display: none'"/>
-                                        </xsl:if>
-
-                                        <xsl:value-of>
-                                            <xsl:apply-templates select="key('resources', 'actions', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                        </xsl:value-of>
-                                        <span class="caret"></span>
-                                    </button>
-                                    <ul class="dropdown-menu">
-                                        <xsl:for-each select="$constructor-classes">
-                                            <li>
-                                                <button type="button" class="btn btn-edit-constructors" data-resource-type="{.}">
-                                                    <xsl:value-of>
-                                                        <xsl:apply-templates select="key('resources', 'edit', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                                    </xsl:value-of>
-                                                    <xsl:text> </xsl:text>
-                                                    <!-- query class description from the namespace ontology (because it might not be available as Linked Data) -->
-                                                    <xsl:apply-templates select="key('resources', ., $type-metadata)" mode="ac:label"/>
-                                                    <xsl:text> </xsl:text>
-                                                    <xsl:value-of>
-                                                        <xsl:apply-templates select="key('resources', 'constructors', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                                                    </xsl:value-of>
-                                                </button>
-                                            </li>
-                                        </xsl:for-each>
-                                    </ul>
-                                </div>
+                <xsl:choose>
+                    <xsl:when test="count($constructor-classes) = 1">
+                        <button type="button" class="ldh-form-action btn-edit-constructors" data-resource-type="{$constructor-classes}">
+                            <!-- only admins should see the button as only they have access to the ontologies with constructors in them -->
+                            <xsl:if test="not(acl:mode() = '&acl;Control')">
+                                <xsl:attribute name="style" select="'display: none'"/>
                             </xsl:if>
-                            
-                            <!-- button that toggles the .control-group for subject URI/bnode ID editing -->
-                            <button type="button" class="btn btn-edit-subj {if ($show-subject) then 'open' else ()}"></button>
+
+                            <span class="msi outline sm" aria-hidden="true">tune</span>
+                            <span>
+                                <xsl:apply-templates select="key('resources', 'edit-constructors', ldh:translations())" mode="ac:label"/>
+                            </span>
+                        </button>
+                    </xsl:when>
+                    <xsl:when test="count($constructor-classes) gt 1">
+                        <div class="ldh-form-actions-wrap">
+                            <!-- only admins should see the menu as only they have access to the ontologies with constructors in them -->
+                            <xsl:if test="not(acl:mode() = '&acl;Control')">
+                                <xsl:attribute name="style" select="'display: none'"/>
+                            </xsl:if>
+
+                            <button type="button" class="ldh-form-action" aria-haspopup="menu" aria-expanded="false">
+                                <span class="msi outline sm" aria-hidden="true">bolt</span>
+                                <span>
+                                    <xsl:apply-templates select="key('resources', 'actions', ldh:translations())" mode="ac:label"/>
+                                </span>
+                                <span class="msi sm caret" aria-hidden="true">expand_more</span>
+                            </button>
+                            <div class="ldh-form-actions-menu" role="menu">
+                                <xsl:for-each select="$constructor-classes">
+                                    <button type="button" role="menuitem" class="it btn-edit-constructors" data-resource-type="{.}">
+                                        <span class="ico"><span class="msi outline sm" aria-hidden="true">tune</span></span>
+                                        <span class="body">
+                                            <span class="lbl">
+                                                <!-- query class description from the namespace ontology (because it might not be available as Linked Data) -->
+                                                <xsl:apply-templates select="key('resources', ., $type-metadata)" mode="ac:label"/>
+                                            </span>
+                                            <span class="sub">
+                                                <xsl:apply-templates select="key('resources', 'edit-constructors', ldh:translations())" mode="ac:label"/>
+                                            </span>
+                                        </span>
+                                    </button>
+                                </xsl:for-each>
+                            </div>
                         </div>
-                        
-                        <!-- "Copy URI" button -->
-                        <button type="button">
+                    </xsl:when>
+                </xsl:choose>
+            </xsl:variable>
+
+            <xsl:if test="$legend">
+                <legend class="lg-eyebrow">
+                    <xsl:value-of select="ac:label(.)"/>
+                </legend>
+            </xsl:if>
+
+            <xsl:if test="$legend or not($required)">
+                <div class="ldh-form-subjbar">
+                    <xsl:if test="$legend">
+                        <!-- button that toggles the .ldh-subject row for subject URI/bnode ID editing -->
+                        <button type="button" class="ldhc-iconbtn sz-sm in-neutral ap-ghost btn-edit-subj" aria-pressed="{if ($show-subject) then 'true' else 'false'}">
                             <xsl:attribute name="title">
-                                <xsl:apply-templates select="key('resources', 'copy-uri', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
+                                <xsl:apply-templates select="key('resources', 'subject-uri-actions', ldh:translations())" mode="ac:label"/>
                             </xsl:attribute>
 
-                            <xsl:apply-templates select="key('resources', 'copy-uri', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                                <xsl:with-param name="class" select="'btn'"/>
-                            </xsl:apply-templates>
+                            <span class="msi outline sm" aria-hidden="true">link</span>
+                        </button>
+                    </xsl:if>
+
+                    <xsl:if test="not($required)">
+                        <button type="button" class="ldhc-iconbtn sz-sm in-destructive ap-ghost btn-remove-resource">
+                            <xsl:attribute name="title">
+                                <xsl:apply-templates select="key('resources', 'remove-resource', ldh:translations())" mode="ac:label"/>
+                            </xsl:attribute>
 
-                            <xsl:value-of>
-                                <xsl:apply-templates select="key('resources', 'copy-uri', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ac:label"/>
-                            </xsl:value-of>
+                            <span class="msi sm" aria-hidden="true">close</span>
                         </button>
-                        
-                        <xsl:value-of select="ac:label(.)"/>
-                    </legend>
-                </xsl:when>
-                <xsl:when test="not($required)">
-                    <div class="btn-group pull-right">
-                        <button type="button" class="btn btn-large pull-right btn-remove-resource" title="Remove this resource"></button>
-                    </div>
-                </xsl:when>
-            </xsl:choose>
+                    </xsl:if>
+                </div>
+            </xsl:if>
 
-            <!-- @rdf:about / @rdf:nodeID rendering is shell behavior, not per-flow customizable; dispatch in bs2:FormControl mode explicitly so it works regardless of whether the shell was entered via the match template (mode=bs2:FormControl) or the named template (e.g. from ldh:DocumentForm / ldh:AppSettingsForm wrapper modes) -->
-            <xsl:apply-templates select="@rdf:about | @rdf:nodeID" mode="bs2:FormControl">
+            <!-- @rdf:about / @rdf:nodeID rendering is shell behavior, not per-flow customizable; dispatch in ac:FormControl mode explicitly so it works regardless of whether the shell was entered via the match template (mode=ac:FormControl) or the named template (e.g. from ldh:DocumentForm / ldh:AppSettingsForm wrapper modes) -->
+            <xsl:apply-templates select="@rdf:about | @rdf:nodeID" mode="ac:FormControl">
                 <xsl:with-param name="type" select="if ($show-subject) then 'text' else 'hidden'"/>
-            </xsl:apply-templates>
-    
-            <xsl:apply-templates select="." mode="bs2:TypeControl">
-                <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
-                <xsl:with-param name="hidden" select="$type-hidden"/>
+                <xsl:with-param name="tools" select="$subject-tools"/>
             </xsl:apply-templates>
 
-            <xsl:if test="exists($violations)">
-                <div class="violations">
-                    <xsl:apply-templates select="$violations" mode="bs2:Violation"/>
-                </div>
-            </xsl:if>
+            <div class="ldh-prop-form is-form-mode">
+                <xsl:apply-templates select="." mode="ldh:TypeControl">
+                    <xsl:with-param name="type-metadata" select="$type-metadata" tunnel="yes"/>
+                    <xsl:with-param name="hidden" select="$type-hidden"/>
+                </xsl:apply-templates>
 
-            <xsl:sequence select="$body"/>
+                <!-- no fieldset-level alert stack: violations surface at the affected rows - .error decoration for missing mandatory properties, inline .ldhc-help messages for every other kind (see the property template in imports/default.xsl) -->
+                <xsl:sequence select="$body"/>
+            </div>
 
             <xsl:if test="$show-property-control">
-                <xsl:apply-templates select="." mode="bs2:PropertyControl">
+                <xsl:apply-templates select="." mode="ldh:PropertyControl">
                     <xsl:with-param name="template" select="$template"/>
                     <xsl:with-param name="forClass" select="$forClass"/>
                     <xsl:with-param name="required" select="true()"/>
@@ -1427,7 +1522,7 @@ extension-element-prefixes="ixsl"
     </xsl:template>
 
     <!-- Admin app override: allow subject editing for non-hierarchy resources by flipping the $show-subject default. -->
-    <xsl:template match="*[*][@rdf:about or @rdf:nodeID][starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="bs2:FormControl" priority="1">
+    <xsl:template match="*[*][@rdf:about or @rdf:nodeID][starts-with(replace(lapp:origin(), '^https?://', ''), 'admin.')]" mode="ac:FormControl" priority="1">
         <xsl:param name="legend" select="true()" as="xs:boolean"/>
         <xsl:param name="show-subject" select="not(rdf:type/@rdf:resource = ('&dh;Item', '&dh;Container'))" as="xs:boolean" tunnel="yes"/>
         <xsl:param name="required" select="false()" as="xs:boolean"/>
@@ -1441,7 +1536,7 @@ extension-element-prefixes="ixsl"
 
     <!-- TYPE CONTROL -->
 
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:TypeControl">
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:TypeControl">
         <xsl:param name="forClass" as="xs:anyURI?"/> <!-- allow subclasses of owl:Class? -->
         <xsl:param name="hidden" select="false()" as="xs:boolean"/>
 
@@ -1456,9 +1551,9 @@ extension-element-prefixes="ixsl"
     
     <!-- hide property dropdown for block instances -->
     
-    <xsl:template match="*[rdf:type/@rdf:resource = ('&ldh;XHTML', '&ldh;Object')]" mode="bs2:PropertyControl" priority="1"/>
+    <xsl:template match="*[rdf:type/@rdf:resource = ('&ldh;XHTML', '&ldh;Object')]" mode="ldh:PropertyControl" priority="1"/>
     
-    <xsl:template match="*[@rdf:about or @rdf:nodeID]" mode="bs2:PropertyControl">
+    <xsl:template match="*[@rdf:about or @rdf:nodeID]" mode="ldh:PropertyControl">
         <xsl:param name="class" as="xs:string?"/>
         <!--<xsl:param name="label" select="true()" as="xs:boolean"/>-->
         <xsl:param name="template" as="element()*"/>
@@ -1467,9 +1562,10 @@ extension-element-prefixes="ixsl"
         <xsl:variable name="seq-properties" select="for $property in ../rdf:Description/*/concat(namespace-uri(), local-name())[starts-with(., '&rdf;' || '_')] return xs:anyURI($property)" as="xs:anyURI*"/>
         <xsl:variable name="max-seq-index" select="if (empty($seq-properties)) then 0 else max(for $seq-property in $seq-properties return xs:integer(substring-after($seq-property, '&rdf;' || '_')))" as="xs:integer"/>
 
-        <div class="control-group">
-            <span class="control-label">
-                <select class="input-medium">
+        <div class="ldh-prop-addrow">
+            <xsl:apply-templates select="." mode="ac:SelectShell">
+                <xsl:with-param name="select" as="item()*">
+                <select>
                     <xsl:apply-templates select="key('resources', '&rdf;type', document(ac:document-uri('&rdf;type')))" mode="xhtml:Option"/>
                     
                     <!-- group properties by URI - there might be duplicates in the constructor; filter out rdf:type because it's included by default -->
@@ -1514,128 +1610,97 @@ extension-element-prefixes="ixsl"
                         </xsl:for-each>
                     </xsl:for-each-group>
                 </select>
-            </span>
+                </xsl:with-param>
+            </xsl:apply-templates>
 
-            <div class="controls">
-                <button type="button" id="button-{generate-id()}" class="btn add-value">
-                    <xsl:apply-templates select="key('resources', 'add', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', $lapp:origin)))" mode="ldh:logo">
-                        <xsl:with-param name="class" select="'btn add-value'"/>
-                    </xsl:apply-templates>
-                </button>
-            </div>
+            <button type="button" id="button-{generate-id()}" class="ldhc-btn in-primary ap-solid sz-sm add-value">
+                <span class="msi outline sm" aria-hidden="true">add</span>
+                <span>
+                    <xsl:apply-templates select="key('resources', 'add', ldh:translations())" mode="ac:label"/>
+                </span>
+            </button>
         </div>
     </xsl:template>
     
     <!-- VIOLATION -->
 
-    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;URISyntaxViolation']" mode="bs2:Violation">
-        <xsl:param name="class" select="'alert alert-error'" as="xs:string?"/>
-
-        <div>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
-
-            <xsl:apply-templates select="key('resources', '&ldh;URISyntaxViolation', document(ac:document-uri('&ldh;')))" mode="ldh:logo">
-                <xsl:with-param name="class" select="$class"/>
-            </xsl:apply-templates>
-            <xsl:text> </xsl:text>
-            <xsl:value-of select="rdfs:label"/>
-        </div>
-    </xsl:template>
-        
-    <!-- take constraint labels from sitemap instead of response, if possible -->
-    <xsl:template match="*[rdf:type/@rdf:resource = '&spin;ConstraintViolation']" mode="bs2:Violation">
-        <xsl:param name="class" select="'alert alert-error'" as="xs:string?"/>
-        <xsl:param name="request-uri" select="ldh:href(ac:document-uri(rdf:type/@rdf:resource), map{ 'accept': 'application/rdf+xml' }, ())" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SaxonJS'"/>
-        <xsl:param name="request-uri" select="ac:document-uri(rdf:type/@rdf:resource)" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SAXON'"/>
-
-        <div>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
+    <xsl:template match="*[rdf:type/@rdf:resource = '&ldh;URISyntaxViolation']" mode="ac:Violation">
+        <xsl:param name="class" select="'ldhc-alert va-negative'" as="xs:string?"/>
 
-            <xsl:apply-templates select="key('resources', rdf:type/@rdf:resource, document($request-uri))" mode="ldh:logo">
-                <xsl:with-param name="class" select="$class"/>
-            </xsl:apply-templates>
-            <xsl:text> </xsl:text>
-            <xsl:value-of>
-                <xsl:apply-templates select="." mode="ac:label"/>
-            </xsl:value-of>
-        </div>
+        <xsl:apply-templates select="." mode="ac:InlineAlert">
+            <xsl:with-param name="class" select="$class"/>
+            <xsl:with-param name="text" select="string(rdfs:label)"/>
+        </xsl:apply-templates>
     </xsl:template>
-    
-    <xsl:template match="*[rdf:type/@rdf:resource = '&sh;ValidationResult']" mode="bs2:Violation">
-        <xsl:param name="class" select="'alert alert-error'" as="xs:string?"/>
-        <xsl:param name="request-uri" select="ldh:href(ac:document-uri(rdf:type/@rdf:resource), map{ 'accept': 'application/rdf+xml' }, ())" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SaxonJS'"/>
-        <xsl:param name="request-uri" select="ac:document-uri(rdf:type/@rdf:resource)" as="xs:anyURI" use-when="system-property('xsl:product-name') = 'SAXON'"/>
 
-        <div>
-            <xsl:if test="$class">
-                <xsl:attribute name="class" select="$class"/>
-            </xsl:if>
+    <xsl:template match="*[rdf:type/@rdf:resource = '&sh;ValidationResult']" mode="ac:Violation">
+        <xsl:param name="class" select="'ldhc-alert va-negative'" as="xs:string?"/>
 
-            <xsl:apply-templates select="key('resources', rdf:type/@rdf:resource, document($request-uri))" mode="ldh:logo">
-                <xsl:with-param name="class" select="$class"/>
-            </xsl:apply-templates>
-            <xsl:text> </xsl:text>
-            <xsl:value-of select="sh:resultMessage"/>
-        </div>
+        <xsl:apply-templates select="." mode="ac:InlineAlert">
+            <xsl:with-param name="class" select="$class"/>
+            <xsl:with-param name="text" select="string(sh:resultMessage)"/>
+        </xsl:apply-templates>
     </xsl:template>
     
     <!-- EXCEPTION -->
     
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="bs2:Exception"/>
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:Exception"/>
 
     <!-- OBJECT -->
-    
-    <xsl:template match="*[*][@rdf:about or @rdf:nodeID]" mode="bs2:Object"/>
 
-    <!-- ### SHARED BETWEEN SERVER AND CLIENT -->
-    
-    <!-- TYPEAHEAD -->
-    
-    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:Typeahead">
+    <xsl:template match="*[*][@rdf:about or @rdf:nodeID]" mode="ldh:Object"/>
+
+    <!-- COMBOBOX CHIP -->
+
+    <xsl:template match="*[*][@rdf:about] | *[*][@rdf:nodeID]" mode="ldh:ComboboxChip">
         <xsl:param name="id" select="generate-id()" as="xs:string"/>
-        <xsl:param name="class" select="'btn add-typeahead'" as="xs:string?"/>
+        <xsl:param name="class" select="'cb-chip-btn add-combobox'" as="xs:string?"/>
         <xsl:param name="disabled" select="false()" as="xs:boolean"/>
         <xsl:param name="title" select="(@rdf:about, @rdf:nodeID)[1]" as="xs:string?"/>
         <xsl:param name="forClass" as="xs:anyURI*"/>
 
-        <span>
+        <span class="ldhc-cb-committed">
             <xsl:if test="exists($forClass)">
                 <xsl:attribute name="data-for-class" select="string-join($forClass, ' ')"/>
             </xsl:if>
-            
-            <button type="button">
-                <xsl:if test="$id">
-                    <xsl:attribute name="id" select="$id"/>
-                </xsl:if>
-                <xsl:if test="$class">
-                    <xsl:attribute name="class" select="$class"/>
-                </xsl:if>
-                <xsl:if test="$disabled">
-                    <xsl:attribute name="disabled" select="'disabled'"/>
-                </xsl:if>
-                <xsl:if test="$title">
-                    <xsl:attribute name="title" select="$title"/>
-                </xsl:if>
 
-                <span class="pull-left">
+            <span class="ldhc-cb-chip">
+                <span class="msi outline sm" aria-hidden="true">link</span>
+                <span class="cb-chip-lbl">
+                    <xsl:if test="$title">
+                        <xsl:attribute name="title" select="$title"/>
+                    </xsl:if>
+
                     <xsl:value-of>
                         <xsl:apply-templates select="." mode="ac:label"/>
                     </xsl:value-of>
                 </span>
-                <span class="caret pull-right"></span>
+                <!-- the edit button carries the committed term's RDF/POST input, so re-picking replaces both together -->
+                <button type="button">
+                    <xsl:if test="$id">
+                        <xsl:attribute name="id" select="$id"/>
+                    </xsl:if>
+                    <xsl:if test="$class">
+                        <xsl:attribute name="class" select="$class"/>
+                    </xsl:if>
+                    <xsl:if test="$disabled">
+                        <xsl:attribute name="disabled" select="'disabled'"/>
+                    </xsl:if>
+                    <xsl:if test="$title">
+                        <xsl:attribute name="title" select="$title"/>
+                    </xsl:if>
 
-                <xsl:if test="@rdf:about">
-                    <input type="hidden" name="ou" value="{@rdf:about}"/>
-                </xsl:if>
-                <xsl:if test="@rdf:nodeID">
-                    <input type="hidden" name="ob" value="{@rdf:nodeID}"/>
-                </xsl:if>
-            </button>
+                    <span class="msi" aria-hidden="true">edit</span>
+
+                    <xsl:if test="@rdf:about">
+                        <input type="hidden" name="ou" value="{@rdf:about}"/>
+                    </xsl:if>
+                    <xsl:if test="@rdf:nodeID">
+                        <input type="hidden" name="ob" value="{@rdf:nodeID}"/>
+                    </xsl:if>
+                </button>
+            </span>
         </span>
     </xsl:template>
-    
+
 </xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/server.xsl b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/server.xsl
new file mode 100644
index 0000000000..d0916373b0
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/server.xsl
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE xsl:stylesheet [
+    <!ENTITY lapp   "https://w3id.org/atomgraph/linkeddatahub/apps#">
+    <!ENTITY ldh    "https://w3id.org/atomgraph/linkeddatahub#">
+    <!ENTITY ac     "https://w3id.org/atomgraph/client#">
+    <!ENTITY acl    "http://www.w3.org/ns/auth/acl#">
+]>
+<xsl:stylesheet version="3.0"
+xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+xmlns:xs="http://www.w3.org/2001/XMLSchema"
+xmlns:lapp="&lapp;"
+xmlns:ldh="&ldh;"
+xmlns:ac="&ac;"
+xmlns:acl="&acl;"
+exclude-result-prefixes="#all">
+
+    <!-- the server-side bindings of the product-dualed functions: the servlet request context
+         (request URI, base, origin, access modes, Memento headers), synchronous document access
+         and the Jena-backed query parser. The Saxon-JS twins live in client/functions.xsl; the
+         two modules mirror each other name for name, and shared modules call the names without
+         knowing the product - which is what keeps client machinery (and this module's servlet bindings) out
+         of the shared layer entirely. Imported by layout.xsl only. -->
+
+    <!-- the term's document, when the product may consult it for a label: the server fetches
+         synchronously (blocking the render is the design), the client only reads the Saxon-JS
+         document pool - the one product-dualed primitive the label ladders build on, so the
+         templates themselves stay product-neutral -->
+    <xsl:function name="ldh:label-document" as="document-node()?">
+        <xsl:param name="uri" as="xs:anyURI"/>
+
+        <xsl:sequence select="if (doc-available($uri)) then document($uri) else ()"/>
+    </xsl:function>
+
+    <xsl:function name="acl:mode" as="xs:anyURI*">
+        <xsl:variable name="entries" as="xs:string*">
+            <xsl:for-each select="$ldh:httpHeaders('Link')">
+                <xsl:analyze-string select="." regex="&lt;[^&gt;]+&gt;[^&lt;]*">
+                    <xsl:matching-substring>
+                        <xsl:sequence select="."/>
+                    </xsl:matching-substring>
+                </xsl:analyze-string>
+            </xsl:for-each>
+        </xsl:variable>
+        <xsl:sequence select="for $entry in $entries return if (matches($entry, '^&lt;[^&gt;]+&gt;\s*;.*[;\s]rel\s*=\s*&quot;?[^&quot;\s,;]*acl#mode&quot;?')) then xs:anyURI(replace($entry, '^&lt;([^&gt;]+)&gt;.*$', '$1')) else ()"/>
+    </xsl:function>
+
+    <xsl:function name="ac:uri" as="xs:anyURI?">
+        <xsl:sequence select="$ac:uri"/>
+    </xsl:function>
+
+    <!-- TimeMap URI from the Link response header (rel=timemap), present when the document is versioned -->
+    <xsl:function name="ldh:timemap" as="xs:anyURI?">
+        <xsl:variable name="entries" as="xs:string*">
+            <xsl:for-each select="$ldh:httpHeaders('Link')">
+                <xsl:analyze-string select="." regex="&lt;[^&gt;]+&gt;[^&lt;]*">
+                    <xsl:matching-substring>
+                        <xsl:sequence select="."/>
+                    </xsl:matching-substring>
+                </xsl:analyze-string>
+            </xsl:for-each>
+        </xsl:variable>
+        <xsl:sequence select="(for $entry in $entries return if (matches($entry, '^&lt;[^&gt;]+&gt;\s*;.*[;\s]rel\s*=\s*&quot;?timemap&quot;?([;\s]|$)')) then xs:anyURI(replace($entry, '^&lt;([^&gt;]+)&gt;.*$', '$1')) else ())[1]"/>
+    </xsl:function>
+
+    <!-- Memento-Datetime response header value, present on ?version= responses -->
+    <xsl:function name="ldh:memento-datetime" as="xs:string?">
+        <xsl:sequence select="$ldh:httpHeaders('Memento-Datetime')[1]"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:request-uri" as="xs:anyURI">
+        <xsl:sequence select="$ldh:requestUri"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:base-uri" as="xs:anyURI">
+        <xsl:param name="arg" as="node()"/>
+        
+        <xsl:sequence select="base-uri($arg)"/>
+    </xsl:function>
+
+    <xsl:function name="lapp:origin" as="xs:anyURI?">
+        <xsl:sequence select="$lapp:origin"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:parse-query" as="xs:string" override-extension-function="no">
+        <xsl:param name="query" as="xs:string"/>
+
+        <xsl:sequence select="'{}'"/>
+    </xsl:function>
+
+    <xsl:function name="ldh:url-decode" as="xs:string" override-extension-function="no" cache="yes">
+        <xsl:param name="encoded-string" as="xs:string"/>
+        
+        <xsl:message terminate="yes">
+            Not implemented -- com.atomgraph.linkeddatahub.writer.function.URLDecode needs to be registered as an extension function
+        </xsl:message>
+    </xsl:function>
+
+</xsl:stylesheet>
diff --git a/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/translations.rdf b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/translations.rdf
new file mode 100644
index 0000000000..8b19386f73
--- /dev/null
+++ b/src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/translations.rdf
@@ -0,0 +1,1606 @@
+<!DOCTYPE rdf:RDF [
+    <!ENTITY rdf            "http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+    <!ENTITY rdfs           "http://www.w3.org/2000/01/rdf-schema#">
+    <!ENTITY xsd            "http://www.w3.org/2001/XMLSchema#">
+]>
+<rdf:RDF xmlns:rdf="&rdf;" xmlns:rdfs="&rdfs;">
+    <rdf:Description rdf:nodeID="sign-up">
+        <rdfs:label xml:lang="en-US">Sign up</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Registrarse</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="login">
+        <rdfs:label xml:lang="en-US">Login</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Entrar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="login-google">
+        <rdfs:label xml:lang="en-US">Login with Google</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Entrar con Google</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="login-orcid">
+        <rdfs:label xml:lang="en-US">Login with ORCID</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Entrar con ORCID</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="root">
+        <rdfs:label xml:lang="en-US">Root</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Raíz</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="filter">
+        <rdfs:label xml:lang="en-US">Filter</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Filtrar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="search">
+        <rdfs:label xml:lang="en-US">Search</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Buscar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="applications">
+        <rdfs:label xml:lang="en-US">Applications</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Aplicaciones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="notifications">
+        <rdfs:label xml:lang="en-US">Notifications</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Notificaciones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="atomgraph">
+        <rdfs:label xml:lang="en-US">AtomGraph</rdfs:label>
+        <rdfs:label xml:lang="es-ES">AtomGraph</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="details">
+        <rdfs:label xml:lang="en-US">Details</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Detalles</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="add">
+        <rdfs:label xml:lang="en-US">Add</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Añadir</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="remove">
+        <rdfs:label xml:lang="en-US">Remove</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Eliminar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="ban">
+        <rdfs:label xml:lang="en-US">Ban</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Prohibir</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="delete">
+        <rdfs:label xml:lang="en-US">Delete</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Borrar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="skolemize">
+        <rdfs:label xml:lang="en-US">Skolemize</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Escolemizar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="skolemize-title">
+        <rdfs:label xml:lang="en-US">Replace all blank node resource identifiers with URIs</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sustituir todos los identificadores de recursos anónimos por URIs</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="export">
+        <rdfs:label xml:lang="en-US">Export</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Exportar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="save">
+        <rdfs:label xml:lang="en-US">Save</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Guardar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="close">
+        <rdfs:label xml:lang="en-US">Close</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cerrar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="reset">
+        <rdfs:label xml:lang="en-US">Reset</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reiniciar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="settings">
+        <rdfs:label xml:lang="en-US">Settings</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ajustes</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="content">
+        <rdfs:label xml:lang="en-US">Content</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Contenido</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="latest">
+        <rdfs:label xml:lang="en-US">Latest</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Último</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="geo">
+        <rdfs:label xml:lang="en-US">Geo</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Geo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="other">
+        <rdfs:label xml:lang="en-US">Other</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Otro</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="files">
+        <rdfs:label xml:lang="en-US">Files</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Archivos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="imports">
+        <rdfs:label xml:lang="en-US">Imports</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Importaciones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="queries">
+        <rdfs:label xml:lang="en-US">Queries</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Consultas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="charts">
+        <rdfs:label xml:lang="en-US">Charts</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Gráficos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="category">
+        <rdfs:label xml:lang="en-US">Category</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Categoría</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="series">
+        <rdfs:label xml:lang="en-US">Series</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Series</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="services">
+        <rdfs:label xml:lang="en-US">Services</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Servicios</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="layout">
+        <rdfs:label xml:lang="en-US">Layout</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Diseño</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="access">
+        <rdfs:label xml:lang="en-US">Access</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Acceder</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="toggle-content">
+        <rdfs:label xml:lang="en-US">Toggle content</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Activar contenido</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="run">
+        <rdfs:label xml:lang="en-US">Run</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ejecutar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="edit-query">
+        <rdfs:label xml:lang="en-US">Edit query</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Editar consulta</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="query-results">
+        <rdfs:label xml:lang="en-US">Query results</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Resultados de la consulta</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="error-loading-service">
+        <rdfs:label xml:lang="en-US">Error loading service</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Error al cargar el servicio</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="search-title">
+        <rdfs:label xml:lang="en-US">Search for resources by title, label, content etc.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Buscar recursos por título, etiqueta, contenido, etc.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="address-bar">
+        <rdfs:label xml:lang="en-US">Go</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ir</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="address-bar-title">
+        <rdfs:label xml:lang="en-US">Enter an http(s):// URI to navigate to</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Introduzca una URI http(s):// para navegar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="search-placeholder">
+        <rdfs:label xml:lang="en-US">Search…</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Buscar…</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="search-subtitle">
+        <rdfs:label xml:lang="en-US">Results render as a view — facet, switch layout and page them like any other.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Los resultados se muestran como una vista: filtre por facetas, cambie el diseño y pagine como en cualquier otra.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="clear-query">
+        <rdfs:label xml:lang="en-US">Clear query</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Borrar consulta</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="hint-navigate">
+        <rdfs:label xml:lang="en-US">navigate</rdfs:label>
+        <rdfs:label xml:lang="es-ES">navegar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="hint-open">
+        <rdfs:label xml:lang="en-US">open</rdfs:label>
+        <rdfs:label xml:lang="es-ES">abrir</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="hint-close">
+        <rdfs:label xml:lang="en-US">close</rdfs:label>
+        <rdfs:label xml:lang="es-ES">cerrar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="application-list-title">
+        <rdfs:label xml:lang="en-US">Applications</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Aplicaciones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="user-defined-apps">
+        <rdfs:label xml:lang="en-US">User-defined</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Definido por el usuario</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="system-apps">
+        <rdfs:label xml:lang="en-US">System</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sistema</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="mode-list-title">
+        <rdfs:label xml:lang="en-US">Change layout mode</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cambiar modo disposición</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="acl-list-title">
+        <rdfs:label xml:lang="en-US">Allowed access modes</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Modos permitidos de acceso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="create">
+        <rdfs:label xml:lang="en-US">Create</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Crear</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="create-instance-title">
+        <rdfs:label xml:lang="en-US">Create a new resource of selected type</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Crear un recurso nuevo del tipo seleccionado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="add-data">
+        <rdfs:label xml:lang="en-US">Add data</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Añadir datos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="add-data-title">
+        <rdfs:label xml:lang="en-US">Import RDF data</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Importar datos RDF</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="import-ontology">
+        <rdfs:label xml:lang="en-US">Import ontology</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Importar ontología</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="import-ontology-title">
+        <rdfs:label xml:lang="en-US">Import RDF ontology and create constructors</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Importar ontología RDF y crear constructores</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="nav-bar-action-delete-title">
+        <rdfs:label xml:lang="en-US">Delete the graph of this resource</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Borrar el grafo de este recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="nav-bar-action-refresh-title">
+        <rdfs:label xml:lang="en-US">Clear the resource from SPARQL results cache</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Limpiar el recurso de la caché de resultados SPARQL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="nav-bar-action-edit-graph-title">
+        <rdfs:label xml:lang="en-US">Edit the graph of this resource</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Editar el grafo de este recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="nav-bar-action-export-rdf-title">
+        <rdfs:label xml:lang="en-US">Export RDF data for this response</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Exportar datos RDF para esta respuesta</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="nav-bar-action-settings-title">
+        <rdfs:label xml:lang="en-US">Settings</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ajustes</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="filter-title">
+        <rdfs:label xml:lang="en-US">Filter the current view</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Filtrar la vista actual</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="reset-changes-title">
+        <rdfs:label xml:lang="en-US">Reset changes</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reiniciar cambios</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="copy-uri">
+        <rdfs:label xml:lang="en-US">Copy URI</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Copiar URI</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="save-as-title">
+        <rdfs:label xml:lang="en-US">Copy this RDF graph into the local graph store</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Copiar este grafo RDF al almacén de grafos locales</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="save-as">
+        <rdfs:label xml:lang="en-US">Save as</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Guardar como</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="from-origin">
+        <rdfs:label xml:lang="en-US">From origin</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Desde origen</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="local">
+        <rdfs:label xml:lang="en-US">Local</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Local</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="common">
+        <rdfs:label xml:lang="en-US">Common</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Común</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="backlinks">
+        <rdfs:label xml:lang="en-US">Backlinks</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Backlinks</rdfs:label> <!-- I didn't find an easy translation of Backlinks to Spanish, maybe "enlaces de vuelta" ? -->
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="links">
+        <rdfs:label xml:lang="en-US">Links</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Enlaces</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="email">
+        <rdfs:label xml:lang="en-US">E-mail</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Correo electrónico</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="authorization">
+        <rdfs:label xml:lang="en-US">Authorization</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Autorización</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="public-key">
+        <rdfs:label xml:lang="en-US">Public key</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Clave pública</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="user-account">
+        <rdfs:label xml:lang="en-US">User account</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cuenta de usuario</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="ask-query">
+        <rdfs:label xml:lang="en-US">ASK</rdfs:label>
+        <rdfs:label xml:lang="es-ES">ASK</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="select-query">
+        <rdfs:label xml:lang="en-US">SELECT</rdfs:label>
+        <rdfs:label xml:lang="es-ES">SELECT</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="describe-query">
+        <rdfs:label xml:lang="en-US">DESCRIBE</rdfs:label>
+        <rdfs:label xml:lang="es-ES">DESCRIBE</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="construct-query">
+        <rdfs:label xml:lang="en-US">CONSTRUCT</rdfs:label>
+        <rdfs:label xml:lang="es-ES">CONSTRUCT</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="file">
+        <rdfs:label xml:lang="en-US">File</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Archivo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="administration">
+        <rdfs:label xml:lang="en-US">Administration</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Administración</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="namespace-ontology">
+        <rdfs:label xml:lang="en-US">Namespace ontology</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Espacio de nombres de ontología</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="documentation">
+        <rdfs:label xml:lang="en-US">Documentation</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Documentación</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="sparql-service">
+        <rdfs:label xml:lang="en-US">SPARQL service</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Servicio SPARQL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="sparql-editor">
+        <rdfs:label xml:lang="en-US">SPARQL editor</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Editor SPARQL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="request-access">
+        <rdfs:label xml:lang="en-US">Request access</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Solicitar acceso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="upload-file">
+        <rdfs:label xml:lang="en-US">Upload file</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Subir fichero</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="from-uri">
+        <rdfs:label xml:lang="en-US">From URI</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Desde URI</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="add-rdf-data">
+        <rdfs:label xml:lang="en-US">Add RDF data</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Añadir datos RDF</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="none">
+        <rdfs:label xml:lang="en-US">None</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Nada</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="no-values">
+        <rdfs:label xml:lang="en-US">No values</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sin valores</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="facet-any">
+        <rdfs:label xml:lang="en-US">Any</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cualquiera</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="facet-selected">
+        <rdfs:label xml:lang="en-US">selected</rdfs:label>
+        <rdfs:label xml:lang="es-ES">seleccionados</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="clear-facet">
+        <rdfs:label xml:lang="en-US">Clear</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Borrar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="ascending">
+        <rdfs:label xml:lang="en-US">Ascending</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ascendente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="descending">
+        <rdfs:label xml:lang="en-US">Descending</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Descendente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="source">
+        <rdfs:label xml:lang="en-US">Source</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Fuente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="graph">
+        <rdfs:label xml:lang="en-US">Graph</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Grafo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="query">
+        <rdfs:label xml:lang="en-US">Query</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Consulta</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="clear">
+        <rdfs:label xml:lang="en-US">Clear</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Limpiar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="install">
+        <rdfs:label xml:lang="en-US">Install</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Instalar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="uninstall">
+        <rdfs:label xml:lang="en-US">Uninstall</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Desinstalar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="package">
+        <rdfs:label xml:lang="en-US">Package</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Paquete</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="packages">
+        <rdfs:label xml:lang="en-US">Packages</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Paquetes</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="installed">
+        <rdfs:label xml:lang="en-US">Installed</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Instalado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="ontology">
+        <rdfs:label xml:lang="en-US">Ontology</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ontología</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="related-results">
+        <rdfs:label xml:lang="en-US">Related results</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Resultados relacionados</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="via">
+        <rdfs:label xml:lang="en-US">via</rdfs:label>
+        <rdfs:label xml:lang="es-ES">vía</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="via-incoming">
+        <rdfs:label xml:lang="en-US">linked by</rdfs:label>
+        <rdfs:label xml:lang="es-ES">enlazado por</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="document-tree">
+        <rdfs:label xml:lang="en-US">Document tree</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Árbol de documentos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="reconcile-title">
+        <rdfs:label xml:lang="en-US">Reconcile this resource against resources in the selected service</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reconciliar este recurso con los recursos del servicio seleccionado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="reconcile">
+        <rdfs:label xml:lang="en-US">Reconcile</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reconciliar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="reconcile-entity">
+        <rdfs:label xml:lang="en-US">Reconcile entity</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reconciliar entidad</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="resource">
+        <rdfs:label xml:lang="en-US">Resource</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="html">
+        <rdfs:label xml:lang="en-US">HTML</rdfs:label>
+        <rdfs:label xml:lang="es-ES">HTML</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="sparql">
+        <rdfs:label xml:lang="en-US">SPARQL</rdfs:label>
+        <rdfs:label xml:lang="es-ES">SPARQL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="literal">
+        <rdfs:label xml:lang="en-US">Literal</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Literal</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="open">
+        <rdfs:label xml:lang="en-US">Open</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Abrir</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="explore">
+        <rdfs:label xml:lang="en-US">Explore</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Explorar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="are-you-sure">
+        <rdfs:label xml:lang="en-US">Are you sure?</rdfs:label>
+        <rdfs:label xml:lang="es-ES">¿Estás seguro?</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="cancel">
+        <rdfs:label xml:lang="en-US">Cancel</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cancelar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="constructor">
+        <rdfs:label xml:lang="en-US">Constructor</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Constructor</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="actions">
+        <rdfs:label xml:lang="en-US">Actions</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Acciones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="upload">
+        <rdfs:label xml:lang="en-US">Upload</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Subir</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="language-tag">
+        <rdfs:label xml:lang="en-US">Language tag (BCP 47)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Etiqueta de idioma (BCP 47)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="required">
+        <rdfs:label xml:lang="en-US">Required</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Obligatorio</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="edit-constructors">
+        <rdfs:label xml:lang="en-US">Edit constructors</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Editar constructores</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="subject-uri-actions">
+        <rdfs:label xml:lang="en-US">Subject URI &amp; actions</rdfs:label>
+        <rdfs:label xml:lang="es-ES">URI del sujeto y acciones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="edit">
+        <rdfs:label xml:lang="en-US">Edit</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Editar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="constructors">
+        <rdfs:label xml:lang="en-US">constructor(s)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">constructor(es)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="total-results">
+        <rdfs:label xml:lang="en-US">Total results</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Resultados totales</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="no-results">
+        <rdfs:label xml:lang="en-US">No results.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sin resultados.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="no-results-explanation">
+        <rdfs:label xml:lang="en-US">The query ran cleanly and matched nothing.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">La consulta se ejecutó correctamente y no coincidió con nada.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="previous">
+        <rdfs:label xml:lang="en-US">Previous</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Anterior</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="next">
+        <rdfs:label xml:lang="en-US">Next</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Siguiente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rows-per-page">
+        <rdfs:label xml:lang="en-US">Rows</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Filas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="page">
+        <rdfs:label xml:lang="en-US">Page</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Página</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="of">
+        <rdfs:label xml:lang="en-US">of</rdfs:label>
+        <rdfs:label xml:lang="es-ES">de</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="load-schema">
+        <rdfs:label xml:lang="en-US">Load schema</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cargar esquema</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="generate-containers">
+        <rdfs:label xml:lang="en-US">Generate containers</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Generar contenedores</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="generate">
+        <rdfs:label xml:lang="en-US">Generate</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Generar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="generate-containers-title">
+        <rdfs:label xml:lang="en-US">Create containers for the most populated classes in a SPARQL endpoint</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Crear contenedores para las clases más pobladas de un punto de acceso SPARQL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="limit">
+        <rdfs:label xml:lang="en-US">Limit</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Límite</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="service">
+        <rdfs:label xml:lang="en-US">Service</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Servicio</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="has-parent">
+        <rdfs:label xml:lang="en-US">Has parent</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tiene padre</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="from-sparql-service">
+        <rdfs:label xml:lang="en-US">From SPARQL service</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Desde servicio SPARQL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="instance">
+        <rdfs:label xml:lang="en-US">Instance</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Instancia</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="remove-stmt">
+        <rdfs:label xml:lang="en-US">Remove this statement</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Eliminar esta declaración</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="application-settings">
+        <rdfs:label xml:lang="en-US">Application settings</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ajustes de aplicación</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="request-access-description">
+        <rdfs:label xml:lang="en-US">Ask for access to a restricted resource by making a request. It will be reviewed by the application's administrators.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Solicite acceso a un recurso restringido haciendo una solicitud. Será revisada por los administradores de la aplicación.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="request-access-for">
+        <rdfs:label xml:lang="en-US">Request access for</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Solicitar acceso para</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="me">
+        <rdfs:label xml:lang="en-US">me</rdfs:label>
+        <rdfs:label xml:lang="es-ES">yo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="request">
+        <rdfs:label xml:lang="en-US">Request</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Solicitar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="url-based-access">
+        <rdfs:label xml:lang="en-US">URL-based access</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Acceso basado en URL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="url">
+        <rdfs:label xml:lang="en-US">URL</rdfs:label>
+        <rdfs:label xml:lang="es-ES">URL</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="class-based-access">
+        <rdfs:label xml:lang="en-US">Class-based access</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Acceso basado en clase</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="class-name">
+        <rdfs:label xml:lang="en-US">Class name</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Nombre de clase</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="same-as">
+        <rdfs:label xml:lang="en-US">Same as</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Igual a</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="classes">
+        <rdfs:label xml:lang="en-US">Classes</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Clases</rdfs:label>
+    </rdf:Description>
+    <!-- block failure headlines: what failed, named as the reader sees it -->
+    <rdf:Description rdf:nodeID="block-query-failed">
+        <rdfs:label xml:lang="en-US">This block's query failed</rdfs:label>
+        <rdfs:label xml:lang="es-ES">La consulta de este bloque falló</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-query-not-loaded">
+        <rdfs:label xml:lang="en-US">This block's query could not be loaded</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo cargar la consulta de este bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-service-not-loaded">
+        <rdfs:label xml:lang="en-US">This block's service could not be loaded</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo cargar el servicio de este bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-resource-not-loaded">
+        <rdfs:label xml:lang="en-US">This resource could not be loaded</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo cargar este recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-resource-not-described">
+        <rdfs:label xml:lang="en-US">The document does not describe this resource</rdfs:label>
+        <rdfs:label xml:lang="es-ES">El documento no describe este recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-self-reference">
+        <rdfs:label xml:lang="en-US">This block embeds its own document</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Este bloque incrusta su propio documento</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-count-failed">
+        <rdfs:label xml:lang="en-US">The result count could not be loaded</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo cargar el número de resultados</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-values-failed">
+        <rdfs:label xml:lang="en-US">The values could not be loaded</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudieron cargar los valores</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="classes-not-loaded">
+        <rdfs:label xml:lang="en-US">The classes could not be loaded</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudieron cargar las clases</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="data-not-added">
+        <rdfs:label xml:lang="en-US">The data could not be added</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudieron añadir los datos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="containers-not-created">
+        <rdfs:label xml:lang="en-US">Some containers could not be created</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudieron crear algunos contenedores</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="containers-partial-failure">
+        <rdfs:label xml:lang="en-US">The containers that succeeded are in place. The classes that failed are listed in the technical detail.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Los contenedores que se crearon siguen en su sitio. Las clases que fallaron se enumeran en el detalle técnico.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="target-must-be-local">
+        <rdfs:label xml:lang="en-US">The target document must be local. Choose a container in this hub.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">El documento de destino debe ser local. Elige un contenedor de este hub.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="source-not-rdf">
+        <rdfs:label xml:lang="en-US">The source URI did not return RDF data.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">El URI de origen no devolvió datos RDF.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="transformation-query-not-loaded">
+        <rdfs:label xml:lang="en-US">The transformation query could not be loaded.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo cargar la consulta de transformación.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="version-history-not-loaded">
+        <rdfs:label xml:lang="en-US">The version history could not be loaded</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo cargar el historial de versiones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="version-not-read">
+        <rdfs:label xml:lang="en-US">The selected version could not be read</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo leer la versión seleccionada</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="version-not-restored">
+        <rdfs:label xml:lang="en-US">This version could not be restored</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo restaurar esta versión</rdfs:label>
+    </rdf:Description>
+    <!-- block failure explanations: the sentence under the headline. The two below are specific to a
+         failure that has no HTTP status behind it; the http-error-* set covers the ones that do -->
+    <rdf:Description rdf:nodeID="block-self-reference-explanation">
+        <rdfs:label xml:lang="en-US">An object block cannot embed the document it is part of.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Un bloque de objeto no puede incrustar el documento del que forma parte.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-resource-not-described-explanation">
+        <rdfs:label xml:lang="en-US">The document was retrieved, but it contains no description of this resource.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">El documento se obtuvo, pero no contiene ninguna descripción de este recurso.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="http-error-malformed">
+        <rdfs:label xml:lang="en-US">The endpoint rejected the request as malformed.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">El punto de acceso rechazó la solicitud por estar mal formada.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="http-error-unauthorized">
+        <rdfs:label xml:lang="en-US">You need to sign in to see this.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Necesitas iniciar sesión para ver esto.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="http-error-forbidden">
+        <rdfs:label xml:lang="en-US">You do not have access to this.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No tienes acceso a esto.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="http-error-not-found">
+        <rdfs:label xml:lang="en-US">The requested resource was not found.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se encontró el recurso solicitado.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="http-error-unreachable">
+        <rdfs:label xml:lang="en-US">The endpoint could not be reached.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo contactar con el punto de acceso.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="http-error-server">
+        <rdfs:label xml:lang="en-US">The server failed while handling the request.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">El servidor falló al procesar la solicitud.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="http-error-unknown">
+        <rdfs:label xml:lang="en-US">The request did not complete.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">La solicitud no se completó.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="technical-detail">
+        <rdfs:label xml:lang="en-US">Technical detail</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Detalle técnico</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="violation-invalid-value">
+        <rdfs:label xml:lang="en-US">Invalid value</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Valor no válido</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="violation-constraint">
+        <rdfs:label xml:lang="en-US">Constraint violated</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Restricción violada</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="history">
+        <rdfs:label xml:lang="en-US">History</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Historial</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="history-description">
+        <rdfs:label xml:lang="en-US">Every change to this document is saved as a version. Click a version to view the document as it was at that time.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cada cambio en este documento se guarda como una versión. Haga clic en una versión para ver el documento tal como era en ese momento.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="version">
+        <rdfs:label xml:lang="en-US">Version</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Versión</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="agent">
+        <rdfs:label xml:lang="en-US">Agent</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Agente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="historical-version-notice">
+        <rdfs:label xml:lang="en-US">You are viewing a read-only historical version of this document</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Está viendo una versión histórica de solo lectura de este documento</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="view-current-version">
+        <rdfs:label xml:lang="en-US">View the current version</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ver la versión actual</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="from">
+        <rdfs:label xml:lang="en-US">From</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Desde</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="to">
+        <rdfs:label xml:lang="en-US">To</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Hasta</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="compare">
+        <rdfs:label xml:lang="en-US">Compare</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Comparar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="comparing-versions">
+        <rdfs:label xml:lang="en-US">You are comparing two versions of this document</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Está comparando dos versiones de este documento</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="removed">
+        <rdfs:label xml:lang="en-US">removed</rdfs:label>
+        <rdfs:label xml:lang="es-ES">eliminado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="added">
+        <rdfs:label xml:lang="en-US">added</rdfs:label>
+        <rdfs:label xml:lang="es-ES">añadido</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="changed">
+        <rdfs:label xml:lang="en-US">changed</rdfs:label>
+        <rdfs:label xml:lang="es-ES">modificado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="restore">
+        <rdfs:label xml:lang="en-US">Restore</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Restaurar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="allow">
+        <rdfs:label xml:lang="en-US">Allow</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Permitir</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="add-stmt">
+        <rdfs:label xml:lang="en-US">Add another statement</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Añadir otra declaración</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="remove-resource">
+        <rdfs:label xml:lang="en-US">Remove this resource</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Eliminar este recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="remove-link">
+        <rdfs:label xml:lang="en-US">Remove link</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Eliminar enlace</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="get-started">
+        <rdfs:label xml:lang="en-US">Get started</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Empezar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="learn-more">
+        <rdfs:label xml:lang="en-US">Learn more</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Saber más</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="about">
+        <rdfs:label xml:lang="en-US">About</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Acerca de</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="resources">
+        <rdfs:label xml:lang="en-US">Resources</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Recursos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="support">
+        <rdfs:label xml:lang="en-US">Support</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Soporte</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="footer-tagline">
+        <rdfs:label xml:lang="en-US">The low-code Knowledge Graph application platform. Built on RDF, SPARQL and Linked Data principles.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">La plataforma de aplicaciones de grafos de conocimiento low-code. Construida sobre RDF, SPARQL y los principios de Linked Data.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="follow-us">
+        <rdfs:label xml:lang="en-US">Follow us</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Síguenos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="screencasts">
+        <rdfs:label xml:lang="en-US">Screencasts</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Videotutoriales</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="mailing-list">
+        <rdfs:label xml:lang="en-US">Mailing list</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Lista de correo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="report-issues">
+        <rdfs:label xml:lang="en-US">Report issues</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Informar de problemas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="contact-support">
+        <rdfs:label xml:lang="en-US">Contact support</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Contactar con soporte</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdf-xml">
+        <rdfs:label xml:lang="en-US">RDF/XML</rdfs:label>
+        <rdfs:label xml:lang="es-ES">RDF/XML</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="turtle">
+        <rdfs:label xml:lang="en-US">Turtle</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Turtle</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="json-ld">
+        <rdfs:label xml:lang="en-US">JSON-LD</rdfs:label>
+        <rdfs:label xml:lang="es-ES">JSON-LD</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="could-not-move-block">
+        <rdfs:label xml:lang="en-US">Could not move block</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo mover el bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="hide-navigation">
+        <rdfs:label xml:lang="en-US">Hide navigation</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ocultar navegación</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="loading">
+        <rdfs:label xml:lang="en-US">Loading…</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cargando…</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-annotation">
+        <rdfs:label xml:lang="en-US">RDFa annotation</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Anotación RDFa</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-subject">
+        <rdfs:label xml:lang="en-US">Subject</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sujeto</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-property">
+        <rdfs:label xml:lang="en-US">Property</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Propiedad</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-value">
+        <rdfs:label xml:lang="en-US">Value</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Valor</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-subject-about">
+        <rdfs:label xml:lang="en-US">Subject (about)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sujeto (about)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-type-typeof">
+        <rdfs:label xml:lang="en-US">Type (typeof)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipo (typeof)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-object-resource">
+        <rdfs:label xml:lang="en-US">Object (resource)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Objeto (resource)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-datatype">
+        <rdfs:label xml:lang="en-US">Datatype</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipo de datos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-language">
+        <rdfs:label xml:lang="en-US">Language</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Idioma</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="warning">
+        <rdfs:label xml:lang="en-US">Warning!</rdfs:label>
+        <rdfs:label xml:lang="es-ES">¡Advertencia!</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="control-mode-warning">
+        <rdfs:label xml:lang="en-US">By allowing Control access mode you are effectively granting full control of the dataspace.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Al permitir el modo de acceso Control, está otorgando efectivamente el control total del espacio de datos.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="signup-created">
+        <rdfs:label xml:lang="en-US">Congratulations! Your WebID profile has been created. You can see its data below.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">¡Enhorabuena! Su perfil WebID ha sido creado. Puede ver sus datos a continuación.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="signup-email-sent">
+        <rdfs:label xml:lang="en-US">Authentication details have been sent to your email address.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Los datos de autenticación se han enviado a su dirección de correo electrónico.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="add-data-notice">
+        <rdfs:label xml:lang="en-US">Adding data this way fetches the source through the Linked Data proxy and appends it to the target document, so use it for small amounts of data only (e.g. a few thousand RDF triples). For larger data, use asynchronous</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Añadir datos de esta manera obtiene la fuente a través del proxy de Linked Data y los añade al documento de destino, así que úselo solo para pequeñas cantidades de datos (p. ej. unos pocos miles de tripletas RDF). Para datos más grandes, use las</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdf-imports">
+        <rdfs:label xml:lang="en-US">RDF imports</rdfs:label>
+        <rdfs:label xml:lang="es-ES">importaciones RDF asíncronas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="sort">
+        <rdfs:label xml:lang="en-US">sort</rdfs:label>
+        <rdfs:label xml:lang="es-ES">ordenar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="sorted-asc-toggle">
+        <rdfs:label xml:lang="en-US">Sorted ascending — click to sort descending</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Orden ascendente — haga clic para ordenar de forma descendente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="sorted-desc-toggle">
+        <rdfs:label xml:lang="en-US">Sorted descending — click to sort ascending</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Orden descendente — haga clic para ordenar de forma ascendente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-object">
+        <rdfs:label xml:lang="en-US">Object</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Objeto</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="annotate">
+        <rdfs:label xml:lang="en-US">Annotate</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Anotar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-value-placeholder">
+        <rdfs:label xml:lang="en-US">Literal value</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Valor literal</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-value-help">
+        <rdfs:label xml:lang="en-US">The selected text; change to emit a machine-readable content value</rdfs:label>
+        <rdfs:label xml:lang="es-ES">El texto seleccionado; cámbielo para emitir un valor de contenido legible por máquina</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-subject-placeholder">
+        <rdfs:label xml:lang="en-US">Overrides the subject in scope</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Anula el sujeto en el ámbito</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-subject-help">
+        <rdfs:label xml:lang="en-US">IRI or _:blank-node identifier</rdfs:label>
+        <rdfs:label xml:lang="es-ES">IRI o identificador de nodo en blanco _:</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-typeof-help">
+        <rdfs:label xml:lang="en-US">Types the annotated resource; without a subject the typed resource becomes the object of the property (chaining)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipa el recurso anotado; sin un sujeto, el recurso tipado se convierte en el objeto de la propiedad (encadenamiento)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-object-placeholder">
+        <rdfs:label xml:lang="en-US">Object IRI</rdfs:label>
+        <rdfs:label xml:lang="es-ES">IRI del objeto</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-object-help">
+        <rdfs:label xml:lang="en-US">Makes the object a resource instead of the literal value</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Convierte el objeto en un recurso en lugar del valor literal</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-datatype-placeholder">
+        <rdfs:label xml:lang="en-US">Datatype IRI</rdfs:label>
+        <rdfs:label xml:lang="es-ES">IRI del tipo de datos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-datatype-help">
+        <rdfs:label xml:lang="en-US">Types the literal; mutually exclusive with a language tag</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipa el literal; mutuamente excluyente con una etiqueta de idioma</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-plain-literal">
+        <rdfs:label xml:lang="en-US">(plain literal)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">(literal simple)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-custom-datatype">
+        <rdfs:label xml:lang="en-US">-- Custom datatype --</rdfs:label>
+        <rdfs:label xml:lang="es-ES">-- Tipo de datos personalizado --</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-language-placeholder">
+        <rdfs:label xml:lang="en-US">e.g. en, fr-CA</rdfs:label>
+        <rdfs:label xml:lang="es-ES">p. ej. en, fr-CA</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-language-help">
+        <rdfs:label xml:lang="en-US">Language tag for the literal; ignored when a datatype is set</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Etiqueta de idioma del literal; se ignora cuando se establece un tipo de datos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert-table">
+        <rdfs:label xml:lang="en-US">Insert table</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar tabla</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="table-body-rows">
+        <rdfs:label xml:lang="en-US">Body rows</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Filas de datos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="table-columns">
+        <rdfs:label xml:lang="en-US">Columns</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Columnas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="table-header-row">
+        <rdfs:label xml:lang="en-US">Header row</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Fila de encabezado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="caption">
+        <rdfs:label xml:lang="en-US">Caption</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Leyenda</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert">
+        <rdfs:label xml:lang="en-US">Insert</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="link">
+        <rdfs:label xml:lang="en-US">Link</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Enlace</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="link-href">
+        <rdfs:label xml:lang="en-US">Link target (href)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Destino del enlace (href)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert-figure">
+        <rdfs:label xml:lang="en-US">Insert figure</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar figura</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="figure-src">
+        <rdfs:label xml:lang="en-US">Image URL (src)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">URL de la imagen (src)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="figure-src-placeholder">
+        <rdfs:label xml:lang="en-US">https://... or relative path</rdfs:label>
+        <rdfs:label xml:lang="es-ES">https://... o ruta relativa</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="figure-alt">
+        <rdfs:label xml:lang="en-US">Alternate text (alt)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Texto alternativo (alt)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="find-and-replace">
+        <rdfs:label xml:lang="en-US">Find and replace</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Buscar y reemplazar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="find">
+        <rdfs:label xml:lang="en-US">Find</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Buscar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="replace-with">
+        <rdfs:label xml:lang="en-US">Replace with</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reemplazar con</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="match-case">
+        <rdfs:label xml:lang="en-US">Match case</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Coincidir mayúsculas y minúsculas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="find-next">
+        <rdfs:label xml:lang="en-US">Find next</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Buscar siguiente</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="replace">
+        <rdfs:label xml:lang="en-US">Replace</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reemplazar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="replace-all">
+        <rdfs:label xml:lang="en-US">Replace all</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Reemplazar todo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert-block">
+        <rdfs:label xml:lang="en-US">Insert block</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-type">
+        <rdfs:label xml:lang="en-US">Block type</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipo de bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="view">
+        <rdfs:label xml:lang="en-US">View</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Vista</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="result-set-chart">
+        <rdfs:label xml:lang="en-US">Result set chart</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Gráfico de resultados</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="resource-uri">
+        <rdfs:label xml:lang="en-US">Resource URI</rdfs:label>
+        <rdfs:label xml:lang="es-ES">URI del recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="fragment-id">
+        <rdfs:label xml:lang="en-US">Fragment id</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Identificador de fragmento</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="query-uri">
+        <rdfs:label xml:lang="en-US">Query URI</rdfs:label>
+        <rdfs:label xml:lang="es-ES">URI de la consulta</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="mode-uri-optional">
+        <rdfs:label xml:lang="en-US">Mode URI (optional)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">URI del modo (opcional)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-type">
+        <rdfs:label xml:lang="en-US">Chart type</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipo de gráfico</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-table">
+        <rdfs:label xml:lang="en-US">Table</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tabla</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-bar">
+        <rdfs:label xml:lang="en-US">Bar chart</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Gráfico de barras</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-line">
+        <rdfs:label xml:lang="en-US">Line chart</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Gráfico de líneas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-scatter">
+        <rdfs:label xml:lang="en-US">Scatter chart</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Gráfico de dispersión</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-category-var">
+        <rdfs:label xml:lang="en-US">Category variable</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Variable de categoría</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-series-var">
+        <rdfs:label xml:lang="en-US">Series variable</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Variable de serie</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="canonical-xhtml-rdfa">
+        <rdfs:label xml:lang="en-US">Canonical XHTML+RDFa</rdfs:label>
+        <rdfs:label xml:lang="es-ES">XHTML+RDFa canónico</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="first-time-title">
+        <rdfs:label xml:lang="en-US">Your LinkedDataHub is ready!</rdfs:label>
+        <rdfs:label xml:lang="es-ES">¡Su LinkedDataHub está listo!</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="first-time-subtitle">
+        <rdfs:label xml:lang="en-US">Unlock the value of your Knowledge Graph with data-driven content and low code apps.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Libere el valor de su grafo de conocimiento con contenido basado en datos y aplicaciones low-code.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="first-time-body">
+        <rdfs:label xml:lang="en-US">Create structured content backed by live data, intuitively explore graph datasets, model and manage RDF data, control data quality and more.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cree contenido estructurado respaldado por datos en vivo, explore conjuntos de datos de grafos de forma intuitiva, modele y gestione datos RDF, controle la calidad de los datos y más.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="first-time-body-emphasis">
+        <rdfs:label xml:lang="en-US">Without writing code</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sin escribir código</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="node-id">
+        <rdfs:label xml:lang="en-US">ID</rdfs:label>
+        <rdfs:label xml:lang="es-ES">ID</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="node-types">
+        <rdfs:label xml:lang="en-US">Types</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="graph-click-node-hint">
+        <rdfs:label xml:lang="en-US">Click a node to see details</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Haga clic en un nodo para ver los detalles</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="graph-show-stubs">
+        <rdfs:label xml:lang="en-US">Resources without descriptions</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Recursos sin descripciones</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="graph-show-literals">
+        <rdfs:label xml:lang="en-US">Literals</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Literales</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="graph-locale-literals-only">
+        <rdfs:label xml:lang="en-US">Matching locale only</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Solo los del idioma actual</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="zoom-to-fit">
+        <rdfs:label xml:lang="en-US">Zoom to fit</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ajustar zoom</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="fullscreen">
+        <rdfs:label xml:lang="en-US">Fullscreen</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Pantalla completa</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-string">
+        <rdfs:label xml:lang="en-US">String</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cadena</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-boolean">
+        <rdfs:label xml:lang="en-US">Boolean</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Booleano</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-date">
+        <rdfs:label xml:lang="en-US">Date</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Fecha</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-datetime">
+        <rdfs:label xml:lang="en-US">Datetime</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Fecha y hora</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-integer">
+        <rdfs:label xml:lang="en-US">Integer</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Entero</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-float">
+        <rdfs:label xml:lang="en-US">Float</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Flotante</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-double">
+        <rdfs:label xml:lang="en-US">Double</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Doble</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="datatype-decimal">
+        <rdfs:label xml:lang="en-US">Decimal</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Decimal</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="constructors-not-loaded">
+        <rdfs:label xml:lang="en-US">Could not load constructors for class</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudieron cargar los constructores de la clase</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="constructor-not-updated">
+        <rdfs:label xml:lang="en-US">Could not update constructor</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo actualizar el constructor</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="ontology-graphs-not-loaded">
+        <rdfs:label xml:lang="en-US">Could not load ontology graph URI(s)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudieron cargar los URI de los grafos de la ontología</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="constructor-not-appended">
+        <rdfs:label xml:lang="en-US">Could not append constructor</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo añadir el constructor</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="drag-to-reorder">
+        <rdfs:label xml:lang="en-US">Drag to reorder</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Arrastre para reordenar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="edit-block">
+        <rdfs:label xml:lang="en-US">Edit block</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Editar bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-not-deleted">
+        <rdfs:label xml:lang="en-US">Could not delete block</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No se pudo eliminar el bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="unsupported-rdf-syntax">
+        <rdfs:label xml:lang="en-US">The file extension or media type is not a supported RDF triple syntax</rdfs:label>
+        <rdfs:label xml:lang="es-ES">La extensión del archivo o el tipo de medio no es una sintaxis RDF compatible</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-browser-defined">
+        <rdfs:label xml:lang="en-US">[browser-defined]</rdfs:label>
+        <rdfs:label xml:lang="es-ES">[definido por el navegador]</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-group-triples">
+        <rdfs:label xml:lang="en-US">RDF triples</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tripletas RDF</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-turtle">
+        <rdfs:label xml:lang="en-US">Turtle (.ttl)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Turtle (.ttl)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-ntriples">
+        <rdfs:label xml:lang="en-US">N-Triples (.nt)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">N-Triples (.nt)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-rdfxml">
+        <rdfs:label xml:lang="en-US">RDF/XML (.rdf)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">RDF/XML (.rdf)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-group-quads">
+        <rdfs:label xml:lang="en-US">RDF quads</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cuádruplas RDF</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-trig">
+        <rdfs:label xml:lang="en-US">TriG (.trig)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">TriG (.trig)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-nquads">
+        <rdfs:label xml:lang="en-US">N-Quads (.nq)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">N-Quads (.nq)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="media-type-csv">
+        <rdfs:label xml:lang="en-US">CSV (.csv)</rdfs:label>
+        <rdfs:label xml:lang="es-ES">CSV (.csv)</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="term-uri">
+        <rdfs:label xml:lang="en-US">URI</rdfs:label>
+        <rdfs:label xml:lang="es-ES">URI</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="term-blank-node">
+        <rdfs:label xml:lang="en-US">Blank node</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Nodo en blanco</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="toolbar">
+        <rdfs:label xml:lang="en-US">Editing toolbar</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Barra de herramientas de edición</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="toolbar-group-block">
+        <rdfs:label xml:lang="en-US">Block</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-paragraph">
+        <rdfs:label xml:lang="en-US">Paragraph</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Párrafo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-heading-1">
+        <rdfs:label xml:lang="en-US">Heading 1</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Encabezado 1</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-heading-2">
+        <rdfs:label xml:lang="en-US">Heading 2</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Encabezado 2</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-heading-3">
+        <rdfs:label xml:lang="en-US">Heading 3</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Encabezado 3</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="block-preformatted">
+        <rdfs:label xml:lang="en-US">Preformatted</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Preformateado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="toolbar-group-text">
+        <rdfs:label xml:lang="en-US">Text</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Texto</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="bold">
+        <rdfs:label xml:lang="en-US">Bold</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Negrita</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="italic">
+        <rdfs:label xml:lang="en-US">Italic</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cursiva</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="toolbar-group-blocks">
+        <rdfs:label xml:lang="en-US">Blocks</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Bloques</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="add-paragraph">
+        <rdfs:label xml:lang="en-US">Add paragraph</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Añadir párrafo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="bulleted-list">
+        <rdfs:label xml:lang="en-US">Bulleted list</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Lista con viñetas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="numbered-list">
+        <rdfs:label xml:lang="en-US">Numbered list</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Lista numerada</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="list">
+        <rdfs:label xml:lang="en-US">List</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Lista</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="quote">
+        <rdfs:label xml:lang="en-US">Quote</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cita</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="toolbar-group-table-ops">
+        <rdfs:label xml:lang="en-US">Table operations</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Operaciones de tabla</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert-row-above">
+        <rdfs:label xml:lang="en-US">Insert row above</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar fila encima</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert-row-below">
+        <rdfs:label xml:lang="en-US">Insert row below</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar fila debajo</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert-column-left">
+        <rdfs:label xml:lang="en-US">Insert column left</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar columna a la izquierda</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="insert-column-right">
+        <rdfs:label xml:lang="en-US">Insert column right</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Insertar columna a la derecha</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="delete-row">
+        <rdfs:label xml:lang="en-US">Delete row</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Eliminar fila</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="delete-column">
+        <rdfs:label xml:lang="en-US">Delete column</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Eliminar columna</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="toolbar-group-block-actions">
+        <rdfs:label xml:lang="en-US">Block actions</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Acciones de bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="delete-block">
+        <rdfs:label xml:lang="en-US">Delete block</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Eliminar bloque</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="table-of-contents">
+        <rdfs:label xml:lang="en-US">Table of contents</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Índice</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="subject-properties">
+        <rdfs:label xml:lang="en-US">Subject properties</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Propiedades del sujeto</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="properties">
+        <rdfs:label xml:lang="en-US">Properties</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Propiedades</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="view-canonical-source">
+        <rdfs:label xml:lang="en-US">View canonical source</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ver el código canónico</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="confirm-delete-block">
+        <rdfs:label xml:lang="en-US">Delete this block?</rdfs:label>
+        <rdfs:label xml:lang="es-ES">¿Eliminar este bloque?</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="filter-blocks">
+        <rdfs:label xml:lang="en-US">Filter blocks</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Filtrar bloques</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="filter-blocks-placeholder">
+        <rdfs:label xml:lang="en-US">Filter blocks...</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Filtrar bloques...</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="code">
+        <rdfs:label xml:lang="en-US">Code</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Código</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="figure-ellipsis">
+        <rdfs:label xml:lang="en-US">Figure…</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Figura…</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="table-ellipsis">
+        <rdfs:label xml:lang="en-US">Table…</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tabla…</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="contents">
+        <rdfs:label xml:lang="en-US">Contents</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Contenido</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="close-table-of-contents">
+        <rdfs:label xml:lang="en-US">Close table of contents</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cerrar el índice</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="close-properties">
+        <rdfs:label xml:lang="en-US">Close properties</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Cerrar propiedades</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="document-position">
+        <rdfs:label xml:lang="en-US">Document position</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Posición en el documento</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-validation-issues">
+        <rdfs:label xml:lang="en-US">RDFa validation issues</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Problemas de validación RDFa</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="no-headings">
+        <rdfs:label xml:lang="en-US">No headings yet.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Aún no hay encabezados.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="no-subject-properties">
+        <rdfs:label xml:lang="en-US">No properties on this subject.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">No hay propiedades en este sujeto.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="validation-issues">
+        <rdfs:label xml:lang="en-US">Validation issues</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Problemas de validación</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="enter-search-term">
+        <rdfs:label xml:lang="en-US">Enter a search term.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Introduzca un término de búsqueda.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="no-matches">
+        <rdfs:label xml:lang="en-US">No matches.</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sin coincidencias.</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="output">
+        <rdfs:label xml:lang="en-US">Output</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Salida</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="download">
+        <rdfs:label xml:lang="en-US">Download</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Descargar</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="extracted-rdfxml">
+        <rdfs:label xml:lang="en-US">Extracted RDF/XML</rdfs:label>
+        <rdfs:label xml:lang="es-ES">RDF/XML extraído</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-advanced-summary">
+        <rdfs:label xml:lang="en-US">Type, subject &amp; object</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tipo, sujeto y objeto</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="rdfa-predicate">
+        <rdfs:label xml:lang="en-US">Predicate</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Predicado</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="pagination">
+        <rdfs:label xml:lang="en-US">Pagination</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Paginación</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="clear-filters">
+        <rdfs:label xml:lang="en-US">Clear filters</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Quitar filtros</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="no-facet-values">
+        <rdfs:label xml:lang="en-US">No distinct values</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Sin valores distintos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="content-mode-desc">
+        <rdfs:label xml:lang="en-US">Composition of blocks — charts, text, views, embedded resources</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Composición de bloques: gráficos, texto, vistas, recursos incrustados</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="read-mode-desc">
+        <rdfs:label xml:lang="en-US">Resource properties as labelled rows · per-resource editing</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Propiedades del recurso como filas etiquetadas · edición por recurso</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="list-mode-desc">
+        <rdfs:label xml:lang="en-US">Resources as scannable summary rows</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Recursos como filas de resumen</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="table-mode-desc">
+        <rdfs:label xml:lang="en-US">Property values in sortable columns</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Valores de propiedades en columnas ordenables</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="grid-mode-desc">
+        <rdfs:label xml:lang="en-US">Resource cards with thumbnails</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Tarjetas de recursos con miniaturas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="map-mode-desc">
+        <rdfs:label xml:lang="en-US">Geographic resources on a basemap</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Recursos geográficos sobre un mapa base</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="chart-mode-desc">
+        <rdfs:label xml:lang="en-US">Aggregated SPARQL results as a single chart</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Resultados SPARQL agregados en un gráfico</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="graph-mode-desc">
+        <rdfs:label xml:lang="en-US">3D force-directed graph layout</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Grafo 3D dirigido por fuerzas</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="dataspaces">
+        <rdfs:label xml:lang="en-US">Dataspaces</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Espacios de datos</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="breadcrumb">
+        <rdfs:label xml:lang="en-US">Breadcrumb</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Ruta de navegación</rdfs:label>
+    </rdf:Description>
+    <rdf:Description rdf:nodeID="dataspace-navigation">
+        <rdfs:label xml:lang="en-US">Dataspace navigation</rdfs:label>
+        <rdfs:label xml:lang="es-ES">Navegación del espacio de datos</rdfs:label>
+    </rdf:Description>
+</rdf:RDF>
diff --git a/src/main/webapp/static/css/bootstrap.css b/src/main/webapp/static/css/bootstrap.css
deleted file mode 100644
index 1b368018b1..0000000000
--- a/src/main/webapp/static/css/bootstrap.css
+++ /dev/null
@@ -1,6831 +0,0 @@
-@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
-
-/*!
- * Bootstrap v2.3.2
- *
- * Copyright 2013 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world by @mdo and @fat.
- */
-
-.clearfix {
-  *zoom: 1;
-}
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.clearfix:after {
-  clear: both;
-}
-
-.hide-text {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-.input-block-level {
-  display: block;
-  width: 100%;
-  min-height: 30px;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-nav,
-section {
-  display: block;
-}
-
-audio,
-canvas,
-video {
-  display: inline-block;
-  *display: inline;
-  *zoom: 1;
-}
-
-audio:not([controls]) {
-  display: none;
-}
-
-html {
-  font-size: 100%;
-  -webkit-text-size-adjust: 100%;
-      -ms-text-size-adjust: 100%;
-}
-
-a:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-a:hover,
-a:active {
-  outline: 0;
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-img {
-  width: auto\9;
-  height: auto;
-  max-width: 100%;
-  vertical-align: middle;
-  border: 0;
-  -ms-interpolation-mode: bicubic;
-}
-
-#map_canvas img,
-.google-maps img {
-  max-width: none;
-}
-
-button,
-input,
-select,
-textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle;
-}
-
-button,
-input {
-  *overflow: visible;
-  line-height: normal;
-}
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-  cursor: pointer;
-  -webkit-appearance: button;
-}
-
-label,
-select,
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"],
-input[type="radio"],
-input[type="checkbox"] {
-  cursor: pointer;
-}
-
-input[type="search"] {
-  -webkit-box-sizing: content-box;
-     -moz-box-sizing: content-box;
-          box-sizing: content-box;
-  -webkit-appearance: textfield;
-}
-
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-}
-
-textarea {
-  overflow: auto;
-  vertical-align: top;
-}
-
-@media print {
-  * {
-    color: #000 !important;
-    text-shadow: none !important;
-    background: transparent !important;
-    box-shadow: none !important;
-  }
-  a,
-  a:visited {
-    text-decoration: underline;
-  }
-  a[href]:after {
-    content: " (" attr(href) ")";
-  }
-  abbr[title]:after {
-    content: " (" attr(title) ")";
-  }
-  .ir a:after,
-  a[href^="javascript:"]:after,
-  a[href^="#"]:after {
-    content: "";
-  }
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid;
-  }
-  thead {
-    display: table-header-group;
-  }
-  tr,
-  img {
-    page-break-inside: avoid;
-  }
-  img {
-    max-width: 100% !important;
-  }
-  @page  {
-    margin: 0.5cm;
-  }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
-}
-
-body {
-  margin: 0;
-  font-family: "Open Sans", Calibri, Candara, Arial, sans-serif;
-  font-size: 14px;
-  line-height: 20px;
-  color: #555555;
-  background-color: #ffffff;
-}
-
-a {
-  color: #007fff;
-  text-decoration: none;
-}
-
-a:hover,
-a:focus {
-  color: #0066cc;
-  text-decoration: underline;
-}
-
-.img-rounded {
-  -webkit-border-radius: 6px;
-     -moz-border-radius: 6px;
-          border-radius: 6px;
-}
-
-.img-polaroid {
-  padding: 4px;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.img-circle {
-  -webkit-border-radius: 500px;
-     -moz-border-radius: 500px;
-          border-radius: 500px;
-}
-
-.row {
-  margin-left: -20px;
-  *zoom: 1;
-}
-
-.row:before,
-.row:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.row:after {
-  clear: both;
-}
-
-[class*="span"] {
-  float: left;
-  min-height: 1px;
-  margin-left: 20px;
-}
-
-.container,
-.navbar-static-top .container,
-.navbar-fixed-top .container,
-.navbar-fixed-bottom .container {
-  width: 940px;
-}
-
-.span12 {
-  width: 940px;
-}
-
-.span11 {
-  width: 860px;
-}
-
-.span10 {
-  width: 780px;
-}
-
-.span9 {
-  width: 700px;
-}
-
-.span8 {
-  width: 620px;
-}
-
-.span7 {
-  width: 540px;
-}
-
-.span6 {
-  width: 460px;
-}
-
-.span5 {
-  width: 380px;
-}
-
-.span4 {
-  width: 300px;
-}
-
-.span3 {
-  width: 220px;
-}
-
-.span2 {
-  width: 140px;
-}
-
-.span1 {
-  width: 60px;
-}
-
-.offset12 {
-  margin-left: 980px;
-}
-
-.offset11 {
-  margin-left: 900px;
-}
-
-.offset10 {
-  margin-left: 820px;
-}
-
-.offset9 {
-  margin-left: 740px;
-}
-
-.offset8 {
-  margin-left: 660px;
-}
-
-.offset7 {
-  margin-left: 580px;
-}
-
-.offset6 {
-  margin-left: 500px;
-}
-
-.offset5 {
-  margin-left: 420px;
-}
-
-.offset4 {
-  margin-left: 340px;
-}
-
-.offset3 {
-  margin-left: 260px;
-}
-
-.offset2 {
-  margin-left: 180px;
-}
-
-.offset1 {
-  margin-left: 100px;
-}
-
-.row-fluid {
-  width: 100%;
-  *zoom: 1;
-}
-
-.row-fluid:before,
-.row-fluid:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.row-fluid:after {
-  clear: both;
-}
-
-.row-fluid [class*="span"] {
-  display: block;
-  float: left;
-  width: 100%;
-  min-height: 30px;
-  margin-left: 2.127659574468085%;
-  *margin-left: 2.074468085106383%;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-.row-fluid [class*="span"]:first-child {
-  margin-left: 0;
-}
-
-.row-fluid .controls-row [class*="span"] + [class*="span"] {
-  margin-left: 2.127659574468085%;
-}
-
-.row-fluid .span12 {
-  width: 100%;
-  *width: 99.94680851063829%;
-}
-
-.row-fluid .span11 {
-  width: 91.48936170212765%;
-  *width: 91.43617021276594%;
-}
-
-.row-fluid .span10 {
-  width: 82.97872340425532%;
-  *width: 82.92553191489361%;
-}
-
-.row-fluid .span9 {
-  width: 74.46808510638297%;
-  *width: 74.41489361702126%;
-}
-
-.row-fluid .span8 {
-  width: 65.95744680851064%;
-  *width: 65.90425531914893%;
-}
-
-.row-fluid .span7 {
-  width: 57.44680851063829%;
-  *width: 57.39361702127659%;
-}
-
-.row-fluid .span6 {
-  width: 48.93617021276595%;
-  *width: 48.88297872340425%;
-}
-
-.row-fluid .span5 {
-  width: 40.42553191489362%;
-  *width: 40.37234042553192%;
-}
-
-.row-fluid .span4 {
-  width: 31.914893617021278%;
-  *width: 31.861702127659576%;
-}
-
-.row-fluid .span3 {
-  width: 23.404255319148934%;
-  *width: 23.351063829787233%;
-}
-
-.row-fluid .span2 {
-  width: 14.893617021276595%;
-  *width: 14.840425531914894%;
-}
-
-.row-fluid .span1 {
-  width: 6.382978723404255%;
-  *width: 6.329787234042553%;
-}
-
-.row-fluid .offset12 {
-  margin-left: 104.25531914893617%;
-  *margin-left: 104.14893617021275%;
-}
-
-.row-fluid .offset12:first-child {
-  margin-left: 102.12765957446808%;
-  *margin-left: 102.02127659574467%;
-}
-
-.row-fluid .offset11 {
-  margin-left: 95.74468085106382%;
-  *margin-left: 95.6382978723404%;
-}
-
-.row-fluid .offset11:first-child {
-  margin-left: 93.61702127659574%;
-  *margin-left: 93.51063829787232%;
-}
-
-.row-fluid .offset10 {
-  margin-left: 87.23404255319149%;
-  *margin-left: 87.12765957446807%;
-}
-
-.row-fluid .offset10:first-child {
-  margin-left: 85.1063829787234%;
-  *margin-left: 84.99999999999999%;
-}
-
-.row-fluid .offset9 {
-  margin-left: 78.72340425531914%;
-  *margin-left: 78.61702127659572%;
-}
-
-.row-fluid .offset9:first-child {
-  margin-left: 76.59574468085106%;
-  *margin-left: 76.48936170212764%;
-}
-
-.row-fluid .offset8 {
-  margin-left: 70.2127659574468%;
-  *margin-left: 70.10638297872339%;
-}
-
-.row-fluid .offset8:first-child {
-  margin-left: 68.08510638297872%;
-  *margin-left: 67.9787234042553%;
-}
-
-.row-fluid .offset7 {
-  margin-left: 61.70212765957446%;
-  *margin-left: 61.59574468085106%;
-}
-
-.row-fluid .offset7:first-child {
-  margin-left: 59.574468085106375%;
-  *margin-left: 59.46808510638297%;
-}
-
-.row-fluid .offset6 {
-  margin-left: 53.191489361702125%;
-  *margin-left: 53.085106382978715%;
-}
-
-.row-fluid .offset6:first-child {
-  margin-left: 51.063829787234035%;
-  *margin-left: 50.95744680851063%;
-}
-
-.row-fluid .offset5 {
-  margin-left: 44.68085106382979%;
-  *margin-left: 44.57446808510638%;
-}
-
-.row-fluid .offset5:first-child {
-  margin-left: 42.5531914893617%;
-  *margin-left: 42.4468085106383%;
-}
-
-.row-fluid .offset4 {
-  margin-left: 36.170212765957444%;
-  *margin-left: 36.06382978723405%;
-}
-
-.row-fluid .offset4:first-child {
-  margin-left: 34.04255319148936%;
-  *margin-left: 33.93617021276596%;
-}
-
-.row-fluid .offset3 {
-  margin-left: 27.659574468085104%;
-  *margin-left: 27.5531914893617%;
-}
-
-.row-fluid .offset3:first-child {
-  margin-left: 25.53191489361702%;
-  *margin-left: 25.425531914893618%;
-}
-
-.row-fluid .offset2 {
-  margin-left: 19.148936170212764%;
-  *margin-left: 19.04255319148936%;
-}
-
-.row-fluid .offset2:first-child {
-  margin-left: 17.02127659574468%;
-  *margin-left: 16.914893617021278%;
-}
-
-.row-fluid .offset1 {
-  margin-left: 10.638297872340425%;
-  *margin-left: 10.53191489361702%;
-}
-
-.row-fluid .offset1:first-child {
-  margin-left: 8.51063829787234%;
-  *margin-left: 8.404255319148938%;
-}
-
-[class*="span"].hide,
-.row-fluid [class*="span"].hide {
-  display: none;
-}
-
-[class*="span"].pull-right,
-.row-fluid [class*="span"].pull-right {
-  float: right;
-}
-
-.container {
-  margin-right: auto;
-  margin-left: auto;
-  *zoom: 1;
-}
-
-.container:before,
-.container:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.container:after {
-  clear: both;
-}
-
-.container-fluid {
-  padding-right: 20px;
-  padding-left: 20px;
-  *zoom: 1;
-}
-
-.container-fluid:before,
-.container-fluid:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.container-fluid:after {
-  clear: both;
-}
-
-p {
-  margin: 0 0 10px;
-}
-
-.lead {
-  margin-bottom: 20px;
-  font-size: 21px;
-  font-weight: 200;
-  line-height: 30px;
-}
-
-small {
-  font-size: 85%;
-}
-
-strong {
-  font-weight: bold;
-}
-
-em {
-  font-style: italic;
-}
-
-cite {
-  font-style: normal;
-}
-
-.muted {
-  color: #dfdfdf;
-}
-
-a.muted:hover,
-a.muted:focus {
-  color: #c6c6c6;
-}
-
-.text-warning {
-  color: #ffffff;
-}
-
-a.text-warning:hover,
-a.text-warning:focus {
-  color: #e6e6e6;
-}
-
-.text-error {
-  color: #ffffff;
-}
-
-a.text-error:hover,
-a.text-error:focus {
-  color: #e6e6e6;
-}
-
-.text-info {
-  color: #ffffff;
-}
-
-a.text-info:hover,
-a.text-info:focus {
-  color: #e6e6e6;
-}
-
-.text-success {
-  color: #ffffff;
-}
-
-a.text-success:hover,
-a.text-success:focus {
-  color: #e6e6e6;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-center {
-  text-align: center;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 10px 0;
-  font-family: inherit;
-  font-weight: 300;
-  line-height: 20px;
-  color: #080808;
-  text-rendering: optimizelegibility;
-}
-
-h1 small,
-h2 small,
-h3 small,
-h4 small,
-h5 small,
-h6 small {
-  font-weight: normal;
-  line-height: 1;
-  color: #dfdfdf;
-}
-
-h1,
-h2,
-h3 {
-  line-height: 40px;
-}
-
-h1 {
-  font-size: 38.5px;
-}
-
-h2 {
-  font-size: 31.5px;
-}
-
-h3 {
-  font-size: 24.5px;
-}
-
-h4 {
-  font-size: 17.5px;
-}
-
-h5 {
-  font-size: 14px;
-}
-
-h6 {
-  font-size: 11.9px;
-}
-
-h1 small {
-  font-size: 24.5px;
-}
-
-h2 small {
-  font-size: 17.5px;
-}
-
-h3 small {
-  font-size: 14px;
-}
-
-h4 small {
-  font-size: 14px;
-}
-
-.page-header {
-  padding-bottom: 9px;
-  margin: 20px 0 30px;
-  border-bottom: 1px solid #eeeeee;
-}
-
-ul,
-ol {
-  padding: 0;
-  margin: 0 0 10px 25px;
-}
-
-ul ul,
-ul ol,
-ol ol,
-ol ul {
-  margin-bottom: 0;
-}
-
-li {
-  line-height: 20px;
-}
-
-ul.unstyled,
-ol.unstyled {
-  margin-left: 0;
-  list-style: none;
-}
-
-ul.inline,
-ol.inline {
-  margin-left: 0;
-  list-style: none;
-}
-
-ul.inline > li,
-ol.inline > li {
-  display: inline-block;
-  *display: inline;
-  padding-right: 5px;
-  padding-left: 5px;
-  *zoom: 1;
-}
-
-dl {
-  margin-bottom: 20px;
-}
-
-dt,
-dd {
-  line-height: 20px;
-}
-
-dt {
-  font-weight: bold;
-}
-
-dd {
-  margin-left: 10px;
-}
-
-.dl-horizontal {
-  *zoom: 1;
-}
-
-.dl-horizontal:before,
-.dl-horizontal:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.dl-horizontal:after {
-  clear: both;
-}
-
-.dl-horizontal dt {
-  float: left;
-  width: 160px;
-  overflow: hidden;
-  clear: left;
-  text-align: right;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.dl-horizontal dd {
-  margin-left: 180px;
-}
-
-hr {
-  margin: 20px 0;
-  border: 0;
-  border-top: 1px solid #eeeeee;
-  border-bottom: 1px solid #ffffff;
-}
-
-abbr[title],
-abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted #dfdfdf;
-}
-
-abbr.initialism {
-  font-size: 90%;
-  text-transform: uppercase;
-}
-
-blockquote {
-  padding: 0 0 0 15px;
-  margin: 0 0 20px;
-  border-left: 5px solid #eeeeee;
-}
-
-blockquote p {
-  margin-bottom: 0;
-  font-size: 17.5px;
-  font-weight: 300;
-  line-height: 1.25;
-}
-
-blockquote small {
-  display: block;
-  line-height: 20px;
-  color: #dfdfdf;
-}
-
-blockquote small:before {
-  content: '\2014 \00A0';
-}
-
-blockquote.pull-right {
-  float: right;
-  padding-right: 15px;
-  padding-left: 0;
-  border-right: 5px solid #eeeeee;
-  border-left: 0;
-}
-
-blockquote.pull-right p,
-blockquote.pull-right small {
-  text-align: right;
-}
-
-blockquote.pull-right small:before {
-  content: '';
-}
-
-blockquote.pull-right small:after {
-  content: '\00A0 \2014';
-}
-
-q:before,
-q:after,
-blockquote:before,
-blockquote:after {
-  content: "";
-}
-
-address {
-  display: block;
-  margin-bottom: 20px;
-  font-style: normal;
-  line-height: 20px;
-}
-
-code,
-pre {
-  padding: 0 3px 2px;
-  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
-  font-size: 12px;
-  color: #999999;
-  -webkit-border-radius: 3px;
-     -moz-border-radius: 3px;
-          border-radius: 3px;
-}
-
-code {
-  padding: 2px 4px;
-  color: #d14;
-  white-space: nowrap;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
-}
-
-pre {
-  display: block;
-  padding: 9.5px;
-  margin: 0 0 10px;
-  font-size: 13px;
-  line-height: 20px;
-  word-break: break-all;
-  word-wrap: break-word;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-pre.prettyprint {
-  margin-bottom: 20px;
-}
-
-pre code {
-  padding: 0;
-  color: inherit;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border: 0;
-}
-
-.pre-scrollable {
-  max-height: 340px;
-  overflow-y: scroll;
-}
-
-form {
-  margin: 0 0 20px;
-}
-
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: 20px;
-  font-size: 21px;
-  line-height: 40px;
-  color: #999999;
-  border: 0;
-  border-bottom: 1px solid #e5e5e5;
-}
-
-legend small {
-  font-size: 15px;
-  color: #dfdfdf;
-}
-
-label,
-input,
-button,
-select,
-textarea {
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 20px;
-}
-
-input,
-button,
-select,
-textarea {
-  font-family: "Open Sans", Calibri, Candara, Arial, sans-serif;
-}
-
-label {
-  display: block;
-  margin-bottom: 5px;
-}
-
-select,
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"],
-.uneditable-input {
-  display: inline-block;
-  height: 20px;
-  padding: 4px 6px;
-  margin-bottom: 10px;
-  font-size: 14px;
-  line-height: 20px;
-  color: #bbbbbb;
-  vertical-align: middle;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-input,
-textarea,
-.uneditable-input {
-  width: 206px;
-}
-
-textarea {
-  height: auto;
-}
-
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"],
-.uneditable-input {
-  background-color: #ffffff;
-  border: 1px solid #bbbbbb;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-          transition: border linear 0.2s, box-shadow linear 0.2s;
-}
-
-textarea:focus,
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="time"]:focus,
-input[type="week"]:focus,
-input[type="number"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="search"]:focus,
-input[type="tel"]:focus,
-input[type="color"]:focus,
-.uneditable-input:focus {
-  border-color: rgba(82, 168, 236, 0.8);
-  outline: 0;
-  outline: thin dotted \9;
-  /* IE6-9 */
-
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-input[type="radio"],
-input[type="checkbox"] {
-  margin: 4px 0 0;
-  margin-top: 1px \9;
-  *margin-top: 0;
-  line-height: normal;
-}
-
-input[type="file"],
-input[type="image"],
-input[type="submit"],
-input[type="reset"],
-input[type="button"],
-input[type="radio"],
-input[type="checkbox"] {
-  width: auto;
-}
-
-select,
-input[type="file"] {
-  height: 30px;
-  /* In IE7, the height of the select element cannot be changed by height, only font-size */
-
-  *margin-top: 4px;
-  /* For IE7, add top margin to align select with labels */
-
-  line-height: 30px;
-}
-
-select {
-  width: 220px;
-  background-color: #ffffff;
-  border: 1px solid #bbbbbb;
-}
-
-select[multiple],
-select[size] {
-  height: auto;
-}
-
-select:focus,
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-.uneditable-input,
-.uneditable-textarea {
-  color: #dfdfdf;
-  cursor: not-allowed;
-  background-color: #fcfcfc;
-  border-color: #bbbbbb;
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-}
-
-.uneditable-input {
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.uneditable-textarea {
-  width: auto;
-  height: auto;
-}
-
-input:-moz-placeholder,
-textarea:-moz-placeholder {
-  color: #bbbbbb;
-}
-
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
-  color: #bbbbbb;
-}
-
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
-  color: #bbbbbb;
-}
-
-.radio,
-.checkbox {
-  min-height: 20px;
-  padding-left: 20px;
-}
-
-.radio input[type="radio"],
-.checkbox input[type="checkbox"] {
-  float: left;
-  margin-left: -20px;
-}
-
-.controls > .radio:first-child,
-.controls > .checkbox:first-child {
-  padding-top: 5px;
-}
-
-.radio.inline,
-.checkbox.inline {
-  display: inline-block;
-  padding-top: 5px;
-  margin-bottom: 0;
-  vertical-align: middle;
-}
-
-.radio.inline + .radio.inline,
-.checkbox.inline + .checkbox.inline {
-  margin-left: 10px;
-}
-
-.input-mini {
-  width: 60px;
-}
-
-.input-small {
-  width: 90px;
-}
-
-.input-medium {
-  width: 150px;
-}
-
-.input-large {
-  width: 210px;
-}
-
-.input-xlarge {
-  width: 270px;
-}
-
-.input-xxlarge {
-  width: 530px;
-}
-
-input[class*="span"],
-select[class*="span"],
-textarea[class*="span"],
-.uneditable-input[class*="span"],
-.row-fluid input[class*="span"],
-.row-fluid select[class*="span"],
-.row-fluid textarea[class*="span"],
-.row-fluid .uneditable-input[class*="span"] {
-  float: none;
-  margin-left: 0;
-}
-
-.input-append input[class*="span"],
-.input-append .uneditable-input[class*="span"],
-.input-prepend input[class*="span"],
-.input-prepend .uneditable-input[class*="span"],
-.row-fluid input[class*="span"],
-.row-fluid select[class*="span"],
-.row-fluid textarea[class*="span"],
-.row-fluid .uneditable-input[class*="span"],
-.row-fluid .input-prepend [class*="span"],
-.row-fluid .input-append [class*="span"] {
-  display: inline-block;
-}
-
-input,
-textarea,
-.uneditable-input {
-  margin-left: 0;
-}
-
-.controls-row [class*="span"] + [class*="span"] {
-  margin-left: 20px;
-}
-
-input.span12,
-textarea.span12,
-.uneditable-input.span12 {
-  width: 926px;
-}
-
-input.span11,
-textarea.span11,
-.uneditable-input.span11 {
-  width: 846px;
-}
-
-input.span10,
-textarea.span10,
-.uneditable-input.span10 {
-  width: 766px;
-}
-
-input.span9,
-textarea.span9,
-.uneditable-input.span9 {
-  width: 686px;
-}
-
-input.span8,
-textarea.span8,
-.uneditable-input.span8 {
-  width: 606px;
-}
-
-input.span7,
-textarea.span7,
-.uneditable-input.span7 {
-  width: 526px;
-}
-
-input.span6,
-textarea.span6,
-.uneditable-input.span6 {
-  width: 446px;
-}
-
-input.span5,
-textarea.span5,
-.uneditable-input.span5 {
-  width: 366px;
-}
-
-input.span4,
-textarea.span4,
-.uneditable-input.span4 {
-  width: 286px;
-}
-
-input.span3,
-textarea.span3,
-.uneditable-input.span3 {
-  width: 206px;
-}
-
-input.span2,
-textarea.span2,
-.uneditable-input.span2 {
-  width: 126px;
-}
-
-input.span1,
-textarea.span1,
-.uneditable-input.span1 {
-  width: 46px;
-}
-
-.controls-row {
-  *zoom: 1;
-}
-
-.controls-row:before,
-.controls-row:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.controls-row:after {
-  clear: both;
-}
-
-.controls-row [class*="span"],
-.row-fluid .controls-row [class*="span"] {
-  float: left;
-}
-
-.controls-row .checkbox[class*="span"],
-.controls-row .radio[class*="span"] {
-  padding-top: 5px;
-}
-
-input[disabled],
-select[disabled],
-textarea[disabled],
-input[readonly],
-select[readonly],
-textarea[readonly] {
-  cursor: not-allowed;
-  background-color: #eeeeee;
-}
-
-input[type="radio"][disabled],
-input[type="checkbox"][disabled],
-input[type="radio"][readonly],
-input[type="checkbox"][readonly] {
-  background-color: transparent;
-}
-
-.control-group.warning .control-label,
-.control-group.warning .help-block,
-.control-group.warning .help-inline {
-  color: #ffffff;
-}
-
-.control-group.warning .checkbox,
-.control-group.warning .radio,
-.control-group.warning input,
-.control-group.warning select,
-.control-group.warning textarea {
-  color: #ffffff;
-}
-
-.control-group.warning input,
-.control-group.warning select,
-.control-group.warning textarea {
-  border-color: #ffffff;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
-.control-group.warning input:focus,
-.control-group.warning select:focus,
-.control-group.warning textarea:focus {
-  border-color: #e6e6e6;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-}
-
-.control-group.warning .input-prepend .add-on,
-.control-group.warning .input-append .add-on {
-  color: #ffffff;
-  background-color: #ff7518;
-  border-color: #ffffff;
-}
-
-.control-group.error .control-label,
-.control-group.error .help-block,
-.control-group.error .help-inline {
-  color: #ffffff;
-}
-
-.control-group.error .checkbox,
-.control-group.error .radio,
-.control-group.error input,
-.control-group.error select,
-.control-group.error textarea {
-  color: #ffffff;
-}
-
-.control-group.error input,
-.control-group.error select,
-.control-group.error textarea {
-  border-color: #ffffff;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
-.control-group.error input:focus,
-.control-group.error select:focus,
-.control-group.error textarea:focus {
-  border-color: #e6e6e6;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-}
-
-.control-group.error .input-prepend .add-on,
-.control-group.error .input-append .add-on {
-  color: #ffffff;
-  background-color: #ff0039;
-  border-color: #ffffff;
-}
-
-.control-group.success .control-label,
-.control-group.success .help-block,
-.control-group.success .help-inline {
-  color: #ffffff;
-}
-
-.control-group.success .checkbox,
-.control-group.success .radio,
-.control-group.success input,
-.control-group.success select,
-.control-group.success textarea {
-  color: #ffffff;
-}
-
-.control-group.success input,
-.control-group.success select,
-.control-group.success textarea {
-  border-color: #ffffff;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
-.control-group.success input:focus,
-.control-group.success select:focus,
-.control-group.success textarea:focus {
-  border-color: #e6e6e6;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-}
-
-.control-group.success .input-prepend .add-on,
-.control-group.success .input-append .add-on {
-  color: #ffffff;
-  background-color: #3fb618;
-  border-color: #ffffff;
-}
-
-.control-group.info .control-label,
-.control-group.info .help-block,
-.control-group.info .help-inline {
-  color: #ffffff;
-}
-
-.control-group.info .checkbox,
-.control-group.info .radio,
-.control-group.info input,
-.control-group.info select,
-.control-group.info textarea {
-  color: #ffffff;
-}
-
-.control-group.info input,
-.control-group.info select,
-.control-group.info textarea {
-  border-color: #ffffff;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
-.control-group.info input:focus,
-.control-group.info select:focus,
-.control-group.info textarea:focus {
-  border-color: #e6e6e6;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
-}
-
-.control-group.info .input-prepend .add-on,
-.control-group.info .input-append .add-on {
-  color: #ffffff;
-  background-color: #9954bb;
-  border-color: #ffffff;
-}
-
-input:focus:invalid,
-textarea:focus:invalid,
-select:focus:invalid {
-  color: #b94a48;
-  border-color: #ee5f5b;
-}
-
-input:focus:invalid:focus,
-textarea:focus:invalid:focus,
-select:focus:invalid:focus {
-  border-color: #e9322d;
-  -webkit-box-shadow: 0 0 6px #f8b9b7;
-     -moz-box-shadow: 0 0 6px #f8b9b7;
-          box-shadow: 0 0 6px #f8b9b7;
-}
-
-.form-actions {
-  padding: 19px 20px 20px;
-  margin-top: 20px;
-  margin-bottom: 20px;
-  background-color: #f5f5f5;
-  border-top: 1px solid #e5e5e5;
-  *zoom: 1;
-}
-
-.form-actions:before,
-.form-actions:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.form-actions:after {
-  clear: both;
-}
-
-.help-block,
-.help-inline {
-  color: #7b7b7b;
-}
-
-.help-block {
-  display: block;
-  margin-bottom: 10px;
-}
-
-.help-inline {
-  display: inline-block;
-  *display: inline;
-  padding-left: 5px;
-  vertical-align: middle;
-  *zoom: 1;
-}
-
-.input-append,
-.input-prepend {
-  display: inline-block;
-  margin-bottom: 10px;
-  font-size: 0;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-
-.input-append input,
-.input-prepend input,
-.input-append select,
-.input-prepend select,
-.input-append .uneditable-input,
-.input-prepend .uneditable-input,
-.input-append .dropdown-menu,
-.input-prepend .dropdown-menu,
-.input-append .popover,
-.input-prepend .popover {
-  font-size: 14px;
-}
-
-.input-append input,
-.input-prepend input,
-.input-append select,
-.input-prepend select,
-.input-append .uneditable-input,
-.input-prepend .uneditable-input {
-  position: relative;
-  margin-bottom: 0;
-  *margin-left: 0;
-  vertical-align: top;
-  -webkit-border-radius: 0 0 0px 0;
-     -moz-border-radius: 0 0 0px 0;
-          border-radius: 0 0 0px 0;
-}
-
-.input-append input:focus,
-.input-prepend input:focus,
-.input-append select:focus,
-.input-prepend select:focus,
-.input-append .uneditable-input:focus,
-.input-prepend .uneditable-input:focus {
-  z-index: 2;
-}
-
-.input-append .add-on,
-.input-prepend .add-on {
-  display: inline-block;
-  width: auto;
-  height: 20px;
-  min-width: 16px;
-  padding: 4px 5px;
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 20px;
-  text-align: center;
-  text-shadow: 0 1px 0 #ffffff;
-  background-color: #eeeeee;
-  border: 1px solid #ccc;
-}
-
-.input-append .add-on,
-.input-prepend .add-on,
-.input-append .btn,
-.input-prepend .btn,
-.input-append .btn-group > .dropdown-toggle,
-.input-prepend .btn-group > .dropdown-toggle {
-  vertical-align: top;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.input-append .active,
-.input-prepend .active {
-  background-color: #96ed7a;
-  border-color: #3fb618;
-}
-
-.input-prepend .add-on,
-.input-prepend .btn {
-  margin-right: -1px;
-}
-
-.input-prepend .add-on:first-child,
-.input-prepend .btn:first-child {
-  -webkit-border-radius: 0 0 0 0px;
-     -moz-border-radius: 0 0 0 0px;
-          border-radius: 0 0 0 0px;
-}
-
-.input-append input,
-.input-append select,
-.input-append .uneditable-input {
-  -webkit-border-radius: 0 0 0 0px;
-     -moz-border-radius: 0 0 0 0px;
-          border-radius: 0 0 0 0px;
-}
-
-.input-append input + .btn-group .btn:last-child,
-.input-append select + .btn-group .btn:last-child,
-.input-append .uneditable-input + .btn-group .btn:last-child {
-  -webkit-border-radius: 0 0 0px 0;
-     -moz-border-radius: 0 0 0px 0;
-          border-radius: 0 0 0px 0;
-}
-
-.input-append .add-on,
-.input-append .btn,
-.input-append .btn-group {
-  margin-left: -1px;
-}
-
-.input-append .add-on:last-child,
-.input-append .btn:last-child,
-.input-append .btn-group:last-child > .dropdown-toggle {
-  -webkit-border-radius: 0 0 0px 0;
-     -moz-border-radius: 0 0 0px 0;
-          border-radius: 0 0 0px 0;
-}
-
-.input-prepend.input-append input,
-.input-prepend.input-append select,
-.input-prepend.input-append .uneditable-input {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.input-prepend.input-append input + .btn-group .btn,
-.input-prepend.input-append select + .btn-group .btn,
-.input-prepend.input-append .uneditable-input + .btn-group .btn {
-  -webkit-border-radius: 0 0 0px 0;
-     -moz-border-radius: 0 0 0px 0;
-          border-radius: 0 0 0px 0;
-}
-
-.input-prepend.input-append .add-on:first-child,
-.input-prepend.input-append .btn:first-child {
-  margin-right: -1px;
-  -webkit-border-radius: 0 0 0 0px;
-     -moz-border-radius: 0 0 0 0px;
-          border-radius: 0 0 0 0px;
-}
-
-.input-prepend.input-append .add-on:last-child,
-.input-prepend.input-append .btn:last-child {
-  margin-left: -1px;
-  -webkit-border-radius: 0 0 0px 0;
-     -moz-border-radius: 0 0 0px 0;
-          border-radius: 0 0 0px 0;
-}
-
-.input-prepend.input-append .btn-group:first-child {
-  margin-left: 0;
-}
-
-input.search-query {
-  padding-right: 14px;
-  padding-right: 4px \9;
-  padding-left: 14px;
-  padding-left: 4px \9;
-  /* IE7-8 doesn't have border-radius, so don't indent the padding */
-
-  margin-bottom: 0;
-  -webkit-border-radius: 15px;
-     -moz-border-radius: 15px;
-          border-radius: 15px;
-}
-
-/* Allow for input prepend/append in search forms */
-
-.form-search .input-append .search-query,
-.form-search .input-prepend .search-query {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.form-search .input-append .search-query {
-  -webkit-border-radius: 14px 0 0 14px;
-     -moz-border-radius: 14px 0 0 14px;
-          border-radius: 14px 0 0 14px;
-}
-
-.form-search .input-append .btn {
-  -webkit-border-radius: 0 14px 14px 0;
-     -moz-border-radius: 0 14px 14px 0;
-          border-radius: 0 14px 14px 0;
-}
-
-.form-search .input-prepend .search-query {
-  -webkit-border-radius: 0 14px 14px 0;
-     -moz-border-radius: 0 14px 14px 0;
-          border-radius: 0 14px 14px 0;
-}
-
-.form-search .input-prepend .btn {
-  -webkit-border-radius: 14px 0 0 14px;
-     -moz-border-radius: 14px 0 0 14px;
-          border-radius: 14px 0 0 14px;
-}
-
-.form-search input,
-.form-inline input,
-.form-horizontal input,
-.form-search textarea,
-.form-inline textarea,
-.form-horizontal textarea,
-.form-search select,
-.form-inline select,
-.form-horizontal select,
-.form-search .help-inline,
-.form-inline .help-inline,
-.form-horizontal .help-inline,
-.form-search .uneditable-input,
-.form-inline .uneditable-input,
-.form-horizontal .uneditable-input,
-.form-search .input-prepend,
-.form-inline .input-prepend,
-.form-horizontal .input-prepend,
-.form-search .input-append,
-.form-inline .input-append,
-.form-horizontal .input-append {
-  display: inline-block;
-  *display: inline;
-  margin-bottom: 0;
-  vertical-align: middle;
-  *zoom: 1;
-}
-
-.form-search .hide,
-.form-inline .hide,
-.form-horizontal .hide {
-  display: none;
-}
-
-.form-search label,
-.form-inline label,
-.form-search .btn-group,
-.form-inline .btn-group {
-  display: inline-block;
-}
-
-.form-search .input-append,
-.form-inline .input-append,
-.form-search .input-prepend,
-.form-inline .input-prepend {
-  margin-bottom: 0;
-}
-
-.form-search .radio,
-.form-search .checkbox,
-.form-inline .radio,
-.form-inline .checkbox {
-  padding-left: 0;
-  margin-bottom: 0;
-  vertical-align: middle;
-}
-
-.form-search .radio input[type="radio"],
-.form-search .checkbox input[type="checkbox"],
-.form-inline .radio input[type="radio"],
-.form-inline .checkbox input[type="checkbox"] {
-  float: left;
-  margin-right: 3px;
-  margin-left: 0;
-}
-
-.control-group {
-  margin-bottom: 10px;
-}
-
-legend + .control-group {
-  margin-top: 20px;
-  -webkit-margin-top-collapse: separate;
-}
-
-.form-horizontal .control-group {
-  margin-bottom: 20px;
-  *zoom: 1;
-}
-
-.form-horizontal .control-group:before,
-.form-horizontal .control-group:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.form-horizontal .control-group:after {
-  clear: both;
-}
-
-.form-horizontal .control-label {
-  float: left;
-  width: 160px;
-  padding-top: 5px;
-  text-align: right;
-}
-
-.form-horizontal .controls {
-  *display: inline-block;
-  *padding-left: 20px;
-  margin-left: 180px;
-  *margin-left: 0;
-}
-
-.form-horizontal .controls:first-child {
-  *padding-left: 180px;
-}
-
-.form-horizontal .help-block {
-  margin-bottom: 0;
-}
-
-.form-horizontal input + .help-block,
-.form-horizontal select + .help-block,
-.form-horizontal textarea + .help-block,
-.form-horizontal .uneditable-input + .help-block,
-.form-horizontal .input-prepend + .help-block,
-.form-horizontal .input-append + .help-block {
-  margin-top: 10px;
-}
-
-.form-horizontal .form-actions {
-  padding-left: 180px;
-}
-
-table {
-  max-width: 100%;
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-.table {
-  width: 100%;
-  margin-bottom: 20px;
-}
-
-.table th,
-.table td {
-  padding: 8px;
-  line-height: 20px;
-  text-align: left;
-  vertical-align: top;
-  border-top: 1px solid #dddddd;
-}
-
-.table th {
-  font-weight: bold;
-}
-
-.table thead th {
-  vertical-align: bottom;
-}
-
-.table caption + thead tr:first-child th,
-.table caption + thead tr:first-child td,
-.table colgroup + thead tr:first-child th,
-.table colgroup + thead tr:first-child td,
-.table thead:first-child tr:first-child th,
-.table thead:first-child tr:first-child td {
-  border-top: 0;
-}
-
-.table tbody + tbody {
-  border-top: 2px solid #dddddd;
-}
-
-.table .table {
-  background-color: #ffffff;
-}
-
-.table-condensed th,
-.table-condensed td {
-  padding: 4px 5px;
-}
-
-.table-bordered {
-  border: 1px solid #dddddd;
-  border-collapse: separate;
-  *border-collapse: collapse;
-  border-left: 0;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.table-bordered th,
-.table-bordered td {
-  border-left: 1px solid #dddddd;
-}
-
-.table-bordered caption + thead tr:first-child th,
-.table-bordered caption + tbody tr:first-child th,
-.table-bordered caption + tbody tr:first-child td,
-.table-bordered colgroup + thead tr:first-child th,
-.table-bordered colgroup + tbody tr:first-child th,
-.table-bordered colgroup + tbody tr:first-child td,
-.table-bordered thead:first-child tr:first-child th,
-.table-bordered tbody:first-child tr:first-child th,
-.table-bordered tbody:first-child tr:first-child td {
-  border-top: 0;
-}
-
-.table-bordered thead:first-child tr:first-child > th:first-child,
-.table-bordered tbody:first-child tr:first-child > td:first-child,
-.table-bordered tbody:first-child tr:first-child > th:first-child {
-  -webkit-border-top-left-radius: 0;
-          border-top-left-radius: 0;
-  -moz-border-radius-topleft: 0;
-}
-
-.table-bordered thead:first-child tr:first-child > th:last-child,
-.table-bordered tbody:first-child tr:first-child > td:last-child,
-.table-bordered tbody:first-child tr:first-child > th:last-child {
-  -webkit-border-top-right-radius: 0;
-          border-top-right-radius: 0;
-  -moz-border-radius-topright: 0;
-}
-
-.table-bordered thead:last-child tr:last-child > th:first-child,
-.table-bordered tbody:last-child tr:last-child > td:first-child,
-.table-bordered tbody:last-child tr:last-child > th:first-child,
-.table-bordered tfoot:last-child tr:last-child > td:first-child,
-.table-bordered tfoot:last-child tr:last-child > th:first-child {
-  -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-}
-
-.table-bordered thead:last-child tr:last-child > th:last-child,
-.table-bordered tbody:last-child tr:last-child > td:last-child,
-.table-bordered tbody:last-child tr:last-child > th:last-child,
-.table-bordered tfoot:last-child tr:last-child > td:last-child,
-.table-bordered tfoot:last-child tr:last-child > th:last-child {
-  -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
-  -moz-border-radius-bottomright: 0;
-}
-
-.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
-  -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-}
-
-.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
-  -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
-  -moz-border-radius-bottomright: 0;
-}
-
-.table-bordered caption + thead tr:first-child th:first-child,
-.table-bordered caption + tbody tr:first-child td:first-child,
-.table-bordered colgroup + thead tr:first-child th:first-child,
-.table-bordered colgroup + tbody tr:first-child td:first-child {
-  -webkit-border-top-left-radius: 0;
-          border-top-left-radius: 0;
-  -moz-border-radius-topleft: 0;
-}
-
-.table-bordered caption + thead tr:first-child th:last-child,
-.table-bordered caption + tbody tr:first-child td:last-child,
-.table-bordered colgroup + thead tr:first-child th:last-child,
-.table-bordered colgroup + tbody tr:first-child td:last-child {
-  -webkit-border-top-right-radius: 0;
-          border-top-right-radius: 0;
-  -moz-border-radius-topright: 0;
-}
-
-.table-striped tbody > tr:nth-child(odd) > td,
-.table-striped tbody > tr:nth-child(odd) > th {
-  background-color: #f9f9f9;
-}
-
-.table-hover tbody tr:hover > td,
-.table-hover tbody tr:hover > th {
-  background-color: #e8f8fd;
-}
-
-table td[class*="span"],
-table th[class*="span"],
-.row-fluid table td[class*="span"],
-.row-fluid table th[class*="span"] {
-  display: table-cell;
-  float: none;
-  margin-left: 0;
-}
-
-.table td.span1,
-.table th.span1 {
-  float: none;
-  width: 44px;
-  margin-left: 0;
-}
-
-.table td.span2,
-.table th.span2 {
-  float: none;
-  width: 124px;
-  margin-left: 0;
-}
-
-.table td.span3,
-.table th.span3 {
-  float: none;
-  width: 204px;
-  margin-left: 0;
-}
-
-.table td.span4,
-.table th.span4 {
-  float: none;
-  width: 284px;
-  margin-left: 0;
-}
-
-.table td.span5,
-.table th.span5 {
-  float: none;
-  width: 364px;
-  margin-left: 0;
-}
-
-.table td.span6,
-.table th.span6 {
-  float: none;
-  width: 444px;
-  margin-left: 0;
-}
-
-.table td.span7,
-.table th.span7 {
-  float: none;
-  width: 524px;
-  margin-left: 0;
-}
-
-.table td.span8,
-.table th.span8 {
-  float: none;
-  width: 604px;
-  margin-left: 0;
-}
-
-.table td.span9,
-.table th.span9 {
-  float: none;
-  width: 684px;
-  margin-left: 0;
-}
-
-.table td.span10,
-.table th.span10 {
-  float: none;
-  width: 764px;
-  margin-left: 0;
-}
-
-.table td.span11,
-.table th.span11 {
-  float: none;
-  width: 844px;
-  margin-left: 0;
-}
-
-.table td.span12,
-.table th.span12 {
-  float: none;
-  width: 924px;
-  margin-left: 0;
-}
-
-.table tbody tr.success > td {
-  background-color: #3fb618;
-}
-
-.table tbody tr.error > td {
-  background-color: #ff0039;
-}
-
-.table tbody tr.warning > td {
-  background-color: #ff7518;
-}
-
-.table tbody tr.info > td {
-  background-color: #9954bb;
-}
-
-.table-hover tbody tr.success:hover > td {
-  background-color: #379f15;
-}
-
-.table-hover tbody tr.error:hover > td {
-  background-color: #e60033;
-}
-
-.table-hover tbody tr.warning:hover > td {
-  background-color: #fe6600;
-}
-
-.table-hover tbody tr.info:hover > td {
-  background-color: #8d46b0;
-}
-
-[class^="icon-"],
-[class*=" icon-"] {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  margin-top: 1px;
-  *margin-right: .3em;
-  line-height: 14px;
-  vertical-align: text-top;
-  background-image: url("../img/glyphicons-halflings.png");
-  background-position: 14px 14px;
-  background-repeat: no-repeat;
-}
-
-/* White icons with optional class, or on hover/focus/active states of certain elements */
-
-.icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:focus > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > li > a:focus > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:focus > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"],
-.dropdown-submenu:focus > a > [class*=" icon-"] {
-  background-image: url("../img/glyphicons-halflings-white.png");
-}
-
-.icon-glass {
-  background-position: 0      0;
-}
-
-.icon-music {
-  background-position: -24px 0;
-}
-
-.icon-search {
-  background-position: -48px 0;
-}
-
-.icon-envelope {
-  background-position: -72px 0;
-}
-
-.icon-heart {
-  background-position: -96px 0;
-}
-
-.icon-star {
-  background-position: -120px 0;
-}
-
-.icon-star-empty {
-  background-position: -144px 0;
-}
-
-.icon-user {
-  background-position: -168px 0;
-}
-
-.icon-film {
-  background-position: -192px 0;
-}
-
-.icon-th-large {
-  background-position: -216px 0;
-}
-
-.icon-th {
-  background-position: -240px 0;
-}
-
-.icon-th-list {
-  background-position: -264px 0;
-}
-
-.icon-ok {
-  background-position: -288px 0;
-}
-
-.icon-remove {
-  background-position: -312px 0;
-}
-
-.icon-zoom-in {
-  background-position: -336px 0;
-}
-
-.icon-zoom-out {
-  background-position: -360px 0;
-}
-
-.icon-off {
-  background-position: -384px 0;
-}
-
-.icon-signal {
-  background-position: -408px 0;
-}
-
-.icon-cog {
-  background-position: -432px 0;
-}
-
-.icon-trash {
-  background-position: -456px 0;
-}
-
-.icon-home {
-  background-position: 0 -24px;
-}
-
-.icon-file {
-  background-position: -24px -24px;
-}
-
-.icon-time {
-  background-position: -48px -24px;
-}
-
-.icon-road {
-  background-position: -72px -24px;
-}
-
-.icon-download-alt {
-  background-position: -96px -24px;
-}
-
-.icon-download {
-  background-position: -120px -24px;
-}
-
-.icon-upload {
-  background-position: -144px -24px;
-}
-
-.icon-inbox {
-  background-position: -168px -24px;
-}
-
-.icon-play-circle {
-  background-position: -192px -24px;
-}
-
-.icon-repeat {
-  background-position: -216px -24px;
-}
-
-.icon-refresh {
-  background-position: -240px -24px;
-}
-
-.icon-list-alt {
-  background-position: -264px -24px;
-}
-
-.icon-lock {
-  background-position: -287px -24px;
-}
-
-.icon-flag {
-  background-position: -312px -24px;
-}
-
-.icon-headphones {
-  background-position: -336px -24px;
-}
-
-.icon-volume-off {
-  background-position: -360px -24px;
-}
-
-.icon-volume-down {
-  background-position: -384px -24px;
-}
-
-.icon-volume-up {
-  background-position: -408px -24px;
-}
-
-.icon-qrcode {
-  background-position: -432px -24px;
-}
-
-.icon-barcode {
-  background-position: -456px -24px;
-}
-
-.icon-tag {
-  background-position: 0 -48px;
-}
-
-.icon-tags {
-  background-position: -25px -48px;
-}
-
-.icon-book {
-  background-position: -48px -48px;
-}
-
-.icon-bookmark {
-  background-position: -72px -48px;
-}
-
-.icon-print {
-  background-position: -96px -48px;
-}
-
-.icon-camera {
-  background-position: -120px -48px;
-}
-
-.icon-font {
-  background-position: -144px -48px;
-}
-
-.icon-bold {
-  background-position: -167px -48px;
-}
-
-.icon-italic {
-  background-position: -192px -48px;
-}
-
-.icon-text-height {
-  background-position: -216px -48px;
-}
-
-.icon-text-width {
-  background-position: -240px -48px;
-}
-
-.icon-align-left {
-  background-position: -264px -48px;
-}
-
-.icon-align-center {
-  background-position: -288px -48px;
-}
-
-.icon-align-right {
-  background-position: -312px -48px;
-}
-
-.icon-align-justify {
-  background-position: -336px -48px;
-}
-
-.icon-list {
-  background-position: -360px -48px;
-}
-
-.icon-indent-left {
-  background-position: -384px -48px;
-}
-
-.icon-indent-right {
-  background-position: -408px -48px;
-}
-
-.icon-facetime-video {
-  background-position: -432px -48px;
-}
-
-.icon-picture {
-  background-position: -456px -48px;
-}
-
-.icon-pencil {
-  background-position: 0 -72px;
-}
-
-.icon-map-marker {
-  background-position: -24px -72px;
-}
-
-.icon-adjust {
-  background-position: -48px -72px;
-}
-
-.icon-tint {
-  background-position: -72px -72px;
-}
-
-.icon-edit {
-  background-position: -96px -72px;
-}
-
-.icon-share {
-  background-position: -120px -72px;
-}
-
-.icon-check {
-  background-position: -144px -72px;
-}
-
-.icon-move {
-  background-position: -168px -72px;
-}
-
-.icon-step-backward {
-  background-position: -192px -72px;
-}
-
-.icon-fast-backward {
-  background-position: -216px -72px;
-}
-
-.icon-backward {
-  background-position: -240px -72px;
-}
-
-.icon-play {
-  background-position: -264px -72px;
-}
-
-.icon-pause {
-  background-position: -288px -72px;
-}
-
-.icon-stop {
-  background-position: -312px -72px;
-}
-
-.icon-forward {
-  background-position: -336px -72px;
-}
-
-.icon-fast-forward {
-  background-position: -360px -72px;
-}
-
-.icon-step-forward {
-  background-position: -384px -72px;
-}
-
-.icon-eject {
-  background-position: -408px -72px;
-}
-
-.icon-chevron-left {
-  background-position: -432px -72px;
-}
-
-.icon-chevron-right {
-  background-position: -456px -72px;
-}
-
-.icon-plus-sign {
-  background-position: 0 -96px;
-}
-
-.icon-minus-sign {
-  background-position: -24px -96px;
-}
-
-.icon-remove-sign {
-  background-position: -48px -96px;
-}
-
-.icon-ok-sign {
-  background-position: -72px -96px;
-}
-
-.icon-question-sign {
-  background-position: -96px -96px;
-}
-
-.icon-info-sign {
-  background-position: -120px -96px;
-}
-
-.icon-screenshot {
-  background-position: -144px -96px;
-}
-
-.icon-remove-circle {
-  background-position: -168px -96px;
-}
-
-.icon-ok-circle {
-  background-position: -192px -96px;
-}
-
-.icon-ban-circle {
-  background-position: -216px -96px;
-}
-
-.icon-arrow-left {
-  background-position: -240px -96px;
-}
-
-.icon-arrow-right {
-  background-position: -264px -96px;
-}
-
-.icon-arrow-up {
-  background-position: -289px -96px;
-}
-
-.icon-arrow-down {
-  background-position: -312px -96px;
-}
-
-.icon-share-alt {
-  background-position: -336px -96px;
-}
-
-.icon-resize-full {
-  background-position: -360px -96px;
-}
-
-.icon-resize-small {
-  background-position: -384px -96px;
-}
-
-.icon-plus {
-  background-position: -408px -96px;
-}
-
-.icon-minus {
-  background-position: -433px -96px;
-}
-
-.icon-asterisk {
-  background-position: -456px -96px;
-}
-
-.icon-exclamation-sign {
-  background-position: 0 -120px;
-}
-
-.icon-gift {
-  background-position: -24px -120px;
-}
-
-.icon-leaf {
-  background-position: -48px -120px;
-}
-
-.icon-fire {
-  background-position: -72px -120px;
-}
-
-.icon-eye-open {
-  background-position: -96px -120px;
-}
-
-.icon-eye-close {
-  background-position: -120px -120px;
-}
-
-.icon-warning-sign {
-  background-position: -144px -120px;
-}
-
-.icon-plane {
-  background-position: -168px -120px;
-}
-
-.icon-calendar {
-  background-position: -192px -120px;
-}
-
-.icon-random {
-  width: 16px;
-  background-position: -216px -120px;
-}
-
-.icon-comment {
-  background-position: -240px -120px;
-}
-
-.icon-magnet {
-  background-position: -264px -120px;
-}
-
-.icon-chevron-up {
-  background-position: -288px -120px;
-}
-
-.icon-chevron-down {
-  background-position: -313px -119px;
-}
-
-.icon-retweet {
-  background-position: -336px -120px;
-}
-
-.icon-shopping-cart {
-  background-position: -360px -120px;
-}
-
-.icon-folder-close {
-  width: 16px;
-  background-position: -384px -120px;
-}
-
-.icon-folder-open {
-  width: 16px;
-  background-position: -408px -120px;
-}
-
-.icon-resize-vertical {
-  background-position: -432px -119px;
-}
-
-.icon-resize-horizontal {
-  background-position: -456px -118px;
-}
-
-.icon-hdd {
-  background-position: 0 -144px;
-}
-
-.icon-bullhorn {
-  background-position: -24px -144px;
-}
-
-.icon-bell {
-  background-position: -48px -144px;
-}
-
-.icon-certificate {
-  background-position: -72px -144px;
-}
-
-.icon-thumbs-up {
-  background-position: -96px -144px;
-}
-
-.icon-thumbs-down {
-  background-position: -120px -144px;
-}
-
-.icon-hand-right {
-  background-position: -144px -144px;
-}
-
-.icon-hand-left {
-  background-position: -168px -144px;
-}
-
-.icon-hand-up {
-  background-position: -192px -144px;
-}
-
-.icon-hand-down {
-  background-position: -216px -144px;
-}
-
-.icon-circle-arrow-right {
-  background-position: -240px -144px;
-}
-
-.icon-circle-arrow-left {
-  background-position: -264px -144px;
-}
-
-.icon-circle-arrow-up {
-  background-position: -288px -144px;
-}
-
-.icon-circle-arrow-down {
-  background-position: -312px -144px;
-}
-
-.icon-globe {
-  background-position: -336px -144px;
-}
-
-.icon-wrench {
-  background-position: -360px -144px;
-}
-
-.icon-tasks {
-  background-position: -384px -144px;
-}
-
-.icon-filter {
-  background-position: -408px -144px;
-}
-
-.icon-briefcase {
-  background-position: -432px -144px;
-}
-
-.icon-fullscreen {
-  background-position: -456px -144px;
-}
-
-.dropup,
-.dropdown {
-  position: relative;
-}
-
-.dropdown-toggle {
-  *margin-bottom: -3px;
-}
-
-.dropdown-toggle:active,
-.open .dropdown-toggle {
-  outline: 0;
-}
-
-.caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  vertical-align: top;
-  border-top: 4px solid #000000;
-  border-right: 4px solid transparent;
-  border-left: 4px solid transparent;
-  content: "";
-}
-
-.dropdown .caret {
-  margin-top: 8px;
-  margin-left: 2px;
-}
-
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 160px;
-  padding: 5px 0;
-  margin: 2px 0 0;
-  list-style: none;
-  background-color: #ffffff;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  *border-right-width: 2px;
-  *border-bottom-width: 2px;
-  -webkit-border-radius: 6px;
-     -moz-border-radius: 6px;
-          border-radius: 6px;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-  -webkit-background-clip: padding-box;
-     -moz-background-clip: padding;
-          background-clip: padding-box;
-}
-
-.dropdown-menu.pull-right {
-  right: 0;
-  left: auto;
-}
-
-.dropdown-menu .divider {
-  *width: 100%;
-  height: 1px;
-  margin: 9px 1px;
-  *margin: -5px 0 5px;
-  overflow: hidden;
-  background-color: #e5e5e5;
-  border-bottom: 1px solid #ffffff;
-}
-
-.dropdown-menu > li > a {
-  display: block;
-  padding: 3px 20px;
-  clear: both;
-  font-weight: normal;
-  line-height: 20px;
-  color: #999999;
-  white-space: nowrap;
-}
-
-.dropdown-menu > li > a:hover,
-.dropdown-menu > li > a:focus,
-.dropdown-submenu:hover > a,
-.dropdown-submenu:focus > a {
-  color: #ffffff;
-  text-decoration: none;
-  background-color: #007af5;
-  background-image: -moz-linear-gradient(top, #007fff, #0072e6);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007fff), to(#0072e6));
-  background-image: -webkit-linear-gradient(top, #007fff, #0072e6);
-  background-image: -o-linear-gradient(top, #007fff, #0072e6);
-  background-image: linear-gradient(to bottom, #007fff, #0072e6);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff007fff', endColorstr='#ff0072e6', GradientType=0);
-}
-
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .active > a:focus {
-  color: #ffffff;
-  text-decoration: none;
-  background-color: #007af5;
-  background-image: -moz-linear-gradient(top, #007fff, #0072e6);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007fff), to(#0072e6));
-  background-image: -webkit-linear-gradient(top, #007fff, #0072e6);
-  background-image: -o-linear-gradient(top, #007fff, #0072e6);
-  background-image: linear-gradient(to bottom, #007fff, #0072e6);
-  background-repeat: repeat-x;
-  outline: 0;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff007fff', endColorstr='#ff0072e6', GradientType=0);
-}
-
-.dropdown-menu > .disabled > a,
-.dropdown-menu > .disabled > a:hover,
-.dropdown-menu > .disabled > a:focus {
-  color: #dfdfdf;
-}
-
-.dropdown-menu > .disabled > a:hover,
-.dropdown-menu > .disabled > a:focus {
-  text-decoration: none;
-  cursor: default;
-  background-color: transparent;
-  background-image: none;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.open {
-  *z-index: 1000;
-}
-
-.open > .dropdown-menu {
-  display: block;
-}
-
-.dropdown-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 990;
-}
-
-.pull-right > .dropdown-menu {
-  right: 0;
-  left: auto;
-}
-
-.dropup .caret,
-.navbar-fixed-bottom .dropdown .caret {
-  border-top: 0;
-  border-bottom: 4px solid #000000;
-  content: "";
-}
-
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
-  top: auto;
-  bottom: 100%;
-  margin-bottom: 1px;
-}
-
-.dropdown-submenu {
-  position: relative;
-}
-
-.dropdown-submenu > .dropdown-menu {
-  top: 0;
-  left: 100%;
-  margin-top: -6px;
-  margin-left: -1px;
-  -webkit-border-radius: 0 6px 6px 6px;
-     -moz-border-radius: 0 6px 6px 6px;
-          border-radius: 0 6px 6px 6px;
-}
-
-.dropdown-submenu:hover > .dropdown-menu {
-  display: block;
-}
-
-.dropup .dropdown-submenu > .dropdown-menu {
-  top: auto;
-  bottom: 0;
-  margin-top: 0;
-  margin-bottom: -2px;
-  -webkit-border-radius: 5px 5px 5px 0;
-     -moz-border-radius: 5px 5px 5px 0;
-          border-radius: 5px 5px 5px 0;
-}
-
-.dropdown-submenu > a:after {
-  display: block;
-  float: right;
-  width: 0;
-  height: 0;
-  margin-top: 5px;
-  margin-right: -10px;
-  border-color: transparent;
-  border-left-color: #cccccc;
-  border-style: solid;
-  border-width: 5px 0 5px 5px;
-  content: " ";
-}
-
-.dropdown-submenu:hover > a:after {
-  border-left-color: #ffffff;
-}
-
-.dropdown-submenu.pull-left {
-  float: none;
-}
-
-.dropdown-submenu.pull-left > .dropdown-menu {
-  left: -100%;
-  margin-left: 10px;
-  -webkit-border-radius: 6px 0 6px 6px;
-     -moz-border-radius: 6px 0 6px 6px;
-          border-radius: 6px 0 6px 6px;
-}
-
-.dropdown .dropdown-menu .nav-header {
-  padding-right: 20px;
-  padding-left: 20px;
-}
-
-.typeahead {
-  z-index: 1051;
-  margin-top: 2px;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.well {
-  min-height: 20px;
-  padding: 19px;
-  margin-bottom: 20px;
-  background-color: #eeeeee;
-  border: 1px solid #dcdcdc;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-}
-
-.well blockquote {
-  border-color: #ddd;
-  border-color: rgba(0, 0, 0, 0.15);
-}
-
-.well-large {
-  padding: 24px;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.well-small {
-  padding: 9px;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.fade {
-  opacity: 0;
-  -webkit-transition: opacity 0.15s linear;
-     -moz-transition: opacity 0.15s linear;
-       -o-transition: opacity 0.15s linear;
-          transition: opacity 0.15s linear;
-}
-
-.fade.in {
-  opacity: 1;
-}
-
-.collapse {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  -webkit-transition: height 0.35s ease;
-     -moz-transition: height 0.35s ease;
-       -o-transition: height 0.35s ease;
-          transition: height 0.35s ease;
-}
-
-.collapse.in {
-  height: auto;
-}
-
-.close {
-  float: right;
-  font-size: 20px;
-  font-weight: bold;
-  line-height: 20px;
-  color: #000000;
-  text-shadow: 0 1px 0 #ffffff;
-  opacity: 0.2;
-  filter: alpha(opacity=20);
-}
-
-.close:hover,
-.close:focus {
-  color: #000000;
-  text-decoration: none;
-  cursor: pointer;
-  opacity: 0.4;
-  filter: alpha(opacity=40);
-}
-
-button.close {
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-}
-
-.btn {
-  display: inline-block;
-  *display: inline;
-  padding: 4px 12px;
-  margin-bottom: 0;
-  *margin-left: .3em;
-  font-size: 14px;
-  line-height: 20px;
-  color: #999999;
-  text-align: center;
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  vertical-align: middle;
-  cursor: pointer;
-  background-color: #dfdfdf;
-  *background-color: #c8c8c8;
-  background-image: -moz-linear-gradient(top, #eeeeee, #c8c8c8);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#c8c8c8));
-  background-image: -webkit-linear-gradient(top, #eeeeee, #c8c8c8);
-  background-image: -o-linear-gradient(top, #eeeeee, #c8c8c8);
-  background-image: linear-gradient(to bottom, #eeeeee, #c8c8c8);
-  background-repeat: repeat-x;
-  border: 1px solid #bbbbbb;
-  *border: 0;
-  border-color: #c8c8c8 #c8c8c8 #a2a2a2;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  border-bottom-color: #a2a2a2;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffc8c8c8', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  *zoom: 1;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.btn:hover,
-.btn:focus,
-.btn:active,
-.btn.active,
-.btn.disabled,
-.btn[disabled] {
-  color: #999999;
-  background-color: #c8c8c8;
-  *background-color: #bbbbbb;
-}
-
-.btn:active,
-.btn.active {
-  background-color: #aeaeae \9;
-}
-
-.btn:first-child {
-  *margin-left: 0;
-}
-
-.btn:hover,
-.btn:focus {
-  color: #999999;
-  text-decoration: none;
-  background-position: 0 -15px;
-  -webkit-transition: background-position 0.1s linear;
-     -moz-transition: background-position 0.1s linear;
-       -o-transition: background-position 0.1s linear;
-          transition: background-position 0.1s linear;
-}
-
-.btn:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-.btn.active,
-.btn:active {
-  background-image: none;
-  outline: 0;
-  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.btn.disabled,
-.btn[disabled] {
-  cursor: default;
-  background-image: none;
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.btn-large {
-  padding: 22px 30px;
-  font-size: 17.5px;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.btn-large [class^="icon-"],
-.btn-large [class*=" icon-"] {
-  margin-top: 4px;
-}
-
-.btn-small {
-  padding: 2px 10px;
-  font-size: 11.9px;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.btn-small [class^="icon-"],
-.btn-small [class*=" icon-"] {
-  margin-top: 0;
-}
-
-.btn-mini [class^="icon-"],
-.btn-mini [class*=" icon-"] {
-  margin-top: -1px;
-}
-
-.btn-mini {
-  padding: 2px 6px;
-  font-size: 10.5px;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.btn-block {
-  display: block;
-  width: 100%;
-  padding-right: 0;
-  padding-left: 0;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-.btn-block + .btn-block {
-  margin-top: 5px;
-}
-
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
-  width: 100%;
-}
-
-.btn-primary.active,
-.btn-warning.active,
-.btn-danger.active,
-.btn-success.active,
-.btn-info.active,
-.btn-inverse.active {
-  color: rgba(255, 255, 255, 0.75);
-}
-
-.btn-primary {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #0f82f5;
-  *background-color: #0072e6;
-  background-image: -moz-linear-gradient(top, #1a8cff, #0072e6);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a8cff), to(#0072e6));
-  background-image: -webkit-linear-gradient(top, #1a8cff, #0072e6);
-  background-image: -o-linear-gradient(top, #1a8cff, #0072e6);
-  background-image: linear-gradient(to bottom, #1a8cff, #0072e6);
-  background-repeat: repeat-x;
-  border-color: #0072e6 #0072e6 #004c99;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a8cff', endColorstr='#ff0072e6', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.btn-primary:hover,
-.btn-primary:focus,
-.btn-primary:active,
-.btn-primary.active,
-.btn-primary.disabled,
-.btn-primary[disabled] {
-  color: #ffffff;
-  background-color: #0072e6;
-  *background-color: #0066cc;
-}
-
-.btn-primary:active,
-.btn-primary.active {
-  background-color: #0059b3 \9;
-}
-
-.btn-warning {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #fe781e;
-  *background-color: #fe6600;
-  background-image: -moz-linear-gradient(top, #ff8432, #fe6600);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8432), to(#fe6600));
-  background-image: -webkit-linear-gradient(top, #ff8432, #fe6600);
-  background-image: -o-linear-gradient(top, #ff8432, #fe6600);
-  background-image: linear-gradient(to bottom, #ff8432, #fe6600);
-  background-repeat: repeat-x;
-  border-color: #fe6600 #fe6600 #b14700;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8432', endColorstr='#fffe6600', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.btn-warning:hover,
-.btn-warning:focus,
-.btn-warning:active,
-.btn-warning.active,
-.btn-warning.disabled,
-.btn-warning[disabled] {
-  color: #ffffff;
-  background-color: #fe6600;
-  *background-color: #e45c00;
-}
-
-.btn-warning:active,
-.btn-warning.active {
-  background-color: #cb5200 \9;
-}
-
-.btn-danger {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #f50f43;
-  *background-color: #e60033;
-  background-image: -moz-linear-gradient(top, #ff1a4d, #e60033);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff1a4d), to(#e60033));
-  background-image: -webkit-linear-gradient(top, #ff1a4d, #e60033);
-  background-image: -o-linear-gradient(top, #ff1a4d, #e60033);
-  background-image: linear-gradient(to bottom, #ff1a4d, #e60033);
-  background-repeat: repeat-x;
-  border-color: #e60033 #e60033 #990022;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1a4d', endColorstr='#ffe60033', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.btn-danger:hover,
-.btn-danger:focus,
-.btn-danger:active,
-.btn-danger.active,
-.btn-danger.disabled,
-.btn-danger[disabled] {
-  color: #ffffff;
-  background-color: #e60033;
-  *background-color: #cc002e;
-}
-
-.btn-danger:active,
-.btn-danger.active {
-  background-color: #b30028 \9;
-}
-
-.btn-success {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #41bb19;
-  *background-color: #379f15;
-  background-image: -moz-linear-gradient(top, #47cd1b, #379f15);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#47cd1b), to(#379f15));
-  background-image: -webkit-linear-gradient(top, #47cd1b, #379f15);
-  background-image: -o-linear-gradient(top, #47cd1b, #379f15);
-  background-image: linear-gradient(to bottom, #47cd1b, #379f15);
-  background-repeat: repeat-x;
-  border-color: #379f15 #379f15 #205c0c;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff47cd1b', endColorstr='#ff379f15', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.btn-success:hover,
-.btn-success:focus,
-.btn-success:active,
-.btn-success.active,
-.btn-success.disabled,
-.btn-success[disabled] {
-  color: #ffffff;
-  background-color: #379f15;
-  *background-color: #2f8912;
-}
-
-.btn-success:active,
-.btn-success.active {
-  background-color: #28720f \9;
-}
-
-.btn-info {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #9b59bb;
-  *background-color: #8d46b0;
-  background-image: -moz-linear-gradient(top, #a466c2, #8d46b0);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a466c2), to(#8d46b0));
-  background-image: -webkit-linear-gradient(top, #a466c2, #8d46b0);
-  background-image: -o-linear-gradient(top, #a466c2, #8d46b0);
-  background-image: linear-gradient(to bottom, #a466c2, #8d46b0);
-  background-repeat: repeat-x;
-  border-color: #8d46b0 #8d46b0 #613079;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa466c2', endColorstr='#ff8d46b0', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.btn-info:hover,
-.btn-info:focus,
-.btn-info:active,
-.btn-info.active,
-.btn-info.disabled,
-.btn-info[disabled] {
-  color: #ffffff;
-  background-color: #8d46b0;
-  *background-color: #7e3f9d;
-}
-
-.btn-info:active,
-.btn-info.active {
-  background-color: #6f378b \9;
-}
-
-.btn-inverse {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #080808;
-  *background-color: #000000;
-  background-image: -moz-linear-gradient(top, #0d0d0d, #000000);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d0d0d), to(#000000));
-  background-image: -webkit-linear-gradient(top, #0d0d0d, #000000);
-  background-image: -o-linear-gradient(top, #0d0d0d, #000000);
-  background-image: linear-gradient(to bottom, #0d0d0d, #000000);
-  background-repeat: repeat-x;
-  border-color: #000000 #000000 #000000;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d0d0d', endColorstr='#ff000000', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.btn-inverse:hover,
-.btn-inverse:focus,
-.btn-inverse:active,
-.btn-inverse.active,
-.btn-inverse.disabled,
-.btn-inverse[disabled] {
-  color: #ffffff;
-  background-color: #000000;
-  *background-color: #000000;
-}
-
-.btn-inverse:active,
-.btn-inverse.active {
-  background-color: #000000 \9;
-}
-
-button.btn,
-input[type="submit"].btn {
-  *padding-top: 3px;
-  *padding-bottom: 3px;
-}
-
-button.btn::-moz-focus-inner,
-input[type="submit"].btn::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-
-button.btn.btn-large,
-input[type="submit"].btn.btn-large {
-  *padding-top: 7px;
-  *padding-bottom: 7px;
-}
-
-button.btn.btn-small,
-input[type="submit"].btn.btn-small {
-  *padding-top: 3px;
-  *padding-bottom: 3px;
-}
-
-button.btn.btn-mini,
-input[type="submit"].btn.btn-mini {
-  *padding-top: 1px;
-  *padding-bottom: 1px;
-}
-
-.btn-link,
-.btn-link:active,
-.btn-link[disabled] {
-  background-color: transparent;
-  background-image: none;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.btn-link {
-  color: #007fff;
-  cursor: pointer;
-  border-color: transparent;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.btn-link:hover,
-.btn-link:focus {
-  color: #0066cc;
-  text-decoration: underline;
-  background-color: transparent;
-}
-
-.btn-link[disabled]:hover,
-.btn-link[disabled]:focus {
-  color: #999999;
-  text-decoration: none;
-}
-
-.btn-group {
-  position: relative;
-  display: inline-block;
-  *display: inline;
-  *margin-left: .3em;
-  font-size: 0;
-  white-space: nowrap;
-  vertical-align: middle;
-  *zoom: 1;
-}
-
-.btn-group:first-child {
-  *margin-left: 0;
-}
-
-.btn-group + .btn-group {
-  margin-left: 5px;
-}
-
-.btn-toolbar {
-  margin-top: 10px;
-  margin-bottom: 10px;
-  font-size: 0;
-}
-
-.btn-toolbar > .btn + .btn,
-.btn-toolbar > .btn-group + .btn,
-.btn-toolbar > .btn + .btn-group {
-  margin-left: 5px;
-}
-
-.btn-group > .btn {
-  position: relative;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.btn-group > .btn + .btn {
-  margin-left: -1px;
-}
-
-.btn-group > .btn,
-.btn-group > .dropdown-menu,
-.btn-group > .popover {
-  font-size: 14px;
-}
-
-.btn-group > .btn-mini {
-  font-size: 10.5px;
-}
-
-.btn-group > .btn-small {
-  font-size: 11.9px;
-}
-
-.btn-group > .btn-large {
-  font-size: 17.5px;
-}
-
-.btn-group > .btn:first-child {
-  margin-left: 0;
-  -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
-  -webkit-border-top-left-radius: 0;
-          border-top-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  -moz-border-radius-topleft: 0;
-}
-
-.btn-group > .btn:last-child,
-.btn-group > .dropdown-toggle {
-  -webkit-border-top-right-radius: 0;
-          border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
-  -moz-border-radius-topright: 0;
-  -moz-border-radius-bottomright: 0;
-}
-
-.btn-group > .btn.large:first-child {
-  margin-left: 0;
-  -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
-  -webkit-border-top-left-radius: 0;
-          border-top-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  -moz-border-radius-topleft: 0;
-}
-
-.btn-group > .btn.large:last-child,
-.btn-group > .large.dropdown-toggle {
-  -webkit-border-top-right-radius: 0;
-          border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
-  -moz-border-radius-topright: 0;
-  -moz-border-radius-bottomright: 0;
-}
-
-.btn-group > .btn:hover,
-.btn-group > .btn:focus,
-.btn-group > .btn:active,
-.btn-group > .btn.active {
-  z-index: 2;
-}
-
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
-  outline: 0;
-}
-
-.btn-group > .btn + .dropdown-toggle {
-  *padding-top: 5px;
-  padding-right: 8px;
-  *padding-bottom: 5px;
-  padding-left: 8px;
-  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.btn-group > .btn-mini + .dropdown-toggle {
-  *padding-top: 2px;
-  padding-right: 5px;
-  *padding-bottom: 2px;
-  padding-left: 5px;
-}
-
-.btn-group > .btn-small + .dropdown-toggle {
-  *padding-top: 5px;
-  *padding-bottom: 4px;
-}
-
-.btn-group > .btn-large + .dropdown-toggle {
-  *padding-top: 7px;
-  padding-right: 12px;
-  *padding-bottom: 7px;
-  padding-left: 12px;
-}
-
-.btn-group.open .dropdown-toggle {
-  background-image: none;
-  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.btn-group.open .btn.dropdown-toggle {
-  background-color: #c8c8c8;
-}
-
-.btn-group.open .btn-primary.dropdown-toggle {
-  background-color: #0072e6;
-}
-
-.btn-group.open .btn-warning.dropdown-toggle {
-  background-color: #fe6600;
-}
-
-.btn-group.open .btn-danger.dropdown-toggle {
-  background-color: #e60033;
-}
-
-.btn-group.open .btn-success.dropdown-toggle {
-  background-color: #379f15;
-}
-
-.btn-group.open .btn-info.dropdown-toggle {
-  background-color: #8d46b0;
-}
-
-.btn-group.open .btn-inverse.dropdown-toggle {
-  background-color: #000000;
-}
-
-.btn .caret {
-  margin-top: 8px;
-  margin-left: 0;
-}
-
-.btn-large .caret {
-  margin-top: 6px;
-}
-
-.btn-large .caret {
-  border-top-width: 5px;
-  border-right-width: 5px;
-  border-left-width: 5px;
-}
-
-.btn-mini .caret,
-.btn-small .caret {
-  margin-top: 8px;
-}
-
-.dropup .btn-large .caret {
-  border-bottom-width: 5px;
-}
-
-.btn-primary .caret,
-.btn-warning .caret,
-.btn-danger .caret,
-.btn-info .caret,
-.btn-success .caret,
-.btn-inverse .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
-.btn-group-vertical {
-  display: inline-block;
-  *display: inline;
-  /* IE7 inline-block hack */
-
-  *zoom: 1;
-}
-
-.btn-group-vertical > .btn {
-  display: block;
-  float: none;
-  max-width: 100%;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.btn-group-vertical > .btn + .btn {
-  margin-top: -1px;
-  margin-left: 0;
-}
-
-.btn-group-vertical > .btn:first-child {
-  -webkit-border-radius: 0 0px 0 0;
-     -moz-border-radius: 0 0px 0 0;
-          border-radius: 0 0px 0 0;
-}
-
-.btn-group-vertical > .btn:last-child {
-  -webkit-border-radius: 0 0 0 0px;
-     -moz-border-radius: 0 0 0 0px;
-          border-radius: 0 0 0 0px;
-}
-
-.btn-group-vertical > .btn-large:first-child {
-  -webkit-border-radius: 0 0px 0 0;
-     -moz-border-radius: 0 0px 0 0;
-          border-radius: 0 0px 0 0;
-}
-
-.btn-group-vertical > .btn-large:last-child {
-  -webkit-border-radius: 0 0 0 0px;
-     -moz-border-radius: 0 0 0 0px;
-          border-radius: 0 0 0 0px;
-}
-
-.alert {
-  padding: 8px 35px 8px 14px;
-  margin-bottom: 20px;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  background-color: #ff7518;
-  border: 1px solid transparent;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.alert,
-.alert h4 {
-  color: #ffffff;
-}
-
-.alert h4 {
-  margin: 0;
-}
-
-.alert .close {
-  position: relative;
-  top: -2px;
-  right: -21px;
-  line-height: 20px;
-}
-
-.alert-success {
-  color: #ffffff;
-  background-color: #3fb618;
-  border-color: transparent;
-}
-
-.alert-success h4 {
-  color: #ffffff;
-}
-
-.alert-danger,
-.alert-error {
-  color: #ffffff;
-  background-color: #ff0039;
-  border-color: transparent;
-}
-
-.alert-danger h4,
-.alert-error h4 {
-  color: #ffffff;
-}
-
-.alert-info {
-  color: #ffffff;
-  background-color: #9954bb;
-  border-color: transparent;
-}
-
-.alert-info h4 {
-  color: #ffffff;
-}
-
-.alert-block {
-  padding-top: 14px;
-  padding-bottom: 14px;
-}
-
-.alert-block > p,
-.alert-block > ul {
-  margin-bottom: 0;
-}
-
-.alert-block p + p {
-  margin-top: 5px;
-}
-
-.nav {
-  margin-bottom: 20px;
-  margin-left: 0;
-  list-style: none;
-}
-
-.nav > li > a {
-  display: block;
-}
-
-.nav > li > a:hover,
-.nav > li > a:focus {
-  text-decoration: none;
-  background-color: #eeeeee;
-}
-
-.nav > li > a > img {
-  max-width: none;
-}
-
-.nav > .pull-right {
-  float: right;
-}
-
-.nav-header {
-  display: block;
-  padding: 3px 15px;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 20px;
-  color: #dfdfdf;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  text-transform: uppercase;
-}
-
-.nav li + .nav-header {
-  margin-top: 9px;
-}
-
-.nav-list {
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-bottom: 0;
-}
-
-.nav-list > li > a,
-.nav-list .nav-header {
-  margin-right: -15px;
-  margin-left: -15px;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-}
-
-.nav-list > li > a {
-  padding: 3px 15px;
-}
-
-.nav-list > .active > a,
-.nav-list > .active > a:hover,
-.nav-list > .active > a:focus {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-  background-color: #007fff;
-}
-
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
-  margin-right: 2px;
-}
-
-.nav-list .divider {
-  *width: 100%;
-  height: 1px;
-  margin: 9px 1px;
-  *margin: -5px 0 5px;
-  overflow: hidden;
-  background-color: #e5e5e5;
-  border-bottom: 1px solid #ffffff;
-}
-
-.nav-tabs,
-.nav-pills {
-  *zoom: 1;
-}
-
-.nav-tabs:before,
-.nav-pills:before,
-.nav-tabs:after,
-.nav-pills:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.nav-tabs:after,
-.nav-pills:after {
-  clear: both;
-}
-
-.nav-tabs > li,
-.nav-pills > li {
-  float: left;
-}
-
-.nav-tabs > li > a,
-.nav-pills > li > a {
-  padding-right: 12px;
-  padding-left: 12px;
-  margin-right: 2px;
-  line-height: 14px;
-}
-
-.nav-tabs {
-  border-bottom: 1px solid #ddd;
-}
-
-.nav-tabs > li {
-  margin-bottom: -1px;
-}
-
-.nav-tabs > li > a {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  line-height: 20px;
-  border: 1px solid transparent;
-  -webkit-border-radius: 4px 4px 0 0;
-     -moz-border-radius: 4px 4px 0 0;
-          border-radius: 4px 4px 0 0;
-}
-
-.nav-tabs > li > a:hover,
-.nav-tabs > li > a:focus {
-  border-color: #eeeeee #eeeeee #dddddd;
-}
-
-.nav-tabs > .active > a,
-.nav-tabs > .active > a:hover,
-.nav-tabs > .active > a:focus {
-  color: #bbbbbb;
-  cursor: default;
-  background-color: #ffffff;
-  border: 1px solid #ddd;
-  border-bottom-color: transparent;
-}
-
-.nav-pills > li > a {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  -webkit-border-radius: 5px;
-     -moz-border-radius: 5px;
-          border-radius: 5px;
-}
-
-.nav-pills > .active > a,
-.nav-pills > .active > a:hover,
-.nav-pills > .active > a:focus {
-  color: #ffffff;
-  background-color: #007fff;
-}
-
-.nav-stacked > li {
-  float: none;
-}
-
-.nav-stacked > li > a {
-  margin-right: 0;
-}
-
-.nav-tabs.nav-stacked {
-  border-bottom: 0;
-}
-
-.nav-tabs.nav-stacked > li > a {
-  border: 1px solid #ddd;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.nav-tabs.nav-stacked > li:first-child > a {
-  -webkit-border-top-right-radius: 4px;
-          border-top-right-radius: 4px;
-  -webkit-border-top-left-radius: 4px;
-          border-top-left-radius: 4px;
-  -moz-border-radius-topright: 4px;
-  -moz-border-radius-topleft: 4px;
-}
-
-.nav-tabs.nav-stacked > li:last-child > a {
-  -webkit-border-bottom-right-radius: 4px;
-          border-bottom-right-radius: 4px;
-  -webkit-border-bottom-left-radius: 4px;
-          border-bottom-left-radius: 4px;
-  -moz-border-radius-bottomright: 4px;
-  -moz-border-radius-bottomleft: 4px;
-}
-
-.nav-tabs.nav-stacked > li > a:hover,
-.nav-tabs.nav-stacked > li > a:focus {
-  z-index: 2;
-  border-color: #ddd;
-}
-
-.nav-pills.nav-stacked > li > a {
-  margin-bottom: 3px;
-}
-
-.nav-pills.nav-stacked > li:last-child > a {
-  margin-bottom: 1px;
-}
-
-.nav-tabs .dropdown-menu {
-  -webkit-border-radius: 0 0 6px 6px;
-     -moz-border-radius: 0 0 6px 6px;
-          border-radius: 0 0 6px 6px;
-}
-
-.nav-pills .dropdown-menu {
-  -webkit-border-radius: 6px;
-     -moz-border-radius: 6px;
-          border-radius: 6px;
-}
-
-.nav .dropdown-toggle .caret {
-  margin-top: 6px;
-  border-top-color: #007fff;
-  border-bottom-color: #007fff;
-}
-
-.nav .dropdown-toggle:hover .caret,
-.nav .dropdown-toggle:focus .caret {
-  border-top-color: #0066cc;
-  border-bottom-color: #0066cc;
-}
-
-/* move down carets for tabs */
-
-.nav-tabs .dropdown-toggle .caret {
-  margin-top: 8px;
-}
-
-.nav .active .dropdown-toggle .caret {
-  border-top-color: #fff;
-  border-bottom-color: #fff;
-}
-
-.nav-tabs .active .dropdown-toggle .caret {
-  border-top-color: #bbbbbb;
-  border-bottom-color: #bbbbbb;
-}
-
-.nav > .dropdown.active > a:hover,
-.nav > .dropdown.active > a:focus {
-  cursor: pointer;
-}
-
-.nav-tabs .open .dropdown-toggle,
-.nav-pills .open .dropdown-toggle,
-.nav > li.dropdown.open.active > a:hover,
-.nav > li.dropdown.open.active > a:focus {
-  color: #ffffff;
-  background-color: #dfdfdf;
-  border-color: #dfdfdf;
-}
-
-.nav li.dropdown.open .caret,
-.nav li.dropdown.open.active .caret,
-.nav li.dropdown.open a:hover .caret,
-.nav li.dropdown.open a:focus .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-
-.tabs-stacked .open > a:hover,
-.tabs-stacked .open > a:focus {
-  border-color: #dfdfdf;
-}
-
-.tabbable {
-  *zoom: 1;
-}
-
-.tabbable:before,
-.tabbable:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.tabbable:after {
-  clear: both;
-}
-
-.tab-content {
-  overflow: auto;
-}
-
-.tabs-below > .nav-tabs,
-.tabs-right > .nav-tabs,
-.tabs-left > .nav-tabs {
-  border-bottom: 0;
-}
-
-.tab-content > .tab-pane,
-.pill-content > .pill-pane {
-  display: none;
-}
-
-.tab-content > .active,
-.pill-content > .active {
-  display: block;
-}
-
-.tabs-below > .nav-tabs {
-  border-top: 1px solid #ddd;
-}
-
-.tabs-below > .nav-tabs > li {
-  margin-top: -1px;
-  margin-bottom: 0;
-}
-
-.tabs-below > .nav-tabs > li > a {
-  -webkit-border-radius: 0 0 4px 4px;
-     -moz-border-radius: 0 0 4px 4px;
-          border-radius: 0 0 4px 4px;
-}
-
-.tabs-below > .nav-tabs > li > a:hover,
-.tabs-below > .nav-tabs > li > a:focus {
-  border-top-color: #ddd;
-  border-bottom-color: transparent;
-}
-
-.tabs-below > .nav-tabs > .active > a,
-.tabs-below > .nav-tabs > .active > a:hover,
-.tabs-below > .nav-tabs > .active > a:focus {
-  border-color: transparent #ddd #ddd #ddd;
-}
-
-.tabs-left > .nav-tabs > li,
-.tabs-right > .nav-tabs > li {
-  float: none;
-}
-
-.tabs-left > .nav-tabs > li > a,
-.tabs-right > .nav-tabs > li > a {
-  min-width: 74px;
-  margin-right: 0;
-  margin-bottom: 3px;
-}
-
-.tabs-left > .nav-tabs {
-  float: left;
-  margin-right: 19px;
-  border-right: 1px solid #ddd;
-}
-
-.tabs-left > .nav-tabs > li > a {
-  margin-right: -1px;
-  -webkit-border-radius: 4px 0 0 4px;
-     -moz-border-radius: 4px 0 0 4px;
-          border-radius: 4px 0 0 4px;
-}
-
-.tabs-left > .nav-tabs > li > a:hover,
-.tabs-left > .nav-tabs > li > a:focus {
-  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
-}
-
-.tabs-left > .nav-tabs .active > a,
-.tabs-left > .nav-tabs .active > a:hover,
-.tabs-left > .nav-tabs .active > a:focus {
-  border-color: #ddd transparent #ddd #ddd;
-  *border-right-color: #ffffff;
-}
-
-.tabs-right > .nav-tabs {
-  float: right;
-  margin-left: 19px;
-  border-left: 1px solid #ddd;
-}
-
-.tabs-right > .nav-tabs > li > a {
-  margin-left: -1px;
-  -webkit-border-radius: 0 4px 4px 0;
-     -moz-border-radius: 0 4px 4px 0;
-          border-radius: 0 4px 4px 0;
-}
-
-.tabs-right > .nav-tabs > li > a:hover,
-.tabs-right > .nav-tabs > li > a:focus {
-  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
-}
-
-.tabs-right > .nav-tabs .active > a,
-.tabs-right > .nav-tabs .active > a:hover,
-.tabs-right > .nav-tabs .active > a:focus {
-  border-color: #ddd #ddd #ddd transparent;
-  *border-left-color: #ffffff;
-}
-
-.nav > .disabled > a {
-  color: #dfdfdf;
-}
-
-.nav > .disabled > a:hover,
-.nav > .disabled > a:focus {
-  text-decoration: none;
-  cursor: default;
-  background-color: transparent;
-}
-
-.navbar {
-  *position: relative;
-  *z-index: 2;
-  margin-bottom: 20px;
-  overflow: visible;
-}
-
-.navbar-inner {
-  min-height: 50px;
-  padding-right: 20px;
-  padding-left: 20px;
-  background-color: #080808;
-  background-image: -moz-linear-gradient(top, #080808, #080808);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#080808), to(#080808));
-  background-image: -webkit-linear-gradient(top, #080808, #080808);
-  background-image: -o-linear-gradient(top, #080808, #080808);
-  background-image: linear-gradient(to bottom, #080808, #080808);
-  background-repeat: repeat-x;
-  border: 1px solid transparent;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff080808', GradientType=0);
-  *zoom: 1;
-  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-}
-
-.navbar-inner:before,
-.navbar-inner:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.navbar-inner:after {
-  clear: both;
-}
-
-.navbar .container {
-  width: auto;
-}
-
-.nav-collapse.collapse {
-  height: auto;
-  overflow: visible;
-}
-
-.navbar .brand {
-  display: block;
-  float: left;
-  padding: 15px 20px 15px;
-  margin-left: -20px;
-  font-size: 20px;
-  font-weight: 200;
-  color: #ffffff;
-  text-shadow: 0 1px 0 #080808;
-}
-
-.navbar .brand:hover,
-.navbar .brand:focus {
-  text-decoration: none;
-}
-
-.navbar-text {
-  margin-bottom: 0;
-  line-height: 50px;
-  color: #ffffff;
-}
-
-.navbar-link {
-  color: #ffffff;
-}
-
-.navbar-link:hover,
-.navbar-link:focus {
-  color: #bbbbbb;
-}
-
-.navbar .divider-vertical {
-  height: 50px;
-  margin: 0 9px;
-  border-right: 1px solid #080808;
-  border-left: 1px solid #080808;
-}
-
-.navbar .btn,
-.navbar .btn-group {
-  margin-top: 10px;
-}
-
-.navbar .btn-group .btn,
-.navbar .input-prepend .btn,
-.navbar .input-append .btn,
-.navbar .input-prepend .btn-group,
-.navbar .input-append .btn-group {
-  margin-top: 0;
-}
-
-.navbar-form {
-  margin-bottom: 0;
-  *zoom: 1;
-}
-
-.navbar-form:before,
-.navbar-form:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.navbar-form:after {
-  clear: both;
-}
-
-.navbar-form input,
-.navbar-form select,
-.navbar-form .radio,
-.navbar-form .checkbox {
-  margin-top: 10px;
-}
-
-.navbar-form input,
-.navbar-form select,
-.navbar-form .btn {
-  display: inline-block;
-  margin-bottom: 0;
-}
-
-.navbar-form input[type="image"],
-.navbar-form input[type="checkbox"],
-.navbar-form input[type="radio"] {
-  margin-top: 3px;
-}
-
-.navbar-form .input-append,
-.navbar-form .input-prepend {
-  margin-top: 5px;
-  white-space: nowrap;
-}
-
-.navbar-form .input-append input,
-.navbar-form .input-prepend input {
-  margin-top: 0;
-}
-
-.navbar-search {
-  position: relative;
-  float: left;
-  margin-top: 10px;
-  margin-bottom: 0;
-}
-
-.navbar-search .search-query {
-  padding: 4px 14px;
-  margin-bottom: 0;
-  font-family: "Open Sans", Calibri, Candara, Arial, sans-serif;
-  font-size: 13px;
-  font-weight: normal;
-  line-height: 1;
-  -webkit-border-radius: 15px;
-     -moz-border-radius: 15px;
-          border-radius: 15px;
-}
-
-.navbar-static-top {
-  position: static;
-  margin-bottom: 0;
-}
-
-.navbar-static-top .navbar-inner {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-  margin-bottom: 0;
-}
-
-.navbar-fixed-top .navbar-inner,
-.navbar-static-top .navbar-inner {
-  border-width: 0 0 1px;
-}
-
-.navbar-fixed-bottom .navbar-inner {
-  border-width: 1px 0 0;
-}
-
-.navbar-fixed-top .navbar-inner,
-.navbar-fixed-bottom .navbar-inner {
-  padding-right: 0;
-  padding-left: 0;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.navbar-static-top .container,
-.navbar-fixed-top .container,
-.navbar-fixed-bottom .container {
-  width: 940px;
-}
-
-.navbar-fixed-top {
-  top: 0;
-}
-
-.navbar-fixed-top .navbar-inner,
-.navbar-static-top .navbar-inner {
-  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-}
-
-.navbar-fixed-bottom {
-  bottom: 0;
-}
-
-.navbar-fixed-bottom .navbar-inner {
-  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
-     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
-}
-
-.navbar .nav {
-  position: relative;
-  left: 0;
-  display: block;
-  float: left;
-  margin: 0 10px 0 0;
-}
-
-.navbar .nav.pull-right {
-  float: right;
-  margin-right: 0;
-}
-
-.navbar .nav > li {
-  float: left;
-}
-
-.navbar .nav > li > a {
-  float: none;
-  padding: 15px 15px 15px;
-  color: #ffffff;
-  text-decoration: none;
-  text-shadow: 0 1px 0 #080808;
-}
-
-.navbar .nav .dropdown-toggle .caret {
-  margin-top: 8px;
-}
-
-.navbar .nav > li > a:focus,
-.navbar .nav > li > a:hover {
-  color: #bbbbbb;
-  text-decoration: none;
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-.navbar .nav > .active > a,
-.navbar .nav > .active > a:hover,
-.navbar .nav > .active > a:focus {
-  color: #ffffff;
-  text-decoration: none;
-  background-color: transparent;
-  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-}
-
-.navbar .btn-navbar {
-  display: none;
-  float: right;
-  padding: 7px 10px;
-  margin-right: 5px;
-  margin-left: 5px;
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #000000;
-  *background-color: #000000;
-  background-image: -moz-linear-gradient(top, #000000, #000000);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
-  background-image: -webkit-linear-gradient(top, #000000, #000000);
-  background-image: -o-linear-gradient(top, #000000, #000000);
-  background-image: linear-gradient(to bottom, #000000, #000000);
-  background-repeat: repeat-x;
-  border-color: #000000 #000000 #000000;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-}
-
-.navbar .btn-navbar:hover,
-.navbar .btn-navbar:focus,
-.navbar .btn-navbar:active,
-.navbar .btn-navbar.active,
-.navbar .btn-navbar.disabled,
-.navbar .btn-navbar[disabled] {
-  color: #ffffff;
-  background-color: #000000;
-  *background-color: #000000;
-}
-
-.navbar .btn-navbar:active,
-.navbar .btn-navbar.active {
-  background-color: #000000 \9;
-}
-
-.navbar .btn-navbar .icon-bar {
-  display: block;
-  width: 18px;
-  height: 2px;
-  background-color: #f5f5f5;
-  -webkit-border-radius: 1px;
-     -moz-border-radius: 1px;
-          border-radius: 1px;
-  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-}
-
-.btn-navbar .icon-bar + .icon-bar {
-  margin-top: 3px;
-}
-
-.navbar .nav > li > .dropdown-menu:before {
-  position: absolute;
-  top: -7px;
-  left: 9px;
-  display: inline-block;
-  border-right: 7px solid transparent;
-  border-bottom: 7px solid #ccc;
-  border-left: 7px solid transparent;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  content: '';
-}
-
-.navbar .nav > li > .dropdown-menu:after {
-  position: absolute;
-  top: -6px;
-  left: 10px;
-  display: inline-block;
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid #ffffff;
-  border-left: 6px solid transparent;
-  content: '';
-}
-
-.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
-  top: auto;
-  bottom: -7px;
-  border-top: 7px solid #ccc;
-  border-bottom: 0;
-  border-top-color: rgba(0, 0, 0, 0.2);
-}
-
-.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
-  top: auto;
-  bottom: -6px;
-  border-top: 6px solid #ffffff;
-  border-bottom: 0;
-}
-
-.navbar .nav li.dropdown > a:hover .caret,
-.navbar .nav li.dropdown > a:focus .caret {
-  border-top-color: #bbbbbb;
-  border-bottom-color: #bbbbbb;
-}
-
-.navbar .nav li.dropdown.open > .dropdown-toggle,
-.navbar .nav li.dropdown.active > .dropdown-toggle,
-.navbar .nav li.dropdown.open.active > .dropdown-toggle {
-  color: #ffffff;
-  background-color: transparent;
-}
-
-.navbar .nav li.dropdown > .dropdown-toggle .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
-.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
-.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
-.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
-.navbar .pull-right > li > .dropdown-menu,
-.navbar .nav > li > .dropdown-menu.pull-right {
-  right: 0;
-  left: auto;
-}
-
-.navbar .pull-right > li > .dropdown-menu:before,
-.navbar .nav > li > .dropdown-menu.pull-right:before {
-  right: 12px;
-  left: auto;
-}
-
-.navbar .pull-right > li > .dropdown-menu:after,
-.navbar .nav > li > .dropdown-menu.pull-right:after {
-  right: 13px;
-  left: auto;
-}
-
-.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
-.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
-  right: 100%;
-  left: auto;
-  margin-right: -1px;
-  margin-left: 0;
-  -webkit-border-radius: 6px 0 6px 6px;
-     -moz-border-radius: 6px 0 6px 6px;
-          border-radius: 6px 0 6px 6px;
-}
-
-.navbar-inverse .navbar-inner {
-  background-color: #007fff;
-  background-image: -moz-linear-gradient(top, #007fff, #007fff);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007fff), to(#007fff));
-  background-image: -webkit-linear-gradient(top, #007fff, #007fff);
-  background-image: -o-linear-gradient(top, #007fff, #007fff);
-  background-image: linear-gradient(to bottom, #007fff, #007fff);
-  background-repeat: repeat-x;
-  border-color: transparent;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff007fff', endColorstr='#ff007fff', GradientType=0);
-}
-
-.navbar-inverse .brand,
-.navbar-inverse .nav > li > a {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-}
-
-.navbar-inverse .brand:hover,
-.navbar-inverse .nav > li > a:hover,
-.navbar-inverse .brand:focus,
-.navbar-inverse .nav > li > a:focus {
-  color: #ffffff;
-}
-
-.navbar-inverse .brand {
-  color: #ffffff;
-}
-
-.navbar-inverse .navbar-text {
-  color: #ffffff;
-}
-
-.navbar-inverse .nav > li > a:focus,
-.navbar-inverse .nav > li > a:hover {
-  color: #ffffff;
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-.navbar-inverse .nav .active > a,
-.navbar-inverse .nav .active > a:hover,
-.navbar-inverse .nav .active > a:focus {
-  color: #ffffff;
-  background-color: #007fff;
-}
-
-.navbar-inverse .navbar-link {
-  color: #ffffff;
-}
-
-.navbar-inverse .navbar-link:hover,
-.navbar-inverse .navbar-link:focus {
-  color: #ffffff;
-}
-
-.navbar-inverse .divider-vertical {
-  border-right-color: #007fff;
-  border-left-color: #007fff;
-}
-
-.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
-.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
-.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
-  color: #ffffff;
-  background-color: #007fff;
-}
-
-.navbar-inverse .nav li.dropdown > a:hover .caret,
-.navbar-inverse .nav li.dropdown > a:focus .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
-.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
-.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
-.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
-.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
-.navbar-inverse .navbar-search .search-query {
-  color: #ffffff;
-  background-color: #80bfff;
-  border-color: #007fff;
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
-     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
-          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
-  -webkit-transition: none;
-     -moz-transition: none;
-       -o-transition: none;
-          transition: none;
-}
-
-.navbar-inverse .navbar-search .search-query:-moz-placeholder {
-  color: #999999;
-}
-
-.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
-  color: #999999;
-}
-
-.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.navbar-inverse .navbar-search .search-query:focus,
-.navbar-inverse .navbar-search .search-query.focused {
-  padding: 5px 15px;
-  color: #999999;
-  text-shadow: 0 1px 0 #ffffff;
-  background-color: #ffffff;
-  border: 0;
-  outline: 0;
-  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-}
-
-.navbar-inverse .btn-navbar {
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #0072e6;
-  *background-color: #0072e6;
-  background-image: -moz-linear-gradient(top, #0072e6, #0072e6);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0072e6), to(#0072e6));
-  background-image: -webkit-linear-gradient(top, #0072e6, #0072e6);
-  background-image: -o-linear-gradient(top, #0072e6, #0072e6);
-  background-image: linear-gradient(to bottom, #0072e6, #0072e6);
-  background-repeat: repeat-x;
-  border-color: #0072e6 #0072e6 #004c99;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0072e6', endColorstr='#ff0072e6', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.navbar-inverse .btn-navbar:hover,
-.navbar-inverse .btn-navbar:focus,
-.navbar-inverse .btn-navbar:active,
-.navbar-inverse .btn-navbar.active,
-.navbar-inverse .btn-navbar.disabled,
-.navbar-inverse .btn-navbar[disabled] {
-  color: #ffffff;
-  background-color: #0072e6;
-  *background-color: #0066cc;
-}
-
-.navbar-inverse .btn-navbar:active,
-.navbar-inverse .btn-navbar.active {
-  background-color: #0059b3 \9;
-}
-
-.breadcrumb {
-  padding: 8px 15px;
-  margin: 0 0 20px;
-  list-style: none;
-  background-color: #f5f5f5;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.breadcrumb > li {
-  display: inline-block;
-  *display: inline;
-  text-shadow: 0 1px 0 #ffffff;
-  *zoom: 1;
-}
-
-.breadcrumb > li > .divider {
-  padding: 0 5px;
-  color: #ccc;
-}
-
-.breadcrumb > .active {
-  color: #dfdfdf;
-}
-
-.pagination {
-  margin: 20px 0;
-}
-
-.pagination ul {
-  display: inline-block;
-  *display: inline;
-  margin-bottom: 0;
-  margin-left: 0;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  *zoom: 1;
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.pagination ul > li {
-  display: inline;
-}
-
-.pagination ul > li > a,
-.pagination ul > li > span {
-  float: left;
-  padding: 4px 12px;
-  line-height: 20px;
-  text-decoration: none;
-  background-color: #dfdfdf;
-  border: 1px solid transparent;
-  border-left-width: 0;
-}
-
-.pagination ul > li > a:hover,
-.pagination ul > li > a:focus,
-.pagination ul > .active > a,
-.pagination ul > .active > span {
-  background-color: #007fff;
-}
-
-.pagination ul > .active > a,
-.pagination ul > .active > span {
-  color: #dfdfdf;
-  cursor: default;
-}
-
-.pagination ul > .disabled > span,
-.pagination ul > .disabled > a,
-.pagination ul > .disabled > a:hover,
-.pagination ul > .disabled > a:focus {
-  color: #dfdfdf;
-  cursor: default;
-  background-color: transparent;
-}
-
-.pagination ul > li:first-child > a,
-.pagination ul > li:first-child > span {
-  border-left-width: 1px;
-  -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
-  -webkit-border-top-left-radius: 0;
-          border-top-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  -moz-border-radius-topleft: 0;
-}
-
-.pagination ul > li:last-child > a,
-.pagination ul > li:last-child > span {
-  -webkit-border-top-right-radius: 0;
-          border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
-  -moz-border-radius-topright: 0;
-  -moz-border-radius-bottomright: 0;
-}
-
-.pagination-centered {
-  text-align: center;
-}
-
-.pagination-right {
-  text-align: right;
-}
-
-.pagination-large ul > li > a,
-.pagination-large ul > li > span {
-  padding: 22px 30px;
-  font-size: 17.5px;
-}
-
-.pagination-large ul > li:first-child > a,
-.pagination-large ul > li:first-child > span {
-  -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
-  -webkit-border-top-left-radius: 0;
-          border-top-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  -moz-border-radius-topleft: 0;
-}
-
-.pagination-large ul > li:last-child > a,
-.pagination-large ul > li:last-child > span {
-  -webkit-border-top-right-radius: 0;
-          border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
-  -moz-border-radius-topright: 0;
-  -moz-border-radius-bottomright: 0;
-}
-
-.pagination-mini ul > li:first-child > a,
-.pagination-small ul > li:first-child > a,
-.pagination-mini ul > li:first-child > span,
-.pagination-small ul > li:first-child > span {
-  -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
-  -webkit-border-top-left-radius: 0;
-          border-top-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  -moz-border-radius-topleft: 0;
-}
-
-.pagination-mini ul > li:last-child > a,
-.pagination-small ul > li:last-child > a,
-.pagination-mini ul > li:last-child > span,
-.pagination-small ul > li:last-child > span {
-  -webkit-border-top-right-radius: 0;
-          border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
-  -moz-border-radius-topright: 0;
-  -moz-border-radius-bottomright: 0;
-}
-
-.pagination-small ul > li > a,
-.pagination-small ul > li > span {
-  padding: 2px 10px;
-  font-size: 11.9px;
-}
-
-.pagination-mini ul > li > a,
-.pagination-mini ul > li > span {
-  padding: 2px 6px;
-  font-size: 10.5px;
-}
-
-.pager {
-  margin: 20px 0;
-  text-align: center;
-  list-style: none;
-  *zoom: 1;
-}
-
-.pager:before,
-.pager:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.pager:after {
-  clear: both;
-}
-
-.pager li {
-  display: inline;
-}
-
-.pager li > a,
-.pager li > span {
-  display: inline-block;
-  padding: 5px 14px;
-  background-color: #fff;
-  border: 1px solid #ddd;
-  -webkit-border-radius: 15px;
-     -moz-border-radius: 15px;
-          border-radius: 15px;
-}
-
-.pager li > a:hover,
-.pager li > a:focus {
-  text-decoration: none;
-  background-color: #f5f5f5;
-}
-
-.pager .next > a,
-.pager .next > span {
-  float: right;
-}
-
-.pager .previous > a,
-.pager .previous > span {
-  float: left;
-}
-
-.pager .disabled > a,
-.pager .disabled > a:hover,
-.pager .disabled > a:focus,
-.pager .disabled > span {
-  color: #dfdfdf;
-  cursor: default;
-  background-color: #fff;
-}
-
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1040;
-  background-color: #000000;
-}
-
-.modal-backdrop.fade {
-  opacity: 0;
-}
-
-.modal-backdrop,
-.modal-backdrop.fade.in {
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-
-.modal {
-  position: fixed;
-  top: 10%;
-  left: 50%;
-  z-index: 1050;
-  width: 560px;
-  margin-left: -280px;
-  background-color: #ffffff;
-  border: 1px solid #999;
-  border: 1px solid rgba(0, 0, 0, 0.3);
-  *border: 1px solid #999;
-  -webkit-border-radius: 6px;
-     -moz-border-radius: 6px;
-          border-radius: 6px;
-  outline: none;
-  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-  -webkit-background-clip: padding-box;
-     -moz-background-clip: padding-box;
-          background-clip: padding-box;
-}
-
-.modal.fade {
-  top: -25%;
-  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
-     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
-       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
-          transition: opacity 0.3s linear, top 0.3s ease-out;
-}
-
-.modal.fade.in {
-  top: 10%;
-}
-
-.modal-header {
-  padding: 9px 15px;
-  border-bottom: 1px solid #eee;
-}
-
-.modal-header .close {
-  margin-top: 2px;
-}
-
-.modal-header h3 {
-  margin: 0;
-  line-height: 30px;
-}
-
-.modal-body {
-  position: relative;
-  max-height: 400px;
-  padding: 15px;
-  overflow-y: auto;
-}
-
-.modal-form {
-  margin-bottom: 0;
-}
-
-.modal-footer {
-  padding: 14px 15px 15px;
-  margin-bottom: 0;
-  text-align: right;
-  background-color: #f5f5f5;
-  border-top: 1px solid #ddd;
-  -webkit-border-radius: 0 0 6px 6px;
-     -moz-border-radius: 0 0 6px 6px;
-          border-radius: 0 0 6px 6px;
-  *zoom: 1;
-  -webkit-box-shadow: inset 0 1px 0 #ffffff;
-     -moz-box-shadow: inset 0 1px 0 #ffffff;
-          box-shadow: inset 0 1px 0 #ffffff;
-}
-
-.modal-footer:before,
-.modal-footer:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.modal-footer:after {
-  clear: both;
-}
-
-.modal-footer .btn + .btn {
-  margin-bottom: 0;
-  margin-left: 5px;
-}
-
-.modal-footer .btn-group .btn + .btn {
-  margin-left: -1px;
-}
-
-.modal-footer .btn-block + .btn-block {
-  margin-left: 0;
-}
-
-.tooltip {
-  position: absolute;
-  z-index: 1030;
-  display: block;
-  font-size: 11px;
-  line-height: 1.4;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  visibility: visible;
-}
-
-.tooltip.in {
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-
-.tooltip.top {
-  padding: 5px 0;
-  margin-top: -3px;
-}
-
-.tooltip.right {
-  padding: 0 5px;
-  margin-left: 3px;
-}
-
-.tooltip.bottom {
-  padding: 5px 0;
-  margin-top: 3px;
-}
-
-.tooltip.left {
-  padding: 0 5px;
-  margin-left: -3px;
-}
-
-.tooltip-inner {
-  max-width: 200px;
-  padding: 8px;
-  color: #ffffff;
-  text-align: center;
-  text-decoration: none;
-  background-color: #000000;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
-.tooltip.top .tooltip-arrow {
-  bottom: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-top-color: #000000;
-  border-width: 5px 5px 0;
-}
-
-.tooltip.right .tooltip-arrow {
-  top: 50%;
-  left: 0;
-  margin-top: -5px;
-  border-right-color: #000000;
-  border-width: 5px 5px 5px 0;
-}
-
-.tooltip.left .tooltip-arrow {
-  top: 50%;
-  right: 0;
-  margin-top: -5px;
-  border-left-color: #000000;
-  border-width: 5px 0 5px 5px;
-}
-
-.tooltip.bottom .tooltip-arrow {
-  top: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-bottom-color: #000000;
-  border-width: 0 5px 5px;
-}
-
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1010;
-  display: none;
-  max-width: 276px;
-  padding: 1px;
-  text-align: left;
-  white-space: normal;
-  background-color: #ff7518;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  -webkit-border-radius: 6px;
-     -moz-border-radius: 6px;
-          border-radius: 6px;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-  -webkit-background-clip: padding-box;
-     -moz-background-clip: padding;
-          background-clip: padding-box;
-}
-
-.popover.top {
-  margin-top: -10px;
-}
-
-.popover.right {
-  margin-left: 10px;
-}
-
-.popover.bottom {
-  margin-top: 10px;
-}
-
-.popover.left {
-  margin-left: -10px;
-}
-
-.popover-title {
-  padding: 8px 14px;
-  margin: 0;
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 18px;
-  background-color: #ff7518;
-  border-bottom: 1px solid #fe6600;
-  -webkit-border-radius: 5px 5px 0 0;
-     -moz-border-radius: 5px 5px 0 0;
-          border-radius: 5px 5px 0 0;
-}
-
-.popover-title:empty {
-  display: none;
-}
-
-.popover-content {
-  padding: 9px 14px;
-}
-
-.popover .arrow,
-.popover .arrow:after {
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
-.popover .arrow {
-  border-width: 16px;
-}
-
-.popover .arrow:after {
-  border-width: 15px;
-  content: "";
-}
-
-.popover.top .arrow {
-  bottom: -16px;
-  left: 50%;
-  margin-left: -16px;
-  border-top-color: #999;
-  border-top-color: transparent;
-  border-bottom-width: 0;
-}
-
-.popover.top .arrow:after {
-  bottom: 1px;
-  margin-left: -15px;
-  border-top-color: #ff7518;
-  border-bottom-width: 0;
-}
-
-.popover.right .arrow {
-  top: 50%;
-  left: -16px;
-  margin-top: -16px;
-  border-right-color: #999;
-  border-right-color: transparent;
-  border-left-width: 0;
-}
-
-.popover.right .arrow:after {
-  bottom: -15px;
-  left: 1px;
-  border-right-color: #ff7518;
-  border-left-width: 0;
-}
-
-.popover.bottom .arrow {
-  top: -16px;
-  left: 50%;
-  margin-left: -16px;
-  border-bottom-color: #999;
-  border-bottom-color: transparent;
-  border-top-width: 0;
-}
-
-.popover.bottom .arrow:after {
-  top: 1px;
-  margin-left: -15px;
-  border-bottom-color: #ff7518;
-  border-top-width: 0;
-}
-
-.popover.left .arrow {
-  top: 50%;
-  right: -16px;
-  margin-top: -16px;
-  border-left-color: #999;
-  border-left-color: transparent;
-  border-right-width: 0;
-}
-
-.popover.left .arrow:after {
-  right: 1px;
-  bottom: -15px;
-  border-left-color: #ff7518;
-  border-right-width: 0;
-}
-
-.thumbnails {
-  margin-left: -20px;
-  list-style: none;
-  *zoom: 1;
-}
-
-.thumbnails:before,
-.thumbnails:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.thumbnails:after {
-  clear: both;
-}
-
-.row-fluid .thumbnails {
-  margin-left: 0;
-}
-
-.thumbnails > li {
-  float: left;
-  margin-bottom: 20px;
-  margin-left: 20px;
-}
-
-.thumbnail {
-  display: block;
-  padding: 4px;
-  line-height: 20px;
-  border: 1px solid #ddd;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-  -webkit-transition: all 0.2s ease-in-out;
-     -moz-transition: all 0.2s ease-in-out;
-       -o-transition: all 0.2s ease-in-out;
-          transition: all 0.2s ease-in-out;
-}
-
-a.thumbnail:hover,
-a.thumbnail:focus {
-  border-color: #007fff;
-  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-}
-
-.thumbnail > img {
-  display: block;
-  max-width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.thumbnail .caption {
-  padding: 9px;
-  color: #bbbbbb;
-}
-
-.media,
-.media-body {
-  overflow: hidden;
-  *overflow: visible;
-  zoom: 1;
-}
-
-.media,
-.media .media {
-  margin-top: 15px;
-}
-
-.media:first-child {
-  margin-top: 0;
-}
-
-.media-object {
-  display: block;
-}
-
-.media-heading {
-  margin: 0 0 5px;
-}
-
-.media > .pull-left {
-  margin-right: 10px;
-}
-
-.media > .pull-right {
-  margin-left: 10px;
-}
-
-.media-list {
-  margin-left: 0;
-  list-style: none;
-}
-
-.label,
-.badge {
-  display: inline-block;
-  padding: 2px 4px;
-  font-size: 11.844px;
-  font-weight: bold;
-  line-height: 14px;
-  color: #ffffff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  white-space: nowrap;
-  vertical-align: baseline;
-  background-color: #dfdfdf;
-}
-
-.label {
-  -webkit-border-radius: 3px;
-     -moz-border-radius: 3px;
-          border-radius: 3px;
-}
-
-.badge {
-  padding-right: 9px;
-  padding-left: 9px;
-  -webkit-border-radius: 9px;
-     -moz-border-radius: 9px;
-          border-radius: 9px;
-}
-
-.label:empty,
-.badge:empty {
-  display: none;
-}
-
-a.label:hover,
-a.label:focus,
-a.badge:hover,
-a.badge:focus {
-  color: #ffffff;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.label-important,
-.badge-important {
-  background-color: #ffffff;
-}
-
-.label-important[href],
-.badge-important[href] {
-  background-color: #e6e6e6;
-}
-
-.label-warning,
-.badge-warning {
-  background-color: #ff7518;
-}
-
-.label-warning[href],
-.badge-warning[href] {
-  background-color: #e45c00;
-}
-
-.label-success,
-.badge-success {
-  background-color: #ffffff;
-}
-
-.label-success[href],
-.badge-success[href] {
-  background-color: #e6e6e6;
-}
-
-.label-info,
-.badge-info {
-  background-color: #ffffff;
-}
-
-.label-info[href],
-.badge-info[href] {
-  background-color: #e6e6e6;
-}
-
-.label-inverse,
-.badge-inverse {
-  background-color: #999999;
-}
-
-.label-inverse[href],
-.badge-inverse[href] {
-  background-color: #808080;
-}
-
-.btn .label,
-.btn .badge {
-  position: relative;
-  top: -1px;
-}
-
-.btn-mini .label,
-.btn-mini .badge {
-  top: 0;
-}
-
-@-webkit-keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-@-moz-keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-@-ms-keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-@-o-keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0;
-  }
-  to {
-    background-position: 40px 0;
-  }
-}
-
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-.progress {
-  height: 20px;
-  margin-bottom: 20px;
-  overflow: hidden;
-  background-color: #f7f7f7;
-  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
-  background-repeat: repeat-x;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-
-.progress .bar {
-  float: left;
-  width: 0;
-  height: 100%;
-  font-size: 12px;
-  color: #ffffff;
-  text-align: center;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  background-color: #0e90d2;
-  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
-  background-image: -o-linear-gradient(top, #149bdf, #0480be);
-  background-image: linear-gradient(to bottom, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-  -webkit-transition: width 0.6s ease;
-     -moz-transition: width 0.6s ease;
-       -o-transition: width 0.6s ease;
-          transition: width 0.6s ease;
-}
-
-.progress .bar + .bar {
-  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-}
-
-.progress-striped .bar {
-  background-color: #149bdf;
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  -webkit-background-size: 40px 40px;
-     -moz-background-size: 40px 40px;
-       -o-background-size: 40px 40px;
-          background-size: 40px 40px;
-}
-
-.progress.active .bar {
-  -webkit-animation: progress-bar-stripes 2s linear infinite;
-     -moz-animation: progress-bar-stripes 2s linear infinite;
-      -ms-animation: progress-bar-stripes 2s linear infinite;
-       -o-animation: progress-bar-stripes 2s linear infinite;
-          animation: progress-bar-stripes 2s linear infinite;
-}
-
-.progress-danger .bar,
-.progress .bar-danger {
-  background-color: #dd514c;
-  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
-}
-
-.progress-danger.progress-striped .bar,
-.progress-striped .bar-danger {
-  background-color: #ee5f5b;
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-}
-
-.progress-success .bar,
-.progress .bar-success {
-  background-color: #5eb95e;
-  background-image: -moz-linear-gradient(top, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
-  background-image: -o-linear-gradient(top, #62c462, #57a957);
-  background-image: linear-gradient(to bottom, #62c462, #57a957);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
-}
-
-.progress-success.progress-striped .bar,
-.progress-striped .bar-success {
-  background-color: #62c462;
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-}
-
-.progress-info .bar,
-.progress .bar-info {
-  background-color: #4bb1cf;
-  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
-  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
-}
-
-.progress-info.progress-striped .bar,
-.progress-striped .bar-info {
-  background-color: #5bc0de;
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-}
-
-.progress-warning .bar,
-.progress .bar-warning {
-  background-color: #ff9046;
-  background-image: -moz-linear-gradient(top, #ffa365, #ff7518);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa365), to(#ff7518));
-  background-image: -webkit-linear-gradient(top, #ffa365, #ff7518);
-  background-image: -o-linear-gradient(top, #ffa365, #ff7518);
-  background-image: linear-gradient(to bottom, #ffa365, #ff7518);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa365', endColorstr='#ffff7518', GradientType=0);
-}
-
-.progress-warning.progress-striped .bar,
-.progress-striped .bar-warning {
-  background-color: #ffa365;
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-}
-
-.accordion {
-  margin-bottom: 20px;
-}
-
-.accordion-group {
-  margin-bottom: 2px;
-  border: 1px solid #e5e5e5;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.accordion-heading {
-  border-bottom: 0;
-}
-
-.accordion-heading .accordion-toggle {
-  display: block;
-  padding: 8px 15px;
-}
-
-.accordion-toggle {
-  cursor: pointer;
-}
-
-.accordion-inner {
-  padding: 9px 15px;
-  border-top: 1px solid #e5e5e5;
-}
-
-.carousel {
-  position: relative;
-  margin-bottom: 20px;
-  line-height: 1;
-}
-
-.carousel-inner {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-}
-
-.carousel-inner > .item {
-  position: relative;
-  display: none;
-  -webkit-transition: 0.6s ease-in-out left;
-     -moz-transition: 0.6s ease-in-out left;
-       -o-transition: 0.6s ease-in-out left;
-          transition: 0.6s ease-in-out left;
-}
-
-.carousel-inner > .item > img,
-.carousel-inner > .item > a > img {
-  display: block;
-  line-height: 1;
-}
-
-.carousel-inner > .active,
-.carousel-inner > .next,
-.carousel-inner > .prev {
-  display: block;
-}
-
-.carousel-inner > .active {
-  left: 0;
-}
-
-.carousel-inner > .next,
-.carousel-inner > .prev {
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.carousel-inner > .next {
-  left: 100%;
-}
-
-.carousel-inner > .prev {
-  left: -100%;
-}
-
-.carousel-inner > .next.left,
-.carousel-inner > .prev.right {
-  left: 0;
-}
-
-.carousel-inner > .active.left {
-  left: -100%;
-}
-
-.carousel-inner > .active.right {
-  left: 100%;
-}
-
-.carousel-control {
-  position: absolute;
-  top: 40%;
-  left: 15px;
-  width: 40px;
-  height: 40px;
-  margin-top: -20px;
-  font-size: 60px;
-  font-weight: 100;
-  line-height: 30px;
-  color: #ffffff;
-  text-align: center;
-  background: #080808;
-  border: 3px solid #ffffff;
-  -webkit-border-radius: 23px;
-     -moz-border-radius: 23px;
-          border-radius: 23px;
-  opacity: 0.5;
-  filter: alpha(opacity=50);
-}
-
-.carousel-control.right {
-  right: 15px;
-  left: auto;
-}
-
-.carousel-control:hover,
-.carousel-control:focus {
-  color: #ffffff;
-  text-decoration: none;
-  opacity: 0.9;
-  filter: alpha(opacity=90);
-}
-
-.carousel-indicators {
-  position: absolute;
-  top: 15px;
-  right: 15px;
-  z-index: 5;
-  margin: 0;
-  list-style: none;
-}
-
-.carousel-indicators li {
-  display: block;
-  float: left;
-  width: 10px;
-  height: 10px;
-  margin-left: 5px;
-  text-indent: -999px;
-  background-color: #ccc;
-  background-color: rgba(255, 255, 255, 0.25);
-  border-radius: 5px;
-}
-
-.carousel-indicators .active {
-  background-color: #fff;
-}
-
-.carousel-caption {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: 15px;
-  background: #999999;
-  background: rgba(0, 0, 0, 0.75);
-}
-
-.carousel-caption h4,
-.carousel-caption p {
-  line-height: 20px;
-  color: #ffffff;
-}
-
-.carousel-caption h4 {
-  margin: 0 0 5px;
-}
-
-.carousel-caption p {
-  margin-bottom: 0;
-}
-
-.hero-unit {
-  padding: 60px;
-  margin-bottom: 30px;
-  font-size: 18px;
-  font-weight: 200;
-  line-height: 30px;
-  color: inherit;
-  background-color: #eeeeee;
-  -webkit-border-radius: 6px;
-     -moz-border-radius: 6px;
-          border-radius: 6px;
-}
-
-.hero-unit h1 {
-  margin-bottom: 0;
-  font-size: 60px;
-  line-height: 1;
-  letter-spacing: -1px;
-  color: inherit;
-}
-
-.hero-unit li {
-  line-height: 30px;
-}
-
-.pull-right {
-  float: right;
-}
-
-.pull-left {
-  float: left;
-}
-
-.hide {
-  display: none;
-}
-
-.show {
-  display: block;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.affix {
-  position: fixed;
-}
-
-body {
-  font-weight: 300;
-}
-
-h1 {
-  font-size: 50px;
-}
-
-h2,
-h3 {
-  font-size: 26px;
-}
-
-h4 {
-  font-size: 14px;
-}
-
-h5,
-h6 {
-  font-size: 11px;
-}
-
-blockquote {
-  padding: 10px 15px;
-  background-color: #eeeeee;
-  border-left-color: #bbbbbb;
-}
-
-blockquote.pull-right {
-  padding: 10px 15px;
-  border-right-color: #bbbbbb;
-}
-
-blockquote small {
-  color: #bbbbbb;
-}
-
-.muted {
-  color: #bbbbbb;
-}
-
-.text-warning {
-  color: #ff7518;
-}
-
-a.text-warning:hover {
-  color: #e45c00;
-}
-
-.text-error {
-  color: #ff0039;
-}
-
-a.text-error:hover {
-  color: #cc002e;
-}
-
-.text-info {
-  color: #9954bb;
-}
-
-a.text-info:hover {
-  color: #7e3f9d;
-}
-
-.text-success {
-  color: #3fb618;
-}
-
-a.text-success:hover {
-  color: #2f8912;
-}
-
-.navbar .navbar-inner {
-  background-image: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.navbar .brand:hover {
-  color: #bbbbbb;
-}
-
-.navbar .nav > .active > a,
-.navbar .nav > .active > a:hover,
-.navbar .nav > .active > a:focus {
-  background-color: rgba(0, 0, 0, 0.05);
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.navbar .nav li.dropdown.open > .dropdown-toggle,
-.navbar .nav li.dropdown.active > .dropdown-toggle,
-.navbar .nav li.dropdown.open.active > .dropdown-toggle {
-  color: #ffffff;
-}
-
-.navbar .nav li.dropdown.open > .dropdown-toggle:hover,
-.navbar .nav li.dropdown.active > .dropdown-toggle:hover,
-.navbar .nav li.dropdown.open.active > .dropdown-toggle:hover {
-  color: #eeeeee;
-}
-
-.navbar .navbar-search .search-query {
-  line-height: normal;
-}
-
-.navbar-inverse .brand,
-.navbar-inverse .nav > li > a {
-  text-shadow: none;
-}
-
-.navbar-inverse .brand:hover,
-.navbar-inverse .nav > .active > a,
-.navbar-inverse .nav > .active > a:hover,
-.navbar-inverse .nav > .active > a:focus {
-  color: #ffffff;
-  background-color: rgba(0, 0, 0, 0.05);
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.navbar-inverse .navbar-search .search-query {
-  color: #080808;
-}
-
-div.subnav {
-  margin: 0 1px;
-  background: #dfdfdf none;
-  border: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-div.subnav .nav {
-  background-color: transparent;
-}
-
-div.subnav .nav > li > a {
-  border-color: transparent;
-}
-
-div.subnav .nav > .active > a,
-div.subnav .nav > .active > a:hover {
-  color: #ffffff;
-  background-color: #000000;
-  border-color: transparent;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-div.subnav-fixed {
-  top: 51px;
-  margin: 0;
-}
-
-.nav .open .dropdown-toggle,
-.nav > li.dropdown.open.active > a:hover {
-  color: #007fff;
-}
-
-.nav-tabs > li > a {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.nav-tabs.nav-stacked > li > a:hover {
-  color: #ffffff;
-  background-color: #007fff;
-}
-
-.nav-tabs.nav-stacked > .active > a,
-.nav-tabs.nav-stacked > .active > a:hover {
-  color: #bbbbbb;
-  background-color: #ffffff;
-}
-
-.nav-tabs.nav-stacked > li:first-child > a,
-.nav-tabs.nav-stacked > li:last-child > a {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.tabs-below > .nav-tabs > li > a,
-.tabs-left > .nav-tabs > li > a,
-.tabs-right > .nav-tabs > li > a {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.nav-pills > li > a {
-  color: #000000;
-  background-color: #dfdfdf;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.nav-pills > li > a:hover {
-  color: #ffffff;
-  background-color: #000000;
-}
-
-.nav-pills > .disabled > a,
-.nav-pills > .disabled > a:hover {
-  color: #999999;
-  background-color: #eeeeee;
-}
-
-.nav-list > li > a {
-  color: #080808;
-}
-
-.nav-list > li > a:hover {
-  color: #ffffff;
-  text-shadow: none;
-  background-color: #007fff;
-}
-
-.nav-list .nav-header {
-  color: #080808;
-}
-
-.nav-list .divider {
-  background-color: #bbbbbb;
-  border-bottom: none;
-}
-
-.pagination ul {
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.pagination ul > li > a,
-.pagination ul > li > span {
-  margin-right: 6px;
-  color: #080808;
-}
-
-.pagination ul > li > a:hover,
-.pagination ul > li > span:hover {
-  color: #ffffff;
-  background-color: #080808;
-}
-
-.pagination ul > li:last-child > a,
-.pagination ul > li:last-child > span {
-  margin-right: 0;
-}
-
-.pagination ul > .active > a,
-.pagination ul > .active > span {
-  color: #ffffff;
-}
-
-.pagination ul > .disabled > span,
-.pagination ul > .disabled > a,
-.pagination ul > .disabled > a:hover {
-  color: #999999;
-  background-color: #eeeeee;
-}
-
-.pager li > a,
-.pager li > span {
-  color: #080808;
-  background-color: #dfdfdf;
-  border: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.pager li > a:hover,
-.pager li > span:hover {
-  color: #ffffff;
-  background-color: #080808;
-}
-
-.pager .disabled > a,
-.pager .disabled > a:hover,
-.pager .disabled > span {
-  color: #999999;
-  background-color: #eeeeee;
-}
-
-.breadcrumb {
-  background-color: #dfdfdf;
-}
-
-.breadcrumb li {
-  text-shadow: none;
-}
-
-.breadcrumb .divider,
-.breadcrumb .active {
-  color: #080808;
-  text-shadow: none;
-}
-
-.btn {
-  padding: 5px 12px;
-  text-shadow: none;
-  background-image: none;
-  border: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.btn.disabled {
-  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.btn-large {
-  padding: 22px 30px;
-}
-
-.btn-small {
-  padding: 2px 10px;
-}
-
-.btn-mini {
-  padding: 2px 6px;
-}
-
-.btn-group > .btn:first-child,
-.btn-group > .btn:last-child,
-.btn-group > .dropdown-toggle {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.btn-group > .btn + .dropdown-toggle {
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.table tbody tr.success td,
-.table tbody tr.error td,
-.table tbody tr.info td,
-.table tbody tr.warning td {
-  color: #ffffff;
-}
-
-.table-bordered {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.table-bordered thead:first-child tr:first-child th:first-child,
-.table-bordered tbody:first-child tr:first-child td:first-child {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.table-bordered thead:last-child tr:last-child th:first-child,
-.table-bordered tbody:last-child tr:last-child td:first-child,
-.table-bordered tfoot:last-child tr:last-child td:first-child {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-select,
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"] {
-  color: #080808;
-}
-
-.control-group.warning .control-label,
-.control-group.warning .help-block,
-.control-group.warning .help-inline {
-  color: #ff7518;
-}
-
-.control-group.warning input,
-.control-group.warning select,
-.control-group.warning textarea {
-  color: #080808;
-  border-color: #ff7518;
-}
-
-.control-group.error .control-label,
-.control-group.error .help-block,
-.control-group.error .help-inline {
-  color: #ff0039;
-}
-
-.control-group.error input,
-.control-group.error select,
-.control-group.error textarea {
-  color: #080808;
-  border-color: #ff0039;
-}
-
-.control-group.info .control-label,
-.control-group.info .help-block,
-.control-group.info .help-inline {
-  color: #9954bb;
-}
-
-.control-group.info input,
-.control-group.info select,
-.control-group.info textarea {
-  color: #080808;
-  border-color: #9954bb;
-}
-
-.control-group.success .control-label,
-.control-group.success .help-block,
-.control-group.success .help-inline {
-  color: #3fb618;
-}
-
-.control-group.success input,
-.control-group.success select,
-.control-group.success textarea {
-  color: #080808;
-  border-color: #3fb618;
-}
-
-legend {
-  color: #080808;
-  border-bottom: none;
-}
-
-.form-actions {
-  background-color: #eeeeee;
-  border-top: none;
-}
-
-.dropdown-menu {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.alert {
-  text-shadow: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.alert-heading,
-.alert h1,
-.alert h2,
-.alert h3,
-.alert h4,
-.alert h5,
-.alert h6 {
-  color: #ffffff;
-}
-
-.label {
-  min-width: 80px;
-  min-height: 80px;
-  font-weight: 300;
-  text-shadow: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.label-success {
-  background-color: #3fb618;
-}
-
-.label-important {
-  background-color: #ff0039;
-}
-
-.label-info {
-  background-color: #9954bb;
-}
-
-.label-inverse {
-  background-color: #000000;
-}
-
-.badge {
-  font-weight: 300;
-  text-shadow: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.badge-success {
-  background-color: #3fb618;
-}
-
-.badge-important {
-  background-color: #ff0039;
-}
-
-.badge-info {
-  background-color: #9954bb;
-}
-
-.badge-inverse {
-  background-color: #000000;
-}
-
-.hero-unit {
-  border: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.well {
-  border: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-[class^="icon-"],
-[class*=" icon-"] {
-  margin: 0 2px;
-  vertical-align: -2px;
-}
-
-a.thumbnail {
-  background-color: #dfdfdf;
-}
-
-a.thumbnail:hover {
-  background-color: #bbbbbb;
-  border-color: transparent;
-}
-
-.progress {
-  /* map overlay is way too small with this */
-  /* height: 6px; */
-  background-color: #eeeeee;
-  background-image: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-/* map overlay is way too small with this */
-/*
-.progress .bar {
-  background-color: #007fff;
-  background-image: none;
-}
-*/
-
-.progress-info {
-  background-color: #9954bb;
-}
-
-.progress-success {
-  background-color: #3fb618;
-}
-
-.progress-warning {
-  background-color: #ff7518;
-}
-
-.progress-danger {
-  background-color: #ff0039;
-}
-
-.modal {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.modal-header {
-  border-bottom: none;
-}
-
-.modal-footer {
-  background-color: transparent;
-  border-top: none;
-}
-
-.popover {
-  color: #ffffff;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-.popover-title {
-  color: #ffffff;
-  border-bottom: none;
-}
-
-.pull-right {
-  float: right;
-}
-
-.pull-left {
-  float: left;
-}
-
-.hide {
-  display: none;
-}
-
-.show {
-  display: block;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.affix {
-  position: fixed;
-}
diff --git a/src/main/webapp/static/css/bootstrap.min.css b/src/main/webapp/static/css/bootstrap.min.css
deleted file mode 100644
index 1ca451d94c..0000000000
--- a/src/main/webapp/static/css/bootstrap.min.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');/*!
- * Bootstrap v2.3.2
- *
- * Copyright 2013 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world by @mdo and @fat.
- */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:"Open Sans",Calibri,Candara,Arial,sans-serif;font-size:14px;line-height:20px;color:#555;background-color:#fff}a{color:#007fff;text-decoration:none}a:hover,a:focus{color:#06c;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%}.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%}.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%}.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%}.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%}.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%}.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%}.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%}.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%}.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%}.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%}.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%}.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%}.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%}.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%}.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%}.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%}.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%}.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%}.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%}.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%}.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%}.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%}.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%}.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%}.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%}.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;line-height:0;content:""}.container:after{clear:both}.container-fluid{padding-right:20px;padding-left:20px;*zoom:1}.container-fluid:before,.container-fluid:after{display:table;line-height:0;content:""}.container-fluid:after{clear:both}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px}small{font-size:85%}strong{font-weight:bold}em{font-style:italic}cite{font-style:normal}.muted{color:#dfdfdf}a.muted:hover,a.muted:focus{color:#c6c6c6}.text-warning{color:#fff}a.text-warning:hover,a.text-warning:focus{color:#e6e6e6}.text-error{color:#fff}a.text-error:hover,a.text-error:focus{color:#e6e6e6}.text-info{color:#fff}a.text-info:hover,a.text-info:focus{color:#e6e6e6}.text-success{color:#fff}a.text-success:hover,a.text-success:focus{color:#e6e6e6}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:300;line-height:20px;color:#080808;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#dfdfdf}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eee}ul,ol{padding:0;margin:0 0 10px 25px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{line-height:20px}ul.unstyled,ol.unstyled{margin-left:0;list-style:none}ul.inline,ol.inline{margin-left:0;list-style:none}ul.inline>li,ol.inline>li{display:inline-block;*display:inline;padding-right:5px;padding-left:5px;*zoom:1}dl{margin-bottom:20px}dt,dd{line-height:20px}dt{font-weight:bold}dd{margin-left:10px}.dl-horizontal{*zoom:1}.dl-horizontal:before,.dl-horizontal:after{display:table;line-height:0;content:""}.dl-horizontal:after{clear:both}.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #dfdfdf}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25}blockquote small{display:block;line-height:20px;color:#dfdfdf}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}code{padding:2px 4px;color:#d14;white-space:nowrap;background-color:#f7f7f9;border:1px solid #e1e1e8}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}pre.prettyprint{margin-bottom:20px}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}form{margin:0 0 20px}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#999;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#dfdfdf}label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Open Sans",Calibri,Candara,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#bbb;vertical-align:middle;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input,textarea,.uneditable-input{width:206px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #bbb;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:220px;background-color:#fff;border:1px solid #bbb}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#dfdfdf;cursor:not-allowed;background-color:#fcfcfc;border-color:#bbb;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#bbb}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#fff}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#fff}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#e6e6e6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#fff;background-color:#ff7518;border-color:#fff}.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#fff}.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#fff}.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#e6e6e6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff}.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#fff;background-color:#ff0039;border-color:#fff}.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#fff}.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#fff}.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#e6e6e6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff}.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#fff;background-color:#3fb618;border-color:#fff}.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#fff}.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#fff}.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#e6e6e6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fff}.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#fff;background-color:#9954bb;border-color:#fff}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1}.form-actions:before,.form-actions:after{display:table;line-height:0;content:""}.form-actions:after{clear:both}.help-block,.help-inline{color:#7b7b7b}.help-block{display:block;margin-bottom:10px}.help-inline{display:inline-block;*display:inline;padding-left:5px;vertical-align:middle;*zoom:1}.input-append,.input-prepend{display:inline-block;margin-bottom:10px;font-size:0;white-space:nowrap;vertical-align:middle}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:14px}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2}.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .active,.input-prepend .active{background-color:#96ed7a;border-color:#3fb618}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px}.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px}.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append .btn-group:first-child{margin-left:0}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;margin-bottom:0;vertical-align:middle;*zoom:1}.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none}.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block}.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0}.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0}.control-group{margin-bottom:10px}legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}.form-horizontal .control-group{margin-bottom:20px;*zoom:1}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;line-height:0;content:""}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}.form-horizontal .controls:first-child{*padding-left:180px}.form-horizontal .help-block{margin-bottom:0}.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px}.form-horizontal .form-actions{padding-left:180px}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}.table{width:100%;margin-bottom:20px}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}.table th{font-weight:bold}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.table-bordered th,.table-bordered td{border-left:1px solid #ddd}.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topleft:0}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-topright:0}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomright:0}.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0}.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomright:0}.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topleft:0}.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-topright:0}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#e8f8fd}table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0}.table td.span1,.table th.span1{float:none;width:44px;margin-left:0}.table td.span2,.table th.span2{float:none;width:124px;margin-left:0}.table td.span3,.table th.span3{float:none;width:204px;margin-left:0}.table td.span4,.table th.span4{float:none;width:284px;margin-left:0}.table td.span5,.table th.span5{float:none;width:364px;margin-left:0}.table td.span6,.table th.span6{float:none;width:444px;margin-left:0}.table td.span7,.table th.span7{float:none;width:524px;margin-left:0}.table td.span8,.table th.span8{float:none;width:604px;margin-left:0}.table td.span9,.table th.span9{float:none;width:684px;margin-left:0}.table td.span10,.table th.span10{float:none;width:764px;margin-left:0}.table td.span11,.table th.span11{float:none;width:844px;margin-left:0}.table td.span12,.table th.span12{float:none;width:924px;margin-left:0}.table tbody tr.success>td{background-color:#3fb618}.table tbody tr.error>td{background-color:#ff0039}.table tbody tr.warning>td{background-color:#ff7518}.table tbody tr.info>td{background-color:#9954bb}.table-hover tbody tr.success:hover>td{background-color:#379f15}.table-hover tbody tr.error:hover>td{background-color:#e60033}.table-hover tbody tr.warning:hover>td{background-color:#fe6600}.table-hover tbody tr.info:hover>td{background-color:#8d46b0}[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]{background-image:url("../img/glyphicons-halflings-white.png")}.icon-glass{background-position:0 0}.icon-music{background-position:-24px 0}.icon-search{background-position:-48px 0}.icon-envelope{background-position:-72px 0}.icon-heart{background-position:-96px 0}.icon-star{background-position:-120px 0}.icon-star-empty{background-position:-144px 0}.icon-user{background-position:-168px 0}.icon-film{background-position:-192px 0}.icon-th-large{background-position:-216px 0}.icon-th{background-position:-240px 0}.icon-th-list{background-position:-264px 0}.icon-ok{background-position:-288px 0}.icon-remove{background-position:-312px 0}.icon-zoom-in{background-position:-336px 0}.icon-zoom-out{background-position:-360px 0}.icon-off{background-position:-384px 0}.icon-signal{background-position:-408px 0}.icon-cog{background-position:-432px 0}.icon-trash{background-position:-456px 0}.icon-home{background-position:0 -24px}.icon-file{background-position:-24px -24px}.icon-time{background-position:-48px -24px}.icon-road{background-position:-72px -24px}.icon-download-alt{background-position:-96px -24px}.icon-download{background-position:-120px -24px}.icon-upload{background-position:-144px -24px}.icon-inbox{background-position:-168px -24px}.icon-play-circle{background-position:-192px -24px}.icon-repeat{background-position:-216px -24px}.icon-refresh{background-position:-240px -24px}.icon-list-alt{background-position:-264px -24px}.icon-lock{background-position:-287px -24px}.icon-flag{background-position:-312px -24px}.icon-headphones{background-position:-336px -24px}.icon-volume-off{background-position:-360px -24px}.icon-volume-down{background-position:-384px -24px}.icon-volume-up{background-position:-408px -24px}.icon-qrcode{background-position:-432px -24px}.icon-barcode{background-position:-456px -24px}.icon-tag{background-position:0 -48px}.icon-tags{background-position:-25px -48px}.icon-book{background-position:-48px -48px}.icon-bookmark{background-position:-72px -48px}.icon-print{background-position:-96px -48px}.icon-camera{background-position:-120px -48px}.icon-font{background-position:-144px -48px}.icon-bold{background-position:-167px -48px}.icon-italic{background-position:-192px -48px}.icon-text-height{background-position:-216px -48px}.icon-text-width{background-position:-240px -48px}.icon-align-left{background-position:-264px -48px}.icon-align-center{background-position:-288px -48px}.icon-align-right{background-position:-312px -48px}.icon-align-justify{background-position:-336px -48px}.icon-list{background-position:-360px -48px}.icon-indent-left{background-position:-384px -48px}.icon-indent-right{background-position:-408px -48px}.icon-facetime-video{background-position:-432px -48px}.icon-picture{background-position:-456px -48px}.icon-pencil{background-position:0 -72px}.icon-map-marker{background-position:-24px -72px}.icon-adjust{background-position:-48px -72px}.icon-tint{background-position:-72px -72px}.icon-edit{background-position:-96px -72px}.icon-share{background-position:-120px -72px}.icon-check{background-position:-144px -72px}.icon-move{background-position:-168px -72px}.icon-step-backward{background-position:-192px -72px}.icon-fast-backward{background-position:-216px -72px}.icon-backward{background-position:-240px -72px}.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{width:16px;background-position:-216px -120px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{width:16px;background-position:-384px -120px}.icon-folder-open{width:16px;background-position:-408px -120px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.icon-hdd{background-position:0 -144px}.icon-bullhorn{background-position:-24px -144px}.icon-bell{background-position:-48px -144px}.icon-certificate{background-position:-72px -144px}.icon-thumbs-up{background-position:-96px -144px}.icon-thumbs-down{background-position:-120px -144px}.icon-hand-right{background-position:-144px -144px}.icon-hand-left{background-position:-168px -144px}.icon-hand-up{background-position:-192px -144px}.icon-hand-down{background-position:-216px -144px}.icon-circle-arrow-right{background-position:-240px -144px}.icon-circle-arrow-left{background-position:-264px -144px}.icon-circle-arrow-up{background-position:-288px -144px}.icon-circle-arrow-down{background-position:-312px -144px}.icon-globe{background-position:-336px -144px}.icon-wrench{background-position:-360px -144px}.icon-tasks{background-position:-384px -144px}.icon-filter{background-position:-408px -144px}.icon-briefcase{background-position:-432px -144px}.icon-fullscreen{background-position:-456px -144px}.dropup,.dropdown{position:relative}.dropdown-toggle{*margin-bottom:-3px}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent;content:""}.dropdown .caret{margin-top:8px;margin-left:2px}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#999;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{color:#fff;text-decoration:none;background-color:#007af5;background-image:-moz-linear-gradient(top,#007fff,#0072e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#007fff),to(#0072e6));background-image:-webkit-linear-gradient(top,#007fff,#0072e6);background-image:-o-linear-gradient(top,#007fff,#0072e6);background-image:linear-gradient(to bottom,#007fff,#0072e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff007fff',endColorstr='#ff0072e6',GradientType=0)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#007af5;background-image:-moz-linear-gradient(top,#007fff,#0072e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#007fff),to(#0072e6));background-image:-webkit-linear-gradient(top,#007fff,#0072e6);background-image:-o-linear-gradient(top,#007fff,#0072e6);background-image:linear-gradient(to bottom,#007fff,#0072e6);background-repeat:repeat-x;outline:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff007fff',endColorstr='#ff0072e6',GradientType=0)}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#dfdfdf}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:default;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open{*z-index:1000}.open>.dropdown-menu{display:block}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0}.dropdown-submenu>a:after{display:block;float:right;width:0;height:0;margin-top:5px;margin-right:-10px;border-color:transparent;border-left-color:#ccc;border-style:solid;border-width:5px 0 5px 5px;content:" "}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.dropdown .dropdown-menu .nav-header{padding-right:20px;padding-left:20px}.typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#eee;border:1px solid #dcdcdc;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-large{padding:24px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.well-small{padding:9px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#999;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#dfdfdf;*background-color:#c8c8c8;background-image:-moz-linear-gradient(top,#eee,#c8c8c8);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#c8c8c8));background-image:-webkit-linear-gradient(top,#eee,#c8c8c8);background-image:-o-linear-gradient(top,#eee,#c8c8c8);background-image:linear-gradient(to bottom,#eee,#c8c8c8);background-repeat:repeat-x;border:1px solid #bbb;*border:0;border-color:#c8c8c8 #c8c8c8 #a2a2a2;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#a2a2a2;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffc8c8c8',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#999;background-color:#c8c8c8;*background-color:#bbb}.btn:active,.btn.active{background-color:#aeaeae \9}.btn:first-child{*margin-left:0}.btn:hover,.btn:focus{color:#999;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-large{padding:22px 30px;font-size:17.5px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0}.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px}.btn-mini{padding:2px 6px;font-size:10.5px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-block{display:block;width:100%;padding-right:0;padding-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75)}.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0f82f5;*background-color:#0072e6;background-image:-moz-linear-gradient(top,#1a8cff,#0072e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1a8cff),to(#0072e6));background-image:-webkit-linear-gradient(top,#1a8cff,#0072e6);background-image:-o-linear-gradient(top,#1a8cff,#0072e6);background-image:linear-gradient(to bottom,#1a8cff,#0072e6);background-repeat:repeat-x;border-color:#0072e6 #0072e6 #004c99;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a8cff',endColorstr='#ff0072e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#0072e6;*background-color:#06c}.btn-primary:active,.btn-primary.active{background-color:#0059b3 \9}.btn-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#fe781e;*background-color:#fe6600;background-image:-moz-linear-gradient(top,#ff8432,#fe6600);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ff8432),to(#fe6600));background-image:-webkit-linear-gradient(top,#ff8432,#fe6600);background-image:-o-linear-gradient(top,#ff8432,#fe6600);background-image:linear-gradient(to bottom,#ff8432,#fe6600);background-repeat:repeat-x;border-color:#fe6600 #fe6600 #b14700;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8432',endColorstr='#fffe6600',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#fe6600;*background-color:#e45c00}.btn-warning:active,.btn-warning.active{background-color:#cb5200 \9}.btn-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#f50f43;*background-color:#e60033;background-image:-moz-linear-gradient(top,#ff1a4d,#e60033);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ff1a4d),to(#e60033));background-image:-webkit-linear-gradient(top,#ff1a4d,#e60033);background-image:-o-linear-gradient(top,#ff1a4d,#e60033);background-image:linear-gradient(to bottom,#ff1a4d,#e60033);background-repeat:repeat-x;border-color:#e60033 #e60033 #902;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1a4d',endColorstr='#ffe60033',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#e60033;*background-color:#cc002e}.btn-danger:active,.btn-danger.active{background-color:#b30028 \9}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#41bb19;*background-color:#379f15;background-image:-moz-linear-gradient(top,#47cd1b,#379f15);background-image:-webkit-gradient(linear,0 0,0 100%,from(#47cd1b),to(#379f15));background-image:-webkit-linear-gradient(top,#47cd1b,#379f15);background-image:-o-linear-gradient(top,#47cd1b,#379f15);background-image:linear-gradient(to bottom,#47cd1b,#379f15);background-repeat:repeat-x;border-color:#379f15 #379f15 #205c0c;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff47cd1b',endColorstr='#ff379f15',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#379f15;*background-color:#2f8912}.btn-success:active,.btn-success.active{background-color:#28720f \9}.btn-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#9b59bb;*background-color:#8d46b0;background-image:-moz-linear-gradient(top,#a466c2,#8d46b0);background-image:-webkit-gradient(linear,0 0,0 100%,from(#a466c2),to(#8d46b0));background-image:-webkit-linear-gradient(top,#a466c2,#8d46b0);background-image:-o-linear-gradient(top,#a466c2,#8d46b0);background-image:linear-gradient(to bottom,#a466c2,#8d46b0);background-repeat:repeat-x;border-color:#8d46b0 #8d46b0 #613079;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa466c2',endColorstr='#ff8d46b0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#8d46b0;*background-color:#7e3f9d}.btn-info:active,.btn-info.active{background-color:#6f378b \9}.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#080808;*background-color:#000;background-image:-moz-linear-gradient(top,#0d0d0d,#000);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0d0d0d),to(#000));background-image:-webkit-linear-gradient(top,#0d0d0d,#000);background-image:-o-linear-gradient(top,#0d0d0d,#000);background-image:linear-gradient(to bottom,#0d0d0d,#000);background-repeat:repeat-x;border-color:#000 #000 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d0d0d',endColorstr='#ff000000',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#000;*background-color:#000}.btn-inverse:active,.btn-inverse.active{background-color:#000 \9}button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0}button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px}button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px}button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px}.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-link{color:#007fff;cursor:pointer;border-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-link:hover,.btn-link:focus{color:#06c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#999;text-decoration:none}.btn-group{position:relative;display:inline-block;*display:inline;*margin-left:.3em;font-size:0;white-space:nowrap;vertical-align:middle;*zoom:1}.btn-group:first-child{*margin-left:0}.btn-group+.btn-group{margin-left:5px}.btn-toolbar{margin-top:10px;margin-bottom:10px;font-size:0}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:14px}.btn-group>.btn-mini{font-size:10.5px}.btn-group>.btn-small{font-size:11.9px}.btn-group>.btn-large{font-size:17.5px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}.btn-group>.btn.large:first-child{margin-left:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{*padding-top:5px;padding-right:8px;*padding-bottom:5px;padding-left:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.btn-group>.btn-mini+.dropdown-toggle{*padding-top:2px;padding-right:5px;*padding-bottom:2px;padding-left:5px}.btn-group>.btn-small+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px}.btn-group>.btn-large+.dropdown-toggle{*padding-top:7px;padding-right:12px;*padding-bottom:7px;padding-left:12px}.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}.btn-group.open .btn.dropdown-toggle{background-color:#c8c8c8}.btn-group.open .btn-primary.dropdown-toggle{background-color:#0072e6}.btn-group.open .btn-warning.dropdown-toggle{background-color:#fe6600}.btn-group.open .btn-danger.dropdown-toggle{background-color:#e60033}.btn-group.open .btn-success.dropdown-toggle{background-color:#379f15}.btn-group.open .btn-info.dropdown-toggle{background-color:#8d46b0}.btn-group.open .btn-inverse.dropdown-toggle{background-color:#000}.btn .caret{margin-top:8px;margin-left:0}.btn-large .caret{margin-top:6px}.btn-large .caret{border-top-width:5px;border-right-width:5px;border-left-width:5px}.btn-mini .caret,.btn-small .caret{margin-top:8px}.dropup .btn-large .caret{border-bottom-width:5px}.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#fff;border-bottom-color:#fff}.btn-group-vertical{display:inline-block;*display:inline;*zoom:1}.btn-group-vertical>.btn{display:block;float:none;max-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group-vertical>.btn+.btn{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group-vertical>.btn:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group-vertical>.btn-large:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group-vertical>.btn-large:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#ff7518;border:1px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.alert,.alert h4{color:#fff}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-success{color:#fff;background-color:#3fb618;border-color:transparent}.alert-success h4{color:#fff}.alert-danger,.alert-error{color:#fff;background-color:#ff0039;border-color:transparent}.alert-danger h4,.alert-error h4{color:#fff}.alert-info{color:#fff;background-color:#9954bb;border-color:transparent}.alert-info h4{color:#fff}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}.nav{margin-bottom:20px;margin-left:0;list-style:none}.nav>li>a{display:block}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li>a>img{max-width:none}.nav>.pull-right{float:right}.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#dfdfdf;text-shadow:0 1px 0 rgba(255,255,255,0.5);text-transform:uppercase}.nav li+.nav-header{margin-top:9px}.nav-list{padding-right:15px;padding-left:15px;margin-bottom:0}.nav-list>li>a,.nav-list .nav-header{margin-right:-15px;margin-left:-15px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background-color:#007fff}.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px}.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.nav-tabs,.nav-pills{*zoom:1}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;line-height:0;content:""}.nav-tabs:after,.nav-pills:after{clear:both}.nav-tabs>li,.nav-pills>li{float:left}.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eee #eee #ddd}.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#bbb;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#fff;background-color:#007fff}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-topleft:4px}.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px}.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{z-index:2;border-color:#ddd}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.nav .dropdown-toggle .caret{margin-top:6px;border-top-color:#007fff;border-bottom-color:#007fff}.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#06c;border-bottom-color:#06c}.nav-tabs .dropdown-toggle .caret{margin-top:8px}.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-tabs .active .dropdown-toggle .caret{border-top-color:#bbb;border-bottom-color:#bbb}.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#fff;background-color:#dfdfdf;border-color:#dfdfdf}.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100)}.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#dfdfdf}.tabbable{*zoom:1}.tabbable:before,.tabbable:after{display:table;line-height:0;content:""}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}.nav>.disabled>a{color:#dfdfdf}.nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;cursor:default;background-color:transparent}.navbar{*position:relative;*z-index:2;margin-bottom:20px;overflow:visible}.navbar-inner{min-height:50px;padding-right:20px;padding-left:20px;background-color:#080808;background-image:-moz-linear-gradient(top,#080808,#080808);background-image:-webkit-gradient(linear,0 0,0 100%,from(#080808),to(#080808));background-image:-webkit-linear-gradient(top,#080808,#080808);background-image:-o-linear-gradient(top,#080808,#080808);background-image:linear-gradient(to bottom,#080808,#080808);background-repeat:repeat-x;border:1px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808',endColorstr='#ff080808',GradientType=0);*zoom:1;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065)}.navbar-inner:before,.navbar-inner:after{display:table;line-height:0;content:""}.navbar-inner:after{clear:both}.navbar .container{width:auto}.nav-collapse.collapse{height:auto;overflow:visible}.navbar .brand{display:block;float:left;padding:15px 20px 15px;margin-left:-20px;font-size:20px;font-weight:200;color:#fff;text-shadow:0 1px 0 #080808}.navbar .brand:hover,.navbar .brand:focus{text-decoration:none}.navbar-text{margin-bottom:0;line-height:50px;color:#fff}.navbar-link{color:#fff}.navbar-link:hover,.navbar-link:focus{color:#bbb}.navbar .divider-vertical{height:50px;margin:0 9px;border-right:1px solid #080808;border-left:1px solid #080808}.navbar .btn,.navbar .btn-group{margin-top:10px}.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group{margin-top:0}.navbar-form{margin-bottom:0;*zoom:1}.navbar-form:before,.navbar-form:after{display:table;line-height:0;content:""}.navbar-form:after{clear:both}.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:10px}.navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0}.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px}.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0}.navbar-search{position:relative;float:left;margin-top:10px;margin-bottom:0}.navbar-search .search-query{padding:4px 14px;margin-bottom:0;font-family:"Open Sans",Calibri,Candara,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.navbar-static-top{position:static;margin-bottom:0}.navbar-static-top .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px}.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-right:0;padding-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.navbar-fixed-top{top:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1);box-shadow:0 1px 10px rgba(0,0,0,0.1)}.navbar-fixed-bottom{bottom:0}.navbar-fixed-bottom .navbar-inner{-webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 -1px 10px rgba(0,0,0,0.1);box-shadow:0 -1px 10px rgba(0,0,0,0.1)}.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0}.navbar .nav.pull-right{float:right;margin-right:0}.navbar .nav>li{float:left}.navbar .nav>li>a{float:none;padding:15px 15px 15px;color:#fff;text-decoration:none;text-shadow:0 1px 0 #080808}.navbar .nav .dropdown-toggle .caret{margin-top:8px}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{color:#bbb;text-decoration:none;background-color:rgba(0,0,0,0.05)}.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#fff;text-decoration:none;background-color:transparent;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125)}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-right:5px;margin-left:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#000;*background-color:#000;background-image:-moz-linear-gradient(top,#000,#000);background-image:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#000));background-image:-webkit-linear-gradient(top,#000,#000);background-image:-o-linear-gradient(top,#000,#000);background-image:linear-gradient(to bottom,#000,#000);background-repeat:repeat-x;border-color:#000 #000 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000',endColorstr='#ff000000',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075)}.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#fff;background-color:#000;*background-color:#000}.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#000 \9}.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.btn-navbar .icon-bar+.icon-bar{margin-top:3px}.navbar .nav>li>.dropdown-menu:before{position:absolute;top:-7px;left:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.navbar .nav>li>.dropdown-menu:after{position:absolute;top:-6px;left:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.navbar-fixed-bottom .nav>li>.dropdown-menu:before{top:auto;bottom:-7px;border-top:7px solid #ccc;border-bottom:0;border-top-color:rgba(0,0,0,0.2)}.navbar-fixed-bottom .nav>li>.dropdown-menu:after{top:auto;bottom:-6px;border-top:6px solid #fff;border-bottom:0}.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret{border-top-color:#bbb;border-bottom-color:#bbb}.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{color:#fff;background-color:transparent}.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{right:12px;left:auto}.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{right:13px;left:auto}.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{right:100%;left:auto;margin-right:-1px;margin-left:0;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.navbar-inverse .navbar-inner{background-color:#007fff;background-image:-moz-linear-gradient(top,#007fff,#007fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#007fff),to(#007fff));background-image:-webkit-linear-gradient(top,#007fff,#007fff);background-image:-o-linear-gradient(top,#007fff,#007fff);background-image:linear-gradient(to bottom,#007fff,#007fff);background-repeat:repeat-x;border-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff007fff',endColorstr='#ff007fff',GradientType=0)}.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav>li>a:focus{color:#fff}.navbar-inverse .brand{color:#fff}.navbar-inverse .navbar-text{color:#fff}.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{color:#fff;background-color:rgba(0,0,0,0.05)}.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#fff;background-color:#007fff}.navbar-inverse .navbar-link{color:#fff}.navbar-inverse .navbar-link:hover,.navbar-inverse .navbar-link:focus{color:#fff}.navbar-inverse .divider-vertical{border-right-color:#007fff;border-left-color:#007fff}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{color:#fff;background-color:#007fff}.navbar-inverse .nav li.dropdown>a:hover .caret,.navbar-inverse .nav li.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-search .search-query{color:#fff;background-color:#80bfff;border-color:#007fff;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#999}.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#999}.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#999}.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#999;text-shadow:0 1px 0 #fff;background-color:#fff;border:0;outline:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);box-shadow:0 0 3px rgba(0,0,0,0.15)}.navbar-inverse .btn-navbar{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0072e6;*background-color:#0072e6;background-image:-moz-linear-gradient(top,#0072e6,#0072e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0072e6),to(#0072e6));background-image:-webkit-linear-gradient(top,#0072e6,#0072e6);background-image:-o-linear-gradient(top,#0072e6,#0072e6);background-image:linear-gradient(to bottom,#0072e6,#0072e6);background-repeat:repeat-x;border-color:#0072e6 #0072e6 #004c99;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0072e6',endColorstr='#ff0072e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#fff;background-color:#0072e6;*background-color:#06c}.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#0059b3 \9}.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.breadcrumb>li{display:inline-block;*display:inline;text-shadow:0 1px 0 #fff;*zoom:1}.breadcrumb>li>.divider{padding:0 5px;color:#ccc}.breadcrumb>.active{color:#dfdfdf}.pagination{margin:20px 0}.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#dfdfdf;border:1px solid transparent;border-left-width:0}.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#007fff}.pagination ul>.active>a,.pagination ul>.active>span{color:#dfdfdf;cursor:default}.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#dfdfdf;cursor:default;background-color:transparent}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}.pagination-centered{text-align:center}.pagination-right{text-align:right}.pagination-large ul>li>a,.pagination-large ul>li>span{padding:22px 30px;font-size:17.5px}.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:2px 6px;font-size:10.5px}.pager{margin:20px 0;text-align:center;list-style:none;*zoom:1}.pager:before,.pager:after{display:table;line-height:0;content:""}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#dfdfdf;cursor:default;background-color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:0;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.modal.fade{top:-25%;-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;max-height:400px;padding:15px;overflow-y:auto}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.modal-footer:before,.modal-footer:after{display:table;line-height:0;content:""}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.tooltip{position:absolute;z-index:1030;display:block;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#ff7518;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#ff7518;border-bottom:1px solid #fe6600;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.popover-title:empty{display:none}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:16px}.popover .arrow:after{border-width:15px;content:""}.popover.top .arrow{bottom:-16px;left:50%;margin-left:-16px;border-top-color:#999;border-top-color:transparent;border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-15px;border-top-color:#ff7518;border-bottom-width:0}.popover.right .arrow{top:50%;left:-16px;margin-top:-16px;border-right-color:#999;border-right-color:transparent;border-left-width:0}.popover.right .arrow:after{bottom:-15px;left:1px;border-right-color:#ff7518;border-left-width:0}.popover.bottom .arrow{top:-16px;left:50%;margin-left:-16px;border-bottom-color:#999;border-bottom-color:transparent;border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-15px;border-bottom-color:#ff7518;border-top-width:0}.popover.left .arrow{top:50%;right:-16px;margin-top:-16px;border-left-color:#999;border-left-color:transparent;border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-15px;border-left-color:#ff7518;border-right-width:0}.thumbnails{margin-left:-20px;list-style:none;*zoom:1}.thumbnails:before,.thumbnails:after{display:table;line-height:0;content:""}.thumbnails:after{clear:both}.row-fluid .thumbnails{margin-left:0}.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px}.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);box-shadow:0 1px 3px rgba(0,0,0,0.055);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a.thumbnail:hover,a.thumbnail:focus{border-color:#007fff;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25)}.thumbnail>img{display:block;max-width:100%;margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#bbb}.media,.media-body{overflow:hidden;*overflow:visible;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{margin-left:0;list-style:none}.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#dfdfdf}.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.badge{padding-right:9px;padding-left:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}.label:empty,.badge:empty{display:none}a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.label-important,.badge-important{background-color:#fff}.label-important[href],.badge-important[href]{background-color:#e6e6e6}.label-warning,.badge-warning{background-color:#ff7518}.label-warning[href],.badge-warning[href]{background-color:#e45c00}.label-success,.badge-success{background-color:#fff}.label-success[href],.badge-success[href]{background-color:#e6e6e6}.label-info,.badge-info{background-color:#fff}.label-info[href],.badge-info[href]{background-color:#e6e6e6}.label-inverse,.badge-inverse{background-color:#999}.label-inverse[href],.badge-inverse[href]{background-color:#808080}.btn .label,.btn .badge{position:relative;top:-1px}.btn-mini .label,.btn-mini .badge{top:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#ff9046;background-image:-moz-linear-gradient(top,#ffa365,#ff7518);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffa365),to(#ff7518));background-image:-webkit-linear-gradient(top,#ffa365,#ff7518);background-image:-o-linear-gradient(top,#ffa365,#ff7518);background-image:linear-gradient(to bottom,#ffa365,#ff7518);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa365',endColorstr='#ffff7518',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#ffa365;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.accordion{margin-bottom:20px}.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.accordion-heading{border-bottom:0}.accordion-heading .accordion-toggle{display:block;padding:8px 15px}.accordion-toggle{cursor:pointer}.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5}.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#080808;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}.carousel-control.right{right:15px;left:auto}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:5px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#999;background:rgba(0,0,0,0.75)}.carousel-caption h4,.carousel-caption p{line-height:20px;color:#fff}.carousel-caption h4{margin:0 0 5px}.carousel-caption p{margin-bottom:0}.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;color:inherit}.hero-unit li{line-height:30px}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}body{font-weight:300}h1{font-size:50px}h2,h3{font-size:26px}h4{font-size:14px}h5,h6{font-size:11px}blockquote{padding:10px 15px;background-color:#eee;border-left-color:#bbb}blockquote.pull-right{padding:10px 15px;border-right-color:#bbb}blockquote small{color:#bbb}.muted{color:#bbb}.text-warning{color:#ff7518}a.text-warning:hover{color:#e45c00}.text-error{color:#ff0039}a.text-error:hover{color:#cc002e}.text-info{color:#9954bb}a.text-info:hover{color:#7e3f9d}.text-success{color:#3fb618}a.text-success:hover{color:#2f8912}.navbar .navbar-inner{background-image:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.navbar .brand:hover{color:#bbb}.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{background-color:rgba(0,0,0,0.05);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{color:#fff}.navbar .nav li.dropdown.open>.dropdown-toggle:hover,.navbar .nav li.dropdown.active>.dropdown-toggle:hover,.navbar .nav li.dropdown.open.active>.dropdown-toggle:hover{color:#eee}.navbar .navbar-search .search-query{line-height:normal}.navbar-inverse .brand,.navbar-inverse .nav>li>a{text-shadow:none}.navbar-inverse .brand:hover,.navbar-inverse .nav>.active>a,.navbar-inverse .nav>.active>a:hover,.navbar-inverse .nav>.active>a:focus{color:#fff;background-color:rgba(0,0,0,0.05);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.navbar-inverse .navbar-search .search-query{color:#080808}div.subnav{margin:0 1px;background:#dfdfdf none;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}div.subnav .nav{background-color:transparent}div.subnav .nav>li>a{border-color:transparent}div.subnav .nav>.active>a,div.subnav .nav>.active>a:hover{color:#fff;background-color:#000;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}div.subnav-fixed{top:51px;margin:0}.nav .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#007fff}.nav-tabs>li>a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-tabs.nav-stacked>li>a:hover{color:#fff;background-color:#007fff}.nav-tabs.nav-stacked>.active>a,.nav-tabs.nav-stacked>.active>a:hover{color:#bbb;background-color:#fff}.nav-tabs.nav-stacked>li:first-child>a,.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tabs-below>.nav-tabs>li>a,.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-pills>li>a{color:#000;background-color:#dfdfdf;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-pills>li>a:hover{color:#fff;background-color:#000}.nav-pills>.disabled>a,.nav-pills>.disabled>a:hover{color:#999;background-color:#eee}.nav-list>li>a{color:#080808}.nav-list>li>a:hover{color:#fff;text-shadow:none;background-color:#007fff}.nav-list .nav-header{color:#080808}.nav-list .divider{background-color:#bbb;border-bottom:0}.pagination ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.pagination ul>li>a,.pagination ul>li>span{margin-right:6px;color:#080808}.pagination ul>li>a:hover,.pagination ul>li>span:hover{color:#fff;background-color:#080808}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{margin-right:0}.pagination ul>.active>a,.pagination ul>.active>span{color:#fff}.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{color:#999;background-color:#eee}.pager li>a,.pager li>span{color:#080808;background-color:#dfdfdf;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.pager li>a:hover,.pager li>span:hover{color:#fff;background-color:#080808}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>span{color:#999;background-color:#eee}.breadcrumb{background-color:#dfdfdf}.breadcrumb li{text-shadow:none}.breadcrumb .divider,.breadcrumb .active{color:#080808;text-shadow:none}.btn{padding:5px 12px;text-shadow:none;background-image:none;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn.disabled{box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}.btn-large{padding:22px 30px}.btn-small{padding:2px 10px}.btn-mini{padding:2px 6px}.btn-group>.btn:first-child,.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.dropdown-toggle{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.table tbody tr.success td,.table tbody tr.error td,.table tbody tr.info td,.table tbody tr.warning td{color:#fff}.table-bordered{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{color:#080808}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#ff7518}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#080808;border-color:#ff7518}.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#ff0039}.control-group.error input,.control-group.error select,.control-group.error textarea{color:#080808;border-color:#ff0039}.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#9954bb}.control-group.info input,.control-group.info select,.control-group.info textarea{color:#080808;border-color:#9954bb}.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#3fb618}.control-group.success input,.control-group.success select,.control-group.success textarea{color:#080808;border-color:#3fb618}legend{color:#080808;border-bottom:0}.form-actions{background-color:#eee;border-top:0}.dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.alert{text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.alert-heading,.alert h1,.alert h2,.alert h3,.alert h4,.alert h5,.alert h6{color:#fff}.label{min-width:80px;min-height:80px;font-weight:300;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.label-success{background-color:#3fb618}.label-important{background-color:#ff0039}.label-info{background-color:#9954bb}.label-inverse{background-color:#000}.badge{font-weight:300;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.badge-success{background-color:#3fb618}.badge-important{background-color:#ff0039}.badge-info{background-color:#9954bb}.badge-inverse{background-color:#000}.hero-unit{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.well{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}[class^="icon-"],[class*=" icon-"]{margin:0 2px;vertical-align:-2px}a.thumbnail{background-color:#dfdfdf}a.thumbnail:hover{background-color:#bbb;border-color:transparent}.progress{height:6px;background-color:#eee;background-image:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.progress .bar{background-color:#007fff;background-image:none}.progress-info{background-color:#9954bb}.progress-success{background-color:#3fb618}.progress-warning{background-color:#ff7518}.progress-danger{background-color:#ff0039}.modal{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.modal-header{border-bottom:0}.modal-footer{background-color:transparent;border-top:0}.popover{color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.popover-title{color:#fff;border-bottom:0}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}
diff --git a/src/main/webapp/static/xsl/admin/layout.xsl b/src/main/webapp/static/xsl/admin/layout.xsl
index e9c9d6d11e..ede8a55658 100644
--- a/src/main/webapp/static/xsl/admin/layout.xsl
+++ b/src/main/webapp/static/xsl/admin/layout.xsl
@@ -5,7 +5,7 @@
     exclude-result-prefixes="xs">
 
     <!-- System admin stylesheet (lowest priority) -->
-    <xsl:import href="../../com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl"/>
+    <xsl:import href="../../com/atomgraph/linkeddatahub/xsl/layout.xsl"/>
 
     <!-- package stylesheet imports are composed in-memory at compile time from the application's ldh:import data; this file is never modified -->
 
diff --git a/src/main/webapp/static/xsl/layout.xsl b/src/main/webapp/static/xsl/layout.xsl
index f09c83f14c..eec731c0e3 100644
--- a/src/main/webapp/static/xsl/layout.xsl
+++ b/src/main/webapp/static/xsl/layout.xsl
@@ -5,7 +5,7 @@
     exclude-result-prefixes="xs">
 
     <!-- System stylesheet (lowest priority) -->
-    <xsl:import href="../com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl"/>
+    <xsl:import href="../com/atomgraph/linkeddatahub/xsl/layout.xsl"/>
 
     <!-- package stylesheet imports are composed in-memory at compile time from the application's ldh:import data; this file is never modified -->
 
diff --git a/src/test/java/com/atomgraph/linkeddatahub/BundleLanguagesTest.java b/src/test/java/com/atomgraph/linkeddatahub/BundleLanguagesTest.java
new file mode 100644
index 0000000000..24e4bda9ba
--- /dev/null
+++ b/src/test/java/com/atomgraph/linkeddatahub/BundleLanguagesTest.java
@@ -0,0 +1,239 @@
+/**
+ *  Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ *
+ */
+package com.atomgraph.linkeddatahub;
+
+import com.atomgraph.linkeddatahub.server.util.LanguageNegotiator;
+import com.atomgraph.linkeddatahub.writer.XSLTWriterBase;
+import java.io.ByteArrayInputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.util.List;
+import java.util.Locale;
+import static org.junit.jupiter.api.Assertions.assertEquals;
+import static org.junit.jupiter.api.Assertions.assertTrue;
+import org.junit.jupiter.api.Test;
+
+/**
+ * Tests that the supported UI languages are derived from the translation bundle rather than declared separately.
+ *
+ * @author {@literal Martynas Jusevičius <martynas@atomgraph.com>}
+ */
+public class BundleLanguagesTest
+{
+
+    /** The shipped bundle, read from the webapp source tree rather than through a servlet context. */
+    public static final Path TRANSLATIONS = Path.of("src/main/webapp", XSLTWriterBase.TRANSLATIONS_PATH);
+
+    @Test
+    public void testShippedBundle() throws IOException
+    {
+        try (InputStream is = Files.newInputStream(TRANSLATIONS))
+        {
+            List<Locale> languages = Application.readBundleLanguages(is);
+
+            // the bundle is tagged with full BCP 47 tags, not primary subtags - the retired config said "en,es"
+            assertEquals(List.of(Locale.forLanguageTag("en-US"), Locale.forLanguageTag("es-ES")), languages);
+        }
+    }
+
+    /**
+     * A language counts as supported only if the bundle carries labels in it. This is the property the derivation exists to
+     * guarantee, and the one a hand-maintained config cannot.
+     */
+    @Test
+    public void testOnlyLanguagesPresentAreReported()
+    {
+        String bundle = """
+            <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#">
+              <rdf:Description rdf:nodeID="save">
+                <rdfs:label xml:lang="en-US">Save</rdfs:label>
+                <rdfs:label xml:lang="es-ES">Guardar</rdfs:label>
+              </rdf:Description>
+              <rdf:Description rdf:nodeID="close">
+                <rdfs:label xml:lang="en-US">Close</rdfs:label>
+              </rdf:Description>
+            </rdf:RDF>
+            """;
+
+        List<Locale> languages = Application.readBundleLanguages(new ByteArrayInputStream(bundle.getBytes(StandardCharsets.UTF_8)));
+
+        // es-ES appears once and is still reported: partial coverage still counts, the missing keys fall back per-key
+        assertEquals(List.of(Locale.forLanguageTag("en-US"), Locale.forLanguageTag("es-ES")), languages);
+    }
+
+    /** Untagged labels contribute no language - they are not a language the UI can be rendered in. */
+    @Test
+    public void testUntaggedLabelsIgnored()
+    {
+        String bundle = """
+            <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#">
+              <rdf:Description rdf:nodeID="save">
+                <rdfs:label>Save</rdfs:label>
+                <rdfs:label xml:lang="en-US">Save</rdfs:label>
+              </rdf:Description>
+            </rdf:RDF>
+            """;
+
+        List<Locale> languages = Application.readBundleLanguages(new ByteArrayInputStream(bundle.getBytes(StandardCharsets.UTF_8)));
+
+        assertEquals(List.of(Locale.forLanguageTag("en-US")), languages);
+    }
+
+    /**
+     * The derived tags are region-qualified (<code>en-US</code>) while Accept-Language arrives as primary subtags
+     * (<code>en</code>), so matching must be RFC 4647 <em>Basic Filtering</em>, not Lookup.
+     *
+     * Lookup truncates the <em>range</em> and so only ever returns a tag equal to or less specific than it: the range
+     * <code>en</code> does not match the tag <code>en-US</code>, and <code>Locale.lookupTag</code> returns null for exactly
+     * the case we need. Basic Filtering matches in the direction the bundle requires.
+     */
+    @Test
+    public void testPrimarySubtagMatchesRegionQualifiedBundleTag() throws IOException
+    {
+        try (InputStream is = Files.newInputStream(TRANSLATIONS))
+        {
+            List<Locale> bundle = Application.readBundleLanguages(is);
+
+            assertEquals("en-US", firstMatch("en", bundle));
+            assertEquals("es-ES", firstMatch("es", bundle));
+            assertEquals("en-US", firstMatch("en-US,en;q=0.9,da;q=0.8,lt;q=0.7", bundle));
+            // preference order is honoured, not just membership
+            assertEquals("es-ES", firstMatch("es,en;q=0.9", bundle));
+            // a reader whose languages the bundle has none of gets no match, and the caller falls back
+            assertEquals(null, firstMatch("lt,de;q=0.9", bundle));
+
+            // Lookup would fail this, which is why it is not what the effective-language computation uses
+            assertTrue(Locale.lookupTag(Locale.LanguageRange.parse("en"), bundle.stream().map(Locale::toLanguageTag).toList()) == null);
+        }
+    }
+
+    /** RFC 4647 Basic Filtering, taking the highest-priority match. */
+    private static String firstMatch(String acceptLanguage, List<Locale> bundle)
+    {
+        List<Locale> matches = Locale.filter(Locale.LanguageRange.parse(acceptLanguage), bundle);
+
+        return matches.isEmpty() ? null : matches.get(0).toLanguageTag();
+    }
+
+    /**
+     * The effective language is what the page is composed in, not what the reader asked for. These are the cases that were
+     * wrong before: a reader asking for a language the bundle lacks got that language reported anyway.
+     */
+    @Test
+    public void testEffectiveLanguage()
+    {
+        List<Locale> bundle = List.of(Locale.forLanguageTag("en-US"), Locale.forLanguageTag("es-ES"));
+
+        // primary subtag matches the region-qualified bundle tag
+        assertEquals("en-US", effective("en", bundle));
+        assertEquals("es-ES", effective("es", bundle));
+
+        // a real browser header: en wins because it is the first accepted language the bundle has
+        assertEquals("en-US", effective("en-US,en;q=0.9,da;q=0.8,lt;q=0.7", bundle));
+
+        // Lithuanian first, but the bundle has no Lithuanian - the page is composed in the next language it does have
+        assertEquals("en-US", effective("lt,en-US;q=0.9,en;q=0.8", bundle));
+
+        // preference order is honoured over bundle order
+        assertEquals("es-ES", effective("es,en;q=0.9", bundle));
+
+        // none of the reader's languages are available: fall back rather than report a language the page is not in.
+        // This is the lang="de" bug - "de" used to be reported for this request
+        assertEquals("en-US", effective("de,fr;q=0.9", bundle));
+
+        // no preference expressed at all
+        assertEquals("en-US", LanguageNegotiator.negotiate(List.of(), bundle).toLanguageTag());
+    }
+
+    /** With no bundle there is nothing to compose in; English is the documented floor rather than an empty header. */
+    @Test
+    public void testEffectiveLanguageWithoutBundle()
+    {
+        assertEquals(Locale.ENGLISH, LanguageNegotiator.negotiate(List.of(Locale.forLanguageTag("lt")), List.of()));
+    }
+
+    /**
+     * What goes on the wire is not the bundle key. BCP 47 says a region subtag "MAY be omitted, as when it adds no
+     * distinguishing value to the tag" (RFC 5646 section 2.2.4), and the region in en-US records how translations.rdf is
+     * keyed rather than a claim that the page is American English.
+     */
+    @Test
+    public void testPublishedTagDropsAnUndistinguishingRegion()
+    {
+        List<Locale> bundle = List.of(Locale.forLanguageTag("en-US"), Locale.forLanguageTag("es-ES"));
+
+        assertEquals("en", published("en-US,en;q=0.9,da;q=0.8,lt;q=0.7", bundle));
+        assertEquals("es", published("es", bundle));
+        assertEquals("en", published("lt,en;q=0.9", bundle));
+        assertEquals("en", published("de,fr;q=0.9", bundle));
+        assertEquals("en", LanguageNegotiator.publishedTag(List.of(), bundle));
+
+        // and with no bundle at all, still a tag rather than an empty header
+        assertEquals("en", LanguageNegotiator.publishedTag(List.of(Locale.forLanguageTag("lt")), List.of()));
+    }
+
+    /**
+     * Where the bundle really does distinguish two variants of one language, the region carries information and stays. This
+     * is what a blanket Locale#getLanguage would get wrong.
+     */
+    @Test
+    public void testPublishedTagKeepsADistinguishingRegion()
+    {
+        List<Locale> bundle = List.of(Locale.forLanguageTag("pt-BR"), Locale.forLanguageTag("pt-PT"), Locale.forLanguageTag("en-US"));
+
+        assertEquals("pt-BR", published("pt-BR", bundle));
+        assertEquals("pt-PT", published("pt-PT", bundle));
+        // English is unambiguous in the same bundle, so it still loses its region
+        assertEquals("en", published("en", bundle));
+    }
+
+    /**
+     * The cost of over-specifying, in RFC 4647 terms: a reader asking for es-MX reaches a page tagged es by truncating their
+     * own range under Lookup, and never reaches one tagged es-ES.
+     */
+    @Test
+    public void testShorterTagStaysReachableForOtherRegions()
+    {
+        List<String> overSpecified = List.of("es-ES");
+        List<String> published = List.of("es");
+
+        assertEquals(null, Locale.lookupTag(Locale.LanguageRange.parse("es-MX"), overSpecified));
+        assertEquals("es", Locale.lookupTag(Locale.LanguageRange.parse("es-MX"), published));
+    }
+
+    private static String published(String acceptLanguage, List<Locale> bundle)
+    {
+        List<Locale> acceptable = Locale.LanguageRange.parse(acceptLanguage).stream().
+            map(range -> Locale.forLanguageTag(range.getRange())).
+            toList();
+
+        return LanguageNegotiator.publishedTag(acceptable, bundle);
+    }
+
+    private static String effective(String acceptLanguage, List<Locale> bundle)
+    {
+        List<Locale> acceptable = Locale.LanguageRange.parse(acceptLanguage).stream().
+            map(range -> Locale.forLanguageTag(range.getRange())).
+            toList();
+
+        return LanguageNegotiator.negotiate(acceptable, bundle).toLanguageTag();
+    }
+
+}
diff --git a/src/test/java/com/atomgraph/linkeddatahub/client/GitHubClientTest.java b/src/test/java/com/atomgraph/linkeddatahub/client/GitHubClientTest.java
index 55383c035d..616eee36ef 100644
--- a/src/test/java/com/atomgraph/linkeddatahub/client/GitHubClientTest.java
+++ b/src/test/java/com/atomgraph/linkeddatahub/client/GitHubClientTest.java
@@ -39,6 +39,9 @@
 import org.junit.jupiter.api.Test;
 import static org.junit.jupiter.api.Assertions.assertArrayEquals;
 import static org.junit.jupiter.api.Assertions.assertEquals;
+import static org.junit.jupiter.api.Assertions.assertNotEquals;
+import static org.junit.jupiter.api.Assertions.assertNull;
+import static org.junit.jupiter.api.Assertions.assertThrows;
 import static org.junit.jupiter.api.Assertions.assertTrue;
 
 /**
@@ -60,6 +63,7 @@ private record Received(String method, String uri, String accept, String body) {
     private String fileSha = null; // null = file does not exist on the fake server
     private byte[] fileContent = null;
     private int rateLimitResponses = 0; // number of upcoming requests to answer with 429
+    private int conflictResponses = 0; // number of upcoming writes to answer with 409
     private int commitCount = 2; // number of commits in the fake file history
 
     private static Optional<String> queryParam(String query, String name)
@@ -136,6 +140,13 @@ private void handle(HttpExchange exchange) throws IOException
                 }
                 case "PUT" ->
                 {
+                    if (conflictResponses > 0)
+                    {
+                        conflictResponses--;
+                        fileSha = "blob-conflict-" + received.size(); // the competing write moved the file, which is what the conflict reports
+                        respond(exchange, 409, "{\"message\": \"" + fileSha + " does not match the supplied SHA\"}");
+                        return;
+                    }
                     JsonObject json = Json.createReader(new ByteArrayInputStream(body.getBytes(StandardCharsets.UTF_8))).readObject();
                     boolean creating = fileSha == null;
                     fileContent = Base64.getDecoder().decode(json.getString("content"));
@@ -147,6 +158,13 @@ private void handle(HttpExchange exchange) throws IOException
                 }
                 case "DELETE" ->
                 {
+                    if (conflictResponses > 0)
+                    {
+                        conflictResponses--;
+                        fileSha = "blob-conflict-" + received.size(); // the competing write moved the file, which is what the conflict reports
+                        respond(exchange, 409, "{\"message\": \"" + fileSha + " does not match the supplied SHA\"}");
+                        return;
+                    }
                     fileSha = null;
                     fileContent = null;
                     respond(exchange, 200, "{}");
@@ -271,6 +289,54 @@ public void testDeleteMissingFileIsNoOp()
         assertEquals(1, received.size()); // only the SHA probe, no DELETE
     }
 
+    @Test
+    public void testConflictingCommitIsRetriedWithRefreshedSha()
+    {
+        gitHubClient.putFile("graphs/doc.nt", "v1".getBytes(StandardCharsets.UTF_8), "PUT", "agent");
+        received.clear();
+        conflictResponses = 1;
+
+        GitHubClient.Commit commit = gitHubClient.putFile("graphs/doc.nt", "v2".getBytes(StandardCharsets.UTF_8), "PUT", "agent");
+
+        // SHA probe + conflicting PUT, then a fresh probe + the PUT that succeeds
+        assertEquals(4, received.size());
+        assertEquals("GET", received.get(2).method());
+        assertEquals("PUT", received.get(3).method());
+        assertArrayEquals("v2".getBytes(StandardCharsets.UTF_8), fileContent);
+        assertEquals(fileSha, commit.blobSha());
+
+        // the retried request carries the SHA read after the conflict, not the one it conflicted on
+        JsonObject conflicted = Json.createReader(new ByteArrayInputStream(received.get(1).body().getBytes(StandardCharsets.UTF_8))).readObject();
+        JsonObject retried = Json.createReader(new ByteArrayInputStream(received.get(3).body().getBytes(StandardCharsets.UTF_8))).readObject();
+        assertNotEquals(conflicted.getString("sha"), retried.getString("sha"));
+    }
+
+    @Test
+    public void testConflictingDeletionIsRetried()
+    {
+        gitHubClient.putFile("graphs/doc.nt", "v1".getBytes(StandardCharsets.UTF_8), "PUT", "agent");
+        received.clear();
+        conflictResponses = 1;
+
+        gitHubClient.deleteFile("graphs/doc.nt", "DELETE", "agent");
+
+        assertEquals(4, received.size()); // probe + conflicting DELETE, then probe + the DELETE that succeeds
+        assertEquals("DELETE", received.get(3).method());
+        assertNull(fileSha);
+    }
+
+    @Test
+    public void testConflictFailsWhenRetriesAreExhausted()
+    {
+        gitHubClient.putFile("graphs/doc.nt", "v1".getBytes(StandardCharsets.UTF_8), "PUT", "agent");
+        received.clear();
+        conflictResponses = GitHubClient.MAX_CONFLICT_RETRIES + 1;
+
+        // a lost commit is the caller's to log: versioning is best-effort, but it must not be silent
+        assertThrows(RuntimeException.class, () -> gitHubClient.putFile("graphs/doc.nt", "v2".getBytes(StandardCharsets.UTF_8), "PUT", "agent"));
+        assertEquals(2 * (GitHubClient.MAX_CONFLICT_RETRIES + 1), received.size()); // probe + PUT per attempt
+    }
+
     @Test
     public void testRateLimitedRequestIsRetried()
     {
diff --git a/src/test/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyImportsCharacterizationTest.java b/src/test/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyImportsCharacterizationTest.java
index bafae14a93..7059fbba49 100644
--- a/src/test/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyImportsCharacterizationTest.java
+++ b/src/test/java/com/atomgraph/linkeddatahub/server/filter/request/OntologyImportsCharacterizationTest.java
@@ -17,6 +17,8 @@
 package com.atomgraph.linkeddatahub.server.filter.request;
 
 import com.atomgraph.client.util.jena.PrefixGraphRepository;
+import java.net.URI;
+import java.util.List;
 import org.apache.jena.ontapi.OntModelFactory;
 import org.apache.jena.ontapi.OntSpecification;
 import org.apache.jena.ontapi.UnionGraph;
@@ -44,6 +46,7 @@ public class OntologyImportsCharacterizationTest
 
     private static final String BASE_URI = "http://example.org/base";
     private static final String IMPORT_URI = "http://example.org/imported";
+    private static final String PACKAGE_URI = "http://example.org/package";
     private static final String NS = "http://example.org/ns#";
 
     @Test
@@ -120,4 +123,89 @@ public void testLoadOntologyToleratesImportCycles()
         assertTrue(ModelFactory.createModelForGraph(union).contains(term, RDF.type, OWL.Class), "cyclic imports must resolve without recursing infinitely");
     }
 
+    /**
+     * Pins the package composition: an imported package ontology is declared as an owl:imports of the
+     * application ontology and resolved by ontapi as part of the closure — no union sub-graph is grafted.
+     */
+    @Test
+    public void testLoadOntologyDeclaresPackageOntologyAsImport()
+    {
+        PrefixGraphRepository repository = new PrefixGraphRepository(null);
+
+        Resource packageTerm = ResourceFactory.createResource(NS + "PackageTerm");
+
+        Model packageOntology = ModelFactory.createDefaultModel();
+        packageOntology.add(packageOntology.createResource(PACKAGE_URI), RDF.type, OWL.Ontology);
+        packageOntology.add(packageTerm, RDF.type, OWL.Class);
+        repository.put(PACKAGE_URI, packageOntology.getGraph());
+
+        Model base = ModelFactory.createDefaultModel();
+        Resource baseOnt = base.createResource(BASE_URI);
+        base.add(baseOnt, RDF.type, OWL.Ontology);
+        repository.put(BASE_URI, base.getGraph());
+
+        UnionGraph union = OntologyFilter.loadOntology(repository, BASE_URI, List.of(URI.create(PACKAGE_URI)));
+
+        assertTrue(ModelFactory.createModelForGraph(union).contains(packageTerm, RDF.type, OWL.Class), "package ontology terms must be visible through the closure union");
+        // the declaration is a real owl:imports on the application ontology, so it also shows up in the
+        // raw graph that document GETs of the ontology serve
+        assertTrue(ModelFactory.createModelForGraph(repository.get(BASE_URI)).contains(baseOnt, OWL.imports, base.createResource(PACKAGE_URI)), "the package ontology must be declared as an owl:imports of the application ontology");
+    }
+
+    /**
+     * A package ontology brings its own owl:imports closure with it — ontapi resolves those transitively
+     * through the same repository, which is what makes declaring the import sufficient.
+     */
+    @Test
+    public void testLoadOntologyResolvesTransitiveImportsOfPackageOntology()
+    {
+        PrefixGraphRepository repository = new PrefixGraphRepository(null);
+
+        Resource transitiveTerm = ResourceFactory.createResource(NS + "TransitiveTerm");
+
+        Model transitive = ModelFactory.createDefaultModel();
+        transitive.add(transitive.createResource(IMPORT_URI), RDF.type, OWL.Ontology);
+        transitive.add(transitiveTerm, RDF.type, OWL.Class);
+        repository.put(IMPORT_URI, transitive.getGraph());
+
+        Model packageOntology = ModelFactory.createDefaultModel();
+        Resource packageOnt = packageOntology.createResource(PACKAGE_URI);
+        packageOntology.add(packageOnt, RDF.type, OWL.Ontology);
+        packageOntology.add(packageOnt, OWL.imports, packageOntology.createResource(IMPORT_URI));
+        repository.put(PACKAGE_URI, packageOntology.getGraph());
+
+        Model base = ModelFactory.createDefaultModel();
+        base.add(base.createResource(BASE_URI), RDF.type, OWL.Ontology);
+        repository.put(BASE_URI, base.getGraph());
+
+        UnionGraph union = OntologyFilter.loadOntology(repository, BASE_URI, List.of(URI.create(PACKAGE_URI)));
+
+        assertTrue(ModelFactory.createModelForGraph(union).contains(transitiveTerm, RDF.type, OWL.Class), "a package ontology's own owl:imports must resolve into the closure");
+    }
+
+    /**
+     * A package whose ontology cannot be resolved is skipped rather than declared: ontapi is constructed
+     * with ignoreUnresolvedImports and would otherwise substitute an empty graph silently.
+     */
+    @Test
+    public void testLoadOntologySkipsUnresolvablePackageOntology()
+    {
+        PrefixGraphRepository repository = new PrefixGraphRepository(null);
+
+        Resource baseTerm = ResourceFactory.createResource(NS + "BaseTerm");
+
+        Model base = ModelFactory.createDefaultModel();
+        Resource baseOnt = base.createResource(BASE_URI);
+        base.add(baseOnt, RDF.type, OWL.Ontology);
+        base.add(baseTerm, RDF.type, OWL.Class);
+        repository.put(BASE_URI, base.getGraph());
+
+        // not in the repository and not dereferenceable — a non-HTTP scheme so the check cannot reach the network
+        URI missing = URI.create("urn:example:missing-package-ontology");
+        UnionGraph union = OntologyFilter.loadOntology(repository, BASE_URI, List.of(missing));
+
+        assertTrue(ModelFactory.createModelForGraph(union).contains(baseTerm, RDF.type, OWL.Class), "a broken package must not take the application ontology down");
+        assertFalse(ModelFactory.createModelForGraph(repository.get(BASE_URI)).contains(baseOnt, OWL.imports, base.createResource(missing.toString())), "an unresolvable package ontology must not be declared as an owl:imports");
+    }
+
 }
diff --git a/src/test/java/com/atomgraph/linkeddatahub/server/filter/response/ResponseHeadersFilterTest.java b/src/test/java/com/atomgraph/linkeddatahub/server/filter/response/ResponseHeadersFilterTest.java
new file mode 100644
index 0000000000..3e9f8d096c
--- /dev/null
+++ b/src/test/java/com/atomgraph/linkeddatahub/server/filter/response/ResponseHeadersFilterTest.java
@@ -0,0 +1,503 @@
+/**
+ *  Copyright 2026 Martynas Jusevičius <martynas@atomgraph.com>
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ *
+ */
+package com.atomgraph.linkeddatahub.server.filter.response;
+
+import com.atomgraph.client.vocabulary.AC;
+import com.atomgraph.client.vocabulary.LDT;
+import com.atomgraph.core.vocabulary.SD;
+import com.atomgraph.linkeddatahub.model.auth.Agent;
+import com.atomgraph.linkeddatahub.server.model.impl.DocumentHierarchyGraphStoreImpl;
+import com.atomgraph.linkeddatahub.server.security.AuthorizationContext;
+import com.atomgraph.linkeddatahub.server.util.GraphVersioningService;
+import com.atomgraph.linkeddatahub.vocabulary.ACL;
+import com.atomgraph.linkeddatahub.vocabulary.LAPP;
+import jakarta.ws.rs.container.ContainerRequestContext;
+import jakarta.ws.rs.container.ContainerResponseContext;
+import jakarta.ws.rs.core.HttpHeaders;
+import jakarta.ws.rs.core.MediaType;
+import jakarta.ws.rs.core.MultivaluedHashMap;
+import jakarta.ws.rs.core.MultivaluedMap;
+import jakarta.ws.rs.core.Response;
+import jakarta.ws.rs.core.SecurityContext;
+import jakarta.ws.rs.core.UriBuilder;
+import jakarta.ws.rs.core.UriInfo;
+import java.io.IOException;
+import java.net.URI;
+import java.util.List;
+import java.util.Locale;
+import java.util.Optional;
+import java.util.Set;
+import static org.junit.jupiter.api.Assertions.assertEquals;
+import static org.junit.jupiter.api.Assertions.assertFalse;
+import static org.junit.jupiter.api.Assertions.assertTrue;
+import org.apache.jena.rdf.model.Resource;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.mockito.Mock;
+import org.mockito.junit.jupiter.MockitoExtension;
+import org.mockito.junit.jupiter.MockitoSettings;
+import org.mockito.quality.Strictness;
+import static org.mockito.ArgumentMatchers.anyString;
+import static org.mockito.Mockito.mock;
+import static org.mockito.Mockito.when;
+
+/**
+ * Tests the hypermedia and language headers the filter attaches to a response.
+ *
+ * Two things here are load-bearing beyond the header values themselves. Local hypermedia is suppressed for proxy requests,
+ * because a proxied response describes a remote application and its links are forwarded by {@code ProxyRequestFilter}
+ * instead. And a snapshot request advertises at most {@code acl:Read}, which is what stops the UI offering edit affordances
+ * on immutable historical content.
+ *
+ * @author {@literal Martynas Jusevičius <martynas@atomgraph.com>}
+ */
+@ExtendWith(MockitoExtension.class)
+@MockitoSettings(strictness = Strictness.LENIENT)
+public class ResponseHeadersFilterTest
+{
+
+    private static final URI BASE_URI = URI.create("https://localhost:4443/");
+    private static final URI DOCUMENT_URI = URI.create("https://localhost:4443/people/");
+    private static final String APP_URI = "urn:linkeddatahub:apps/end-user";
+    private static final List<Locale> BUNDLE = List.of(Locale.forLanguageTag("en-US"), Locale.forLanguageTag("es-ES"));
+
+    @Mock private ContainerRequestContext request;
+    @Mock private ContainerResponseContext response;
+    @Mock private UriInfo uriInfo;
+    @Mock private SecurityContext securityContext;
+    @Mock private com.atomgraph.linkeddatahub.Application system;
+    @Mock private com.atomgraph.linkeddatahub.apps.model.Application application;
+    @Mock private GraphVersioningService versioningService;
+    @Mock private AuthorizationContext authorizationContext;
+
+    private ResponseHeadersFilter filter;
+    private MultivaluedMap<String, Object> headers;
+    private MultivaluedMap<String, String> queryParameters;
+
+    @BeforeEach
+    public void setUp()
+    {
+        filter = new ResponseHeadersFilter();
+        filter.system = system;
+        filter.app = () -> Optional.of(application);
+        filter.dataset = () -> Optional.empty();
+        filter.authorizationContext = () -> Optional.<AuthorizationContext>empty();
+
+        headers = new MultivaluedHashMap<>();
+        queryParameters = new MultivaluedHashMap<>();
+
+        // an ordinary HTML document response by an anonymous reader; individual tests vary one condition
+        when(response.getStatusInfo()).thenReturn(Response.Status.OK);
+        when(response.hasEntity()).thenReturn(true);
+        when(response.getMediaType()).thenReturn(MediaType.TEXT_HTML_TYPE);
+        when(response.getHeaders()).thenReturn(headers);
+        when(request.getUriInfo()).thenReturn(uriInfo);
+        when(request.getSecurityContext()).thenReturn(securityContext);
+        when(request.getProperty(AC.uri.getURI())).thenReturn(null);
+        when(request.getAcceptableLanguages()).thenReturn(List.of(Locale.forLanguageTag("en")));
+        when(uriInfo.getQueryParameters()).thenReturn(queryParameters);
+        when(uriInfo.getBaseUriBuilder()).thenReturn(UriBuilder.fromUri(BASE_URI));
+        when(uriInfo.getAbsolutePath()).thenReturn(DOCUMENT_URI);
+        when(uriInfo.getMatchedResources()).thenReturn(List.of());
+        when(securityContext.getUserPrincipal()).thenReturn(null);
+        when(system.getSupportedLanguages()).thenReturn(BUNDLE);
+        when(application.getURI()).thenReturn(APP_URI);
+        when(application.getOntology()).thenReturn(null);
+        when(application.getStylesheet()).thenReturn(null);
+        // the Memento block runs for any application-bearing response; no repository means no version hypermedia
+        when(system.getGraphVersioningService()).thenReturn(versioningService);
+        when(versioningService.getRepository(anyString())).thenReturn(Optional.empty());
+    }
+
+    /** The folded Link header, or the empty string when the response carries none. */
+    private String link()
+    {
+        Object value = headers.getFirst(HttpHeaders.LINK);
+
+        return value != null ? value.toString() : "";
+    }
+
+    private String contentLanguage()
+    {
+        Object value = headers.getFirst(HttpHeaders.CONTENT_LANGUAGE);
+
+        return value != null ? value.toString() : null;
+    }
+
+    /** Puts the request on a versioned document, which is what the Memento block requires. */
+    private void versioned()
+    {
+        when(versioningService.getRepository(APP_URI)).thenReturn(Optional.of(new GraphVersioningService.Repository(null, "graphs")));
+        when(uriInfo.getMatchedResources()).thenReturn(List.of(mock(DocumentHierarchyGraphStoreImpl.class)));
+    }
+
+    private void authorized(Resource... modes)
+    {
+        Set<URI> modeURIs = Set.of(modes).stream().map(mode -> URI.create(mode.getURI())).collect(java.util.stream.Collectors.toSet());
+
+        when(authorizationContext.getModeURIs()).thenReturn(modeURIs);
+        filter.authorizationContext = () -> Optional.of(authorizationContext);
+    }
+
+    // LANGUAGE
+
+    /** The reader's preference is not the answer: it is the first accepted language the UI bundle actually has. */
+    @Test
+    public void testLabelsHtmlWithTheNegotiatedLanguage() throws IOException
+    {
+        when(request.getAcceptableLanguages()).thenReturn(List.of(Locale.forLanguageTag("lt"), Locale.forLanguageTag("en")));
+
+        filter.filter(request, response);
+
+        // the bundle has no Lithuanian, so the page is composed in the next language it does have. The published
+        // tag drops the bundle key's region, which distinguishes nothing while the bundle holds one English
+        assertEquals("en", contentLanguage());
+    }
+
+    @Test
+    public void testLabelsSpanishReaderWithSpanish() throws IOException
+    {
+        when(request.getAcceptableLanguages()).thenReturn(List.of(Locale.forLanguageTag("es")));
+
+        filter.filter(request, response);
+
+        assertEquals("es", contentLanguage());
+    }
+
+    /** A reader whose languages the bundle has none of still gets an honest label, not their own request echoed back. */
+    @Test
+    public void testFallsBackRatherThanEchoingTheRequest() throws IOException
+    {
+        when(request.getAcceptableLanguages()).thenReturn(List.of(Locale.forLanguageTag("de"), Locale.forLanguageTag("fr")));
+
+        filter.filter(request, response);
+
+        assertEquals("en", contentLanguage());
+    }
+
+    /** Both HTML flavours are language-significant, so whichever is negotiated carries the label. */
+    @Test
+    public void testLabelsXhtml() throws IOException
+    {
+        when(response.getMediaType()).thenReturn(MediaType.APPLICATION_XHTML_XML_TYPE);
+
+        filter.filter(request, response);
+
+        assertEquals("en", contentLanguage());
+    }
+
+    /**
+     * An RDF representation is byte-identical for every reader - its literals carry their own tags and none is dropped - so
+     * it is intended for all language audiences, which RFC 9110 spells as no Content-Language at all. Labelling it would also
+     * contradict its Vary, which carries no Accept-Language dimension.
+     */
+    @Test
+    public void testDoesNotLabelRDF() throws IOException
+    {
+        when(response.getMediaType()).thenReturn(MediaType.valueOf("application/rdf+xml"));
+
+        filter.filter(request, response);
+
+        assertFalse(headers.containsKey(HttpHeaders.CONTENT_LANGUAGE));
+    }
+
+    @Test
+    public void testDoesNotLabelTurtle() throws IOException
+    {
+        when(response.getMediaType()).thenReturn(MediaType.valueOf("text/turtle"));
+
+        filter.filter(request, response);
+
+        assertFalse(headers.containsKey(HttpHeaders.CONTENT_LANGUAGE));
+    }
+
+    /** Nothing was rendered, so there is no representation to describe. */
+    @Test
+    public void testDoesNotLabelEntitylessResponse() throws IOException
+    {
+        when(response.hasEntity()).thenReturn(false);
+
+        filter.filter(request, response);
+
+        assertFalse(headers.containsKey(HttpHeaders.CONTENT_LANGUAGE));
+    }
+
+    /** Without an application there is no bundle to negotiate against. */
+    @Test
+    public void testDoesNotLabelWithoutApplication() throws IOException
+    {
+        filter.app = () -> Optional.empty();
+
+        filter.filter(request, response);
+
+        assertFalse(headers.containsKey(HttpHeaders.CONTENT_LANGUAGE));
+    }
+
+    /**
+     * A browser asking a proxy request for HTML is served the local shell, which is rendered through the local translation
+     * bundle - so it is composed in a language and says which, even though its hypermedia describes a remote application.
+     */
+    @Test
+    public void testLabelsProxiedHTML() throws IOException
+    {
+        when(request.getProperty(AC.uri.getURI())).thenReturn("https://remote.example/resource");
+
+        filter.filter(request, response);
+
+        assertEquals("en", contentLanguage());
+    }
+
+    // CONTENT TYPE
+
+    /** A 204 carries no representation, so the media type it would otherwise inherit has to be unset explicitly. */
+    @Test
+    public void testRemovesContentTypeFromNoContent() throws IOException
+    {
+        headers.putSingle(HttpHeaders.CONTENT_TYPE, MediaType.TEXT_HTML);
+        when(response.getStatusInfo()).thenReturn(Response.Status.NO_CONTENT);
+        when(response.hasEntity()).thenReturn(false);
+
+        filter.filter(request, response);
+
+        assertFalse(headers.containsKey(HttpHeaders.CONTENT_TYPE));
+    }
+
+    // AGENT
+
+    @Test
+    public void testAdvertisesAuthenticatedAgent() throws IOException
+    {
+        Agent agent = mock(Agent.class);
+        when(agent.getURI()).thenReturn("https://admin.localhost:4443/acl/agents/1/#this");
+        when(securityContext.getUserPrincipal()).thenReturn(agent);
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<https://admin.localhost:4443/acl/agents/1/#this>; rel=" + ACL.agent.getURI()));
+    }
+
+    @Test
+    public void testDoesNotAdvertiseAgentWhenAnonymous() throws IOException
+    {
+        filter.filter(request, response);
+
+        assertFalse(link().contains(ACL.agent.getURI()));
+    }
+
+    // ACCESS MODES
+
+    @Test
+    public void testAdvertisesEveryAuthorizedMode() throws IOException
+    {
+        authorized(ACL.Read, ACL.Write);
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<" + ACL.Read.getURI() + ">; rel=" + ACL.mode.getURI()));
+        assertTrue(link().contains("<" + ACL.Write.getURI() + ">; rel=" + ACL.mode.getURI()));
+    }
+
+    /**
+     * A historical version is immutable, so the response must advertise at most acl:Read however much access the agent has
+     * on the document today. This is what disables the edit affordances on a snapshot.
+     */
+    @Test
+    public void testSnapshotAdvertisesReadOnly() throws IOException
+    {
+        authorized(ACL.Read, ACL.Write);
+        queryParameters.putSingle(DocumentHierarchyGraphStoreImpl.VERSION_PARAM_NAME, "abc123");
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<" + ACL.Read.getURI() + ">; rel=" + ACL.mode.getURI()));
+        assertFalse(link().contains(ACL.Write.getURI()));
+    }
+
+    @Test
+    public void testTimeMapAdvertisesReadOnly() throws IOException
+    {
+        authorized(ACL.Read, ACL.Write);
+        queryParameters.putSingle(DocumentHierarchyGraphStoreImpl.TIMEMAP_PARAM_NAME, "");
+
+        filter.filter(request, response);
+
+        assertFalse(link().contains(ACL.Write.getURI()));
+    }
+
+    // LOCAL HYPERMEDIA
+
+    @Test
+    public void testAdvertisesEndpointAndApplication() throws IOException
+    {
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<" + BASE_URI + "sparql>; rel=" + SD.endpoint.getURI()));
+        assertTrue(link().contains("<" + APP_URI + ">; rel=" + LAPP.application.getURI()));
+    }
+
+    @Test
+    public void testAdvertisesOntologyAndStylesheetWhenDeclared() throws IOException
+    {
+        Resource ontology = mock(Resource.class);
+        Resource stylesheet = mock(Resource.class);
+        when(ontology.getURI()).thenReturn("https://localhost:4443/ns#");
+        when(stylesheet.getURI()).thenReturn("https://localhost:4443/static/xsl/layout.xsl");
+        when(application.getOntology()).thenReturn(ontology);
+        when(application.getStylesheet()).thenReturn(stylesheet);
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<https://localhost:4443/ns#>; rel=" + LDT.ontology.getURI()));
+        assertTrue(link().contains("<https://localhost:4443/static/xsl/layout.xsl>; rel=" + AC.stylesheet.getURI()));
+    }
+
+    @Test
+    public void testOmitsOntologyAndStylesheetWhenUndeclared() throws IOException
+    {
+        filter.filter(request, response);
+
+        assertFalse(link().contains(LDT.ontology.getURI()));
+        assertFalse(link().contains(AC.stylesheet.getURI()));
+    }
+
+    /**
+     * A proxy response describes a remote application, and ProxyRequestFilter forwards that application's own Link headers.
+     * Emitting the local ones as well would attribute this instance's endpoint, ontology and stylesheet to someone else's
+     * resource.
+     */
+    @Test
+    public void testProxyRequestSuppressesLocalHypermedia() throws IOException
+    {
+        when(request.getProperty(AC.uri.getURI())).thenReturn("https://remote.example/resource");
+
+        filter.filter(request, response);
+
+        assertFalse(link().contains(SD.endpoint.getURI()));
+        assertFalse(link().contains(LAPP.application.getURI()));
+        assertFalse(link().contains(LDT.ontology.getURI()));
+        assertFalse(link().contains(AC.stylesheet.getURI()));
+    }
+
+    /** The agent is a property of the request, not of the application, so it survives a proxy request. */
+    @Test
+    public void testProxyRequestStillAdvertisesAgent() throws IOException
+    {
+        Agent agent = mock(Agent.class);
+        when(agent.getURI()).thenReturn("https://admin.localhost:4443/acl/agents/1/#this");
+        when(securityContext.getUserPrincipal()).thenReturn(agent);
+        when(request.getProperty(AC.uri.getURI())).thenReturn("https://remote.example/resource");
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains(ACL.agent.getURI()));
+    }
+
+    // MEMENTO (RFC 7089)
+
+    /** An unversioned application has no TimeMap to point at. */
+    @Test
+    public void testUnversionedDocumentHasNoMementoLinks() throws IOException
+    {
+        filter.filter(request, response);
+
+        assertFalse(link().contains("rel=timemap"));
+        assertFalse(link().contains("rel=timegate"));
+        assertFalse(link().contains("rel=original"));
+    }
+
+    /**
+     * The Original Resource points at its TimeMap and names a preferred TimeGate. It must not carry rel=original: that
+     * relation identifies the original from something that is not it.
+     */
+    @Test
+    public void testOriginalResourceLinksToTimeMapAndTimeGate() throws IOException
+    {
+        versioned();
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<" + DOCUMENT_URI + "?timemap>; rel=timemap; type=\"application/link-format\""));
+        assertTrue(link().contains("<" + DOCUMENT_URI + "?timegate>; rel=timegate"));
+        assertFalse(link().contains("rel=original"));
+        assertFalse(link().contains("rel=self"));
+    }
+
+    /** The TimeMap is the one resource that identifies itself, so it uses rel=self where everything else uses rel=timemap. */
+    @Test
+    public void testTimeMapIdentifiesItselfWithSelf() throws IOException
+    {
+        versioned();
+        queryParameters.putSingle(DocumentHierarchyGraphStoreImpl.TIMEMAP_PARAM_NAME, "");
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<" + DOCUMENT_URI + "?timemap>; rel=self; type=\"application/link-format\""));
+        assertFalse(link().contains("rel=timemap"));
+        assertTrue(link().contains("<" + DOCUMENT_URI + ">; rel=original"));
+    }
+
+    /** A TimeGate links to the TimeMap and to the Original Resource, but never to itself. */
+    @Test
+    public void testTimeGateDoesNotLinkToItself() throws IOException
+    {
+        versioned();
+        queryParameters.putSingle(DocumentHierarchyGraphStoreImpl.TIMEGATE_PARAM_NAME, "");
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("rel=timemap"));
+        assertFalse(link().contains("rel=timegate"));
+        assertTrue(link().contains("<" + DOCUMENT_URI + ">; rel=original"));
+    }
+
+    /** A Memento is not the original, so it says which resource it is a version of. */
+    @Test
+    public void testMementoLinksToOriginalResource() throws IOException
+    {
+        versioned();
+        queryParameters.putSingle(DocumentHierarchyGraphStoreImpl.VERSION_PARAM_NAME, "abc123");
+
+        filter.filter(request, response);
+
+        assertTrue(link().contains("<" + DOCUMENT_URI + ">; rel=original"));
+        assertTrue(link().contains("rel=timemap"));
+        assertTrue(link().contains("rel=timegate"));
+    }
+
+    // SERIALIZATION
+
+    /**
+     * Saxon-JS 2.x cannot read repeated header names (saxonica#5199), so the values are folded into one comma-separated
+     * header. Nothing downstream in Java reports this going wrong, and the fold is string surgery over List.toString().
+     */
+    @Test
+    public void testFoldsLinksIntoASingleHeader() throws IOException
+    {
+        authorized(ACL.Read);
+
+        filter.filter(request, response);
+
+        assertEquals(1, headers.get(HttpHeaders.LINK).size());
+        // the brackets List.toString() puts around the values must not survive into the header
+        assertFalse(link().startsWith("["));
+        assertFalse(link().endsWith("]"));
+        // and what is left between the values is the comma RFC 8288 separates them with
+        assertTrue(link().contains(", <"));
+    }
+
+}
diff --git a/src/test/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilterTest.java b/src/test/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilterTest.java
index 3dd911bc63..19d66a5d18 100644
--- a/src/test/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilterTest.java
+++ b/src/test/java/com/atomgraph/linkeddatahub/server/filter/response/XsltExecutableFilterTest.java
@@ -113,7 +113,7 @@ private com.atomgraph.linkeddatahub.apps.model.Package asPackage(URI uri)
     public void testAppendImportsAfterExistingImport() throws Exception
     {
         Document doc = parse("<xsl:stylesheet version=\"3.0\" xmlns:xsl=\"" + XSL_NS + "\">" +
-            "<xsl:import href=\"../com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl\"/>" +
+            "<xsl:import href=\"../com/atomgraph/linkeddatahub/xsl/layout.xsl\"/>" +
             "<xsl:template match=\"/\"/>" +
             "</xsl:stylesheet>");
 
@@ -121,7 +121,7 @@ public void testAppendImportsAfterExistingImport() throws Exception
 
         List<Element> children = childElements(doc);
         assertEquals(4, children.size());
-        assertEquals("../com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl", children.get(0).getAttribute("href"));
+        assertEquals("../com/atomgraph/linkeddatahub/xsl/layout.xsl", children.get(0).getAttribute("href"));
         assertEquals(A_XSL_URI.toString(), children.get(1).getAttribute("href"));
         assertEquals(B_XSL_URI.toString(), children.get(2).getAttribute("href"));
         assertEquals("template", children.get(3).getLocalName());
diff --git a/src/test/java/com/atomgraph/linkeddatahub/server/util/LocalStylesheetResolverTest.java b/src/test/java/com/atomgraph/linkeddatahub/server/util/LocalStylesheetResolverTest.java
index ed6d583219..cc3e0bc094 100644
--- a/src/test/java/com/atomgraph/linkeddatahub/server/util/LocalStylesheetResolverTest.java
+++ b/src/test/java/com/atomgraph/linkeddatahub/server/util/LocalStylesheetResolverTest.java
@@ -86,11 +86,11 @@ public void testResolvesAppOriginStaticURLLocally() throws Exception
     @Test
     public void testResolvesRelativeHrefAgainstHTTPSBase() throws Exception
     {
-        String resolved = "https://localhost:4443/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl";
+        String resolved = "https://localhost:4443/static/com/atomgraph/linkeddatahub/xsl/layout.xsl";
         when(system.getAppByOrigin(any(), any(), eq(URI.create(resolved)))).thenReturn(app);
-        when(servletContext.getResourceAsStream("/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl")).thenReturn(stream(XSL_CONTENT));
+        when(servletContext.getResourceAsStream("/static/com/atomgraph/linkeddatahub/xsl/layout.xsl")).thenReturn(stream(XSL_CONTENT));
 
-        Source source = resolver.resolve("../com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/layout.xsl", BASE);
+        Source source = resolver.resolve("../com/atomgraph/linkeddatahub/xsl/layout.xsl", BASE);
 
         assertEquals(resolved, source.getSystemId());
     }
