diff --git a/apps/cli/tsconfig.json b/apps/cli/tsconfig.json
index 1d4b6ecc5..c4e898619 100644
--- a/apps/cli/tsconfig.json
+++ b/apps/cli/tsconfig.json
@@ -4,6 +4,8 @@
     "outDir": "./dist",
     "emitDeclarationOnly": true
   },
-  "include": ["./src"],
+  "include": [
+    "./src"
+  ],
   "references": []
 }
diff --git a/apps/frontend/package.json b/apps/frontend/package.json
index 8614bff0c..93ec2ad4f 100644
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -10,6 +10,7 @@
     "test": "vitest"
   },
   "dependencies": {
+    "@atj/docassemble": "workspace:*",
     "@atj/documents": "workspace:*",
     "@atj/interviews": "workspace:*",
     "@axe-core/playwright": "^4.7.3",
diff --git a/packages/docassemble/.gitignore b/packages/docassemble/.gitignore
new file mode 100644
index 000000000..4c49bd78f
--- /dev/null
+++ b/packages/docassemble/.gitignore
@@ -0,0 +1 @@
+.env
diff --git a/packages/docassemble/package.json b/packages/docassemble/package.json
index 2caff1760..e35aae981 100644
--- a/packages/docassemble/package.json
+++ b/packages/docassemble/package.json
@@ -9,6 +9,7 @@
     "test": "vitest run --coverage"
   },
   "dependencies": {
+    "@atj/documents": "workspace:*",
     "@atj/interviews": "workspace:*"
   },
   "devDependencies": {
diff --git a/tsconfig.json b/tsconfig.json
index 49d9f534f..f66cdee64 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,7 +5,7 @@
     "declaration": true,
     "esModuleInterop": true,
     "isolatedModules": false,
-    "module": "ESNext",
+    "module": "CommonJS",
     "moduleResolution": "node",
     "noImplicitAny": true,
     "strict": true,
diff --git a/workspace-dependencies.svg b/workspace-dependencies.svg
index d38d56071..6c6cbaaf4 100644
--- a/workspace-dependencies.svg
+++ b/workspace-dependencies.svg
@@ -4,16 +4,16 @@
 <!-- Generated by graphviz version 8.0.5 (20230430.1635)
  -->
 <!-- Title: workspace Pages: 1 -->
-<svg width="526pt" height="116pt"
- viewBox="0.00 0.00 526.29 116.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 112)">
+<svg width="553pt" height="188pt"
+ viewBox="0.00 0.00 553.29 188.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 184)">
 <title>workspace</title>
-<polygon fill="white" stroke="none" points="-4,4 -4,-112 522.29,-112 522.29,4 -4,4"/>
+<polygon fill="white" stroke="none" points="-4,4 -4,-184 549.29,-184 549.29,4 -4,4"/>
 <!-- @atj/cli&#45;app -->
 <g id="node1" class="node">
 <title>@atj/cli&#45;app</title>
-<ellipse fill="none" stroke="black" cx="204.46" cy="-90" rx="56.98" ry="18"/>
-<text text-anchor="middle" x="204.46" y="-84.95" font-family="Times,serif" font-size="14.00">@atj/cli&#45;app</text>
+<ellipse fill="none" stroke="black" cx="163.46" cy="-90" rx="56.98" ry="18"/>
+<text text-anchor="middle" x="163.46" y="-84.95" font-family="Times,serif" font-size="14.00">@atj/cli&#45;app</text>
 </g>
 <!-- @atj/interviews -->
 <g id="node2" class="node">
@@ -24,8 +24,8 @@
 <!-- @atj/cli&#45;app&#45;&gt;@atj/interviews -->
 <g id="edge1" class="edge">
 <title>@atj/cli&#45;app&#45;&gt;@atj/interviews</title>
-<path fill="none" stroke="black" d="M223.48,-72.76C233.99,-63.79 247.23,-52.49 258.86,-42.56"/>
-<polygon fill="black" stroke="black" points="260.64,-44.79 265.98,-35.63 256.1,-39.46 260.64,-44.79"/>
+<path fill="none" stroke="black" d="M190.15,-73.81C207.36,-64.02 229.99,-51.14 248.99,-40.33"/>
+<polygon fill="black" stroke="black" points="250.58,-42.88 257.54,-34.89 247.12,-36.79 250.58,-42.88"/>
 </g>
 <!-- @atj/dependency&#45;graph -->
 <g id="node3" class="node">
@@ -36,32 +36,56 @@
 <!-- @atj/cli&#45;app&#45;&gt;@atj/dependency&#45;graph -->
 <g id="edge2" class="edge">
 <title>@atj/cli&#45;app&#45;&gt;@atj/dependency&#45;graph</title>
-<path fill="none" stroke="black" d="M180.9,-73.29C166.95,-63.99 149.03,-52.05 133.56,-41.73"/>
-<polygon fill="black" stroke="black" points="136.04,-38.51 125.78,-35.88 132.16,-44.34 136.04,-38.51"/>
+<path fill="none" stroke="black" d="M148.29,-72.41C140.52,-63.91 130.89,-53.37 122.24,-43.91"/>
+<polygon fill="black" stroke="black" points="125.3,-41.97 115.96,-36.96 120.13,-46.7 125.3,-41.97"/>
 </g>
 <!-- @atj/frontend -->
 <g id="node4" class="node">
 <title>@atj/frontend</title>
-<ellipse fill="none" stroke="black" cx="366.46" cy="-90" rx="62.61" ry="18"/>
-<text text-anchor="middle" x="366.46" y="-84.95" font-family="Times,serif" font-size="14.00">@atj/frontend</text>
+<ellipse fill="none" stroke="black" cx="379.46" cy="-162" rx="62.61" ry="18"/>
+<text text-anchor="middle" x="379.46" y="-156.95" font-family="Times,serif" font-size="14.00">@atj/frontend</text>
 </g>
 <!-- @atj/frontend&#45;&gt;@atj/interviews -->
-<g id="edge4" class="edge">
+<g id="edge5" class="edge">
 <title>@atj/frontend&#45;&gt;@atj/interviews</title>
-<path fill="none" stroke="black" d="M347.5,-72.41C337.41,-63.58 324.83,-52.57 313.71,-42.84"/>
-<polygon fill="black" stroke="black" points="316.39,-39.66 306.56,-35.71 311.78,-44.93 316.39,-39.66"/>
+<path fill="none" stroke="black" d="M340.7,-147.54C322.54,-139.12 302.51,-126.33 291.46,-108 280.55,-89.89 279.86,-65.76 281.59,-47.19"/>
+<polygon fill="black" stroke="black" points="285.16,-47.8 282.91,-37.45 278.22,-46.95 285.16,-47.8"/>
 </g>
-<!-- @atj/documents -->
+<!-- @atj/docassemble -->
 <g id="node5" class="node">
+<title>@atj/docassemble</title>
+<ellipse fill="none" stroke="black" cx="379.46" cy="-90" rx="78.99" ry="18"/>
+<text text-anchor="middle" x="379.46" y="-84.95" font-family="Times,serif" font-size="14.00">@atj/docassemble</text>
+</g>
+<!-- @atj/frontend&#45;&gt;@atj/docassemble -->
+<g id="edge3" class="edge">
+<title>@atj/frontend&#45;&gt;@atj/docassemble</title>
+<path fill="none" stroke="black" d="M379.46,-143.7C379.46,-136.24 379.46,-127.32 379.46,-118.97"/>
+<polygon fill="black" stroke="black" points="382.96,-119.1 379.46,-109.1 375.96,-119.1 382.96,-119.1"/>
+</g>
+<!-- @atj/documents -->
+<g id="node6" class="node">
 <title>@atj/documents</title>
-<ellipse fill="none" stroke="black" cx="446.46" cy="-18" rx="71.82" ry="18"/>
-<text text-anchor="middle" x="446.46" y="-12.95" font-family="Times,serif" font-size="14.00">@atj/documents</text>
+<ellipse fill="none" stroke="black" cx="473.46" cy="-18" rx="71.82" ry="18"/>
+<text text-anchor="middle" x="473.46" y="-12.95" font-family="Times,serif" font-size="14.00">@atj/documents</text>
 </g>
 <!-- @atj/frontend&#45;&gt;@atj/documents -->
-<g id="edge3" class="edge">
+<g id="edge4" class="edge">
 <title>@atj/frontend&#45;&gt;@atj/documents</title>
-<path fill="none" stroke="black" d="M385.42,-72.41C395.51,-63.58 408.09,-52.57 419.21,-42.84"/>
-<polygon fill="black" stroke="black" points="421.14,-44.93 426.36,-35.71 416.53,-39.66 421.14,-44.93"/>
+<path fill="none" stroke="black" d="M418.14,-147.49C436.28,-139.05 456.31,-126.27 467.46,-108 478.49,-89.94 479.45,-65.8 477.95,-47.22"/>
+<polygon fill="black" stroke="black" points="481.34,-47.03 476.77,-37.47 474.39,-47.8 481.34,-47.03"/>
+</g>
+<!-- @atj/docassemble&#45;&gt;@atj/interviews -->
+<g id="edge7" class="edge">
+<title>@atj/docassemble&#45;&gt;@atj/interviews</title>
+<path fill="none" stroke="black" d="M357.42,-72.41C345.38,-63.34 330.27,-51.97 317.09,-42.06"/>
+<polygon fill="black" stroke="black" points="319.44,-38.69 309.34,-35.47 315.23,-44.28 319.44,-38.69"/>
+</g>
+<!-- @atj/docassemble&#45;&gt;@atj/documents -->
+<g id="edge6" class="edge">
+<title>@atj/docassemble&#45;&gt;@atj/documents</title>
+<path fill="none" stroke="black" d="M401.74,-72.41C414.03,-63.26 429.48,-51.76 442.88,-41.77"/>
+<polygon fill="black" stroke="black" points="444.41,-44.25 450.34,-35.47 440.23,-38.64 444.41,-44.25"/>
 </g>
 </g>
 </svg>