testing histoire visual diffs

2023-03-21 11:42:09 -04:00 · 2023-03-21 11:42:09 -04:00 · 78d8f6af45
commit 78d8f6af45
parent 152327aeca
300 changed files with 206066 additions and 3 deletions
--- a/.histoire/base-screenshots/src-lib-components-costmass-index-story-svelte-_default-1280x800.png
+++ b/.histoire/base-screenshots/src-lib-components-costmass-index-story-svelte-_default-1280x800.png
--- a/.histoire/base-screenshots/src-lib-components-shipedit-propulsion-engine-story-svelte-_default-1280x800.png
+++ b/.histoire/base-screenshots/src-lib-components-shipedit-propulsion-engine-story-svelte-_default-1280x800.png
--- a/.histoire/base-screenshots/src-lib-components-shipedit-propulsion-ftl-story-svelte-_default-1280x800.png
+++ b/.histoire/base-screenshots/src-lib-components-shipedit-propulsion-ftl-story-svelte-_default-1280x800.png
--- a/.histoire/base-screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png
+++ b/.histoire/base-screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png
--- a/.histoire/base-screenshots/src-lib-components-shipitem-story-svelte-_default-1280x800.png
+++ b/.histoire/base-screenshots/src-lib-components-shipitem-story-svelte-_default-1280x800.png
--- a/.histoire/dist/__sandbox.html
+++ b/.histoire/dist/__sandbox.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Histoire</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="">
+  <link rel="stylesheet" href="/assets/style-622cf620.css">
+    
+    
+</head>
+<body>
+  <div id="app"></div>
+    <script type="module" src="/assets/bundle-sandbox-c5cd2a61.js"></script>
+</body>
+</html>
--- a/.histoire/dist/assets/BaseEmpty.vue-045cbb89.js
+++ b/.histoire/dist/assets/BaseEmpty.vue-045cbb89.js
@ -0,0 +1,13 @@
+import { _ as _export_sfc } from "./MobileOverlay.vue2-a3503848.js";
+import { o as openBlock, e as createElementBlock, aY as renderSlot } from "./vendor-3ab3e533.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "histoire-base-empty htw-base-empty htw-flex htw-flex-col htw-items-center htw-justify-center htw-space-y-4 htw-py-12 htw-h-full htw-text-center htw-text-gray-400 htw-text-lg" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+const BaseEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c5ecfead"]]);
+export {
+  BaseEmpty as B
+};
--- a/.histoire/dist/assets/GenericMountStory.vue2-2bb5633d.js
+++ b/.histoire/dist/assets/GenericMountStory.vue2-2bb5633d.js
--- a/.histoire/dist/assets/HomeView.vue-2db017c5.js
+++ b/.histoire/dist/assets/HomeView.vue-2db017c5.js
@ -0,0 +1,25 @@
+import { d as defineComponent, c as computed, e as createElementBlock, g as createBaseVNode, a as unref, o as openBlock, v as histoireConfig, x as customLogos } from "./vendor-3ab3e533.js";
+const HistoireLogo = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iNTEyIgogICBoZWlnaHQ9IjUxMiIKICAgdmlld0JveD0iMCAwIDUxMiA1MTIiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzUiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxyZWN0CiAgICAgICBzdHlsZT0ib3BhY2l0eTowLjU7ZmlsbDojMzRkMzk5O2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDoxLjAwMzc1IgogICAgICAgaWQ9InJlY3QxMzcyIgogICAgICAgd2lkdGg9IjMxNC4zMDkyMyIKICAgICAgIGhlaWdodD0iNDA2LjYwOTAxIgogICAgICAgeD0iLTI2LjU2NTA2MyIKICAgICAgIHk9IjEzNC43NTA3OSIKICAgICAgIHRyYW5zZm9ybT0icm90YXRlKC0yMy44MjEyNjIpIgogICAgICAgcnk9IjgiIC8+CiAgICA8cmVjdAogICAgICAgc3R5bGU9ImZpbGw6IzM0ZDM5OTtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MS4wMDM3NSIKICAgICAgIGlkPSJyZWN0ODUwIgogICAgICAgd2lkdGg9IjMxNC4zMDkyMyIKICAgICAgIGhlaWdodD0iNDA2LjYwOTAxIgogICAgICAgeD0iNzcuNTcxODM4IgogICAgICAgeT0iNzIuODA4NzA4IgogICAgICAgcnk9IjgiCiAgICAgICB0cmFuc2Zvcm09InJvdGF0ZSgtNC41NzQ0NTM0KSIgLz4KICA8L2c+CiAgPGcKICAgICBpZD0ibGF5ZXIzIj4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDE2NTctMyIKICAgICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiNiNGZhZTI7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNiNGZhZTI7c3Ryb2tlLXdpZHRoOjguMzQ5MjM7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgIGQ9Ik0gMzU5LjM4OTQ3LDM1NS45NTEzNCAzMjAuNzI5MzUsMTc2LjUyOTQyIDIzOC4zNDYxMywyMzguOTQxMTggWiBNIDI3My42NDEyNCwyNzMuMDY2MDggMTUyLjU5Nzg4LDE1Ni4wNTU5MSAxOTEuMjU4MDQsMzM1LjQ3Nzg2IFoiIC8+CiAgPC9nPgogIDxnCiAgICAgaWQ9ImxheWVyMiIKICAgICBzdHlsZT0iZGlzcGxheTpub25lIj4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDE2NTciCiAgICAgICBzdHlsZT0iZmlsbDojYjRmYWUyO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojYjRmYWUyO3N0cm9rZS13aWR0aDo4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICBkPSJtIDI5NiwxMDMuOTgyNDIgLTEzNS41MzEyNSwxNzcuOTY2OCBoIDg4LjcwMTE3IHogTSAyNjIuODMwMDgsMjMwLjA1MDc4IDIxNiw0MDguMDE3NTggMzUxLjUzMTI1LDIzMC4wNTA3OCBaIgogICAgICAgdHJhbnNmb3JtPSJyb3RhdGUoLTQuMTU2NTUzLDI1NiwyNTYuMDA2OTEpIiAvPgogIDwvZz4KPC9zdmc+Cg==";
+const _hoisted_1 = { class: "histoire-home-view htw-flex htw-items-center htw-justify-center htw-h-full" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HomeView",
+  setup(__props) {
+    const logoUrl = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = histoireConfig.theme) == null ? void 0 : _a.logo) == null ? void 0 : _b.square) ? customLogos.square : HistoireLogo;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("img", {
+          src: unref(logoUrl),
+          alt: "Logo",
+          class: "htw-w-64 htw-h-64 htw-opacity-25"
+        }, null, 8, _hoisted_2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
--- a/.histoire/dist/assets/MobileOverlay.vue2-a3503848.js
+++ b/.histoire/dist/assets/MobileOverlay.vue2-a3503848.js
@ -0,0 +1,307 @@
+import { d as defineComponent, l as resolveComponent, o as openBlock, q as createBlock, w as withCtx, g as createBaseVNode, n as normalizeClass, m as withKeys, aY as renderSlot, aQ as mergeProps, k as watch, bg as scrollIntoView, N as onMounted, r as ref, c as computed, a_ as onUnmounted, e as createElementBlock, aX as withModifiers, L as normalizeStyle, a as unref, bh as useMediaQuery, t as toDisplayString, f as createVNode, I as Icon, h as createCommentVNode, T as Transition } from "./vendor-3ab3e533.js";
+const _sfc_main$2 = defineComponent({
+  inheritAttrs: false,
+  props: {
+    isActive: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  emits: {
+    navigate: () => true
+  },
+  setup(props, { emit }) {
+    function handleNavigate(event, navigate) {
+      emit("navigate");
+      navigate(event);
+    }
+    return {
+      handleNavigate
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$2 = ["href", "onClick", "onKeyup"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_RouterLink = resolveComponent("RouterLink");
+  return openBlock(), createBlock(_component_RouterLink, mergeProps({ class: "histoire-base-list-item-link" }, _ctx.$attrs, { custom: "" }), {
+    default: withCtx(({ isActive: linkIsActive, href, navigate }) => [
+      createBaseVNode("a", {
+        href,
+        class: normalizeClass(["htw-flex htw-items-center htw-gap-2 htw-text-gray-900 dark:htw-text-gray-100", [
+          _ctx.$attrs.class,
+          (_ctx.isActive != null ? _ctx.isActive : linkIsActive) ? "active htw-bg-primary-500 hover:htw-bg-primary-600 htw-text-white dark:htw-text-black" : "hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900"
+        ]]),
+        onClick: ($event) => _ctx.handleNavigate($event, navigate),
+        onKeyup: [
+          withKeys(($event) => _ctx.handleNavigate($event, navigate), ["enter"]),
+          withKeys(($event) => _ctx.handleNavigate($event, navigate), ["space"])
+        ]
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          active: _ctx.isActive != null ? _ctx.isActive : linkIsActive
+        })
+      ], 42, _hoisted_1$2)
+    ]),
+    _: 3
+  }, 16);
+}
+const BaseListItemLink = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
+function useScrollOnActive(active, el) {
+  watch(active, (value) => {
+    if (value) {
+      autoScroll();
+    }
+  });
+  function autoScroll() {
+    if (el.value) {
+      scrollIntoView(el.value, {
+        scrollMode: "if-needed",
+        block: "center",
+        inline: "nearest",
+        behavior: "smooth"
+      });
+    }
+  }
+  onMounted(() => {
+    if (active.value) {
+      autoScroll();
+    }
+  });
+  return {
+    autoScroll
+  };
+}
+const _hoisted_1$1 = ["onMousedown"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BaseSplitPane",
+  props: {
+    orientation: {
+      type: String,
+      default: "landscape",
+      validator: (value) => ["landscape", "portrait"].includes(value)
+    },
+    defaultSplit: {
+      type: Number,
+      default: 50
+    },
+    split: {
+      type: Number,
+      default: void 0
+    },
+    min: {
+      type: Number,
+      default: 20
+    },
+    max: {
+      type: Number,
+      default: 80
+    },
+    draggerOffset: {
+      type: String,
+      default: "center",
+      validator: (value) => ["before", "center", "after"].includes(value)
+    },
+    saveId: {
+      type: String,
+      default: null
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    "update:split": (value) => true
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const SAVE_PREFIX = "__histoire";
+    const currentSplit = ref(props.defaultSplit);
+    watch(() => props.split, (value) => {
+      if (value !== void 0) {
+        currentSplit.value = value;
+      }
+    }, {
+      immediate: true
+    });
+    if (props.saveId) {
+      const storageKey = `${SAVE_PREFIX}-split-pane-${props.saveId}`;
+      const savedValue = localStorage.getItem(storageKey);
+      if (savedValue != null) {
+        let parsedValue;
+        try {
+          parsedValue = JSON.parse(savedValue);
+        } catch (e) {
+          console.error(e);
+        }
+        if (typeof parsedValue === "number") {
+          currentSplit.value = parsedValue;
+        }
+      }
+      watch(currentSplit, (value) => {
+        localStorage.setItem(storageKey, JSON.stringify(value));
+      });
+      watch(currentSplit, (value) => {
+        if (value !== props.split) {
+          emit("update:split", value);
+        }
+      }, {
+        immediate: true
+      });
+    }
+    const boundSplit = computed(() => {
+      if (currentSplit.value < props.min) {
+        return props.min;
+      } else if (currentSplit.value > props.max) {
+        return props.max;
+      } else {
+        return currentSplit.value;
+      }
+    });
+    const leftStyle = computed(() => ({
+      [props.orientation === "landscape" ? "width" : "height"]: props.fixed ? `${boundSplit.value}px` : `${boundSplit.value}%`
+    }));
+    const rightStyle = computed(() => ({
+      [props.orientation === "landscape" ? "width" : "height"]: props.fixed ? null : `${100 - boundSplit.value}%`
+    }));
+    const dragging = ref(false);
+    let startPosition = 0;
+    let startSplit = 0;
+    const el = ref(null);
+    function dragStart(e) {
+      dragging.value = true;
+      startPosition = props.orientation === "landscape" ? e.pageX : e.pageY;
+      startSplit = boundSplit.value;
+      window.addEventListener("mousemove", dragMove);
+      window.addEventListener("mouseup", dragEnd);
+    }
+    function dragMove(e) {
+      if (dragging.value) {
+        let position;
+        let totalSize;
+        if (props.orientation === "landscape") {
+          position = e.pageX;
+          totalSize = el.value.offsetWidth;
+        } else {
+          position = e.pageY;
+          totalSize = el.value.offsetHeight;
+        }
+        const dPosition = position - startPosition;
+        if (props.fixed) {
+          currentSplit.value = startSplit + dPosition;
+        } else {
+          currentSplit.value = startSplit + ~~(dPosition / totalSize * 200) / 2;
+        }
+      }
+    }
+    function dragEnd() {
+      dragging.value = false;
+      removeDragListeners();
+    }
+    function removeDragListeners() {
+      window.removeEventListener("mousemove", dragMove);
+      window.removeEventListener("mouseup", dragEnd);
+    }
+    onUnmounted(() => {
+      removeDragListeners();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass(["histoire-base-split-pane htw-flex htw-h-full htw-isolate htw-overflow-auto", {
+          "htw-flex-col": __props.orientation === "portrait",
+          "htw-cursor-ew-resize": dragging.value && __props.orientation === "landscape",
+          "htw-cursor-ns-resize": dragging.value && __props.orientation === "portrait",
+          [__props.orientation]: true
+        }])
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(["htw-relative htw-top-0 htw-left-0 htw-z-20", {
+            "htw-pointer-events-none": dragging.value,
+            "htw-border-r htw-border-gray-300/30 dark:htw-border-gray-800": __props.orientation === "landscape",
+            "htw-flex-none": __props.fixed
+          }]),
+          style: normalizeStyle(unref(leftStyle))
+        }, [
+          renderSlot(_ctx.$slots, "first", {}, void 0, true),
+          createBaseVNode("div", {
+            class: normalizeClass(["dragger htw-absolute htw-z-100 hover:htw-bg-primary-500/50 htw-transition-colors htw-duration-150 htw-delay-150", {
+              "htw-top-0 htw-bottom-0 htw-cursor-ew-resize": __props.orientation === "landscape",
+              "htw-left-0 htw-right-0 htw-cursor-ns-resize": __props.orientation === "portrait",
+              [`dragger-offset-${__props.draggerOffset}`]: true,
+              "htw-bg-primary-500/25": dragging.value
+            }]),
+            onMousedown: withModifiers(dragStart, ["prevent"])
+          }, null, 42, _hoisted_1$1)
+        ], 6),
+        createBaseVNode("div", {
+          class: normalizeClass(["htw-relative htw-bottom-0 htw-right-0", {
+            "htw-pointer-events-none": dragging.value,
+            "htw-border-t htw-border-gray-300/30 dark:htw-border-gray-800": __props.orientation === "portrait",
+            "htw-flex-1": __props.fixed
+          }]),
+          style: normalizeStyle(unref(rightStyle))
+        }, [
+          renderSlot(_ctx.$slots, "last", {}, void 0, true)
+        ], 6)
+      ], 2);
+    };
+  }
+});
+const BaseSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ed925107"]]);
+const isMobile = useMediaQuery("(max-width: 640px)");
+const _hoisted_1 = {
+  key: 0,
+  class: "histoire-mobile-overlay htw-absolute htw-z-10 htw-bg-white dark:htw-bg-gray-700 htw-w-screen htw-h-screen htw-inset-0 htw-overflow-hidden htw-flex htw-flex-col"
+};
+const _hoisted_2 = { class: "htw-p-4 htw-h-16 htw-flex htw-border-b htw-border-gray-100 dark:htw-border-gray-800 htw-items-center htw-place-content-between" };
+const _hoisted_3 = { class: "htw-text-gray-500" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MobileOverlay",
+  props: {
+    title: null,
+    opened: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(__props, { emit: emits }) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { name: "__histoire-fade-bottom" }, {
+        default: withCtx(() => [
+          __props.opened ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createBaseVNode("div", _hoisted_2, [
+              createBaseVNode("span", _hoisted_3, toDisplayString(__props.title), 1),
+              createBaseVNode("a", {
+                class: "htw-p-1 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer",
+                onClick: _cache[0] || (_cache[0] = ($event) => emits("close"))
+              }, [
+                createVNode(unref(Icon), {
+                  icon: "carbon:close",
+                  class: "htw-w-8 htw-h-8 htw-shrink-0"
+                })
+              ])
+            ]),
+            renderSlot(_ctx.$slots, "default")
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  BaseListItemLink as B,
+  _export_sfc as _,
+  _sfc_main as a,
+  BaseSplitPane as b,
+  isMobile as i,
+  useScrollOnActive as u
+};
--- a/.histoire/dist/assets/SearchPane.vue-c31f94e5.js
+++ b/.histoire/dist/assets/SearchPane.vue-c31f94e5.js
@ -0,0 +1,545 @@
+import { d as defineComponent, o as openBlock, e as createElementBlock, aY as renderSlot, n as normalizeClass, m as withKeys, c as computed, a as unref, q as createBlock, I as Icon, f as createVNode, g as createBaseVNode, D as createTextVNode, t as toDisplayString, F as Fragment, p as renderList, h as createCommentVNode, u as useCssVars, r as ref, aS as toRefs, aU as useRouter, w as withCtx, aO as markRaw, k as watch, bi as useFocus, bj as refDebounced, B as withDirectives, aZ as vModelText, aX as withModifiers, _ as __vitePreload, bk as flexsearch_bundleExports } from "./vendor-3ab3e533.js";
+import { u as useStoryStore } from "./story-804dabc9.js";
+import { B as BaseEmpty } from "./BaseEmpty.vue-045cbb89.js";
+import { o as onKeyboardShortcut, u as useCommandStore } from "./bundle-main-f9305308.js";
+import { _ as _export_sfc, u as useScrollOnActive, B as BaseListItemLink } from "./MobileOverlay.vue2-a3503848.js";
+import "./GenericMountStory.vue2-2bb5633d.js";
+function pipeline(a, b, c, d) {
+  if (a && (b && (a = replace(a, b)), this.matcher && (a = replace(a, this.matcher)), this.stemmer && 1 < a.length && (a = replace(a, this.stemmer)), d && 1 < a.length && (a = collapse(a)), c || "" === c)) {
+    const b2 = a.split(c);
+    return this.filter ? filter$1(b2, this.filter) : b2;
+  }
+  return a;
+}
+const regex_whitespace = /[\p{Z}\p{S}\p{P}\p{C}]+/u;
+const regex_normalize = /[\u0300-\u036f]/g;
+function normalize(a) {
+  return a.normalize && (a = a.normalize("NFD").replace(regex_normalize, "")), a;
+}
+function replace(a, b) {
+  for (let c = 0, d = b.length; c < d && (a = a.replace(b[c], b[c + 1]), !!a); c += 2)
+    ;
+  return a;
+}
+function regex(a) {
+  return new RegExp(a, "g");
+}
+function collapse(a) {
+  let b = "", c = "";
+  for (let d, e = 0, f = a.length; e < f; e++)
+    (d = a[e]) !== c && (b += c = d);
+  return b;
+}
+function filter$1(a, b) {
+  const c = a.length, d = [];
+  for (let e = 0, f = 0; e < c; e++) {
+    const c2 = a[e];
+    c2 && !b[c2] && (d[f++] = c2);
+  }
+  return d;
+}
+const regex_a = regex("[àáâãäå]"), regex_e = regex("[èéêë]"), regex_i = regex("[ìíîï]"), regex_o = regex("[òóôõöő]"), regex_u = regex("[ùúûüű]"), regex_y = regex("[ýŷÿ]"), regex_n = regex("ñ"), regex_c = regex("[çc]"), regex_s = regex("ß"), regex_and = regex(" & "), pairs$1 = [regex_a, "a", regex_e, "e", regex_i, "i", regex_o, "o", regex_u, "u", regex_y, "y", regex_n, "n", regex_c, "k", regex_s, "s", regex_and, " and "];
+function encode$2(a) {
+  return a = "" + a, pipeline.call(this, normalize(a).toLowerCase(), !a.normalize && pairs$1, regex_whitespace, false);
+}
+const regex_strip = /[^a-z0-9]+/, soundex = { b: "p", v: "f", w: "f", z: "s", x: "s", ß: "s", d: "t", n: "m", c: "k", g: "k", j: "k", q: "k", i: "e", y: "e", u: "o" };
+function encode$1(a) {
+  a = encode$2.call(this, a).join(" ");
+  const b = [];
+  if (a) {
+    const c = a.split(regex_strip), d = c.length;
+    for (let e, f = 0, g = 0; f < d; f++)
+      if ((a = c[f]) && (!this.filter || !this.filter[a])) {
+        e = a[0];
+        let c2 = soundex[e] || e, d2 = c2;
+        for (let b2 = 1; b2 < a.length; b2++) {
+          e = a[b2];
+          const f2 = soundex[e] || e;
+          f2 && f2 !== d2 && (c2 += f2, d2 = f2);
+        }
+        b[g++] = c2;
+      }
+  }
+  return b;
+}
+const charset = { encode, rtl: false, tokenize: "" };
+const regex_ae = regex("ae"), regex_oe = regex("oe"), regex_sh = regex("sh"), regex_th = regex("th"), regex_ph = regex("ph"), regex_pf = regex("pf"), pairs = [regex_ae, "a", regex_oe, "o", regex_sh, "s", regex_th, "t", regex_ph, "f", regex_pf, "f", regex("(?![aeo])h(?![aeo])"), "", regex("(?!^[aeo])h(?!^[aeo])"), ""];
+function encode(a, b) {
+  return a && (a = encode$1.call(this, a).join(" "), 2 < a.length && (a = replace(a, pairs)), !b && (1 < a.length && (a = collapse(a)), a && (a = a.split(" ")))), a;
+}
+const filter = ["a", "about", "above", "after", "again", "against", "all", "also", "am", "an", "and", "any", "are", "aren't", "as", "at", "be", "because", "been", "before", "being", "below", "both", "but", "by", "can", "cannot", "can't", "come", "could", "couldn't", "did", "didn't", "do", "does", "doesn't", "doing", "dont", "down", "during", "each", "even", "few", "first", "for", "from", "further", "get", "go", "had", "hadn't", "has", "hasn't", "have", "haven't", "having", "he", "hed", "her", "here", "here's", "hers", "herself", "hes", "him", "himself", "his", "how", "how's", "i", "id", "if", "ill", "im", "in", "into", "is", "isn't", "it", "it's", "itself", "i've", "just", "know", "let's", "like", "make", "me", "more", "most", "mustn't", "my", "myself", "new", "no", "nor", "not", "now", "of", "off", "on", "once", "only", "or", "other", "ought", "our", "our's", "ourselves", "out", "over", "own", "same", "say", "see", "shan't", "she", "she'd", "shell", "shes", "should", "shouldn't", "so", "some", "such", "than", "that", "that's", "the", "their", "theirs", "them", "themselves", "then", "there", "there's", "these", "they", "they'd", "they'll", "they're", "they've", "this", "those", "through", "time", "to", "too", "until", "up", "us", "very", "want", "was", "wasn't", "way", "we", "wed", "well", "were", "weren't", "we've", "what", "what's", "when", "when's", "where", "where's", "which", "while", "who", "whom", "who's", "why", "why's", "will", "with", "won't", "would", "wouldn't", "you", "you'd", "you'll", "your", "you're", "your's", "yourself", "yourselves", "you've"];
+const stemmer = { ational: "ate", iveness: "ive", fulness: "ful", ousness: "ous", ization: "ize", tional: "tion", biliti: "ble", icate: "ic", ative: "", alize: "al", iciti: "ic", entli: "ent", ousli: "ous", alism: "al", ation: "ate", aliti: "al", iviti: "ive", ement: "", enci: "ence", anci: "ance", izer: "ize", alli: "al", ator: "ate", logi: "log", ical: "ic", ance: "", ence: "", ness: "", able: "", ible: "", ment: "", eli: "e", bli: "ble", ful: "", ant: "", ent: "", ism: "", ate: "", iti: "", ous: "", ive: "", ize: "", al: "", ou: "", er: "", ic: "" };
+const matcher = {};
+const language = { filter, stemmer, matcher };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "BaseListItem",
+  props: {
+    isActive: { type: Boolean }
+  },
+  emits: ["navigate"],
+  setup(__props, { emit }) {
+    function handleNavigate() {
+      emit("navigate");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        class: normalizeClass(["istoire-base-list-ite htw-flex htw-items-center htw-gap-2 htw-text-gray-900 dark:htw-text-gray-100", [
+          _ctx.$attrs.class,
+          __props.isActive ? "active htw-bg-primary-500 hover:htw-bg-primary-600 htw-text-white dark:htw-text-black" : "hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900"
+        ]]),
+        onClick: _cache[0] || (_cache[0] = ($event) => handleNavigate()),
+        onKeyup: [
+          _cache[1] || (_cache[1] = withKeys(($event) => handleNavigate(), ["enter"])),
+          _cache[2] || (_cache[2] = withKeys(($event) => handleNavigate(), ["space"]))
+        ]
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 34);
+    };
+  }
+});
+const _hoisted_1$3 = ["src", "alt"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "BaseIcon",
+  props: {
+    icon: null
+  },
+  setup(__props) {
+    const props = __props;
+    const isUrl = computed(() => props.icon.startsWith("http") || props.icon.startsWith("data:image") || props.icon.startsWith(".") || props.icon.startsWith("/"));
+    return (_ctx, _cache) => {
+      return unref(isUrl) ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: __props.icon,
+        alt: __props.icon,
+        class: "histoire-base-icon"
+      }, null, 8, _hoisted_1$3)) : (openBlock(), createBlock(unref(Icon), {
+        key: 1,
+        icon: __props.icon,
+        class: "histoire-base-icon"
+      }, null, 8, ["icon"]));
+    };
+  }
+});
+const BaseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-74182813"]]);
+const _hoisted_1$2 = { class: "htw-flex-1" };
+const _hoisted_2 = { class: "htw-flex" };
+const _hoisted_3 = { class: "htw-ml-auto htw-opacity-40" };
+const _hoisted_4 = {
+  key: 0,
+  class: "htw-flex htw-items-center htw-gap-0.5 htw-opacity-60"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SearchItemContent",
+  props: {
+    result: null,
+    selected: { type: Boolean }
+  },
+  setup(__props) {
+    const defaultIcons = {
+      story: "carbon:cube",
+      variant: "carbon:cube"
+    };
+    const kindLabels = {
+      story: "Story",
+      variant: "Variant",
+      command: "Command"
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(BaseIcon, {
+          icon: __props.result.icon ?? defaultIcons[__props.result.kind],
+          class: normalizeClass(["htw-w-4 htw-h-4", [
+            !__props.selected ? [
+              __props.result.iconColor ? "bind-icon-color" : {
+                "htw-text-primary-500": __props.result.kind === "story",
+                "htw-text-gray-500": __props.result.kind === "variant"
+              }
+            ] : [],
+            {
+              "colorize-black": __props.selected
+            }
+          ]])
+        }, null, 8, ["icon", "class"]),
+        createBaseVNode("div", _hoisted_1$2, [
+          createBaseVNode("div", _hoisted_2, [
+            createTextVNode(toDisplayString(__props.result.title) + " ", 1),
+            createBaseVNode("span", _hoisted_3, toDisplayString(kindLabels[__props.result.kind]), 1)
+          ]),
+          ((_a = __props.result.path) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.result.path, (p, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: "htw-flex htw-items-center htw-gap-0.5"
+              }, [
+                index > 0 ? (openBlock(), createBlock(unref(Icon), {
+                  key: 0,
+                  icon: "carbon:chevron-right",
+                  class: "htw-w-4 htw-h-4 htw-mt-0.5 htw-opacity-50"
+                })) : createCommentVNode("", true),
+                createBaseVNode("span", null, toDisplayString(p), 1)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ])
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$1 = ["data-selected"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SearchItem",
+  props: {
+    result: {
+      type: Object,
+      required: true
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "a8c1277e": __props.result.iconColor
+    }));
+    const el = ref();
+    const { selected } = toRefs(props);
+    useScrollOnActive(selected, el);
+    const router = useRouter();
+    onKeyboardShortcut(["enter"], () => {
+      if (!props.selected)
+        return;
+      action();
+    });
+    function action(fromClick = false) {
+      if ("route" in props.result && !fromClick) {
+        router.push(props.result.route);
+      }
+      if ("onActivate" in props.result) {
+        props.result.onActivate();
+      }
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: "histoire-search-item",
+        "data-test-id": "search-item",
+        "data-selected": unref(selected) ? "" : void 0
+      }, [
+        "route" in __props.result ? (openBlock(), createBlock(BaseListItemLink, {
+          key: 0,
+          to: __props.result.route,
+          "is-active": unref(selected),
+          class: "htw-px-6 htw-py-4 htw-gap-4",
+          onNavigate: _cache[0] || (_cache[0] = ($event) => action(true))
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              result: __props.result,
+              selected: unref(selected)
+            }, null, 8, ["result", "selected"])
+          ]),
+          _: 1
+        }, 8, ["to", "is-active"])) : createCommentVNode("", true),
+        "onActivate" in __props.result ? (openBlock(), createBlock(_sfc_main$4, {
+          key: 1,
+          "is-active": unref(selected),
+          class: "htw-px-6 htw-py-4 htw-gap-4",
+          onNavigate: _cache[1] || (_cache[1] = ($event) => action(true))
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              result: __props.result,
+              selected: unref(selected)
+            }, null, 8, ["result", "selected"])
+          ]),
+          _: 1
+        }, 8, ["is-active"])) : createCommentVNode("", true)
+      ], 8, _hoisted_1$1);
+    };
+  }
+});
+const SearchItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6c8e9661"]]);
+let searchData$1 = { "index": { "reg": '{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1}', "text.cfg": '{"doc":0,"opt":1}', "text.map": '[{"s":[0,1],"se":[0,1],"sep":[0,1],"k":[2,3],"ko":[2,3],"kos":[2,3],"kost":[2,3],"p":[4,5],"pr":[4,5],"pro":[4,5],"prop":[4,5],"propo":[4,5],"propol":[4,5],"propols":[4,5],"propolse":[4,5],"propolseo":[4,5],"propolseom":[4,5],"e":[6,7],"em":[6,7],"emk":[6,7],"emke":[6,7],"emkem":[6,7],"emkeme":[6,7],"f":[8,9],"ft":[8,9],"ftl":[8,9]},{"e":[0,1],"et":[0,1],"ete":[0,1],"etem":[0,1],"m":[2,3],"ma":[2,3],"mas":[2,3],"t":[5,7,9],"te":[5,7,9],"tef":[5,7,9],"tefa":[5,7,9],"tefao":[5,7,9],"tefaol":[5,7,9],"tefaolt":[5,7,9]},{"t":[1,3],"te":[1,3],"tef":[1,3],"tefa":[1,3],"tefao":[1,3],"tefaol":[1,3],"tefaolt":[1,3]},{},{},{},{},{},{}]', "text.ctx": "[{}]" }, "idMap": { "0": { "id": "src-lib-components-shipitem-story-svelte", "kind": "story" }, "1": { "id": "src-lib-components-shipitem-story-svelte:_default", "kind": "variant" }, "2": { "id": "src-lib-components-costmass-index-story-svelte", "kind": "story" }, "3": { "id": "src-lib-components-costmass-index-story-svelte:_default", "kind": "variant" }, "4": { "id": "src-lib-components-shipedit-propulsion-story-svelte", "kind": "story" }, "5": { "id": "src-lib-components-shipedit-propulsion-story-svelte:_default", "kind": "variant" }, "6": { "id": "src-lib-components-shipedit-propulsion-engine-story-svelte", "kind": "story" }, "7": { "id": "src-lib-components-shipedit-propulsion-engine-story-svelte:_default", "kind": "variant" }, "8": { "id": "src-lib-components-shipedit-propulsion-ftl-story-svelte", "kind": "story" }, "9": { "id": "src-lib-components-shipedit-propulsion-ftl-story-svelte:_default", "kind": "variant" } } };
+const searchData = markRaw(searchData$1);
+function useSelection(list) {
+  const selectedIndex = ref(0);
+  watch(list, () => {
+    selectedIndex.value = 0;
+  });
+  function selectNext() {
+    selectedIndex.value++;
+    if (selectedIndex.value > list.value.length - 1) {
+      selectedIndex.value = 0;
+    }
+  }
+  function selectPrevious() {
+    selectedIndex.value--;
+    if (selectedIndex.value < 0) {
+      selectedIndex.value = list.value.length - 1;
+    }
+  }
+  return {
+    selectedIndex: computed(() => selectedIndex.value),
+    selectNext,
+    selectPrevious
+  };
+}
+const _hoisted_1 = {
+  key: 1,
+  class: "htw-max-h-[400px] htw-overflow-y-auto htw-rounded-b-lg"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchPane",
+  props: {
+    shown: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const DocSearchData = () => __vitePreload(() => import("./search-docs-data-9f078283.js"), true ? ["assets/search-docs-data-9f078283.js","assets/vendor-3ab3e533.js"] : void 0);
+    function close() {
+      emit("close");
+    }
+    const input = ref();
+    const { focused } = useFocus(input, {
+      initialValue: true
+    });
+    watch(() => props.shown, (value) => {
+      if (value) {
+        requestAnimationFrame(() => {
+          focused.value = true;
+          input.value.select();
+        });
+      }
+    });
+    const searchInputText = ref("");
+    const rateLimitedSearch = refDebounced(searchInputText, 50);
+    const storyStore = useStoryStore();
+    let titleSearchIndex;
+    let titleIdMap;
+    function createIndex() {
+      return new flexsearch_bundleExports.Document({
+        preset: "match",
+        document: {
+          id: "id",
+          index: [
+            "text"
+          ]
+        },
+        worker: true,
+        charset,
+        language,
+        tokenize: "forward"
+      });
+    }
+    async function loadSearchIndex(data) {
+      titleSearchIndex = createIndex();
+      for (const key of Object.keys(data.index)) {
+        await titleSearchIndex.import(key, data.index[key]);
+      }
+      titleIdMap = data.idMap;
+    }
+    loadSearchIndex(searchData);
+    let docSearchIndex;
+    let docIdMap;
+    async function loadDocSearchIndex() {
+      async function load(data) {
+        docSearchIndex = createIndex();
+        for (const key of Object.keys(data.index)) {
+          await docSearchIndex.import(key, data.index[key]);
+        }
+        docIdMap = data.idMap;
+        if (rateLimitedSearch.value) {
+          searchOnDocField(rateLimitedSearch.value);
+        }
+      }
+      const searchDataModule = await DocSearchData();
+      load(searchDataModule.searchData);
+      searchDataModule.onUpdate((searchData2) => {
+        load(searchData2);
+      });
+    }
+    loadDocSearchIndex();
+    const titleResults = ref([]);
+    watch(rateLimitedSearch, async (value) => {
+      const list = [];
+      const raw = await titleSearchIndex.search(value);
+      let rank = 0;
+      for (const field of raw) {
+        for (const id of field.result) {
+          const idMapData = titleIdMap[id];
+          if (!idMapData)
+            continue;
+          switch (idMapData.kind) {
+            case "story": {
+              list.push(storyResultFactory(storyStore.getStoryById(idMapData.id), rank));
+              rank++;
+              break;
+            }
+            case "variant": {
+              const [storyId] = idMapData.id.split(":");
+              const story = storyStore.getStoryById(storyId);
+              const variant = storyStore.getVariantById(idMapData.id);
+              list.push(variantResultFactory(story, variant, rank));
+              rank++;
+              break;
+            }
+          }
+        }
+      }
+      titleResults.value = list;
+    });
+    const docsResults = ref([]);
+    async function searchOnDocField(query) {
+      if (docSearchIndex) {
+        const list = [];
+        const raw = await docSearchIndex.search(query);
+        let rank = 0;
+        for (const field of raw) {
+          for (const id of field.result) {
+            const idMapData = docIdMap[id];
+            if (!idMapData)
+              continue;
+            switch (idMapData.kind) {
+              case "story": {
+                list.push(storyResultFactory(storyStore.getStoryById(idMapData.id), rank, "docs"));
+                rank++;
+                break;
+              }
+            }
+          }
+        }
+        docsResults.value = list;
+      }
+    }
+    watch(rateLimitedSearch, searchOnDocField);
+    function storyResultFactory(story, rank, type = "title") {
+      return {
+        kind: "story",
+        rank,
+        id: `story:${story.id}`,
+        title: story.title,
+        route: {
+          name: "story",
+          params: {
+            storyId: story.id
+          },
+          query: {
+            ...type === "docs" ? { tab: "docs" } : {}
+          }
+        },
+        path: story.file.path.slice(0, -1),
+        icon: story.icon,
+        iconColor: story.iconColor
+      };
+    }
+    function variantResultFactory(story, variant, rank, type = "title") {
+      return {
+        kind: "variant",
+        rank,
+        id: `variant:${story.id}:${variant.id}`,
+        title: variant.title,
+        route: {
+          name: "story",
+          params: {
+            storyId: story.id
+          },
+          query: {
+            variantId: variant.id,
+            ...type === "docs" ? { tab: "docs" } : {}
+          }
+        },
+        path: [...story.file.path ?? [], story.title],
+        icon: variant.icon,
+        iconColor: variant.iconColor
+      };
+    }
+    const commandResults = computed(() => {
+      return [];
+    });
+    useCommandStore();
+    const results = computed(() => {
+      const list = [
+        ...commandResults.value,
+        ...titleResults.value
+      ];
+      const seen = {};
+      for (const r of titleResults.value) {
+        seen[r.id] = true;
+      }
+      for (const r of docsResults.value) {
+        if (!seen[r.id]) {
+          list.push(r);
+        }
+      }
+      return list;
+    });
+    const {
+      selectedIndex,
+      selectNext,
+      selectPrevious
+    } = useSelection(results);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", {
+          class: "histoire-search-pane htw-flex htw-items-center htw-gap-4 htw-pl-6 htw-border htw-border-transparent focus-visible:htw-border-primary-500",
+          onClick: _cache[4] || (_cache[4] = ($event) => focused.value = true)
+        }, [
+          createVNode(unref(Icon), {
+            icon: "carbon:search",
+            class: "flex-none htw-w-4 htw-h-4"
+          }),
+          withDirectives(createBaseVNode("input", {
+            ref_key: "input",
+            ref: input,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchInputText.value = $event),
+            placeholder: "Search for stories, variants...",
+            class: "htw-bg-transparent htw-w-full htw-flex-1 htw-pl-0 htw-pr-6 htw-py-4 htw-outline-none",
+            onKeydown: [
+              _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => unref(selectNext)(), ["prevent"]), ["down"])),
+              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => unref(selectPrevious)(), ["prevent"]), ["up"])),
+              _cache[3] || (_cache[3] = withKeys(($event) => close(), ["escape"]))
+            ]
+          }, null, 544), [
+            [vModelText, searchInputText.value]
+          ])
+        ]),
+        unref(rateLimitedSearch) && !unref(results).length ? (openBlock(), createBlock(BaseEmpty, {
+          key: 0,
+          class: "no-animation"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" No results ")
+          ]),
+          _: 1
+        })) : unref(results).length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(results), (result, index) => {
+            return openBlock(), createBlock(SearchItem, {
+              key: result.id,
+              result,
+              selected: index === unref(selectedIndex),
+              onClose: _cache[5] || (_cache[5] = ($event) => close())
+            }, null, 8, ["result", "selected"]);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
--- a/.histoire/dist/assets/StoryView.vue-e7ab65e8.js
+++ b/.histoire/dist/assets/StoryView.vue-e7ab65e8.js
--- a/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-costmass-index-story-svelte-fa9c29ac.js
+++ b/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-costmass-index-story-svelte-fa9c29ac.js
@ -0,0 +1,4 @@
+const __resolved__virtual_storySource_srcLibComponentsCostmassIndexStorySvelte = '<Hst.Story title="CostMass">\n  <CostMass mass={12} cost={21} />\n</Hst.Story>\n\n<script>\n  export let Hst;\n\n  import CostMass from "./index.svelte";\n<\/script>\n';
+export {
+  __resolved__virtual_storySource_srcLibComponentsCostmassIndexStorySvelte as default
+};
--- a/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipedit-propulsion-engine-story-svelte-42e8b729.js
+++ b/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipedit-propulsion-engine-story-svelte-42e8b729.js
@ -0,0 +1,4 @@
+const __resolved__virtual_storySource_srcLibComponentsShipeditPropulsionEngineStorySvelte = '<Hst.Story title="ShipEdit/Propulsion/Engine">\n  <Engine {api} />\n</Hst.Story>\n\n<script>\n  export let Hst;\n  import { logEvent } from "histoire/client";\n\n  const api = {\n    dispatch: {\n      setEngine: (engine) => logEvent("setEngine", { engine }),\n    },\n  };\n\n  import Engine from "./Engine.svelte";\n  import "$lib/components/GlobalStyle.svelte";\n<\/script>\n';
+export {
+  __resolved__virtual_storySource_srcLibComponentsShipeditPropulsionEngineStorySvelte as default
+};
--- a/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipedit-propulsion-ftl-story-svelte-df90933e.js
+++ b/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipedit-propulsion-ftl-story-svelte-df90933e.js
@ -0,0 +1,4 @@
+const __resolved__virtual_storySource_srcLibComponentsShipeditPropulsionFtlStorySvelte = '<Hst.Story title="ShipEdit/Propulsion/Ftl">\n  <Ftl {api} />\n</Hst.Story>\n\n<script>\n  export let Hst;\n  import { logEvent } from "histoire/client";\n\n  const api = {\n    dispatch: {\n      setFtl: (ftl) => logEvent("setFtl", { ftl }),\n    },\n  };\n\n  import Ftl from "./Ftl.svelte";\n  import "$lib/components/GlobalStyle.svelte";\n<\/script>\n';
+export {
+  __resolved__virtual_storySource_srcLibComponentsShipeditPropulsionFtlStorySvelte as default
+};
--- a/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipedit-propulsion-story-svelte-eabfe58a.js
+++ b/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipedit-propulsion-story-svelte-eabfe58a.js
@ -0,0 +1,4 @@
+const __resolved__virtual_storySource_srcLibComponentsShipeditPropulsionStorySvelte = '<Hst.Story>\n  <Propulsion />\n</Hst.Story>\n\n<script>\n  export let Hst;\n  import Propulsion from "./Propulsion.svelte";\n<\/script>\n';
+export {
+  __resolved__virtual_storySource_srcLibComponentsShipeditPropulsionStorySvelte as default
+};
--- a/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipitem-story-svelte-ec4622fc.js
+++ b/.histoire/dist/assets/resolvedvirtual_story-source_src-lib-components-shipitem-story-svelte-ec4622fc.js
@ -0,0 +1,4 @@
+const __resolved__virtual_storySource_srcLibComponentsShipitemStorySvelte = '<Hst.Story>\n  <ShipItem {mass} {cost}>Thingy</ShipItem>\n  <svelte:fragment slot="controls">\n    <Hst.Number bind:value={mass} title="Mass" />\n    <Hst.Number bind:value={cost} title="Cost" />\n  </svelte:fragment>\n</Hst.Story>\n\n<script>\n  export let Hst;\n  import ShipItem from "./ShipItem.svelte";\n  let mass = 1;\n  let cost = 3;\n<\/script>\n';
+export {
+  __resolved__virtual_storySource_srcLibComponentsShipitemStorySvelte as default
+};
--- a/.histoire/dist/assets/bundle-main-f9305308.js
+++ b/.histoire/dist/assets/bundle-main-f9305308.js
--- a/.histoire/dist/assets/bundle-sandbox-c5cd2a61.js
+++ b/.histoire/dist/assets/bundle-sandbox-c5cd2a61.js
@ -0,0 +1,82 @@
+import { R as parseQuery, r as ref, O as createApp, P as createPinia, k as watch, c as computed, S as STATE_SYNC, U as PREVIEW_SETTINGS_SYNC, N as onMounted, V as h, W as SANDBOX_READY, X as applyState, v as histoireConfig, s as isDark } from "./vendor-3ab3e533.js";
+import { m as mapFile, f as files, _ as _sfc_main } from "./GenericMountStory.vue2-2bb5633d.js";
+import { a as applyPreviewSettings, _ as _sfc_main$1, t as toRawDeep } from "./state-4b1a79d2.js";
+const sandbox = "";
+const query = parseQuery(window.location.search);
+const file = ref(mapFile(files.find((f) => f.id === query.storyId)));
+const app = createApp({
+  name: "SandboxApp",
+  setup() {
+    const story = computed(() => file.value.story);
+    const variant = computed(() => {
+      var _a;
+      return (_a = story.value) == null ? void 0 : _a.variants.find((v) => v.id === query.variantId);
+    });
+    let synced = false;
+    let mounted = false;
+    window.addEventListener("message", (event) => {
+      var _a, _b;
+      if (((_a = event.data) == null ? void 0 : _a.type) === STATE_SYNC) {
+        if (!mounted)
+          return;
+        synced = true;
+        applyState(variant.value.state, event.data.state);
+      } else if (((_b = event.data) == null ? void 0 : _b.type) === PREVIEW_SETTINGS_SYNC) {
+        applyPreviewSettings(event.data.settings);
+      }
+    });
+    watch(() => variant.value.state, (value) => {
+      var _a;
+      if (synced && mounted) {
+        synced = false;
+        return;
+      }
+      (_a = window.parent) == null ? void 0 : _a.postMessage({
+        type: STATE_SYNC,
+        state: toRawDeep(value, true)
+      });
+    }, {
+      deep: true
+    });
+    onMounted(() => {
+      mounted = true;
+    });
+    return {
+      story,
+      variant
+    };
+  },
+  render() {
+    return [
+      h("div", { class: "htw-sandbox-hidden" }, [
+        h(_sfc_main, {
+          key: file.value.story.id,
+          story: file.value.story
+        })
+      ]),
+      this.story && this.variant ? h(_sfc_main$1, {
+        story: this.story,
+        variant: this.variant,
+        onReady: () => {
+          var _a;
+          (_a = window.parent) == null ? void 0 : _a.postMessage({
+            type: SANDBOX_READY
+          });
+        }
+      }) : null
+    ];
+  }
+});
+app.use(createPinia());
+app.mount("#app");
+watch(isDark, (value) => {
+  if (value) {
+    document.documentElement.classList.add(histoireConfig.sandboxDarkClass);
+    document.documentElement.classList.add(histoireConfig.theme.darkClass);
+  } else {
+    document.documentElement.classList.remove(histoireConfig.sandboxDarkClass);
+    document.documentElement.classList.remove(histoireConfig.theme.darkClass);
+  }
+}, {
+  immediate: true
+});
--- a/.histoire/dist/assets/events-ae5cec59.js
+++ b/.histoire/dist/assets/events-ae5cec59.js
@ -0,0 +1,31 @@
+import { i as defineStore, K as reactive, r as ref, k as watch } from "./vendor-3ab3e533.js";
+import { u as useStoryStore } from "./story-804dabc9.js";
+import "./GenericMountStory.vue2-2bb5633d.js";
+const useEventsStore = defineStore("events", () => {
+  const storyStore = useStoryStore();
+  const events = reactive([]);
+  const unseen = ref(0);
+  function addEvent(event) {
+    events.push(event);
+    unseen.value++;
+  }
+  function reset() {
+    events.length = 0;
+    unseen.value = 0;
+  }
+  watch(() => {
+    var _a;
+    return (_a = storyStore.currentVariant) == null ? void 0 : _a.id;
+  }, () => {
+    reset();
+  });
+  return {
+    addEvent,
+    reset,
+    events,
+    unseen
+  };
+});
+export {
+  useEventsStore
+};
--- a/.histoire/dist/assets/histoire-svelte-e093dabf.svg
+++ b/.histoire/dist/assets/histoire-svelte-e093dabf.svg
@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <rect
+       style="opacity:0.5;fill:#ff3e00;fill-opacity:1;stroke-width:1.00375"
+       id="rect1372"
+       width="314.30923"
+       height="406.60901"
+       x="-26.565063"
+       y="134.75079"
+       transform="rotate(-23.821262)"
+       ry="8" />
+    <rect
+       style="fill:#ff3e00;fill-opacity:1;stroke-width:1.00375"
+       id="rect850"
+       width="314.30923"
+       height="406.60901"
+       x="77.571838"
+       y="72.808708"
+       ry="8"
+       transform="rotate(-4.5744534)" />
+  </g>
+  <g
+     id="layer3"
+     style="display:inline">
+    <path
+       id="path1657-3"
+       style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:8.34923;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 359.38947,355.95134 320.72935,176.52942 238.34613,238.94118 Z M 273.64124,273.06608 152.59788,156.05591 191.25804,335.47786 Z" />
+  </g>
+  <g
+     id="layer2"
+     style="display:none">
+    <path
+       id="path1657"
+       style="fill:#b4fae2;fill-opacity:1;stroke:#b4fae2;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 296,103.98242 -135.53125,177.9668 h 88.70117 z M 262.83008,230.05078 216,408.01758 351.53125,230.05078 Z"
+       transform="rotate(-4.156553,256,256.00691)" />
+  </g>
+</svg>
--- a/.histoire/dist/assets/histoire-svelte-text-008b417c.svg
+++ b/.histoire/dist/assets/histoire-svelte-text-008b417c.svg
@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1536"
+   height="512"
+   viewBox="0 0 1536 512"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <rect
+       style="opacity:0.5;fill:#ff3e00;fill-opacity:1;stroke-width:1.00375"
+       id="rect1372"
+       width="314.30923"
+       height="406.60901"
+       x="-26.565063"
+       y="134.75079"
+       transform="rotate(-23.821262)"
+       ry="8" />
+    <rect
+       style="fill:#ff3e00;fill-opacity:1;stroke-width:1.00375"
+       id="rect850"
+       width="314.30923"
+       height="406.60901"
+       x="77.571838"
+       y="72.808708"
+       ry="8"
+       transform="rotate(-4.5744534)" />
+  </g>
+  <g
+     id="layer3">
+    <path
+       id="path1657-3"
+       style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:8.34923;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 359.38947,355.95134 320.72935,176.52942 238.34613,238.94118 Z M 273.64124,273.06608 152.59788,156.05591 191.25804,335.47786 Z" />
+    <g
+       aria-label="Histoire"
+       id="text1821"
+       style="font-size:231.926px;line-height:1.25;font-family:Sen;-inkscape-font-specification:Sen;fill:#ff3e00;stroke-width:5.79813;fill-opacity:1"
+       transform="matrix(1.1500556,0,0,1.1500556,-105.40156,-38.414233)">
+      <path
+         d="M 693.87591,344.24783 V 181.89964 h 25.04801 v 162.34819 z m -105.99018,0 V 181.89964 h 25.04801 v 162.34819 z m 10.90052,-68.88202 v -24.1203 h 106.22211 v 24.1203 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16857" />
+      <path
+         d="M 762.294,344.24783 V 222.48669 h 23.88838 v 121.76114 z m 11.5963,-148.66456 q -7.65356,0 -11.82822,-3.94274 -4.17467,-3.94274 -4.17467,-11.13245 0,-6.72585 4.17467,-10.90052 4.40659,-4.17467 11.82822,-4.17467 7.65356,0 11.82823,3.94274 4.17466,3.94275 4.17466,11.13245 0,6.72585 -4.40659,10.90052 -4.17467,4.17467 -11.5963,4.17467 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16859" />
+      <path
+         d="m 863.41371,346.56709 q -15.30711,0 -27.59919,-5.33429 -12.29208,-5.3343 -20.40949,-15.77097 l 16.23482,-13.91556 q 6.95778,8.11741 15.07519,11.82822 8.34934,3.47889 18.78601,3.47889 4.17466,0 7.65355,-0.9277 3.71082,-1.15963 6.26201,-3.24696 2.78311,-2.08734 4.17466,-4.87045 1.39156,-3.01504 1.39156,-6.49393 0,-6.03007 -4.40659,-9.74089 -2.31926,-1.62348 -7.42164,-3.47889 -4.87044,-2.08733 -12.75593,-4.17467 -13.4517,-3.47889 -22.03297,-7.88548 -8.58126,-4.4066 -13.21978,-9.97282 -3.47889,-4.40659 -5.10237,-9.50897 -1.62348,-5.33429 -1.62348,-11.59629 0,-7.65356 3.24696,-13.91556 3.47889,-6.49393 9.27704,-11.13245 6.03008,-4.87045 13.91556,-7.42163 8.11741,-2.55119 17.16253,-2.55119 8.58126,0 16.93059,2.31926 8.58126,2.31926 15.77097,6.72585 7.18971,4.4066 12.06015,10.43667 l -13.68363,15.07519 q -4.4066,-4.40659 -9.74089,-7.65355 -5.10237,-3.47889 -10.43667,-5.3343 -5.3343,-1.85541 -9.74089,-1.85541 -4.87045,0 -8.81319,0.9277 -3.94274,0.92771 -6.72586,2.78312 -2.55118,1.8554 -3.94274,4.63852 -1.39155,2.78311 -1.39155,6.262 0.23192,3.01504 1.39155,5.79815 1.39156,2.55118 3.71082,4.40659 2.55118,1.85541 7.65356,3.94274 5.10237,2.08734 12.98785,3.94274 11.5963,3.01504 19.01793,6.72586 7.65356,3.47889 12.06015,8.11741 4.63852,4.40659 6.49393,10.20474 1.85541,5.79815 1.85541,12.98786 0,10.43667 -6.03008,18.786 -5.79815,8.11741 -15.77096,12.75593 -9.97282,4.63852 -22.2649,4.63852 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16861" />
+      <path
+         d="M 948.99398,344.24783 V 191.4086 h 23.88838 v 152.83923 z m -25.27993,-98.56854 v -23.1926 h 77.46325 v 23.1926 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16863" />
+      <path
+         d="m 1076.5528,346.56709 q -17.8583,0 -32.0058,-8.11741 -13.9156,-8.34933 -22.033,-22.49682 -8.1174,-14.37941 -8.1174,-32.70156 0,-18.32216 8.1174,-32.46964 8.1174,-14.37941 22.033,-22.49682 14.1475,-8.34934 32.0058,-8.34934 17.6263,0 31.5419,8.34934 14.1475,8.11741 22.2649,22.49682 8.1174,14.14748 8.1174,32.46964 0,18.32215 -8.1174,32.70156 -8.1174,14.14749 -22.2649,22.49682 -13.9156,8.11741 -31.5419,8.11741 z m 0,-21.80104 q 10.9005,0 19.4818,-5.3343 8.5812,-5.56622 13.4517,-14.84326 4.8704,-9.50897 4.6385,-21.33719 0.2319,-12.06016 -4.6385,-21.33719 -4.8705,-9.50897 -13.4517,-14.84327 -8.5813,-5.3343 -19.4818,-5.3343 -10.9005,0 -19.7137,5.56623 -8.5813,5.3343 -13.4517,14.84326 -4.8705,9.27704 -4.6386,21.10527 -0.2319,11.82822 4.6386,21.33719 4.8704,9.27704 13.4517,14.84326 8.8132,5.3343 19.7137,5.3343 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16865" />
+      <path
+         d="M 1168.3954,344.24783 V 222.48669 h 23.8884 v 121.76114 z m 11.5963,-148.66456 q -7.6536,0 -11.8282,-3.94274 -4.1747,-3.94274 -4.1747,-11.13245 0,-6.72585 4.1747,-10.90052 4.4065,-4.17467 11.8282,-4.17467 7.6535,0 11.8282,3.94274 4.1747,3.94275 4.1747,11.13245 0,6.72585 -4.4066,10.90052 -4.1747,4.17467 -11.5963,4.17467 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16867" />
+      <path
+         d="M 1228.928,344.24783 V 222.48669 h 24.1203 v 38.26779 l -2.3192,-9.27704 q 2.5512,-8.81319 8.5812,-16.0029 6.262,-7.1897 14.1475,-11.36437 8.1174,-4.17467 16.6987,-4.17467 3.9427,0 7.4216,0.69578 3.7109,0.69578 5.7982,1.62348 l -6.262,25.97571 q -2.7831,-1.15963 -6.262,-1.85541 -3.247,-0.9277 -6.4939,-0.9277 -6.262,0 -12.0602,2.55119 -5.5662,2.31926 -9.9728,6.72585 -4.1747,4.17467 -6.7259,9.97282 -2.5512,5.56622 -2.5512,12.29207 v 67.25854 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16869" />
+      <path
+         d="m 1374.1134,346.56709 q -18.786,0 -33.3973,-7.88548 -14.3794,-8.11741 -22.7288,-22.03297 -8.1174,-13.91556 -8.1174,-32.00579 0,-14.37941 4.6386,-26.20763 4.6385,-11.82823 12.7559,-20.40949 8.3493,-8.81319 19.7137,-13.45171 11.5963,-4.87045 25.048,-4.87045 11.8282,0 22.033,4.63852 10.2047,4.4066 17.6263,12.29208 7.6536,7.88549 11.5963,18.78601 4.1747,10.66859 3.9428,23.42452 l -0.2319,10.20475 h -99.4963 l -5.3343,-19.01794 h 84.1891 l -3.4788,3.94275 v -5.56623 q -0.6958,-7.65355 -5.1024,-13.68363 -4.4066,-6.03008 -11.1325,-9.50897 -6.7258,-3.47889 -14.6113,-3.47889 -12.524,0 -21.1053,4.87045 -8.5812,4.63852 -12.9878,13.91556 -4.4066,9.04511 -4.4066,22.49682 0,12.75593 5.3343,22.2649 5.3343,9.27704 15.0752,14.37941 9.7409,5.10237 22.4968,5.10237 9.0451,0 16.6987,-3.01504 7.8855,-3.01504 16.9306,-10.90052 l 12.0601,16.9306 q -5.5662,5.56622 -13.6836,9.74089 -7.8855,4.17467 -16.9306,6.72585 -8.8132,2.31926 -17.3945,2.31926 z"
+         style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#ff3e00;fill-opacity:1"
+         id="path16871" />
+    </g>
+  </g>
+  <g
+     id="layer2"
+     style="display:none">
+    <path
+       id="path1657"
+       style="fill:#b4fae2;fill-opacity:1;stroke:#b4fae2;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 296,103.98242 -135.53125,177.9668 h 88.70117 z M 262.83008,230.05078 216,408.01758 351.53125,230.05078 Z"
+       transform="rotate(-4.156553,256,256.00691)" />
+  </g>
+</svg>
--- a/.histoire/dist/assets/search-docs-data-9f078283.js
+++ b/.histoire/dist/assets/search-docs-data-9f078283.js
@ -0,0 +1,9 @@
+import { aO as markRaw } from "./vendor-3ab3e533.js";
+let searchData$1 = { "index": { "reg": "{}", "text.cfg": '{"doc":0,"opt":1}', "text.map": "[{},{},{},{},{},{},{},{},{}]", "text.ctx": "[{}]" }, "idMap": {} };
+const searchData = markRaw(searchData$1);
+function onUpdate(cb) {
+}
+export {
+  onUpdate,
+  searchData
+};
--- a/.histoire/dist/assets/state-4b1a79d2.js
+++ b/.histoire/dist/assets/state-4b1a79d2.js
@ -0,0 +1,92 @@
+import { c as clientSupportPlugins } from "./GenericMountStory.vue2-2bb5633d.js";
+import { d as defineComponent, r as ref, aP as watchEffect, aO as markRaw, o as openBlock, q as createBlock, aQ as mergeProps, aR as resolveDynamicComponent, h as createCommentVNode, K as reactive, v as histoireConfig, z as isRef, a as unref } from "./vendor-3ab3e533.js";
+const __default__ = {
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "GenericRenderStory",
+  props: {
+    story: null
+  },
+  setup(__props) {
+    const props = __props;
+    const mountComponent = ref(null);
+    watchEffect(async () => {
+      var _a;
+      const clientPlugin = clientSupportPlugins[(_a = props.story.file) == null ? void 0 : _a.supportPluginId];
+      if (clientPlugin) {
+        try {
+          const pluginModule = await clientPlugin();
+          mountComponent.value = markRaw(pluginModule.RenderStory);
+        } catch (e) {
+          console.error(e);
+          throw e;
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return mountComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(mountComponent.value), mergeProps({
+        key: 0,
+        class: "histoire-generic-render-story __histoire-render-story",
+        story: __props.story
+      }, _ctx.$attrs), null, 16, ["story"])) : createCommentVNode("", true);
+    };
+  }
+});
+const receivedSettings = reactive({});
+function applyPreviewSettings(settings) {
+  Object.assign(receivedSettings, settings);
+  document.documentElement.setAttribute("dir", settings.textDirection);
+  const contrastColor = getContrastColor(settings);
+  document.documentElement.style.setProperty("--histoire-contrast-color", contrastColor);
+  if (histoireConfig.autoApplyContrastColor) {
+    document.documentElement.style.color = contrastColor;
+  }
+}
+function getContrastColor(setting) {
+  var _a;
+  return ((_a = histoireConfig.backgroundPresets.find((preset) => preset.color === setting.backgroundColor)) == null ? void 0 : _a.contrastColor) ?? "unset";
+}
+const isObject = (val) => val !== null && typeof val === "object";
+function toRawDeep(val, clean = false, seen = /* @__PURE__ */ new WeakMap()) {
+  const unwrappedValue = isRef(val) ? unref(val) : val;
+  if (typeof unwrappedValue === "symbol") {
+    return unwrappedValue.toString();
+  }
+  if (!isObject(unwrappedValue)) {
+    return unwrappedValue;
+  }
+  if (seen.has(unwrappedValue)) {
+    return seen.get(unwrappedValue);
+  }
+  if (Array.isArray(unwrappedValue)) {
+    const result = [];
+    seen.set(unwrappedValue, result);
+    let list = unwrappedValue.map((value) => toRawDeep(value, clean, seen));
+    if (clean) {
+      list = list.filter((value) => typeof value !== "function");
+    }
+    result.push(...list);
+    return result;
+  } else {
+    const result = {};
+    seen.set(unwrappedValue, result);
+    toRawObject(unwrappedValue, result, clean, seen);
+    return result;
+  }
+}
+const toRawObject = (obj, target, clean = false, seen = /* @__PURE__ */ new WeakMap()) => {
+  Object.keys(obj).forEach((key) => {
+    if (clean && typeof obj[key] === "function") {
+      return;
+    }
+    target[key] = toRawDeep(obj[key], clean, seen);
+  });
+};
+export {
+  _sfc_main as _,
+  applyPreviewSettings as a,
+  getContrastColor as g,
+  toRawDeep as t
+};
--- a/.histoire/dist/assets/story-804dabc9.js
+++ b/.histoire/dist/assets/story-804dabc9.js
@ -0,0 +1,44 @@
+import { i as defineStore, r as ref, c as computed } from "./vendor-3ab3e533.js";
+import { r as router } from "./GenericMountStory.vue2-2bb5633d.js";
+const useStoryStore = defineStore("story", () => {
+  const stories = ref([]);
+  function setStories(value) {
+    stories.value = value;
+  }
+  const currentStory = computed(() => stories.value.find((s) => s.id === router.currentRoute.value.params.storyId));
+  const currentVariant = computed(() => {
+    var _a;
+    return (_a = currentStory.value) == null ? void 0 : _a.variants.find((v) => v.id === router.currentRoute.value.query.variantId);
+  });
+  const maps = computed(() => {
+    const storyMap = /* @__PURE__ */ new Map();
+    const variantMap = /* @__PURE__ */ new Map();
+    for (const story of stories.value) {
+      storyMap.set(story.id, story);
+      for (const variant of story.variants) {
+        variantMap.set(`${story.id}:${variant.id}`, variant);
+      }
+    }
+    return {
+      stories: storyMap,
+      variants: variantMap
+    };
+  });
+  function getStoryById(id) {
+    return maps.value.stories.get(id);
+  }
+  function getVariantById(idWithStoryId) {
+    return maps.value.variants.get(idWithStoryId);
+  }
+  return {
+    stories,
+    setStories,
+    currentStory,
+    currentVariant,
+    getStoryById,
+    getVariantById
+  };
+});
+export {
+  useStoryStore as u
+};
--- a/.histoire/dist/assets/style-622cf620.css
+++ b/.histoire/dist/assets/style-622cf620.css
--- a/.histoire/dist/assets/vendor-3ab3e533.js
+++ b/.histoire/dist/assets/vendor-3ab3e533.js
--- a/.histoire/dist/bulma/bulma-rtl.css
+++ b/.histoire/dist/bulma/bulma-rtl.css
--- a/.histoire/dist/bulma/bulma-rtl.css.map
+++ b/.histoire/dist/bulma/bulma-rtl.css.map
--- a/.histoire/dist/bulma/bulma-rtl.min.css
+++ b/.histoire/dist/bulma/bulma-rtl.min.css
--- a/.histoire/dist/bulma/bulma.css
+++ b/.histoire/dist/bulma/bulma.css
--- a/.histoire/dist/bulma/bulma.css.map
+++ b/.histoire/dist/bulma/bulma.css.map
--- a/.histoire/dist/bulma/bulma.min.css
+++ b/.histoire/dist/bulma/bulma.min.css
--- a/.histoire/dist/css/buttons.css
+++ b/.histoire/dist/css/buttons.css
@ -0,0 +1,236 @@
+/* from https://codepen.io/ben_jammin/pen/syaCq */
+
+.button::-moz-focus-inner{
+  border: 0;
+  padding: 0;
+}
+
+.button{
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  padding: 6px 20px;
+  margin: 0;
+  cursor: pointer;
+  border: 1px solid #bbb;
+  overflow: visible;
+  font: bold 13px arial, helvetica, sans-serif;
+  text-decoration: none;
+  white-space: nowrap;
+  color: #555;
+
+  background-color: #ddd;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
+  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+
+  -webkit-transition: background-color .2s ease-out;
+  -moz-transition: background-color .2s ease-out;
+  -ms-transition: background-color .2s ease-out;
+  -o-transition: background-color .2s ease-out;
+  transition: background-color .2s ease-out;
+  background-clip: padding-box; /* Fix bleeding */
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
+  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
+  text-shadow: 0 1px 0 rgba(255,255,255, .9);
+
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.button:hover{
+  background-color: #eee;
+  color: #555;
+}
+
+.button:active{
+  background: #e9e9e9;
+  position: relative;
+  top: 1px;
+  text-shadow: none;
+  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
+}
+
+.button[disabled], .button[disabled]:hover, .button[disabled]:active{
+  border-color: #eaeaea;
+  background: #fafafa;
+  cursor: default;
+  position: static;
+  color: #999;
+  /* Usually, !important should be avoided but here it's really needed :) */
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  text-shadow: none !important;
+}
+
+/* Smaller buttons styles */
+
+.button.small{
+  padding: 4px 12px;
+}
+
+/* Larger buttons styles */
+
+.button.large{
+  padding: 12px 30px;
+  text-transform: uppercase;
+}
+
+.button.large:active{
+  top: 2px;
+}
+
+/* Colored buttons styles */
+
+.button.green, .button.red, .button.blue {
+  color: #fff;
+  text-shadow: 0 1px 0 rgba(0,0,0,.2);
+
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
+  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+}
+
+/* */
+
+.button.green{
+  background-color: #57a957;
+  border-color: #57a957;
+}
+
+.button.green:hover{
+  background-color: #62c462;
+}
+
+.button.green:active{
+  background: #57a957;
+}
+
+/* */
+
+.button.red{
+  background-color: #ca3535;
+  border-color: #c43c35;
+}
+
+.button.red:hover{
+  background-color: #ee5f5b;
+}
+
+.button.red:active{
+  background: #c43c35;
+}
+
+/* */
+
+.button.blue{
+  background-color: #269CE9;
+  border-color: #269CE9;
+}
+
+.button.blue:hover{
+  background-color: #70B9E8;
+}
+
+.button.blue:active{
+  background: #269CE9;
+}
+
+/* */
+
+.green[disabled], .green[disabled]:hover, .green[disabled]:active{
+  border-color: #57A957;
+  background: #57A957;
+  color: #D2FFD2;
+}
+
+.red[disabled], .red[disabled]:hover, .red[disabled]:active{
+  border-color: #C43C35;
+  background: #C43C35;
+  color: #FFD3D3;
+}
+
+.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{
+  border-color: #269CE9;
+  background: #269CE9;
+  color: #93D5FF;
+}
+
+/* Group buttons */
+
+.button-group,
+.button-group li{
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+}
+
+.button-group{
+  font-size: 0; /* Inline block elements gap - fix */
+  margin: 0;
+  padding: 0;
+  background: rgba(0, 0, 0, .1);
+  border-bottom: 1px solid rgba(0, 0, 0, .1);
+  padding: 7px;
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+  border-radius: 7px;
+}
+
+.button-group li{
+  margin-right: -1px; /* Overlap each right button border */
+}
+
+.button-group .button{
+  font-size: 13px; /* Set the font size, different from inherited 0 */
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+
+.button-group .button:active{
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+}
+
+.button-group li:first-child .button{
+  -moz-border-radius: 3px 0 0 3px;
+  -webkit-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+
+.button-group li:first-child .button:active{
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+}
+
+.button-group li:last-child .button{
+  -moz-border-radius: 0 3px 3px 0;
+  -webkit-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+
+.button-group li:last-child .button:active{
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+}
--- a/.histoire/dist/favicon.ico
+++ b/.histoire/dist/favicon.ico
--- a/.histoire/dist/favicon.png
+++ b/.histoire/dist/favicon.png
--- a/.histoire/dist/fonts/Faktos.ttf
+++ b/.histoire/dist/fonts/Faktos.ttf
--- a/.histoire/dist/fonts/FaktosContour.ttf
+++ b/.histoire/dist/fonts/FaktosContour.ttf
--- a/.histoire/dist/fonts/FaktosOutline.ttf
+++ b/.histoire/dist/fonts/FaktosOutline.ttf
--- a/.histoire/dist/fonts/FaktosShadow.ttf
+++ b/.histoire/dist/fonts/FaktosShadow.ttf
--- a/.histoire/dist/fonts/dosis/Dosis-VariableFont_wght.ttf
+++ b/.histoire/dist/fonts/dosis/Dosis-VariableFont_wght.ttf
--- a/.histoire/dist/fonts/dosis/OFL.txt
+++ b/.histoire/dist/fonts/dosis/OFL.txt
@ -0,0 +1,95 @@
+Copyright (c) 2011, Edgar Tolentino and Pablo Impallari (www.impallari.com|impallari@gmail.com),
+Copyright (c) 2011, Igino Marini. (www.ikern.com|mail@iginomarini.com),
+with Reserved Font Names "Dosis".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
--- a/.histoire/dist/fonts/dosis/README.txt
+++ b/.histoire/dist/fonts/dosis/README.txt
@ -0,0 +1,69 @@
+Dosis Variable Font
+===================
+
+This download contains Dosis as both a variable font and static fonts.
+
+Dosis is a variable font with this axis:
+  wght
+
+This means all the styles are contained in a single file:
+  Dosis-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Dosis:
+  static/Dosis-ExtraLight.ttf
+  static/Dosis-Light.ttf
+  static/Dosis-Regular.ttf
+  static/Dosis-Medium.ttf
+  static/Dosis-SemiBold.ttf
+  static/Dosis-Bold.ttf
+  static/Dosis-ExtraBold.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them freely in your products & projects - print or digital,
+commercial or otherwise. However, you can't sell the fonts on their own.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.
--- a/.histoire/dist/fonts/dosis/dosis.css
+++ b/.histoire/dist/fonts/dosis/dosis.css
@ -0,0 +1,4 @@
+@font-face {
+    font-family: 'Dosis';
+    src: url(Dosis-VariableFont_wght.ttf) format('truetype');
+}
--- a/.histoire/dist/fonts/dosis/static/Dosis-Bold.ttf
+++ b/.histoire/dist/fonts/dosis/static/Dosis-Bold.ttf
--- a/.histoire/dist/fonts/dosis/static/Dosis-ExtraBold.ttf
+++ b/.histoire/dist/fonts/dosis/static/Dosis-ExtraBold.ttf
--- a/.histoire/dist/fonts/dosis/static/Dosis-ExtraLight.ttf
+++ b/.histoire/dist/fonts/dosis/static/Dosis-ExtraLight.ttf
--- a/.histoire/dist/fonts/dosis/static/Dosis-Light.ttf
+++ b/.histoire/dist/fonts/dosis/static/Dosis-Light.ttf
--- a/.histoire/dist/fonts/dosis/static/Dosis-Medium.ttf
+++ b/.histoire/dist/fonts/dosis/static/Dosis-Medium.ttf
--- a/.histoire/dist/fonts/dosis/static/Dosis-Regular.ttf
+++ b/.histoire/dist/fonts/dosis/static/Dosis-Regular.ttf
--- a/.histoire/dist/fonts/dosis/static/Dosis-SemiBold.ttf
+++ b/.histoire/dist/fonts/dosis/static/Dosis-SemiBold.ttf
--- a/.histoire/dist/fonts/fakto10.ttf
+++ b/.histoire/dist/fonts/fakto10.ttf
--- a/.histoire/dist/fonts/fakto9.ttf
+++ b/.histoire/dist/fonts/fakto9.ttf
--- a/.histoire/dist/fonts/faktos.css
+++ b/.histoire/dist/fonts/faktos.css
@ -0,0 +1,5 @@
+@font-face {
+    font-family: 'Faktos';
+    font-style: normal;
+    src: url(Faktos.ttf) format('truetype');
+}
--- a/.histoire/dist/fonts/faktos.ttf
+++ b/.histoire/dist/fonts/faktos.ttf
--- a/.histoire/dist/global.css
+++ b/.histoire/dist/global.css
@ -0,0 +1,89 @@
+:root {
+
+    --oxford-blue: hsla(226, 60%, 10%, 1);
+    --royal-blue-dark: hsla(218, 100%, 16%, 1);
+    --indigo-dye: hsla(209, 95%, 24%, 1);
+    --cg-blue: hsla(193, 80%, 35%, 1);
+    --white: hsla(20, 60%, 99%, 1);
+
+    --main-width: 60em;
+}
+
+small {font-size: var(--font-scale-9); }
+
+h1 {
+    margin: 0px;
+    padding: 0px;
+    font-size: var(--font-scale-14);
+}
+
+h2 {
+    font-size: var(--font-scale-12);
+}
+
+
+html, body {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+body {
+    background-color: var(--white);
+	color: #333;
+	margin: 0;
+	padding: 8px;
+	box-sizing: border-box;
+	font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+a {
+	color: rgb(0,100,200);
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+a:visited {
+	color: rgb(0,80,160);
+}
+
+label {
+	display: block;
+}
+
+input, button, select, textarea {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+}
+
+input:disabled {
+	color: #ccc;
+}
+
+input[type="range"] {
+	height: 0;
+}
+
+/*  ---- inputs --- */
+
+input, select {
+    border: 0px;
+    border-bottom: 1px solid var(--indigo-dye);
+}
+
+input:focus, select:focus {
+    border: 1px solid var(--indigo-dye);;
+}
+
+input.short {
+    width:5em;
+}
+
--- a/.histoire/dist/histoire.json
+++ b/.histoire/dist/histoire.json
@ -0,0 +1,134 @@
+{
+  "stories": [
+    {
+      "id": "src-lib-components-shipitem-story-svelte",
+      "title": "ShipItem",
+      "group": null,
+      "layout": {
+        "type": "single",
+        "iframe": true
+      },
+      "icon": null,
+      "iconColor": null,
+      "docsOnly": false,
+      "variants": [
+        {
+          "id": "_default",
+          "title": "default"
+        }
+      ],
+      "relativePath": "src/lib/components/ShipItem.story.svelte",
+      "supportPluginId": "svelte3",
+      "treePath": [
+        "ShipItem"
+      ],
+      "virtual": false,
+      "markdownFile": null
+    },
+    {
+      "id": "src-lib-components-costmass-index-story-svelte",
+      "title": "CostMass",
+      "group": null,
+      "layout": {
+        "type": "single",
+        "iframe": true
+      },
+      "icon": null,
+      "iconColor": null,
+      "docsOnly": false,
+      "variants": [
+        {
+          "id": "_default",
+          "title": "default"
+        }
+      ],
+      "relativePath": "src/lib/components/CostMass/index.story.svelte",
+      "supportPluginId": "svelte3",
+      "treePath": [
+        "CostMass"
+      ],
+      "virtual": false,
+      "markdownFile": null
+    },
+    {
+      "id": "src-lib-components-shipedit-propulsion-story-svelte",
+      "title": "Propulsion",
+      "group": null,
+      "layout": {
+        "type": "single",
+        "iframe": true
+      },
+      "icon": null,
+      "iconColor": null,
+      "docsOnly": false,
+      "variants": [
+        {
+          "id": "_default",
+          "title": "default"
+        }
+      ],
+      "relativePath": "src/lib/components/ShipEdit/Propulsion.story.svelte",
+      "supportPluginId": "svelte3",
+      "treePath": [
+        "Propulsion"
+      ],
+      "virtual": false,
+      "markdownFile": null
+    },
+    {
+      "id": "src-lib-components-shipedit-propulsion-engine-story-svelte",
+      "title": "Engine",
+      "group": null,
+      "layout": {
+        "type": "single",
+        "iframe": true
+      },
+      "icon": null,
+      "iconColor": null,
+      "docsOnly": false,
+      "variants": [
+        {
+          "id": "_default",
+          "title": "default"
+        }
+      ],
+      "relativePath": "src/lib/components/ShipEdit/Propulsion/Engine.story.svelte",
+      "supportPluginId": "svelte3",
+      "treePath": [
+        "ShipEdit",
+        "Propulsion",
+        "Engine"
+      ],
+      "virtual": false,
+      "markdownFile": null
+    },
+    {
+      "id": "src-lib-components-shipedit-propulsion-ftl-story-svelte",
+      "title": "Ftl",
+      "group": null,
+      "layout": {
+        "type": "single",
+        "iframe": true
+      },
+      "icon": null,
+      "iconColor": null,
+      "docsOnly": false,
+      "variants": [
+        {
+          "id": "_default",
+          "title": "default"
+        }
+      ],
+      "relativePath": "src/lib/components/ShipEdit/Propulsion/Ftl.story.svelte",
+      "supportPluginId": "svelte3",
+      "treePath": [
+        "ShipEdit",
+        "Propulsion",
+        "Ftl"
+      ],
+      "virtual": false,
+      "markdownFile": null
+    }
+  ],
+  "markdownFiles": []
+}
--- a/.histoire/dist/icons/crew-star.svg
+++ b/.histoire/dist/icons/crew-star.svg
@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 170.3 161.89999"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="crew-star.svg"
+   width="170.3"
+   height="161.89999"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11">
+	
+		
+	
+</defs><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1920"
+   inkscape:window-height="957"
+   id="namedview9"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="314"
+   inkscape:cy="98.2"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   id="polygon4"
+   points="303.8,378.2 251.2,340 198.5,378.2 218.6,316.4 166,278.1 231.1,278.1 251.2,216.3 271.3,278.1 336.3,278.1 283.7,316.4 "
+   transform="translate(-166,-216.3)" />
+</svg>
--- a/.histoire/dist/icons/firecon.svg
+++ b/.histoire/dist/icons/firecon.svg
@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 409 409"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="firecon.svg"
+   width="409"
+   height="409"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata116"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs114" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview112"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="205"
+   inkscape:cy="205"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<rect
+   x="12.5"
+   y="12.5"
+   stroke-miterlimit="10"
+   width="384"
+   height="384"
+   id="rect107"
+   style="fill:none;stroke:#000000;stroke-width:25;stroke-miterlimit:10" />
+<circle
+   stroke-miterlimit="10"
+   cx="205"
+   cy="204"
+   r="121.6"
+   id="circle109"
+   style="stroke:#000000;stroke-width:22.25449944;stroke-miterlimit:10" />
+</svg>
--- a/.histoire/dist/icons/ftl-drive.svg
+++ b/.histoire/dist/icons/ftl-drive.svg
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<rect x="264.5" y="65.5" fill="none" stroke="#000000" stroke-width="29" stroke-miterlimit="10" width="430" height="430"/>
+	<path fill="none" stroke="#000000" stroke-width="28.507" stroke-miterlimit="10" d="M265.4,260.8c0,0,43.9,136,104.2,136
+		c31.9,0,52.6-54.9,63.8-77.5c21.7-43.8,40.7-91,72.1-129c14.9-18,37.3-38.2,62.9-37.6c28.1,0.6,48.5,27.5,65,47.1
+		c23.1,27.5,43.5,57.6,61.9,88.5"/>
+</g>
+</svg>
--- a/.histoire/dist/icons/internal-systems.svg
+++ b/.histoire/dist/icons/internal-systems.svg
@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 743.40002 273.60001"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="internal-systems.svg"
+   width="743.40002"
+   height="273.60001"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata164"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs162" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview160"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="371.7"
+   inkscape:cy="136.8"
+   inkscape:window-x="317"
+   inkscape:window-y="165"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   stroke-miterlimit="10"
+   points="179.2,152.2 117.3,214.1 117.3,345.9 179.2,407.8 780.8,407.8 842.7,345.9 842.7,214.1 780.8,152.2 "
+   id="polygon127"
+   style="fill:none;stroke:#303030;stroke-width:18;stroke-miterlimit:10"
+   transform="translate(-108.3,-143.2)" />
+<g
+   id="g157"
+   transform="translate(-108.3,-143.2)">
+	<rect
+   x="196.89999"
+   y="194.5"
+   stroke-miterlimit="10"
+   width="165.89999"
+   height="171"
+   id="rect129"
+   style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<rect
+   x="397.10001"
+   y="194.5"
+   stroke-miterlimit="10"
+   width="165.89999"
+   height="171"
+   id="rect131"
+   style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<rect
+   x="597.20001"
+   y="194.5"
+   stroke-miterlimit="10"
+   width="165.89999"
+   height="171"
+   id="rect133"
+   style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
+	
+		<rect
+   x="220.10001"
+   y="294.10001"
+   stroke-miterlimit="10"
+   width="119.4"
+   height="19.4"
+   id="rect135"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	
+		<rect
+   x="220.10001"
+   y="322.70001"
+   stroke-miterlimit="10"
+   width="119.4"
+   height="19.4"
+   id="rect137"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	
+		<rect
+   x="220.10001"
+   y="265.5"
+   stroke-miterlimit="10"
+   width="119.4"
+   height="19.4"
+   id="rect139"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<path
+   stroke-miterlimit="10"
+   d="m 279.8,204.4 c -19.3,0 -34.9,15.6 -34.9,34.9 0,19.3 15.6,34.9 34.9,34.9 19.3,0 34.9,-15.6 34.9,-34.9 0,-19.3 -15.6,-34.9 -34.9,-34.9 z m 0,53.2 c -10.1,0 -18.3,-8.2 -18.3,-18.3 0,-10.1 8.2,-18.3 18.3,-18.3 10.1,0 18.3,8.2 18.3,18.3 0,10.1 -8.2,18.3 -18.3,18.3 z"
+   id="path141"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<ellipse
+   stroke-miterlimit="10"
+   cx="480"
+   cy="280"
+   rx="63.799999"
+   ry="74.5"
+   id="ellipse143"
+   style="stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
+	<circle
+   stroke-miterlimit="10"
+   cx="480"
+   cy="228.5"
+   r="15.8"
+   id="circle145"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
+	<path
+   stroke-miterlimit="10"
+   d="M 427.6,250.5 H 531 c 0,0 -46.9,7.1 -51.7,93.1 0,0 4.4,-85.4 -51.7,-93.1 z"
+   id="path147"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
+	<circle
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   r="10.3"
+   id="circle149"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:3.75830007;stroke-miterlimit:10" />
+	
+		<ellipse
+   transform="matrix(0.7431,-0.6691,0.6691,0.7431,-12.654,527.0353)"
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   rx="17.6"
+   ry="75.5"
+   id="ellipse151"
+   style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
+	
+		<ellipse
+   transform="matrix(-0.5878,-0.809,0.809,-0.5878,853.4232,994.8409)"
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   rx="17.6"
+   ry="75.5"
+   id="ellipse153"
+   style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
+	
+		<ellipse
+   transform="matrix(-0.9781,-0.2079,0.2079,-0.9781,1287.2416,695.2945)"
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   rx="17.6"
+   ry="75.5"
+   id="ellipse155"
+   style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
+</g>
+</svg>
--- a/.histoire/dist/icons/screen-advanced.svg
+++ b/.histoire/dist/icons/screen-advanced.svg
@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 457.3924 458.52048"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="screen-advanced.svg"
+   width="457.3924"
+   height="458.52048"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata247"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs245" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview243"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="228.69619"
+   inkscape:cy="224.72809"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g240"
+   transform="translate(-251.30381,-46.207612)">
+	<rect
+   x="387.29999"
+   y="280.79999"
+   transform="matrix(0.7071,0.7071,-0.7071,0.7071,404.6839,-230.0195)"
+   width="185.5"
+   height="185.5"
+   id="rect234" />
+	<polyline
+   stroke-miterlimit="10"
+   points="654.3,330.5 480,156.2 305.7,330.5  "
+   id="polyline236"
+   style="fill:none;stroke:#000000;stroke-width:13;stroke-miterlimit:10" />
+	<polyline
+   stroke-miterlimit="10"
+   points="704.1,279.5 480,55.4 255.9,279.5  "
+   id="polyline238"
+   style="fill:none;stroke:#000000;stroke-width:13;stroke-miterlimit:10" />
+</g>
+</svg>
--- a/.histoire/dist/icons/screen.svg
+++ b/.histoire/dist/icons/screen.svg
@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 396.50296 456.80048"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="screen.svg"
+   width="396.50296"
+   height="456.80048"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata171"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs169" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview167"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="198.30113"
+   inkscape:cy="218.59999"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g164"
+   transform="translate(-281.69887,-41.799529)">
+	<circle
+   cx="480"
+   cy="366.79999"
+   r="131.8"
+   id="circle158" />
+	<path
+   stroke-miterlimit="10"
+   d="m 348.2,193.3 c 0,0 130,-67.9 263.6,0"
+   id="path160"
+   inkscape:connector-curvature="0"
+   style="fill:none;stroke:#000000;stroke-width:39.33679962;stroke-miterlimit:10" />
+	<path
+   stroke-miterlimit="10"
+   d="m 290.8,104.7 c 0,0 186.6,-97.4 378.5,0"
+   id="path162"
+   inkscape:connector-curvature="0"
+   style="fill:none;stroke:#000000;stroke-width:39.33679962;stroke-miterlimit:10" />
+</g>
+</svg>
--- a/.histoire/dist/icons/standard-drive.svg
+++ b/.histoire/dist/icons/standard-drive.svg
@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 625 520.20758"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="standard-drive.svg"
+   width="625"
+   height="520.20758"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview9"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="313"
+   inkscape:cy="259"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   stroke-miterlimit="10"
+   points="180,215.8 479.5,34 779,215.8 779,526 180,526 "
+   id="polygon2"
+   style="fill:none;stroke:#000000;stroke-width:26;stroke-miterlimit:10"
+   transform="translate(-167,-18.792427)" />
+
+</svg>
--- a/.histoire/dist/index.html
+++ b/.histoire/dist/index.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Histoire</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="">
+  <link rel="stylesheet" href="/assets/style-622cf620.css">
+    
+    <link rel="preload" href="/assets/vendor-3ab3e533.js" as="script" crossOrigin="anonymous">
+</head>
+<body>
+  <div id="app"></div>
+    <script type="module" src="/assets/bundle-main-f9305308.js"></script>
+</body>
+</html>
--- a/.histoire/dist/mass.svg
+++ b/.histoire/dist/mass.svg
@ -0,0 +1,5 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.003 512.003" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 512.003 512.003">
+  <path d="m510.838,471.439l-80-288c-3.852-13.852-16.461-23.438-30.836-23.438h-112v-6.781c28-12.379 48-40.498 48-73.219 0-44.109-35.891-80-80-80s-80,35.891-80,80c0,32.721 20,60.84 48,73.219v6.781h-112c-14.375,0-26.984,9.586-30.836,23.438l-80,288c-2.672,9.633-0.695,19.969 5.359,27.93 6.055,7.961 15.477,12.633 25.477,12.633h448c10,0 19.422-4.672 25.477-12.633 6.054-7.961 8.03-18.297 5.359-27.93zm-254.836-407.437c8.82-1.42109e-14 16,7.18 16,16s-7.18,16-16,16c-8.82,0-16-7.18-16-16s7.179-16 16-16z"/>
+</svg>
--- a/.histoire/dist/print.css
+++ b/.histoire/dist/print.css
@ -0,0 +1,5 @@
+@media print {
+    header,nav {
+        display: none !important;
+    }
+}
--- a/.histoire/dist/ssd-icons/AADFC.svg
+++ b/.histoire/dist/ssd-icons/AADFC.svg
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<rect x="362" y="68" fill="none" stroke="#000000" stroke-width="22" stroke-miterlimit="10" width="236" height="424"/>
+	
+		<rect x="414.7" y="314.7" fill="none" stroke="#000000" stroke-width="18.1941" stroke-miterlimit="10" width="130.7" height="130.7"/>
+	
+		<rect x="414.7" y="114.6" fill="none" stroke="#000000" stroke-width="18.1941" stroke-miterlimit="10" width="130.7" height="130.7"/>
+	<polygon points="480,179.9 414.7,114.6 484.7,114.6 545.3,114.6 	"/>
+	<polygon points="480,179.9 414.7,245.3 484.7,245.3 545.3,245.3 	"/>
+	<polygon points="480,380.1 414.7,445.4 484.7,445.4 545.3,445.4 	"/>
+	<polygon points="480,380.1 414.7,314.7 484.7,314.7 545.3,314.7 	"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/ADS.svg
+++ b/.histoire/dist/ssd-icons/ADS.svg
@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<circle fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" cx="480" cy="280" r="93.3"/>
+	<circle fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" cx="480" cy="280" r="141.6"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="573.4" y1="283.4" x2="619.5" y2="283.4"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="389.1" y1="283.4" x2="343" y2="283.4"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="430.5" y1="200.8" x2="407.5" y2="160.9"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="430.5" y1="365.7" x2="407.5" y2="405.7"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="523.8" y1="197.5" x2="546.8" y2="157.6"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="523.8" y1="369" x2="546.8" y2="409"/>
+	<g>
+		<path d="M480,193.3c-27.8,0-52.6,13.1-68.4,33.5L480,280l68.4-53.3C532.6,206.4,507.8,193.3,480,193.3z"/>
+		<path d="M480,280l-68.4,53.3c15.9,20.4,40.6,33.5,68.4,33.5s52.6-13.1,68.4-33.5L480,280z"/>
+	</g>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AMSuicide.svg
+++ b/.histoire/dist/ssd-icons/AMSuicide.svg
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="21" stroke-miterlimit="10" points="299.5,515.5 207.5,424.2 207.5,116.8 
+	298.6,44.5 676.9,44.5 751.5,118.8 751.5,422.5 677.8,515.5 "/>
+<path d="M480,112.9c-92.3,0-167.1,74.8-167.1,167.1S387.7,447.1,480,447.1S647.1,372.3,647.1,280S572.3,112.9,480,112.9z M480,152
+	h78.4l-39.2,64l-39.2,64l-39.2-64l-39.2-64H480z M597.2,344.1L558,408.2l-39.2-64.1L480,280.6L441.2,344l-39.2,64l-39.2-64l-39.2-64
+	H402h77.6h0.7H558h78.4L597.2,344.1z"/>
+</svg>
--- a/.histoire/dist/ssd-icons/AMT.svg
+++ b/.histoire/dist/ssd-icons/AMT.svg
@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<g>
+		<polygon fill="none" stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="509,169.4 480,137.2 451,169.4 451,423 
+			509,423 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="451,218.4 451,267 408.3,267 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="451,313 451,403 369.1,403 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="509,218.4 509,267 551.7,267 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="509,313 509,403 590.9,403 		"/>
+	</g>
+	<g>
+		<polygon fill="none" stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="239,169.4 210,137.2 181,169.4 181,423 
+			239,423 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="181,218.4 181,267 138.3,267 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="181,313 181,403 99.1,403 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="239,218.4 239,267 281.7,267 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="239,313 239,403 320.9,403 		"/>
+	</g>
+	<g>
+		<polygon fill="none" stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="779,169.4 750,137.2 721,169.4 721,423 
+			779,423 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="721,218.4 721,267 678.3,267 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="721,313 721,403 639.1,403 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="779,218.4 779,267 821.7,267 		"/>
+		<polygon stroke="#000000" stroke-width="8" stroke-miterlimit="10" points="779,313 779,403 860.9,403 		"/>
+	</g>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AdvFireCont2.svg
+++ b/.histoire/dist/ssd-icons/AdvFireCont2.svg
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<rect x="287" y="32" fill="none" stroke="#000000" stroke-width="28" stroke-miterlimit="10" width="384" height="497"/>
+<circle stroke="#000000" stroke-width="13.7436" stroke-miterlimit="10" cx="480" cy="353" r="75.1"/>
+<circle stroke="#000000" stroke-width="13.7436" stroke-miterlimit="10" cx="480" cy="196" r="75.1"/>
+</svg>
--- a/.histoire/dist/ssd-icons/Advanced
+++ b/.histoire/dist/ssd-icons/Advanced
@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<rect x="264.5" y="65.5" fill="none" stroke="#000000" stroke-width="29" stroke-miterlimit="10" width="430" height="430"/>
+	<path fill="none" stroke="#000000" stroke-width="28.507" stroke-miterlimit="10" d="M265.4,260.8c0,0,43.9,136,104.2,136
+		c31.9,0,52.6-54.9,63.8-77.5c21.7-43.8,40.7-91,72.1-129c14.9-18,37.3-38.2,62.9-37.6c28.1,0.6,48.5,27.5,65,47.1
+		c23.1,27.5,43.5,57.6,61.9,88.5"/>
+</g>
+<rect x="221" y="25" fill="none" stroke="#000000" stroke-width="12" stroke-miterlimit="10" width="514" height="514"/>
+</svg>
--- a/.histoire/dist/ssd-icons/AlternativeIcon.svg
+++ b/.histoire/dist/ssd-icons/AlternativeIcon.svg
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<rect x="437.5" y="192.5" fill="none" stroke="#000000" stroke-width="19" stroke-miterlimit="10" width="85" height="305"/>
+	<rect x="443" y="202" width="74" height="145"/>
+	<circle cx="480" cy="183.6" r="59.2"/>
+	<polyline points="435.8,188.7 362.7,173.6 435.6,160 	"/>
+	<polyline points="524.2,188.7 597.3,173.6 524.4,160 	"/>
+	<polyline points="466.3,135.1 481.3,62 494.9,134.8 	"/>
+	<polyline points="514.8,155.9 555.9,93.6 494.8,135.5 	"/>
+	<polyline points="445.2,155.9 404.1,93.6 465.2,135.5 	"/>
+	<polyline points="452.4,218.4 390.1,259.5 431.9,198.3 	"/>
+	<polyline points="507.6,218.4 569.9,259.5 528.1,198.3 	"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives
+++ b/.histoire/dist/ssd-icons/AndvancedDrives
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M415.7,388.1v-3.5c0-8.2,0.9-16.2,2.7-24.2c1.8-7.9,4.6-15.9,8.4-24c7.7-16.8,19.8-33.6,36.4-50.3c2.4-2.4,4.2-4.2,5.3-5.3
+		l1.3-1.4c18.1-19,27.2-35.7,27.2-50c0-6.6-1.3-11.7-3.9-15.2c-2.6-3.5-6.3-5.3-11.1-5.3c-6.9,0-11.9,2.9-15,8.6
+		c-3.1,5.8-4.7,15-4.7,27.6v3.8h-44.6v-5.7c0-23,5.6-40.7,16.9-52.9c11.3-12.3,27.5-18.4,48.7-18.4c19.1,0,34.1,5.3,44.8,15.9
+		c10.8,10.6,16.2,25.3,16.2,44c0,11.1-2.3,21.6-7,31.5c-4.6,10-11.9,20.1-21.9,30.3c-2.1,2.2-5.3,5.4-9.6,9.6
+		c-17.6,17.2-28.7,31.4-33.1,42.6h71v42.2H415.7z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives
+++ b/.histoire/dist/ssd-icons/AndvancedDrives
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M415.4,314.7h44.7c0.4,13.6,1.9,23.4,4.5,29.2c2.6,5.8,6.8,8.7,12.6,8.7c5.8,0,10.1-2.6,13-7.9c2.9-5.2,4.4-13,4.4-23.2
+		c0-10.9-2.6-18.7-7.9-23.4c-5.2-4.7-13.9-7.1-26-7.1c-1.9,0-3.4,0-4.4,0.1c-1,0-1.9,0.1-2.7,0.2l-0.1-33.7h4.6
+		c11.8,0,20.3-2.3,25.4-6.9c5.2-4.6,7.7-12.2,7.7-22.8c0-7-1.2-12.3-3.6-16.2c-2.4-3.8-5.9-5.7-10.4-5.7c-5.6,0-9.5,2.2-11.9,6.6
+		c-2.4,4.4-3.7,12.6-4.1,24.4h-43.9v-2.8c0-20.2,5.5-36,16.6-47.4c11.1-11.4,26.4-17.1,45.9-17.1c17.6,0,32,5.1,43.2,15.3
+		c11.1,10.2,16.7,23.2,16.7,39.2c0,10.6-2.5,19.8-7.6,27.7c-5.1,7.9-12.7,14.6-22.9,20.2c12.2,4.7,21.1,11.3,27,19.8
+		c5.8,8.5,8.7,19.2,8.7,32.2c0,20.7-5.8,36.9-17.4,48.5c-11.6,11.6-27.8,17.4-48.5,17.4c-20.2,0-36-6-47.1-18.1
+		c-11.2-12.1-16.8-29.1-16.8-51c0-0.6,0-1.7,0.1-3.1C415.3,316.4,415.4,315.4,415.4,314.7z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives
+++ b/.histoire/dist/ssd-icons/AndvancedDrives
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M483.1,386v-41.4h-70.8v-40.5L480.1,174h49v133.8h18.5v36.8h-18.5V386H483.1z M488.6,307.9v-85.9l-39,85.9H488.6z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives
+++ b/.histoire/dist/ssd-icons/AndvancedDrives
@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M417,317.8h44.4c0.4,12.2,1.9,20.7,4.5,25.5c2.6,4.8,7,7.2,13.1,7.2c6.4,0,11-2.6,13.8-7.7c2.8-5.2,4.2-13.9,4.2-26.1
+		c0-17.6-1.4-29.4-4.2-35.2c-2.8-5.8-7.9-8.8-15.3-8.8c-4.4,0-8,1.3-10.9,3.8s-5.2,6.3-6.8,11.4h-39.8l3.9-116.4h110.7V210h-74.1
+		l-1.5,39c5.8-3.8,11.6-6.7,17.5-8.6c5.9-1.9,12-2.9,18.5-2.9c16.3,0,28.5,6,36.4,18.1c7.9,12.1,11.8,30.4,11.8,55
+		c0,25.9-5.3,45.4-15.9,58.4c-10.6,13-26.5,19.5-47.6,19.5c-20.2,0-35.7-5.7-46.4-17.2c-10.7-11.5-16.1-28-16.1-49.5V317.8z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives
+++ b/.histoire/dist/ssd-icons/AndvancedDrives
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M465.2,255.1c5.1-3.3,10.3-5.8,15.5-7.5c5.2-1.7,10.7-2.5,16.5-2.5c15.7,0,27.5,5.6,35.3,16.9
+		c7.8,11.3,11.8,28.2,11.8,50.8c0,25.9-5.3,45.3-15.8,58.1c-10.5,12.8-26.5,19.2-47.8,19.2c-10.3,0-19.4-1.5-27.4-4.5
+		c-7.9-3-14.8-7.5-20.5-13.5c-6.3-6.7-10.7-15.8-13.3-27.3c-2.6-11.5-3.8-32.4-3.8-62.5c0-25,0.7-43.2,2-54.7
+		c1.3-11.5,3.6-20.7,6.9-27.8c4.5-9.7,11.6-17.2,21.4-22.3c9.8-5.1,21.8-7.7,35.8-7.7c18.8,0,33.3,4.8,43.7,14.3
+		c10.4,9.5,15.6,22.8,15.6,39.9v1.4h-45.5c-0.2-6.8-1.5-11.8-3.9-15.2c-2.4-3.3-6-5-10.7-5c-5.8,0-9.9,2.6-12.3,7.7
+		c-2.5,5.1-3.7,14.1-3.7,27c0,4,0,7,0.1,9.1C465.1,251.2,465.1,253.2,465.2,255.1z M463.8,318c0,13,1.3,22.1,3.9,27.4
+		c2.6,5.3,7,7.9,13.2,7.9c5.5,0,9.3-2.6,11.6-7.7c2.2-5.1,3.3-14.7,3.3-28.7c0-13.6-1.2-23-3.7-28.1c-2.5-5.1-6.8-7.6-12.9-7.6
+		c-5.7,0-9.7,2.6-12,7.9C465,294.4,463.8,304,463.8,318z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives
+++ b/.histoire/dist/ssd-icons/AndvancedDrives
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M442.3,386c2.5-25.1,8.3-51.8,17.5-80.3c9.1-28.5,21.5-58.3,37.1-89.5h-79.7V174h125.5v36.5
+		c-13.2,23.5-24.1,50.1-32.8,79.9c-8.7,29.8-14.7,61.7-18.2,95.5H442.3z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives
+++ b/.histoire/dist/ssd-icons/AndvancedDrives
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M443,271.2c-7.7-5.2-13.5-11.5-17.3-18.9c-3.9-7.4-5.8-15.9-5.8-25.7c0-17.7,5.3-31.6,15.9-41.6c10.6-10,25.4-15,44.2-15
+		c18.8,0,33.6,5,44.2,15c10.6,10,15.9,23.9,15.9,41.6c0,9.7-1.9,18.3-5.8,25.7c-3.9,7.4-9.6,13.7-17.3,18.9
+		c8.5,5.3,15.1,12.6,19.6,21.8c4.5,9.2,6.8,20.1,6.8,32.7c0,20.3-5.6,36.2-16.8,47.5c-11.2,11.3-26.8,17-46.9,17
+		c-19.9,0-35.4-5.7-46.4-17.1c-11.1-11.4-16.6-27.2-16.6-47.4c0-12.5,2.2-23.4,6.7-32.7C427.8,283.7,434.3,276.4,443,271.2z
+		 M462.9,321.6c0,10.5,1.4,18.3,4.2,23.5c2.8,5.2,7.1,7.8,12.9,7.8c5.9,0,10.3-2.5,13.2-7.5c2.8-5,4.2-13,4.2-23.8
+		c0-11.3-1.4-19.5-4.1-24.6c-2.7-5.1-7.1-7.6-13-7.6c-6,0-10.4,2.6-13.2,7.7C464.3,302.2,462.9,310.3,462.9,321.6z M463.7,228.4
+		c0,7.8,1.5,14.1,4.6,18.8c3.1,4.7,7.1,7.1,12,7.1c5,0,9.1-2.4,12.2-7.1c3.1-4.7,4.7-11,4.7-18.8c0-7.8-1.5-13.8-4.4-18
+		c-2.9-4.2-7.1-6.3-12.5-6.3c-5.3,0-9.4,2.1-12.3,6.3C465.1,214.6,463.7,220.6,463.7,228.4z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AndvancedDrives.svg
+++ b/.histoire/dist/ssd-icons/AndvancedDrives.svg
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="706.8,390.2 480,500.4 253.2,390.2 
+	253.2,169.8 480,59.6 706.8,169.8 "/>
+<g>
+	<path d="M477.4,387.9v-148h-42.8v-32.7h2.4c15.4,0,27.7-2.9,36.9-8.8c9.2-5.8,15.3-14.6,18.4-26.3h33v215.9H477.4z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AreaECM.svg
+++ b/.histoire/dist/ssd-icons/AreaECM.svg
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<path d="M571.2,39.7l-77.6,150.2c-4.5-0.7-9-1.1-13.6-1.1c-4.6,0-9.2,0.5-13.6,1.1L388.8,39.7C291.8,76.5,222.9,170.2,222.9,280
+	s68.9,203.5,165.8,240.3l77.6-150.2c4.5,0.7,9,1.1,13.6,1.1c4.6,0,9.2-0.5,13.6-1.1l77.6,150.2c96.9-36.8,165.8-130.5,165.8-240.3
+	S668.2,76.5,571.2,39.7z M480,316.4c-20.1,0-36.4-16.3-36.4-36.4s16.3-36.4,36.4-36.4s36.4,16.3,36.4,36.4S500.1,316.4,480,316.4z"
+	/>
+</svg>
--- a/.histoire/dist/ssd-icons/AreaScreens1.svg
+++ b/.histoire/dist/ssd-icons/AreaScreens1.svg
@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<circle cx="480" cy="280" r="63"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M417,197c0,0,62.1-32.4,126.1,0"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M409.5,163c0,0,69.4-32.4,140.9,0"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M398.4,129c0,0,80.4-32.4,163.2,0"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M417,363c0,0,62.1,32.4,126.1,0"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M409.5,397c0,0,69.4,32.4,140.9,0"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M398.4,431c0,0,80.4,32.4,163.2,0"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M391.3,217c0,0-32.4,62.1,0,126.1"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M357.3,209.5c0,0-32.4,69.4,0,140.9"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M323.4,198.4c0,0-32.4,80.4,0,163.2"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M568.7,217c0,0,32.4,62.1,0,126.1"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M602.7,209.5c0,0,32.4,69.4,0,140.9"/>
+	<path fill="none" stroke="#000000" stroke-width="8.3452" stroke-miterlimit="10" d="M636.6,198.4c0,0,32.4,80.4,0,163.2"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/AreaScreens2.svg
+++ b/.histoire/dist/ssd-icons/AreaScreens2.svg
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<rect x="413" y="213" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -57.4011 421.4214)" width="134" height="134"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="398.8,214 332.8,280 398.8,346 	"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="378.2,193.5 291.7,280 378.2,366.5 	"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="561.2,214 627.2,280 561.2,346 	"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="581.8,193.5 668.3,280 581.8,366.5 	"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="414,200.3 480,134.3 546,200.3 	"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="393.5,179.7 480,93.2 566.5,179.7 	"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="414,359.7 480,425.7 546,359.7 	"/>
+	<polyline fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" points="393.5,380.3 480,466.8 566.5,380.3 	"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Beam1
+++ b/.histoire/dist/ssd-icons/Beam1
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="18.714" stroke-miterlimit="10" points="480,529 392,279.9 304.1,31 480,31 
+	655.9,31 568,279.9 "/>
+<circle fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" cx="480" cy="145.2" r="75.7"/>
+<path fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" d="M438.2,208.4c-10.8,10.7-17.4,25.5-17.4,41.9
+	c0,32.7,26.5,59.2,59.2,59.2s59.2-26.5,59.2-59.2c0-16.3-6.6-31.1-17.3-41.8"/>
+<path fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" d="M448.4,300.4c-5.4,6.9-8.7,15.5-8.7,25
+	c0,22.3,18,40.3,40.3,40.3c22.3,0,40.3-18,40.3-40.3c0-9.5-3.3-18.2-8.7-25"/>
+<g>
+	<path d="M450.9,183c6.2,3.8,15.4,7,25,7c14.2,0,22.6-7.5,22.6-18.4c0-10.1-5.8-15.8-20.3-21.5c-17.6-6.2-28.5-15.4-28.5-30.6
+		c0-16.8,13.9-29.3,34.9-29.3c11,0,19.1,2.6,23.9,5.3l-3.8,11.4c-3.5-1.9-10.7-5.1-20.5-5.1c-14.7,0-20.3,8.8-20.3,16.2
+		c0,10.1,6.6,15,21.5,20.8c18.3,7,27.5,15.8,27.5,31.7c0,16.6-12.3,31.1-37.8,31.1c-10.4,0-21.8-3-27.5-6.9L450.9,183z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Beam1.svg
+++ b/.histoire/dist/ssd-icons/Beam1.svg
@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<g>
+		<path fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" d="M485.6,144.4C410.7,144.4,350,205.1,350,280
+			s60.7,135.6,135.6,135.6S621.2,354.9,621.2,280C621.2,205.1,560.4,144.4,485.6,144.4z"/>
+		<circle fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" cx="485.6" cy="280" r="206.1"/>
+		<line fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" x1="279.4" y1="291" x2="352.3" y2="291"/>
+		<line fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" x1="692.8" y1="291" x2="621.1" y2="291"/>
+		<line fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" x1="610.4" y1="111.8" x2="566" y2="170.9"/>
+		<line fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" x1="360.7" y1="111.8" x2="405.1" y2="170.9"/>
+		<line fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" x1="360.7" y1="448.2" x2="405.1" y2="389.1"/>
+		<line fill="none" stroke="#000000" stroke-width="20" stroke-miterlimit="10" x1="610.4" y1="448.2" x2="566" y2="389.1"/>
+	</g>
+</g>
+<g>
+	<path d="M505.4,376.7h-23.6V226.1c-5.7,5.4-13.2,10.8-22.4,16.3c-9.2,5.4-17.5,9.5-24.9,12.2v-22.8c13.2-6.2,24.8-13.7,34.7-22.6
+		c9.9-8.8,16.9-17.4,21-25.7h15.2L505.4,376.7L505.4,376.7z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Beam2
+++ b/.histoire/dist/ssd-icons/Beam2
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="18.714" stroke-miterlimit="10" points="480,529 392,279.9 304.1,31 480,31 
+	655.9,31 568,279.9 "/>
+<circle fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" cx="480" cy="145.2" r="75.7"/>
+<path fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" d="M438.2,208.4c-10.8,10.7-17.4,25.5-17.4,41.9
+	c0,32.7,26.5,59.2,59.2,59.2s59.2-26.5,59.2-59.2c0-16.3-6.6-31.1-17.3-41.8"/>
+<path fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" d="M448.4,300.4c-5.4,6.9-8.7,15.5-8.7,25
+	c0,22.3,18,40.3,40.3,40.3c22.3,0,40.3-18,40.3-40.3c0-9.5-3.3-18.2-8.7-25"/>
+<g>
+	<path d="M510.7,148.1c-0.6-11.9-1.4-26.2-1.3-36.9H509c-2.9,10-6.5,20.6-10.8,32.4l-15.1,41.4h-8.4L461,144.4
+		c-4.1-12-7.5-23.1-9.9-33.2h-0.3c-0.3,10.6-0.9,25-1.6,37.8l-2.3,36.6h-10.5l6-85.4h14.1l14.6,41.3c3.5,10.5,6.5,19.9,8.6,28.8h0.4
+		c2.2-8.6,5.2-18,9-28.8l15.2-41.3h14.1l5.3,85.4h-10.8L510.7,148.1z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Beam2.svg
+++ b/.histoire/dist/ssd-icons/Beam2.svg
@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 3000 1500" enable-background="new 0 0 3000 1500" xml:space="preserve">
+<g>
+	<g>
+		<path fill="none" stroke="#000000" stroke-width="37.9741" stroke-miterlimit="10" d="M1517.4,326.3
+			c-234,0-423.7,189.7-423.7,423.7c0,234,189.7,423.7,423.7,423.7c234,0,423.7-189.7,423.7-423.7
+			C1941.1,516,1751.4,326.3,1517.4,326.3z"/>
+		<circle fill="none" stroke="#000000" stroke-width="36.8424" stroke-miterlimit="10" cx="1517.4" cy="750" r="644"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="873" y1="784.5" x2="1101" y2="784.5"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="2165" y1="784.5" x2="1941" y2="784.5"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1907.4" y1="224.3" x2="1768.9" y2="409"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1127.3" y1="224.3" x2="1265.9" y2="409"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1127.3" y1="1275.7" x2="1265.8" y2="1091"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1907.4" y1="1275.7" x2="1768.9" y2="1091"/>
+	</g>
+</g>
+<g>
+	<path d="M1698.8,980.9v71h-397.5c-0.6-17.8,2.3-34.9,8.6-51.3c10.1-27.1,26.3-53.7,48.6-80c22.3-26.3,54.5-56.6,96.6-91.1
+		c65.4-53.6,109.5-96,132.5-127.4c23-31.3,34.5-60.9,34.5-88.8c0-29.3-10.5-53.9-31.4-74s-48.2-30.1-81.8-30.1
+		c-35.6,0-64,10.7-85.3,32s-32.1,50.9-32.4,88.6l-75.9-7.8c5.2-56.6,24.7-99.7,58.7-129.4c33.9-29.7,79.4-44.5,136.6-44.5
+		c57.7,0,103.4,16,137,48c33.6,32,50.5,71.6,50.5,119c0,24.1-4.9,47.7-14.8,71c-9.8,23.2-26.2,47.7-49,73.4
+		c-22.8,25.7-60.8,61-113.8,105.8c-44.3,37.2-72.7,62.4-85.3,75.7c-12.6,13.3-23,26.6-31.2,40H1698.8z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Beam3
+++ b/.histoire/dist/ssd-icons/Beam3
@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<polygon fill="none" stroke="#000000" stroke-width="18.714" stroke-miterlimit="10" points="480,529 392,279.9 304.1,31 480,31 
+	655.9,31 568,279.9 "/>
+<circle fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" cx="480" cy="145.2" r="75.7"/>
+<path fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" d="M438.2,208.4c-10.8,10.7-17.4,25.5-17.4,41.9
+	c0,32.7,26.5,59.2,59.2,59.2s59.2-26.5,59.2-59.2c0-16.3-6.6-31.1-17.3-41.8"/>
+<path fill="none" stroke="#000000" stroke-width="11.6523" stroke-miterlimit="10" d="M448.4,300.4c-5.4,6.9-8.7,15.5-8.7,25
+	c0,22.3,18,40.3,40.3,40.3c22.3,0,40.3-18,40.3-40.3c0-9.5-3.3-18.2-8.7-25"/>
+<g>
+	<path d="M453.1,97.2h12.5v86.1h41.3v10.5h-53.7V97.2z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Beam3.svg
+++ b/.histoire/dist/ssd-icons/Beam3.svg
@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 3000 1500" enable-background="new 0 0 3000 1500" xml:space="preserve">
+<g>
+	<g>
+		<path fill="none" stroke="#000000" stroke-width="37.9741" stroke-miterlimit="10" d="M1517.4,326.3
+			c-234,0-423.7,189.7-423.7,423.7c0,234,189.7,423.7,423.7,423.7c234,0,423.7-189.7,423.7-423.7
+			C1941.1,516,1751.4,326.3,1517.4,326.3z"/>
+		<circle fill="none" stroke="#000000" stroke-width="36.8424" stroke-miterlimit="10" cx="1517.4" cy="750" r="644"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="873" y1="784.5" x2="1101" y2="784.5"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="2165" y1="784.5" x2="1941" y2="784.5"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1907.4" y1="224.3" x2="1768.9" y2="409"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1127.3" y1="224.3" x2="1265.9" y2="409"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1127.3" y1="1275.7" x2="1265.8" y2="1091"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1907.4" y1="1275.7" x2="1768.9" y2="1091"/>
+	</g>
+</g>
+<g>
+	<path d="M1330.1,893.3l73.8-9.8c8.5,41.8,22.9,72,43.3,90.4c20.4,18.5,45.2,27.7,74.4,27.7c34.7,0,64.1-12,88-36.1
+		c23.9-24.1,35.9-53.9,35.9-89.4c0-33.9-11.1-61.9-33.2-83.9c-22.1-22-50.3-33-84.5-33c-13.9,0-31.3,2.7-52.1,8.2l8.2-64.8
+		c4.9,0.6,8.9,0.8,11.9,0.8c31.4,0,59.7-8.2,84.9-24.6c25.2-16.4,37.7-41.7,37.7-75.9c0-27.1-9.2-49.5-27.5-67.3
+		c-18.3-17.8-42-26.7-71-26.7c-28.7,0-52.6,9-71.8,27.1c-19.1,18-31.4,45.1-36.9,81.2l-73.8-13.1c9-49.5,29.5-87.8,61.5-115.1
+		c32-27.2,71.8-40.8,119.4-40.8c32.8,0,63,7,90.6,21.1c27.6,14.1,48.7,33.3,63.4,57.6c14.6,24.3,21.9,50.2,21.9,77.5
+		c0,26-7,49.6-20.9,71c-13.9,21.3-34.6,38.3-61.9,50.9c35.5,8.2,63.2,25.2,82.9,51.1c19.7,25.8,29.5,58.2,29.5,97
+		c0,52.5-19.1,97-57.4,133.5c-38.3,36.5-86.7,54.8-145.2,54.8c-52.8,0-96.6-15.7-131.5-47.2C1354.9,984.1,1335,943.4,1330.1,893.3z"
+		/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Beam4.svg
+++ b/.histoire/dist/ssd-icons/Beam4.svg
@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 3000 1500" enable-background="new 0 0 3000 1500" xml:space="preserve">
+<g>
+	<g>
+		<path fill="none" stroke="#000000" stroke-width="37.9741" stroke-miterlimit="10" d="M1498.4,326.3
+			c-234,0-423.7,189.7-423.7,423.7c0,234,189.7,423.7,423.7,423.7c234,0,423.7-189.7,423.7-423.7
+			C1922.1,516,1732.4,326.3,1498.4,326.3z"/>
+		<circle fill="none" stroke="#000000" stroke-width="36.8424" stroke-miterlimit="10" cx="1498.4" cy="750" r="644"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="854" y1="784.5" x2="1082" y2="784.5"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="2146" y1="784.5" x2="1922" y2="784.5"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1888.4" y1="224.3" x2="1749.9" y2="409"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1108.3" y1="224.3" x2="1246.9" y2="409"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1108.3" y1="1275.7" x2="1246.8" y2="1091"/>
+		<line fill="none" stroke="#000000" stroke-width="79" stroke-miterlimit="10" x1="1888.4" y1="1275.7" x2="1749.9" y2="1091"/>
+	</g>
+</g>
+<g>
+	<path d="M1537.9,1044.1v-144h-260.9v-67.7l274.4-389.7h60.3v389.7h81.2v67.7h-81.2v144H1537.9z M1537.9,832.4V561.3l-188.3,271.1
+		H1537.9z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Boarding
+++ b/.histoire/dist/ssd-icons/Boarding
@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g>
+				<path fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" d="M479.8,98.5c-31.3,0-56.6,25.4-56.6,56.6
+					s25.4,56.6,56.6,56.6s56.6-25.4,56.6-56.6C536.4,123.8,511.1,98.5,479.8,98.5z"/>
+				<circle fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" cx="479.8" cy="155.1" r="86.1"/>
+				
+					<line fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" x1="393.6" y1="159.7" x2="424.1" y2="159.7"/>
+				
+					<line fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" x1="566.4" y1="159.7" x2="536.4" y2="159.7"/>
+				<line fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" x1="531.9" y1="84.8" x2="513.4" y2="109.5"/>
+				<line fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" x1="427.6" y1="84.8" x2="446.2" y2="109.5"/>
+				
+					<line fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" x1="427.6" y1="225.4" x2="446.2" y2="200.7"/>
+				
+					<line fill="none" stroke="#000000" stroke-width="8.3546" stroke-miterlimit="10" x1="531.9" y1="225.4" x2="513.4" y2="200.7"/>
+			</g>
+		</g>
+		<g>
+			<path d="M445.8,177.5v-44.9h16.8c3.4,0,6.2,0.5,8.2,1.4c2.1,0.9,3.7,2.3,4.9,4.2c1.2,1.9,1.8,3.9,1.8,5.9c0,1.9-0.5,3.7-1.6,5.4
+				c-1,1.7-2.6,3.1-4.7,4.1c2.7,0.8,4.8,2.2,6.3,4.1c1.5,1.9,2.2,4.2,2.2,6.8c0,2.1-0.4,4.1-1.3,5.9c-0.9,1.8-2,3.2-3.3,4.2
+				c-1.3,1-2.9,1.7-4.9,2.2c-2,0.5-4.4,0.7-7.2,0.7H445.8z M451.7,151.5h9.7c2.6,0,4.5-0.2,5.7-0.5c1.5-0.4,2.6-1.2,3.4-2.2
+				c0.8-1,1.1-2.3,1.1-3.9c0-1.5-0.4-2.8-1.1-3.9c-0.7-1.1-1.7-1.9-3.1-2.3c-1.3-0.4-3.6-0.6-6.8-0.6h-9V151.5z M451.7,172.2h11.2
+				c1.9,0,3.3-0.1,4-0.2c1.4-0.2,2.5-0.7,3.4-1.2c0.9-0.6,1.7-1.4,2.3-2.5c0.6-1.1,0.9-2.4,0.9-3.8c0-1.7-0.4-3.1-1.3-4.4
+				c-0.9-1.2-2-2.1-3.6-2.6c-1.5-0.5-3.7-0.7-6.6-0.7h-10.4V172.2z"/>
+			<path d="M499.3,177.5V138h-14.8v-5.3H520v5.3h-14.8v39.6H499.3z"/>
+		</g>
+	</g>
+	<path d="M523.4,433.9l-21.7-37.6c0,0,35-76.7-21.7-122.3c-56.7,45.7-21.7,122.3-21.7,122.3l-21.7,37.6H471V491h18v-57.1H523.4z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Capital
+++ b/.histoire/dist/ssd-icons/Capital
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<path fill="none" stroke="#000000" stroke-width="18.4819" stroke-miterlimit="10" d="M208.8,200.6
+		C278.2,131.2,374.1,88.3,480,88.3c105.9,0,201.8,42.9,271.2,112.3L480,471.8L208.8,200.6z"/>
+	<circle cx="480" cy="252.3" r="88.9"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Cargo
+++ b/.histoire/dist/ssd-icons/Cargo
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<rect x="329.4" y="21" fill="none" stroke="#000000" stroke-width="6.282" stroke-miterlimit="10" width="301.2" height="518.1"/>
+<g>
+	<path d="M430.9,58.8v84.6h97.8V58.8h26.4V261h-26.4v-94.8h-97.8V261h-26.1V58.8H430.9z"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Cruiser
+++ b/.histoire/dist/ssd-icons/Cruiser
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<path fill="none" stroke="#000000" stroke-width="18.4819" stroke-miterlimit="10" d="M208.8,200.6
+		C278.2,131.2,374.1,88.3,480,88.3c105.9,0,201.8,42.9,271.2,112.3L480,471.8L208.8,200.6z"/>
+	<circle fill="none" stroke="#000000" stroke-width="17" stroke-miterlimit="10" cx="480" cy="252.3" r="57.4"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/DamageControl.svg
+++ b/.histoire/dist/ssd-icons/DamageControl.svg
@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<path stroke="#000000" stroke-width="7" stroke-miterlimit="10" d="M463,270.4c0,0-23.6,20.7-52.5,46.4
+	c-28.9,25.7-32.6,22.5-41,24.6s-20.5,2.2-32.1,18c-11.6,15.8-2,36,0,36.2c0,0,13-19.3,16.2-22.2c3.2-2.9,7.2-1.7,7.2-1.7
+	s16.3,8.6,19.7,10.4s1.5,5.9,1.5,5.9l-12.8,20c0,0-3.4,4.4-0.2,5.7c14.3,0.8,35.7-9.6,38.7-30.6c3-21,20.4-33.1,20.4-33.1l60.7-55.3
+	 M488.7,294.7c6.7-6,14.6-13.2,22.6-20.5c10.8-9.7,21.7-19.3,32.3-29.2c11-10.2,24-19.3,39.6-19.7c22-0.7,61.4-19.5,37.7-57.9
+	c0,0-0.3-1.1-1.9,1.4c-1.5,2.5-13.4,22.5-13.4,22.5s-2.9,2.9-7.9,0.6c-5-2.4-29.2-15.2-29.2-15.2s-3-2.2-0.3-6.6
+	s12.2-19.5,12.2-19.5s2.5-3.4,0-4.4c-2.5-1-40.9,5.4-40.2,36.3c-0.8,10.4-4.9,20-11.3,28.1c-6.6,8.3-15.4,14.7-23.3,21.7
+	c-9,8-17.9,15.9-26.9,23.9c-5.3,4.7-10.6,9.4-15.9,14.1"/>
+<circle fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000000" stroke-width="23" stroke-miterlimit="10" cx="480" cy="280" r="235.5"/>
+</svg>
--- a/.histoire/dist/ssd-icons/Defenses1.svg
+++ b/.histoire/dist/ssd-icons/Defenses1.svg
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<circle cx="480" cy="375.5" r="93.8"/>
+	<path fill="none" stroke="#000000" stroke-width="28" stroke-miterlimit="10" d="M386.2,252c0,0,92.5-48.3,187.6,0"/>
+	<path fill="none" stroke="#000000" stroke-width="28" stroke-miterlimit="10" d="M345.3,188.9c0,0,132.8-69.3,269.4,0"/>
+	<path fill="none" stroke="#000000" stroke-width="28" stroke-miterlimit="10" d="M308.5,129.9c0,0,169-88.3,343.1,0"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Defenses2.svg
+++ b/.histoire/dist/ssd-icons/Defenses2.svg
@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<polygon fill="none" stroke="#000000" stroke-width="10.099" stroke-miterlimit="10" points="379.9,453.4 279.8,280 379.9,106.6 
+		580.1,106.6 680.2,280 580.1,453.4 	"/>
+	<polygon stroke="#000000" stroke-width="9.6697" stroke-miterlimit="10" points="480,268.2 433.3,187.4 386.7,106.6 480,106.6 
+		573.3,106.6 526.7,187.4 	"/>
+	<polygon stroke="#000000" stroke-width="9.7309" stroke-miterlimit="10" points="379.1,445.1 332.4,363.3 285.8,281.5 379.1,281.5 
+		472.4,281.5 425.7,363.3 	"/>
+	<polygon stroke="#000000" stroke-width="9.7309" stroke-miterlimit="10" points="580.9,445.1 627.6,363.3 674.2,281.5 580.9,281.5 
+		487.6,281.5 534.3,363.3 	"/>
+</g>
+</svg>
--- a/.histoire/dist/ssd-icons/Defenses3.svg
+++ b/.histoire/dist/ssd-icons/Defenses3.svg
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<path d="M480,287.1L350.9,142.4c34.8-31.7,76.8-50.6,129.1-51.1c51.3,2.3,95.2,17.7,129.1,51.1L480,287.1z"/>
+	<path d="M480,287.1L350.7,417.4c36.9,31.7,73.9,50.8,129.3,51.3c54.3-2.3,93.2-17.7,129.1-51.1L480,287.1z"/>
+	<circle fill="none" stroke="#000000" stroke-width="11.9309" stroke-miterlimit="10" cx="480" cy="280" r="188.7"/>
+</g>
+</svg>
--- a/Show More
+++ b/Show More