diff --git a/jest.config.js b/jest.config.js
index 4b7c85a..8a11749 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -20,6 +20,9 @@ module.exports = {
     '<rootDir>/src/**/*.spec.jsx', '<rootDir>/src/**/*.spec.tsx',
   ],
   transformIgnorePatterns: ['<rootDir>/node_modules/'],
+  moduleNameMapper: {
+    '\\.svg(\\?raw)?$': '<rootDir>/src/__svg_mock.ts'
+  },
 
   resetMocks: true
 };
diff --git a/package.json b/package.json
index 97718ad..0de2088 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@day1co/fastcomposer",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "author": "fastcampus",
   "main": "./dist/fastcomposer.js",
   "exports": {
diff --git a/src/__svg_mock.ts b/src/__svg_mock.ts
new file mode 100644
index 0000000..61bae3e
--- /dev/null
+++ b/src/__svg_mock.ts
@@ -0,0 +1 @@
+export default '<svg xmlns="http://www.w3.org/2000/svg"></svg>'
diff --git a/src/layout/legacy.ts b/src/layout/legacy.ts
index d760191..cef9a13 100644
--- a/src/layout/legacy.ts
+++ b/src/layout/legacy.ts
@@ -52,7 +52,7 @@ export default class LegacyLayout extends LayoutBase {
     params: Array<LegacyLayoutParameter> | Map<string, LayoutParameter>,
     template: string,
     values: any,
-    meta: any
+    meta?: any
   }) {
     const createdMeta = meta || { description, icon }
 
diff --git a/src/legacy/assets/scss/_pane.scss b/src/legacy/assets/scss/_pane.scss
index 53858de..31973f6 100644
--- a/src/legacy/assets/scss/_pane.scss
+++ b/src/legacy/assets/scss/_pane.scss
@@ -11,14 +11,14 @@
 
   user-select: none;
 
-  > .fcc-pane-title {
+  .fcc-pane-title {
     display: flex;
     position: sticky;
     top: 0;
 
     z-index: 999;
   }
-  > .fcc-pane-toolbar {
+  .fcc-pane-toolbar {
     display: flex;
     align-items: center;
 
@@ -74,7 +74,7 @@
     }
   }
 
-  > .fcc-pane-content {
+  .fcc-pane-content {
     min-height: 0;
     overflow-y: scroll;
     overscroll-behavior: contain;
diff --git a/src/legacy/components/layout-info.vue b/src/legacy/components/layout-info.vue
index c65b385..d354948 100644
--- a/src/legacy/components/layout-info.vue
+++ b/src/legacy/components/layout-info.vue
@@ -2,10 +2,24 @@
   <figure class="fcc-layout-info">
     <img class="fcc-layout-info__icon" :src="icon" :alt="layout.id" />
     <figcaption class="fcc-layout-info__label">
-      <strong class="__item__group__name"> {{ layout.id }} </strong>
-      <span v-if="index != null"> #{{ index }} </span>
+      <strong class="fcc-layout-info__id"> {{ layout.id }} </strong>
+      <span class="fcc-layout-info__index" v-if="index != null"> #{{ index }} </span>
       <br />
-      {{ layout.meta.description }}
+      <span
+        v-if="!isEditing"
+        @dblclick.stop="startEditing"
+        :class="{
+          'fcc-layout-info__label-text': true,
+          'fcc-is-label': label
+        }">{{ label || layout.meta.description }}</span>
+      <input
+        v-else
+        :placeholder="layout.meta.description"
+        v-model="editableText"
+        @blur="save"
+        @keyup.enter="save"
+        ref="editInput"
+        class="fcc-layout-info__label-input" />
     </figcaption>
   </figure>
 </template>
@@ -21,11 +35,36 @@ export default {
       default() { return {} },
       required: true
     },
-    index: Number
+    index: Number,
+    label: String
+  },
+  data() {
+    return {
+      isEditing: false,
+      editableText: ''
+    }
   },
   computed: {
     icon() {
       return iconToUri(this.layout.meta.icon)
+    },
+    canEdit() {
+      return this.label !== null && this.label !== undefined
+    }
+  },
+  methods: {
+    startEditing() {
+      if(!this.canEdit)
+        return
+      this.editableText = this.label
+      this.isEditing = true
+      this.$nextTick(() => this.$refs.editInput.focus())
+    },
+    save() {
+      if(this.isEditing) {
+        this.isEditing = false
+        this.$emit('update:label', this.editableText.trim())
+      }
     }
   }
 }
@@ -40,6 +79,8 @@ export default {
   display: flex;
   align-items: center;
 
+  flex-grow: 1;
+
   margin: 0;
 
   text-align: left;
@@ -65,9 +106,14 @@ export default {
     }
   }
 
+  &__index {
+    opacity: 0.5;
+  }
   &__label {
     line-height: 2.2rem;
-    font-size: 1.6rem;
+    font-size: 1.8rem;
+
+    flex-grow: 1;
 
     white-space: nowrap;
     text-overflow: clip;
@@ -76,10 +122,6 @@ export default {
     > strong, > span {
       @include readable-font-features;
       font-variant-numeric: tabular-nums;
-      font-size: 1.8rem;
-    }
-    > span {
-      opacity: 0.5;
     }
     .fcc-composer__simple-layers & {
       display: flex;
@@ -89,13 +131,33 @@ export default {
         display: none;
       }
     }
+
+    &-input {
+      @include readable-font-features;
+      font: inherit;
+      line-height: inherit;
+      width: 100%;
+      padding: 0;
+      margin: 0;
+      border: none;
+      outline: none;
+    }
+
+    &-text {
+      display: inline;
+      font-size: 1.4rem;
+
+      &.fcc-is-label {
+        font-style: italic;
+      }
+    }
   }
   &.small &__label {
     line-height: 1.8rem;
     font-size: 1.4rem;
 
-    > strong, > span {
-      font-size: 1.6rem;
+    .fcc-layout-info__id, .fcc-layout-info__index {
+      font-size: 1.5rem;
     }
   }
 }
diff --git a/src/legacy/views/changelog.vue b/src/legacy/views/changelog.vue
index b3c4102..5ca1cec 100644
--- a/src/legacy/views/changelog.vue
+++ b/src/legacy/views/changelog.vue
@@ -1,5 +1,18 @@
 <template>
   <div class="fcc-changelog">
+    <section>
+      <h4> 2.1.6 <time>2025/03/14</time> </h4>
+      <ul>
+        <li> 레이어 여러 개를 한 번에 삭제하는 기능 추가 </li>
+        <li> 레이어 목록 버튼 스타일 깨짐 수정 </li>
+      </ul>
+    </section>
+    <section>
+      <h4> 2.1.5 <time>2025/02/03</time> </h4>
+      <ul>
+        <li> 스니펫을 저장하고 같은 에디터에서 불러오면 값이 같이 바뀌는 문제 수정 </li>
+      </ul>
+    </section>
     <section>
       <h4> 2.1.1 <time>2024/07/02</time> </h4>
       <ul>
diff --git a/src/legacy/views/history/index.vue b/src/legacy/views/history/index.vue
index 71d95b2..36992d5 100644
--- a/src/legacy/views/history/index.vue
+++ b/src/legacy/views/history/index.vue
@@ -88,6 +88,9 @@ export default {
 @import '../../assets/scss/utils/utilities';
 
 .fcc-history-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
   > .fcc-history-item {
     margin: 0.4rem 0 0.4rem 0.4rem;
   }
diff --git a/src/legacy/views/history/item.vue b/src/legacy/views/history/item.vue
index c7f7352..bdeb98c 100644
--- a/src/legacy/views/history/item.vue
+++ b/src/legacy/views/history/item.vue
@@ -46,6 +46,7 @@ export default {
   .fcc-history-icon {
     width: 2.4rem;
     height: 2.4rem;
+    vertical-align: top;
   }
   &.current {
     box-shadow: 0 0 0 0.2rem $foreground;
diff --git a/src/legacy/views/layers.vue b/src/legacy/views/layers.vue
index 11bbb93..822c1f3 100644
--- a/src/legacy/views/layers.vue
+++ b/src/legacy/views/layers.vue
@@ -35,6 +35,12 @@
         :disabled="!checkedCount">
         <span class="material-icons">{{ checkedCount && areEveryCheckedLayerVisible? 'visibility_off' : 'visibility' }}</span>
       </button>
+      <button
+        class="fcc-pane-toolbar-button"
+        @click="trashChecked"
+        :disabled="!checkedCount">
+        <span class="material-icons">delete</span>
+      </button>
       <button class="fcc-pane-toolbar-button" @click="$emit('toggle-layouts')"> <!-- @click="onShowLayouts" -->
         <span class="material-icons">add</span>
       </button>
@@ -51,15 +57,15 @@
       <button
         class="fcc-pane-toolbar-button"
         @click="$emit('save-snippets', checkedLayers)"
-        :disabled="!checkedCount">
+        :disabled="!checkedCount"
+        title="스니펫으로 저장하기">
         <span class="material-icons">attach_file</span>
-        <label> 스니펫 </label>
       </button>
       <button
         class="fcc-pane-toolbar-button"
         @click="$emit('toggle-snippets')">
-        <span class="material-icons">content_paste</span>
-        <label> 가져오기 </label>
+        <span class="material-icons"
+        title="스니펫 가져오기">content_paste</span>
       </button>
     </div>
     <Container class="fcc-pane-content" @drop="onDrop" :get-ghost-parent="getGhostParent">
@@ -85,7 +91,12 @@
               @click="e => $nextTick(() => onCheck(layer, e))" />
             <i class="material-icons">{{ checked[layer.id]? 'check_box' : 'check_box_outline_blank' }}</i>
           </label>
-          <layout-info :layout="layer.layout" :index="index" class="small"></layout-info>
+          <layout-info
+            :layout="layer.layout"
+            :index="index"
+            class="small"
+            :label="layer.meta.label"
+            @update:label="v => state.act('layer.edit.meta', layer.path, ['label', v])"></layout-info>
         </div>
         <div class="fcc-layer-buttons">
           <button class="fcc-layer-action" @click="state.act('layer.hide', layer.path)">
@@ -209,6 +220,10 @@
           this.$set(this, 'checked', Object.fromEntries(this.layers.map(_ => [_.id, true])))
         }
       },
+      trashChecked() {
+        const paths = new Paths(this.checkedLayers.map(_ => _.layer.path))
+        this.state.act('layer.remove', paths)
+      },
       hideChecked() {
         const paths = new Paths(this.checkedLayers.map(_ => _.layer.path))
         this.state.act('layer.hide', paths)
@@ -315,9 +330,8 @@
     }
     &-info {
       display: flex;
-      align-items: stretch;
       flex-direction: row;
-      width: percentage(1);
+      width: 100%;
       color: $foreground;
       line-height: 2rem;
 
diff --git a/src/page/actions/Layer.Edit.Meta.ts b/src/page/actions/Layer.Edit.Meta.ts
new file mode 100644
index 0000000..a352083
--- /dev/null
+++ b/src/page/actions/Layer.Edit.Meta.ts
@@ -0,0 +1,49 @@
+import type Action from '../../state/action'
+import type Page from '..'
+import type Path from '../path'
+import type { LayerMeta } from '../layer'
+
+import icon from './icons/Layer.Edit.svg?raw'
+
+export default <Action<Page, Path>>{
+  id: 'layer.edit.meta',
+  title: '레이어 속성 수정',
+  icon,
+  perform(root, self, act) {
+    const path = act.target
+    const [key, value] = act.arg as [keyof LayerMeta, string]
+    if(key == null || value == null)
+      throw new TypeError('invalid arg on Layer.Edit.Meta')
+
+    const layer = self.getLayerByPath(path)
+    if(!layer)
+      throw new ReferenceError('attempted to edit meta of nonexistent layer')
+
+    act.remember(layer.meta[key])
+    if(act.remembered)
+      self.setFocus(path)
+
+    layer.setMeta(key, value)
+
+    return act
+  },
+  compose(root, self, previousAct, act) {
+    previousAct.update(act.arg)
+    if(previousAct.arg === previousAct.capturedState)
+      return null
+
+    return previousAct
+  },
+  rollback(root, self, rememberedAct) {
+    rememberedAct.seal()
+    const path = rememberedAct.target!
+    const [key, value] = rememberedAct.capturedState as [keyof LayerMeta, string]
+
+    const layer = self.getLayerByPath(path)
+    if(!layer)
+      throw new ReferenceError('layer or path to rollback couldn\'t be found…maybe time paradox?')
+
+    self.setFocus(path)
+    layer.setMeta(key, value)
+  }
+}
diff --git a/src/page/actions/Layer.Remove.ts b/src/page/actions/Layer.Remove.ts
index f1035df..c470c6c 100644
--- a/src/page/actions/Layer.Remove.ts
+++ b/src/page/actions/Layer.Remove.ts
@@ -1,34 +1,56 @@
 import type Action from '../../state/action'
 import type Page from '..'
+import type Path from '../path'
 
-import Path from '../path'
+import { Paths } from '../path'
 
 import icon from './icons/Layer.Remove.svg?raw'
 
-export default <Action<Page, Path>>{
+export default <Action<Page, Path | Paths>>{
   id: 'layer.remove',
   title: '레이어 삭제',
   icon,
   perform(root, self, act) {
     const path = act.target
+    const paths = path.type === 'path' ? [path] : path.paths
 
-    const oldLayer = self.getLayerByPath(path)
-    if(!oldLayer)
-      throw new Error(`layer requested to removal couldn't be found (${path.toString()})`)
+    const sortedPaths = [...paths].sort((a, b) => {
+      const indexA = self.pathToIndex(a) ?? 0
+      const indexB = self.pathToIndex(b) ?? 0
+      return indexB - indexA
+    })
 
-    const removedIndex = self.removeLayer(path) ?? 0
-    // let moveFocusTo: Path | undefined
-    // if(self.state.length > removedIndex)
-    //   moveFocusTo = self.state[removedIndex - 1]?.path
+    const removedLayers = []
+    const pathsBeforeRemoved = []
 
-    const pathBeforeRemoved = self.indexToPath(removedIndex)
+    act.meta = self.describe(path)
+
+    for (const path of sortedPaths) {
+      const oldLayer = self.getLayerByPath(path)
+      if (!oldLayer)
+        throw new Error(`layer requested to removal couldn't be found (${path.toString()})`)
+
+      const removedIndex = self.removeLayer(path) ?? 0
+      const pathBeforeRemoved = self.indexToPath(removedIndex)
+
+      removedLayers.push(oldLayer)
+      pathsBeforeRemoved.push(pathBeforeRemoved)
+    }
 
-    // self.moveFocus(moveFocusTo)
     self.setFocus()
-    return act.remember({ layer: oldLayer }, pathBeforeRemoved) // , moveFocusTo)
+
+    return act.remember({
+      layers: removedLayers,
+      positions: pathsBeforeRemoved
+    }, path.type === 'path' ? paths[0] : new Paths(paths))
   },
   rollback(root, self, { target, destination, capturedState }) {
+    const { layers, positions } = capturedState
+
+    for (let i = layers.length - 1; i >= 0; i--) {
+      self.restoreLayer(positions[i], layers[i])
+    }
+
     self.setFocus(target)
-    self.restoreLayer(destination!, capturedState.layer)
   }
 }
diff --git a/src/page/actions/index.ts b/src/page/actions/index.ts
index 5540989..56588cd 100644
--- a/src/page/actions/index.ts
+++ b/src/page/actions/index.ts
@@ -10,6 +10,7 @@ import Layer_Remove from './Layer.Remove'
 import Layer_Duplicate from './Layer.Duplicate'
 import Layer_Reorder from './Layer.Reorder'
 import Layer_Edit from './Layer.Edit'
+import Layer_Edit_Meta from './Layer.Edit.Meta'
 import Layer_Item_New from './Layer.Item.New'
 import Layer_Item_Remove from './Layer.Item.Remove'
 import Layer_Hide from './Layer.Hide'
@@ -25,8 +26,9 @@ export default new Map([
   Layer_Duplicate,
   Layer_Reorder,
   Layer_Edit,
+  Layer_Edit_Meta,
   Layer_Item_New,
   Layer_Item_Remove,
   Layer_Hide
   // Layer_Clear
-].map(module => [ module.id, module ]))
+].map(module => <const>[ module.id, module ]))
diff --git a/src/page/layer.ts b/src/page/layer.ts
index 8c6571a..0bc1554 100644
--- a/src/page/layer.ts
+++ b/src/page/layer.ts
@@ -11,7 +11,8 @@ import * as html from '../util/html'
  * Stores miscellaneous attributes of layer. This will be preserved.
  */
 export type LayerMeta = {
-  hidden: Boolean
+  hidden: boolean,
+  label: string
 }
 /**
  * Stores temporal states of layer. This won't be saved.
@@ -31,20 +32,24 @@ export default class Layer {
     public layout: LayoutBase,
     values?: any,
     public meta: LayerMeta = {
-      hidden: false
+      hidden: false,
+      label: ''
     }
   ) {
     this.values = values ?? layout.getDefaultValues()
   }
 
   static fromDump(dump: any, layout?: LegacyLayout) { // FIXME: will not work with non-legacy layout
-    const { id, uniqueId, layout: layoutFromDump, values, hidden } = dump
+    const { id, uniqueId, layout: layoutFromDump, values, hidden, meta } = dump
     if(!layout)
       layout = LegacyLayout.fromDefinition(layoutFromDump)
     else if(typeof layoutFromDump === 'string')
       void 0 // TODO: assert given layout is same…? shud I?
 
-    return new Layer(id ?? uniqueId, layout, values, { hidden })
+    return new Layer(id ?? uniqueId, layout, values, {
+      hidden: meta?.hidden ?? hidden,
+      label: meta?.label ?? ''
+    })
   }
 
   dump(includeLayout = false) {
@@ -52,6 +57,7 @@ export default class Layer {
       id: this.id,
       layout: includeLayout? this.layout.dump() : this.layout.id,
       values: this.values,
+      meta: this.meta,
       hidden: this.meta.hidden
     }
   }
@@ -154,4 +160,7 @@ export default class Layer {
     else
       throw new ReferenceError('attempted to set nowhere on layer')
   }
+  setMeta<K extends keyof LayerMeta>(key: K, value: LayerMeta[K]) {
+    this.meta[key] = value;
+  }
 }
diff --git a/src/page/test/Layer.spec.ts b/src/page/test/Layer.spec.ts
index d3c4d08..a41fdb3 100644
--- a/src/page/test/Layer.spec.ts
+++ b/src/page/test/Layer.spec.ts
@@ -18,6 +18,7 @@ describe('Composer.Page: Layer', () => {
     expect(dump).toEqual({
       id: 'test1',
       layout: setup.ListLayoutDefinition.id,
+      hidden: false,
       values: {
         list: [
           { param1: 'foo' },
diff --git a/src/page/test/actions/Layer.Remove.spec.ts b/src/page/test/actions/Layer.Remove.spec.ts
index f85847f..1722ab4 100644
--- a/src/page/test/actions/Layer.Remove.spec.ts
+++ b/src/page/test/actions/Layer.Remove.spec.ts
@@ -4,18 +4,17 @@ import * as setup from '../setup'
 import type Act from '../../../state/act'
 
 import Path from '../../path'
+import { Paths } from '../../path'
 
 describeAction('layer.remove', ['layer.new'], helpers => {
 
-  it('should work: do, undo', () => {
+  it('should work with single layer: do, undo', () => {
     const [ page, state ] = helpers.createState()
 
     let actNew = helpers.createAct('layer.new', null, setup.MinimalLayout.id)
     helpers.mocked.uniqueId.mockReturnValueOnce('a')
     actNew = <Act>state.perform(actNew)
 
-    console.log(page.state)
-
     expect(actNew.destination.layer).toBe('a')
 
     helpers.checkTimeParadox(state, [
@@ -30,10 +29,70 @@ describeAction('layer.remove', ['layer.new'], helpers => {
     ])
   })
 
+  it('should work with multiple layers: do, undo', () => {
+    const [ page, state ] = helpers.createState()
+
+    // Create 3 layers
+    const actA = helpers.createAct('layer.new', null, setup.MinimalLayout.id)
+    helpers.mocked.uniqueId.mockReturnValueOnce('a')
+    state.perform(actA)
+    const pathA = actA.destination
+
+    const actB = helpers.createAct('layer.new', null, setup.MinimalLayout.id)
+    helpers.mocked.uniqueId.mockReturnValueOnce('b')
+    state.perform(actB)
+    const pathB = actB.destination
+
+    const actC = helpers.createAct('layer.new', null, setup.MinimalLayout.id)
+    helpers.mocked.uniqueId.mockReturnValueOnce('c')
+    state.perform(actC)
+    const pathC = actC.destination
+
+    const paths = new Paths([pathA, pathB])
+
+    helpers.checkTimeParadox(state, [
+      function before() {
+        expect(page.state.length).toEqual(3)
+        expect(page.state.map(l => l.id)).toEqual(['a', 'b', 'c'])
+      },
+      helpers.createAct(paths),
+      function after() {
+        expect(page.state.length).toEqual(1)
+        expect(page.state[0].id).toBe('c')
+      }
+    ])
+  })
+
+  it('should maintain correct order when removing multiple non-adjacent layers', () => {
+    const [ page, state ] = helpers.createState()
+
+    // Create 5 layers
+    const layers = ['a', 'b', 'c', 'd', 'e'].map(id => {
+      const act = helpers.createAct('layer.new', null, setup.MinimalLayout.id)
+      helpers.mocked.uniqueId.mockReturnValueOnce(id)
+      state.perform(act)
+      return act.destination
+    })
+
+    // Remove first and fourth layers (a, d)
+    const paths = new Paths([layers[3], layers[0]])
+
+    helpers.checkTimeParadox(state, [
+      function before() {
+        expect(page.state.map(l => l.id)).toEqual(['a', 'b', 'c', 'd', 'e'])
+      },
+      helpers.createAct(paths),
+      function after() {
+        expect(page.state.map(l => l.id)).toEqual(['b', 'c', 'e'])
+      }
+    ])
+  })
+
   it('should throw on nonexistent layer', () => {
     const [ page, state ] = helpers.createState(setup.ListLayout)
 
     expect(() => state.perform(helpers.createAct(new Path('?')))).toThrowError()
+    expect(() => state.perform(helpers.createAct(new Paths([new Path('?')])))).toThrowError()
   })
 
 })
diff --git a/src/page/test/actions/describe-action.ts b/src/page/test/actions/describe-action.ts
index eba228f..8bd48cd 100644
--- a/src/page/test/actions/describe-action.ts
+++ b/src/page/test/actions/describe-action.ts
@@ -10,17 +10,24 @@ import { uniqueId } from '../../../util'
 import Act from '../../../state/act'
 import Actions from '../../actions'
 import State from '../../../state'
+import type Action from '../../../state/action'
 import type ActTarget from '../../../state/acttarget'
 import type Path from '../../path'
+import type { Paths } from '../../path'
 
 import * as setup from '../setup'
 import Layout from '../../../layout/legacy'
 import Page from '../..'
 
-const createHelper = ({ actionsMap, actionName }) => ({
+type GetActionT<C extends Action<any, any>> = C extends Action<any, infer T> ? T : never
+type KeyOfMap<M extends Map<unknown, unknown>> = M extends Map<infer K, unknown> ? K : never
+type ValueInMapRecord<M extends Map<unknown, unknown>, K> = M extends Map<K, infer V> ? V : never
+
+const createHelper = ({ actionsMap, actionName }: { actionsMap: typeof Actions, actionName: string }) => ({
   mocked: {
     uniqueId: <jest.Mocked<typeof uniqueId>>jest.mocked(uniqueId)
   },
+
   createState(layouts: Layout | Map<string, Layout> = setup.MinimalLayouts): [ Page, State ] {
     if(layouts instanceof Layout)
       layouts = new Map([ [ layouts.id, layouts ] ])
@@ -29,16 +36,20 @@ const createHelper = ({ actionsMap, actionName }) => ({
     const state = new State({ modules: { page }})
     return [ page, state ]
   },
-  createAct( // <<<FIXME
-    ...args: typeof Act<Path> extends new (arg0: infer Arg0, ...rest: infer R) => any ? [Arg0, ...R] | R : never
-  ): Act<Path> {
+
+  createAct<T extends Path | Paths>( // <<<FIXME
+    ...args: typeof Act<T> extends new (arg0: infer Arg0, ...rest: infer R) => any? [Arg0, ...R] | R : never
+  ): Act<any> {
     // ¯\_(ツ)_/¯
     if(!(typeof args[0] === 'string' && actionsMap.has(args[0])))
       args.unshift(actionName)
 
-    return new Act<Path>(...<ConstructorParameters<typeof Act<Path>>>args)
+    const action = actionsMap.get(actionName)
+    type ActionT = GetActionT<ValueInMapRecord<typeof Actions, typeof actionName>>
+    return new Act<ActionT>(...<ConstructorParameters<typeof Act<ActionT>>>args)
   },
-  checkTimeParadox(state: State, assertions: Array<Function | Act>) {
+
+  checkTimeParadox(state: State, assertions: Array<Function | Act<Path | Paths>>) {
     const runAct = act => {
       if(act instanceof Function)
         act = act()
@@ -100,8 +111,8 @@ function describeAction(
   }
 
   const actions = [ actionName, ...dependentActions ].map(action =>
-    <const>[ action, Actions.get(action)
-  ])
+    <const>[ action, Actions.get(action) ]
+  )
   const notfound = actions.filter(l => l[1] == null).map(l => l[0]).join(', ')
   if(notfound)
     throw new ReferenceError(`following actions requested, \
diff --git a/src/svg.d.ts b/src/svg.d.ts
new file mode 100644
index 0000000..3ed0d2e
--- /dev/null
+++ b/src/svg.d.ts
@@ -0,0 +1,9 @@
+declare module '*.svg?raw' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
diff --git a/tsconfig.json b/tsconfig.json
index 60ffc46..5c34dbc 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,8 @@
     "outDir": "./dist"
   },
   "include": [
-    "src/**/*.ts"
+    "src/**/*.ts",
+    "src/**/*.d.ts"
   ],
   "exclude": [ "./dist" ]
 }