diff --git a/framework/backend/entry-node.ts b/framework/backend/entry-node.ts
index 75f80bf1df5abff3fb0cb728f85d6403bde23f22..e69271ebbcf55494145f05c9e375cf7ed642b56e 100644
--- a/framework/backend/entry-node.ts
+++ b/framework/backend/entry-node.ts
@@ -42,4 +42,4 @@ import * as os from "os";
 import * as url from "node:url";
 import { serve } from "@hono/node-server";
 import process from "node:process";
-import * as console from "lib/log.ts";
+import * as console from "@clo/lib/log.ts";
diff --git a/framework/bundle.ts b/framework/bundle.ts
index 603a2c407e47a41e8272927a5cdb882f2726ed4f..3395af706fa792c0b37000c557f3d236ddd384f9 100644
--- a/framework/bundle.ts
+++ b/framework/bundle.ts
@@ -37,7 +37,6 @@ export async function bundleClientJavaScript(
   }
 
   const clientPlugins: esbuild.Plugin[] = [
-    projectRelativeResolution(),
     markoViaBuildCache(),
     {
       name: "mark css external",
@@ -250,7 +249,6 @@ export async function bundleServerJavaScript({
             return view.file;
           },
         }),
-        projectRelativeResolution(),
         markoViaBuildCache(),
         {
           name: "replace client references",
@@ -301,7 +299,7 @@ export async function bundleServerJavaScript({
           "globalThis.CLOVER_SERVER_ENTRY": JSON.stringify(entry),
         },
         external: Object.keys(pkg.dependencies).filter(
-          (x) => x !== "lib",
+          (x) => x !== "@clo/lib",
         ),
       });
       await trackEsbuild(io, metafile);
@@ -391,7 +389,6 @@ import * as hot from "./hot.ts";
 import {
   isIgnoredSource,
   markoViaBuildCache,
-  projectRelativeResolution,
   virtualFiles,
 } from "./esbuild-support.ts";
 import { Io, toAbs } from "./incremental.ts";
@@ -400,6 +397,6 @@ import * as incr from "./incremental.ts";
 import * as sg from "#sitegen";
 import type { PageOrView } from "./generate.ts";
 import type * as view from "#sitegen/view";
-import * as meta from "lib/render/meta.ts";
-import * as progress from "lib/progress.ts";
-import { ASSERT, UNWRAP } from "lib/assert.ts";
+import * as meta from "@clo/lib/render/meta.ts";
+import * as progress from "@clo/lib/progress.ts";
+import { ASSERT, UNWRAP } from "@clo/lib/assert.ts";
diff --git a/framework/css.ts b/framework/css.ts
index 32a8c0babecad6cc0a713568966c0cc7e0c21959..3c0013200764ffbf7fba5871dd4105658cc072a0 100644
--- a/framework/css.ts
+++ b/framework/css.ts
@@ -116,4 +116,4 @@ import * as hot from "./hot.ts";
 import * as path from "node:path";
 import { virtualFiles } from "./esbuild-support.ts";
 import type { Io } from "./incremental.ts";
-import { UNWRAP } from "lib/assert.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
diff --git a/framework/esbuild-support.ts b/framework/esbuild-support.ts
index dbf204daca186dde26f80d327e8ae6fedbfad4fd..87e76b99ce30b80da37250b46280c876a2af954c 100644
--- a/framework/esbuild-support.ts
+++ b/framework/esbuild-support.ts
@@ -61,24 +61,6 @@ export function banFiles(
   } satisfies esbuild.Plugin;
 }
 
-export function projectRelativeResolution(root = process.cwd() + "/src") {
-  return {
-    name: "project relative resolution ('@/' prefix)",
-    setup(b) {
-      b.onResolve({ filter: /^@\// }, ({ path: id }) => {
-        return {
-          path: path.resolve(root, id.slice(2)),
-        };
-      });
-      b.onResolve({ filter: /^#/ }, ({ path: id, importer }) => {
-        return {
-          path: hot.resolveFrom(importer, id),
-        };
-      });
-    },
-  } satisfies esbuild.Plugin;
-}
-
 export function markoViaBuildCache(): esbuild.Plugin {
   return {
     name: "marko via build cache",
@@ -112,7 +94,7 @@ export function isIgnoredSource(source: string) {
 }
 
 import * as esbuild from "esbuild";
-import * as string from "lib/string.ts";
+import * as string from "@clo/lib/string.ts";
 import * as path from "node:path";
 import * as fs from "#sitegen/fs";
 import * as hot from "./hot.ts";
diff --git a/framework/font.ts b/framework/font.ts
index 887ffa66be670177bce82abd5f019ddb0489145f..de98e95075165a44254deb8aafb4be841148b692 100644
--- a/framework/font.ts
+++ b/framework/font.ts
@@ -143,7 +143,7 @@ export async function fetchFont(name: string, sources: string[]) {
         : process.platform === "darwin"
         ? [
           "/Library/Fonts",
-          path.posix.join(home, "Library/Fonts"),
+          path.posix.join(home, "@clo/library/Fonts"),
         ]
         : [
           "/usr/share/fonts",
@@ -211,10 +211,10 @@ import * as fs from "#sitegen/fs";
 import * as os from "node:os";
 import * as path from "node:path";
 import * as sg from "#sitegen";
-import * as subprocess from "lib/subprocess.ts";
+import * as subprocess from "@clo/lib/subprocess.ts";
 import * as incr from "./incremental.ts";
 import * as crypto from "node:crypto";
-import * as async from "lib/async.ts";
-import * as error from "lib/error.ts";
+import * as async from "@clo/lib/async.ts";
+import * as error from "@clo/lib/error.ts";
 import * as progress from "../lib/progress.ts";
-import { ASSERT } from "lib/assert.ts";
+import { ASSERT } from "@clo/lib/assert.ts";
diff --git a/framework/generate.ts b/framework/generate.ts
index 3a9978ef1a6b2bb47c6b9ba08f6784a870a3e047..aa6871ee3349c17925e26558af9d66381c3f0b52 100644
--- a/framework/generate.ts
+++ b/framework/generate.ts
@@ -414,12 +414,12 @@ export type PageOrView = PreparedPage | PreparedView;
 import * as path from "node:path";
 
 import * as fs from "#sitegen/fs";
-import * as meta from "lib/render/meta.ts";
-import * as render from "lib/render.ts";
+import * as meta from "@clo/lib/render/meta.ts";
+import * as render from "@clo/lib/render.ts";
 import * as sg from "#sitegen";
 import type { FileItem } from "#sitegen";
 import * as progress from "../lib/progress.ts";
-import * as error from "lib/error.ts";
+import * as error from "@clo/lib/error.ts";
 
 import SitegenWrap from "./sitegen-wrap.marko";
 
@@ -429,4 +429,4 @@ import * as fonts from "./font.ts";
 import * as hot from "./hot.ts";
 import * as incr from "./incremental.ts";
 import { Io } from "./incremental.ts";
-import { ASSERT, UNWRAP } from "lib/assert.ts";
+import { ASSERT, UNWRAP } from "@clo/lib/assert.ts";
diff --git a/framework/hot.ts b/framework/hot.ts
index 4bd825bbebf23e7bec611665441db37aa3c6dc0b..f2826f2f0e513eabb547c474399dbed71424c82a 100644
--- a/framework/hot.ts
+++ b/framework/hot.ts
@@ -90,25 +90,6 @@ Module.prototype._compile = function (
   return result;
 };
 
-// Implement @/ prefix
-const ModuleUnderscoreResolveFilename = Module._resolveFilename;
-Module._resolveFilename = (...args) => {
-  if (args[0].startsWith("@/")) {
-    const replacedPath = "." + args[0].slice(1);
-    try {
-      return require.resolve(replacedPath, { paths: [projectSrc] });
-    } catch (err: any) {
-      if (
-        err.code === "MODULE_NOT_FOUND" &&
-        (err?.requireStack?.length ?? 0) <= 1
-      ) {
-        err.message.replace(replacedPath, args[0]);
-      }
-    }
-  }
-  return ModuleUnderscoreResolveFilename(...args);
-};
-
 function loadEsbuild(module: NodeJS.Module, filepath: string) {
   return loadEsbuildCode(module, filepath, fs.readFileSync(filepath, "utf8"));
 }
@@ -323,4 +304,4 @@ import * as esbuild from "esbuild";
 import { createRequire } from "node:module";
 import * as self from "./hot.ts";
 import { Buffer } from "node:buffer";
-import { UNWRAP } from "lib/assert.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
diff --git a/framework/incremental.ts b/framework/incremental.ts
index a4468807c958e01ab90fe1b157916a5b554debe2..88d31d2f111b5706b0485c7487a21626ebbc4b22 100644
--- a/framework/incremental.ts
+++ b/framework/incremental.ts
@@ -728,7 +728,7 @@ const zstdCompress = util.promisify(zlib.zstdCompress);
 import * as hot from "./hot.ts";
 
 import * as fs from "#sitegen/fs";
-import * as mime from "lib/mime.ts";
+import * as mime from "@clo/lib/mime.ts";
 import * as manifest from "#sitegen/assets";
 
 import * as path from "node:path";
@@ -736,9 +736,9 @@ import * as util from "node:util";
 import * as crypto from "node:crypto";
 import * as zlib from "node:zlib";
 
-import * as progress from "lib/progress.ts";
-import * as stack from "lib/log/stack.ts";
-import { formatSize } from "@/file-viewer/format.ts";
+import * as progress from "@clo/lib/progress.ts";
+import * as stack from "@clo/lib/log/stack.ts";
+import { formatSize } from "#src/file-viewer/format.ts";
 
 import * as msgpackr from "msgpackr";
-import { ASSERT, UNWRAP } from "lib/assert.ts";
+import { ASSERT, UNWRAP } from "@clo/lib/assert.ts";
diff --git a/framework/lib/assets.ts b/framework/lib/assets.ts
index 94e658ae2a9b75bb2db8238b92acfc26120b05d0..b870367ff6c58929b025cbc3f3443ecb8e30f5f9 100644
--- a/framework/lib/assets.ts
+++ b/framework/lib/assets.ts
@@ -285,5 +285,5 @@ import type { AssetKey as Key } from "../../.clover/ts/asset.d.ts";
 import * as crypto from "node:crypto";
 import * as zlib from "node:zlib";
 import * as util from "node:util";
-import * as log from "lib/log.ts";
-import { ASSERT, UNWRAP } from "lib/assert.ts";
+import * as log from "@clo/lib/log.ts";
+import { ASSERT, UNWRAP } from "@clo/lib/assert.ts";
diff --git a/framework/lib/path.ts b/framework/lib/path.ts
index d6fd2dded098765ec9688870b17eb36668a6675c..2cd99149bbc44f8c1c2aefefdbef62b8304a7e91 100644
--- a/framework/lib/path.ts
+++ b/framework/lib/path.ts
@@ -211,6 +211,6 @@ export class Path {
 import * as path from "node:path";
 import * as fs from "./fs.ts";
 import * as util from "node:util";
-import * as error from "lib/error.ts";
+import * as error from "@clo/lib/error.ts";
 import type { RmOptions } from "node:fs";
-import { ASSERT } from "lib/assert.ts";
+import { ASSERT } from "@clo/lib/assert.ts";
diff --git a/framework/lib/sitegen.ts b/framework/lib/sitegen.ts
index 5b85bee0486de5dde60e21bc3e68fd8b57710ef9..55ae173d45a3df4eed88aeb1125a7c4336eefc99 100644
--- a/framework/lib/sitegen.ts
+++ b/framework/lib/sitegen.ts
@@ -100,7 +100,7 @@ export function joinScripts(scriptSources: string[]) {
 
 export { default as CloverScriptInclude } from "./add-script.marko";
 
-import * as render from "lib/render.ts";
-import type * as meta from "lib/render/meta.ts";
+import * as render from "@clo/lib/render.ts";
+import type * as meta from "@clo/lib/render/meta.ts";
 import type * as css from "../css.ts";
-import { UNWRAP } from "lib/assert.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
diff --git a/framework/lib/view.ts b/framework/lib/view.ts
index 9c844437833035b83eedeb5d6115063a70c62d96..aeba4354152d0b9d9434a6daf351cf2358f59da5 100644
--- a/framework/lib/view.ts
+++ b/framework/lib/view.ts
@@ -117,14 +117,14 @@ export function regenerate(tag: RegenKey) {
   }
 }
 
-import * as meta from "lib/render/meta.ts";
+import * as meta from "@clo/lib/render/meta.ts";
 import type * as hono from "#hono";
-import * as render from "lib/render.ts";
+import * as render from "@clo/lib/render.ts";
 import * as sg from "./sitegen.ts";
 import * as asset from "./assets.ts";
 import type {
   RegenKey,
   RegisteredViews as ViewMap,
 } from "../../.clover/ts/view.d.ts";
-import { UNWRAP } from "lib/assert.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
 import SitegenWrap from "../sitegen-wrap.marko";
diff --git a/framework/watch.ts b/framework/watch.ts
index 4e8e2e5a353a3babe7dbe02ab557adea87999333..6a6195533e8b6c6cba47709992e36394054eaf41 100644
--- a/framework/watch.ts
+++ b/framework/watch.ts
@@ -170,4 +170,4 @@ import * as generate from "./generate.ts";
 import * as incr from "./incremental.ts";
 import * as path from "node:path";
 import * as util from "node:util";
-import * as subprocess from "lib/subprocess.ts";
+import * as subprocess from "@clo/lib/subprocess.ts";
diff --git a/lib/deno.json b/lib/deno.json
index 43704fbd7ff49484986762f3d6968a59b6f35f2d..519c3b66ebadfe49171e8018e5946b5f9c381fe1 100644
--- a/lib/deno.json
+++ b/lib/deno.json
@@ -29,11 +29,11 @@
   },
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "lib/render"
+    "jsxImportSource": "@clo/lib/render"
   },
   "imports": {
-    "lib/render/jsx-runtime": "./render/jsx-runtime.ts",
-    "lib/render/jsx-dev-runtime": "./render/jsx-runtime.ts"
+    "@clo/lib/render/jsx-runtime": "./render/jsx-runtime.ts",
+    "@clo/lib/render/jsx-dev-runtime": "./render/jsx-runtime.ts"
   },
   "exclude": [
     "readme.npm.md",
diff --git a/lib/log/stack.ts b/lib/log/stack.ts
index 67dc12196c615c98e1cbdaaf7fd9c27b7fbb234d..6abc031cadb7acaeba1156737b44a64c887d949a 100644
--- a/lib/log/stack.ts
+++ b/lib/log/stack.ts
@@ -19,7 +19,7 @@
  * }
  *
  * import * as fs from "node:fs";
- * import * as stack from "lib/log/stack.ts";
+ * import * as stack from "@clo/lib/log/stack.ts";
  * ```
  *
  * @module
diff --git a/lib/mime.test.ts b/lib/mime.test.ts
index 8e130a08fb98e94eed36d102ec0272abbb317a5c..126054f3bff080cb533f0b8f8190d7156f449432 100644
--- a/lib/mime.test.ts
+++ b/lib/mime.test.ts
@@ -25,4 +25,4 @@ test("for", () => {
 
 import { test } from "node:test";
 import assert from "node:assert";
-import * as mime from "lib/mime.ts";
+import * as mime from "@clo/lib/mime.ts";
diff --git a/lib/progress.ts b/lib/progress.ts
index f43bae9900a26396d4f888dd659733032f8bad0b..f238c93c5d885b22a4123f6fda710cf0a07330ff 100644
--- a/lib/progress.ts
+++ b/lib/progress.ts
@@ -74,7 +74,7 @@ export function start(text: string, opts?: StartOptions): Node {
  *
  * ```ts
  * await ffmpeg.spawn({
- *     cmd: ["-i", "hello.mov", "-c:v", "libsvtav1", "hello.mp4"],
+ *     cmd: ["-i", "hello.mov", "-c:v", "@clo/libsvtav1", "hello.mp4"],
  *     progress: progress.start("encode hello.mov"),
  * });
  * ```
diff --git a/lib/string/ansi.test.ts b/lib/string/ansi.test.ts
index e48423bf4675a6002c0004624cd8d544a8e0eb09..ac9a719b04e483ab2f5bc3ffa72412f7e8d13aca 100644
--- a/lib/string/ansi.test.ts
+++ b/lib/string/ansi.test.ts
@@ -21,4 +21,4 @@ test("trimToWidth", () => {
 
 import { test } from "node:test";
 import assert from "node:assert";
-import * as ansi from "lib/string/ansi.ts";
+import * as ansi from "@clo/lib/string/ansi.ts";
diff --git a/lib/subprocess/ffmpeg.ts b/lib/subprocess/ffmpeg.ts
index c452209e6cbe40aeb93527afa1f1101ef8baf290..71fcd878d4521fab64b52586fe296c53567c537f 100644
--- a/lib/subprocess/ffmpeg.ts
+++ b/lib/subprocess/ffmpeg.ts
@@ -13,7 +13,7 @@ export interface SpawnOptions {
  *
  * ```ts
  * await ffmpeg.spawn({
- *     cmd: ["-i", "hello.mov", "-c:v", "libsvtav1", "hello.mp4"],
+ *     cmd: ["-i", "hello.mov", "-c:v", "@clo/libsvtav1", "hello.mp4"],
  *     progress: progress.start("encode hello.mov"),
  * });
  * ```
diff --git a/package-lock.json b/package-lock.json
index ea91650f189a7482276d8bdccb92e1a8a29fb8eb..7235f684ca9a25a1e0b704c47612a47adef73be1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,6 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
+        "@clo/lib": "file:lib",
         "@clo/markodown": "npm:@paperclover/markodown@rc",
         "@hono/node-server": "1.14.3",
         "@marko/compiler": "^5.39.55",
@@ -15,7 +16,6 @@
         "esbuild": "0.25.5",
         "hls.js": "1.6.5",
         "hono": "4.11.9",
-        "lib": "file:lib",
         "marko": "^5.38.24",
         "msgpackr": "1.11.5",
         "playwright": "1.58.2",
@@ -26,7 +26,11 @@
         "vscode-textmate": "9.2.0"
       }
     },
-    "lib": {},
+    "@clo/lib": {},
+    "node_modules/@clo/lib": {
+      "resolved": "@clo/lib",
+      "link": true
+    },
     "node_modules/@clo/markodown": {
       "name": "@paperclover/markodown",
       "version": "1.0.0-rc.15",
@@ -1077,10 +1081,6 @@
         "lasso-caching-fs": "^1.0.0"
       }
     },
-    "node_modules/lib": {
-      "resolved": "lib",
-      "link": true
-    },
     "node_modules/lie": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/lie/-/lie-3.1.1.tgz",
diff --git a/package.json b/package.json
index 6942fc60f72d1583419c10fa1d24ac7224467549..28d6d6d98a4abb85be945c86f9f1287c7c4a7d82 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "esbuild": "0.25.5",
     "hls.js": "1.6.5",
     "hono": "4.11.9",
-    "lib": "file:lib",
+    "@clo/lib": "file:lib",
     "marko": "^5.38.24",
     "msgpackr": "1.11.5",
     "playwright": "1.58.2",
@@ -22,6 +22,7 @@
     "vscode-textmate": "9.2.0"
   },
   "imports": {
+    "#src/*": "./src/*",
     "#sitegen": "./framework/lib/sitegen.ts",
     "#sitegen/*": "./framework/lib/*.ts",
     "#jsx/jsx-runtime": "./lib/render/jsx-runtime.ts",
diff --git a/src/backend.ts b/src/backend.ts
index bc1073e243f6395e6c45499fec105d882452b9d8..1bccfa6770eb11d794c88d2f8feb37db36ec8abc 100644
--- a/src/backend.ts
+++ b/src/backend.ts
@@ -64,4 +64,4 @@ import { logger } from "hono/logger";
 import { trimTrailingSlash } from "hono/trailing-slash";
 import * as assets from "#sitegen/assets";
 import * as admin from "./admin.ts";
-import * as log from "lib/log.ts";
+import * as log from "@clo/lib/log.ts";
diff --git a/src/bin/deploy.ts b/src/bin/deploy.ts
index 313b127cf3fb32b8cba59859016ffb31127fe599..354ff94c5983cee7c86d185a12a3e2a2ca115568 100644
--- a/src/bin/deploy.ts
+++ b/src/bin/deploy.ts
@@ -55,7 +55,7 @@ export async function main() {
 
 import * as incr from "../../framework/incremental.ts";
 import { generate } from "../../framework/generate.ts";
-import * as progress from "lib/progress.ts";
-import * as subprocess from "lib/subprocess.ts";
+import * as progress from "@clo/lib/progress.ts";
+import * as subprocess from "@clo/lib/subprocess.ts";
 import * as rsync from "../file-viewer/rsync.ts";
 import { Path } from "#sitegen/path";
diff --git a/src/bin/download-db.ts b/src/bin/download-db.ts
index 1d40fa9c87384595eec28702481f2c88df3e1553..4ade011611d097ef12b32306fb6ed94b6737a8c6 100644
--- a/src/bin/download-db.ts
+++ b/src/bin/download-db.ts
@@ -21,6 +21,6 @@ export async function main() {
   });
 }
 
-import * as progress from "lib/progress.ts";
+import * as progress from "@clo/lib/progress.ts";
 import * as rsync from "../file-viewer/rsync.ts";
 import { Path } from "#sitegen/path";
diff --git a/src/bin/package-lib.ts b/src/bin/package-lib.ts
index 0680dfb05bb08d47ef2d797bbb7e7d8f1cd9957a..a98b2e96f9e39d256f4a67e04539d43bf52e025e 100644
--- a/src/bin/package-lib.ts
+++ b/src/bin/package-lib.ts
@@ -21,10 +21,10 @@ export async function updateJsrPackageExportsToAll(
 }
 
 export async function main() {
-  const main = path.resolve("lib");
+  const main = path.resolve("@clo/lib");
   await updateJsrPackageExportsToAll(main, progress);
 }
 
-import * as progress from "lib/progress.ts";
+import * as progress from "@clo/lib/progress.ts";
 import * as path from "node:path";
 import * as fs from "node:fs/promises";
diff --git a/src/blog/drafts/webdev/marko-intro.markodown b/src/blog/drafts/webdev/marko-intro.markodown
index 456bdeee8e047e4a0a6d894a6c2aa209cf6bd029..50cc917b10b37b4990cf63b60a9d78016aa270f2 100644
--- a/src/blog/drafts/webdev/marko-intro.markodown
+++ b/src/blog/drafts/webdev/marko-intro.markodown
@@ -5,7 +5,7 @@ export const blog: BlogMeta = {
   draft: true,
 };
 export const meta = formatBlogMeta(blob);
-export * as layout from "@/blog/layout.tsx";
+export * as layout from "#src/blog/layout.tsx";
 
 I've been recently playing around [Marko], and after adding limited support
 for it in my website generator, [sitegen], I instantly fell in love with how
@@ -287,8 +287,8 @@ function Page() {
 console.info(render.sync(<Page />).text);
 
 import * as render from "#engine/render";
-import QuestionRender from "@/q+a/tags/question.marko";
-import { Question } from "@/q+a/models/Question.ts";
+import QuestionRender from "#src/q+a/tags/question.marko";
+import { Question } from "#src/q+a/models/Question.ts";
 ```
 
 Here is the `question.marko` tag used to render [questions on the clover q+a](/q+a).
@@ -328,12 +328,12 @@ export const transitionDate = 1735639200000;
 // this singleton script will make all the '<time>' tags clickable.
 client import "./clickable-links.client.ts";
 
-import type { Question } from "@/q+a/models/Question.ts";
-import { formatQuestionTimestamp, formatQuestionISOTimestamp } from "@/q+a/format.ts";
-import { QuestionMarkdown } from "@/q+a/markdown.tsx";
+import type { Question } from "#src/q+a/models/Question.ts";
+import { formatQuestionTimestamp, formatQuestionISOTimestamp } from "#src/q+a/format.ts";
+import { QuestionMarkdown } from "#src/q+a/markdown.tsx";
 ```
 
 The integration is great, `client import` is quite a magical concept, and I've
 tuned it to do the expected thing in my framework.
 
-import { type BlogMeta, formatBlogMeta } from '@/blog/helpers.ts';
+import { type BlogMeta, formatBlogMeta } from '#src/blog/helpers.ts';
diff --git a/src/blog/localization.tsx b/src/blog/localization.tsx
index 4362b55ae4ccd1263cee0b3f2617c70c3caaee93..6d54ed349e64f597787f41a1f3408aa3232cc3b1 100644
--- a/src/blog/localization.tsx
+++ b/src/blog/localization.tsx
@@ -31,4 +31,4 @@ export const languages: LanguageMap = {
   },
 };
 
-import * as render from "lib/render.ts";
+import * as render from "@clo/lib/render.ts";
diff --git a/src/blog/pages/webdev/one-year-next-app-router/en.mdo b/src/blog/pages/webdev/one-year-next-app-router/en.mdo
index 48a754c85ebf278623101710fe6cedf7ad52b62e..8a188586e809bb49bd6a68f7839b18bdc99bb540 100644
--- a/src/blog/pages/webdev/one-year-next-app-router/en.mdo
+++ b/src/blog/pages/webdev/one-year-next-app-router/en.mdo
@@ -1,5 +1,5 @@
 ---
-layout: "@/blog/tags/blog-layout.marko"
+layout: "#src/blog/tags/blog-layout.marko"
 meta:
   title: One Year with Next.js App Router — Why We're Moving On
   description: A critique of React Server Components and Next.js 15.
diff --git a/src/blog/pages/webdev/one-year-next-app-router/es.mdo b/src/blog/pages/webdev/one-year-next-app-router/es.mdo
index 1ef5def43f25301a4e8429da5aaa67dff9f3f14a..caa0d6443c83c58f0f831c7227af78f0fdf74c15 100644
--- a/src/blog/pages/webdev/one-year-next-app-router/es.mdo
+++ b/src/blog/pages/webdev/one-year-next-app-router/es.mdo
@@ -1,5 +1,5 @@
 ---
-layout: "@/blog/tags/blog-layout.marko"
+layout: "#src/blog/tags/blog-layout.marko"
 meta:
   title: Un año con el enrutador de aplicación (App Router) de Next.js — por qué decidimos cambiar
   description: Una crítica de los componentes de servidor de React y Next.js 15.
diff --git a/src/blog/pages/webdev/one-year-next-app-router/ko.mdo b/src/blog/pages/webdev/one-year-next-app-router/ko.mdo
index 5b1b907d21c690e6d3f0e14fc318bc381961a53a..52e5b1a168e496b69604a18f41c769b1cdc3af48 100644
--- a/src/blog/pages/webdev/one-year-next-app-router/ko.mdo
+++ b/src/blog/pages/webdev/one-year-next-app-router/ko.mdo
@@ -1,5 +1,5 @@
 ---
-layout: "@/blog/tags/blog-layout.marko"
+layout: "#src/blog/tags/blog-layout.marko"
 meta:
   title: Next.js 앱 라우터와 함께한 1년 — 우리가 떠나기로 한 이유
   description: 리액트 서버 컴포넌트와 Next.js 15에 대한 비판
diff --git a/src/blog/tags/blog-layout.marko b/src/blog/tags/blog-layout.marko
index 0aac1d4174caa2b76618fb52239b229ebf58b27b..39df53190a5e66c61a412f2d26871ec5a1b530f8 100644
--- a/src/blog/tags/blog-layout.marko
+++ b/src/blog/tags/blog-layout.marko
@@ -104,4 +104,4 @@ import * as markodown from "@clo/markodown";
 import Heading from "./heading.marko";
 import CodeBlock from "./code-block.marko";
 import { Path } from "#sitegen/path";
-import { UNWRAP } from "lib/assert.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
diff --git a/src/blog/tags/code-block.marko b/src/blog/tags/code-block.marko
index 7e7a4ecc16eef4230ded971dea5f1e3dc978a298..774425d57035a16f2642425c747b3a80618b008a 100644
--- a/src/blog/tags/code-block.marko
+++ b/src/blog/tags/code-block.marko
@@ -12,4 +12,4 @@
 </>
 </figure>
 
-import * as highlight from "@/file-viewer/highlight.ts";
+import * as highlight from "#src/file-viewer/highlight.ts";
diff --git a/src/file-viewer/backend.tsx b/src/file-viewer/backend.tsx
index 057560adb0fa33153b0295485f03a4ba99e94abc..095dd49391d242f64baf51c04f33123591cd5213 100644
--- a/src/file-viewer/backend.tsx
+++ b/src/file-viewer/backend.tsx
@@ -313,17 +313,17 @@ function getPartialPage(c: Context, rawFilePath: string) {
 
 import { type Context, Hono } from "hono";
 
-import * as render from "lib/render.ts";
+import * as render from "@clo/lib/render.ts";
 import { etagMatches, serveAsset } from "#sitegen/assets";
 import * as view from "#sitegen/view";
-import * as mime from "lib/mime.ts";
+import * as mime from "@clo/lib/mime.ts";
 
-import { getForFile, requireFriendAuth } from "@/friend-auth.ts";
-import { MediaFile, MediaFileKind } from "@/file-viewer/models/MediaFile.ts";
-import { FilePermissions } from "@/file-viewer/models/FilePermissions.ts";
-import { MediaPanel } from "@/file-viewer/views/clofi.tsx";
-import { Speedbump } from "@/file-viewer/cotyledon.tsx";
-import * as cache from "@/file-viewer/cache.ts";
-import * as derived from "@/file-viewer/models/derived.ts";
-import { UNWRAP } from "lib/assert.ts";
+import { getForFile, requireFriendAuth } from "#src/friend-auth.ts";
+import { MediaFile, MediaFileKind } from "#src/file-viewer/models/MediaFile.ts";
+import { FilePermissions } from "#src/file-viewer/models/FilePermissions.ts";
+import { MediaPanel } from "#src/file-viewer/views/clofi.tsx";
+import { Speedbump } from "#src/file-viewer/cotyledon.tsx";
+import * as cache from "#src/file-viewer/cache.ts";
+import * as derived from "#src/file-viewer/models/derived.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
 import { escapeUri } from "./format.ts";
diff --git a/src/file-viewer/bin/file-scan.ts b/src/file-viewer/bin/file-scan.ts
index f6f3ab7164558cd26e2a8b239dee861941efecc1..3ba5aa34ea81188264d40673ef5663c7f0d1e49d 100644
--- a/src/file-viewer/bin/file-scan.ts
+++ b/src/file-viewer/bin/file-scan.ts
@@ -1024,13 +1024,13 @@ async function scrubLocationMetadata(
 
 const monthMilliseconds = 30 * 24 * 60 * 60 * 1000;
 
-import * as async from "lib/async.ts";
+import * as async from "@clo/lib/async.ts";
 import * as fs from "#sitegen/fs";
-import * as subprocess from "lib/subprocess.ts";
+import * as subprocess from "@clo/lib/subprocess.ts";
 import { Path } from "#sitegen/path";
 import * as queue from "../../../lib/queue.ts";
 import * as log from "../../../lib/log.ts";
-import * as progress from "lib/progress.ts";
+import * as progress from "@clo/lib/progress.ts";
 import * as ts from "../../../lib/ts.ts";
 
 import * as child_process from "node:child_process";
@@ -1040,19 +1040,19 @@ import * as path from "node:path";
 import * as stream from "node:stream";
 import * as zlib from "node:zlib";
 
-import { MediaFile, MediaFileKind } from "@/file-viewer/models/MediaFile.ts";
-import { FilePermissions } from "@/file-viewer/models/FilePermissions.ts";
+import { MediaFile, MediaFileKind } from "#src/file-viewer/models/MediaFile.ts";
+import { FilePermissions } from "#src/file-viewer/models/FilePermissions.ts";
 import {
   formatDate,
   formatDurationLong,
   formatSize,
-} from "@/file-viewer/format.ts";
-import * as rules from "@/file-viewer/rules.ts";
-import * as highlight from "@/file-viewer/highlight.ts";
-import * as ffmpeg from "lib/subprocess/ffmpeg.ts";
-import * as rsync from "@/file-viewer/rsync.ts";
-import * as derived from "@/file-viewer/models/derived.ts";
-import * as transcodeRules from "@/file-viewer/transcode-rules.ts";
+} from "#src/file-viewer/format.ts";
+import * as rules from "#src/file-viewer/rules.ts";
+import * as highlight from "#src/file-viewer/highlight.ts";
+import * as ffmpeg from "@clo/lib/subprocess/ffmpeg.ts";
+import * as rsync from "#src/file-viewer/rsync.ts";
+import * as derived from "#src/file-viewer/models/derived.ts";
+import * as transcodeRules from "#src/file-viewer/transcode-rules.ts";
 
 import { rawFileRoot as root } from "../paths.ts";
-import { ASSERT, UNWRAP } from "lib/assert.ts";
+import { ASSERT, UNWRAP } from "@clo/lib/assert.ts";
diff --git a/src/file-viewer/bin/file-trim.ts b/src/file-viewer/bin/file-trim.ts
index 4c31f666742571b24a43c3fe4f0ce5143f0e9b25..e4c411d5e1b86a6a1fbc479ffce8c7d3b378c532 100644
--- a/src/file-viewer/bin/file-trim.ts
+++ b/src/file-viewer/bin/file-trim.ts
@@ -14,5 +14,5 @@ export async function main() {
   // TODO: delete unreferenced files
 }
 
-import * as log from "lib/log.ts";
+import * as log from "@clo/lib/log.ts";
 import * as derived from "../models/derived.ts";
diff --git a/src/file-viewer/cache.ts b/src/file-viewer/cache.ts
index 14e38202aa19265a5d787631b39162ba01c19770..47bb3f002c8d1d08b05d83d7b86e13e2be937239 100644
--- a/src/file-viewer/cache.ts
+++ b/src/file-viewer/cache.ts
@@ -600,17 +600,17 @@ async function writeStream(
 import * as util from "node:util";
 import * as fsCallbacks from "node:fs";
 import * as fs from "#sitegen/fs";
-import * as async from "lib/async.ts";
-import * as error from "lib/error.ts";
+import * as async from "@clo/lib/async.ts";
+import * as error from "@clo/lib/error.ts";
 import * as stream from "node:stream";
 import * as crypto from "node:crypto";
 import * as http from "node:http";
 import * as https from "node:https";
 import * as paths from "./paths.ts";
-import * as log from "lib/log.ts";
+import * as log from "@clo/lib/log.ts";
 import { MediaFile } from "./models/MediaFile.ts";
 import type { ReadableStream } from "node:stream/web";
-import { Lru } from "lib/Lru.ts";
+import { Lru } from "@clo/lib/Lru.ts";
 import { Path } from "#sitegen/path";
-import { ASSERT, UNWRAP } from "lib/assert.ts";
-import * as ts from "lib/ts.ts";
+import { ASSERT, UNWRAP } from "@clo/lib/assert.ts";
+import * as ts from "@clo/lib/ts.ts";
diff --git a/src/file-viewer/format.ts b/src/file-viewer/format.ts
index 63b50857837c689d5a082c79ed4d894c64cbad49..d4df13bc5c9569ae08464ec9e3406b964e7ba379 100644
--- a/src/file-viewer/format.ts
+++ b/src/file-viewer/format.ts
@@ -287,5 +287,5 @@ export function formatDate(dateTime: Date) {
     }.${dateTime.getFullYear().toString().slice(2)}`;
 }
 
-import type { MediaFile } from "@/file-viewer/models/MediaFile.ts";
-import { escapeHtml } from "lib/render.ts";
+import type { MediaFile } from "#src/file-viewer/models/MediaFile.ts";
+import { escapeHtml } from "@clo/lib/render.ts";
diff --git a/src/file-viewer/highlight.ts b/src/file-viewer/highlight.ts
index 87d66eb793e92c6b688e2202ac83b7e9872199fa..94e6f340e312456a7ee55282e1b2c84d5415569b 100644
--- a/src/file-viewer/highlight.ts
+++ b/src/file-viewer/highlight.ts
@@ -215,9 +215,9 @@ export async function highlightCode(code: string, language: Language) {
 //   "tsx",
 // );
 //
-import * as async from "lib/async.ts";
+import * as async from "@clo/lib/async.ts";
 import * as fs from "#sitegen/fs";
 import * as path from "node:path";
 import * as oniguruma from "vscode-oniguruma";
 import * as textmate from "vscode-textmate";
-import * as render from "lib/render.ts";
+import * as render from "@clo/lib/render.ts";
diff --git a/src/file-viewer/models/MediaFile.ts b/src/file-viewer/models/MediaFile.ts
index 006f220c5514dc418884af23e9973362b32d4bc1..7d4e2a1c0e987d77db4d6104441c0387524dd921 100644
--- a/src/file-viewer/models/MediaFile.ts
+++ b/src/file-viewer/models/MediaFile.ts
@@ -464,4 +464,4 @@ const getDirectoriesToReindexQuery = db.prepare(`
 import { getDb } from "#sitegen/sqlite";
 import * as path from "node:path/posix";
 import { FilePermissions } from "./FilePermissions.ts";
-import { ASSERT } from "lib/assert.ts";
+import { ASSERT } from "@clo/lib/assert.ts";
diff --git a/src/file-viewer/models/derived.ts b/src/file-viewer/models/derived.ts
index 10ff11985ebf44ea5af5393f38e81837d3dab443..7549707a50865abe0723fd9c01a12f6cbe94bb5e 100644
--- a/src/file-viewer/models/derived.ts
+++ b/src/file-viewer/models/derived.ts
@@ -217,6 +217,6 @@ import type { MediaFile } from "./MediaFile.ts";
 import { Path } from "#sitegen/path";
 import * as fs from "node:fs";
 import * as crypto from "node:crypto";
-import * as queue from "lib/queue.ts";
-import * as progress from "lib/progress.ts";
-import { ASSERT } from "lib/assert.ts";
+import * as queue from "@clo/lib/queue.ts";
+import * as progress from "@clo/lib/progress.ts";
+import { ASSERT } from "@clo/lib/assert.ts";
diff --git a/src/file-viewer/pages/file.cotyledon-enterance.tsx b/src/file-viewer/pages/file.cotyledon-enterance.tsx
index ea3a63cf90523a8d861b8c83b3c23a7226df7ff8..7687886745e48dc000cb9c9694f985b89c1e1de6 100644
--- a/src/file-viewer/pages/file.cotyledon-enterance.tsx
+++ b/src/file-viewer/pages/file.cotyledon-enterance.tsx
@@ -1,6 +1,6 @@
-import { MediaFile } from "@/file-viewer/models/MediaFile.ts";
+import { MediaFile } from "#src/file-viewer/models/MediaFile.ts";
 import { addScript } from "#sitegen";
-import { Readme } from "@/file-viewer/cotyledon.tsx";
+import { Readme } from "#src/file-viewer/cotyledon.tsx";
 import { MediaPanel } from "../views/clofi.tsx";
 
 export const theme = {
diff --git a/src/file-viewer/rsync.ts b/src/file-viewer/rsync.ts
index 403c9999094c70793e6c89d73003b1a8ab632116..73d89300184f6e5bf56c88ecefc0470635b37918 100644
--- a/src/file-viewer/rsync.ts
+++ b/src/file-viewer/rsync.ts
@@ -183,7 +183,7 @@ export class Parse {
 import * as child_process from "node:child_process";
 import * as readline from "node:readline";
 import events from "node:events";
-import * as progress from "lib/progress.ts";
-import { formatSize } from "@/file-viewer/format.ts";
-import { UNWRAP } from "lib/assert.ts";
+import * as progress from "@clo/lib/progress.ts";
+import { formatSize } from "#src/file-viewer/format.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
 import { Path } from "#sitegen/path";
diff --git a/src/file-viewer/rules.ts b/src/file-viewer/rules.ts
index 859024ed5bbeeda36a652a456378cb961f4aa7c0..59e4fbad2a513bb3250bbe572b6fdf36e2c9d2c5 100644
--- a/src/file-viewer/rules.ts
+++ b/src/file-viewer/rules.ts
@@ -153,5 +153,5 @@ const pathToCanvas = new Map<string, string>(Object.entries({
 }));
 
 import type * as highlight from "./highlight.ts";
-import { MediaFile, MediaFileKind } from "@/file-viewer/models/MediaFile.ts";
+import { MediaFile, MediaFileKind } from "#src/file-viewer/models/MediaFile.ts";
 import * as path from "node:path";
diff --git a/src/file-viewer/transcode-rules.ts b/src/file-viewer/transcode-rules.ts
index 81ec31093dd5c4bc5711d52456ae3a32a8bebe37..8626d7e2b2991f031a579a6cb42be8cf01eb6a18 100644
--- a/src/file-viewer/transcode-rules.ts
+++ b/src/file-viewer/transcode-rules.ts
@@ -73,7 +73,7 @@ export const imagePresets = [
     ext: ".avif",
     args: [
       "-c:v",
-      "libaom-av1",
+      "@clo/libaom-av1",
       "-crf",
       "30",
       "-pix_fmt",
@@ -84,7 +84,7 @@ export const imagePresets = [
     ext: ".jxl",
     args: [
       "-c:v",
-      "libjxl",
+      "@clo/libjxl",
       "-distance",
       "0.8",
       "-effort",
@@ -148,7 +148,7 @@ export function getAv1VideoArgs(
   const { preset, mbitMax, crf, maxHeight, depth } = av1;
   const cmd = [...videoInputArgs];
 
-  cmd.push("-c:v", "libsvtav1");
+  cmd.push("-c:v", "@clo/libsvtav1");
   cmd.push(
     "-svtav1-params",
     [
@@ -183,7 +183,7 @@ export function getOpusAudioArgs(
 
   cmd.push("-vn");
 
-  cmd.push("-c:a", "libopus");
+  cmd.push("-c:a", "@clo/libopus");
   cmd.push("-b:a", audioKbit + "k");
 
   cmd.push("-y");
@@ -264,7 +264,7 @@ export function getH264HlsArgs(
       const aIdx = i * 2 + 1;
       // deno-fmt-ignore
       cmd.push(
-        `-c:${vIdx}`, "libx264",
+        `-c:${vIdx}`, "@clo/libx264",
         `-b:v:${vIdx}`, preset.videoBitrate,
         `-filter:${vIdx}`, `scale=-2:min(${preset.maxHeight}\\,ih)`,
         `-c:${aIdx}`, "aac",
@@ -285,7 +285,7 @@ export function getH264HlsArgs(
     hlsPresets.forEach((preset, i) => {
       // deno-fmt-ignore
       cmd.push(
-        `-c:v:${i}`, "libx264",
+        `-c:v:${i}`, "@clo/libx264",
         `-b:v:${i}`, preset.videoBitrate,
         `-filter:v:${i}`, `scale=-2:min(${preset.maxHeight}\\,ih)`,
       );
@@ -314,4 +314,4 @@ export function getH264HlsArgs(
 }
 
 import type { Path } from "#sitegen/path";
-import * as ffmpeg from "lib/subprocess/ffmpeg.ts";
+import * as ffmpeg from "@clo/lib/subprocess/ffmpeg.ts";
diff --git a/src/file-viewer/views/clofi.tsx b/src/file-viewer/views/clofi.tsx
index 11fe8369e1e2cbf693f836b304df61e36de6b7b0..7e629176c06c9e40fc40d46954c5ca8fb653b1cc 100644
--- a/src/file-viewer/views/clofi.tsx
+++ b/src/file-viewer/views/clofi.tsx
@@ -925,7 +925,7 @@ CodeView.class = "code";
 import "./clofi.css";
 import assert from "node:assert";
 import path, { dirname } from "node:path";
-import { MediaFile, MediaFileKind } from "@/file-viewer/models/MediaFile.ts";
+import { MediaFile, MediaFileKind } from "#src/file-viewer/models/MediaFile.ts";
 import { addScript } from "#sitegen";
 import {
   escapeUri,
@@ -934,11 +934,11 @@ import {
   highlightConvo,
   highlightHashComments,
   highlightLinksInTextView,
-} from "@/file-viewer/format.ts";
-import { ForEveryone } from "@/file-viewer/cotyledon.tsx";
-import * as mime from "lib/mime.ts";
+} from "#src/file-viewer/format.ts";
+import { ForEveryone } from "#src/file-viewer/cotyledon.tsx";
+import * as mime from "@clo/lib/mime.ts";
 import * as sort from "../sort.ts";
-import CloverVideo from "@/tags/clover-video.marko";
-import Image from "@/tags/image.tsx";
-import * as render from "lib/render.ts";
-import { UNWRAP } from "lib/assert.ts";
+import CloverVideo from "#src/tags/clover-video.marko";
+import Image from "#src/tags/image.tsx";
+import * as render from "@clo/lib/render.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
diff --git a/src/file-viewer/views/lofi.marko b/src/file-viewer/views/lofi.marko
index ea5154239c3b644fa5d81f1522281f54cf6f2e33..98eb4afa3390f3a051c3194b83e16efe4a7e6dc2 100644
--- a/src/file-viewer/views/lofi.marko
+++ b/src/file-viewer/views/lofi.marko
@@ -66,6 +66,6 @@ export { meta, theme } from "./clofi.tsx";
 </div>
 
 import * as path from "node:path";
-import { escapeUri, formatDuration, formatSize, formatDate } from "@/file-viewer/format.ts";
-import { MediaFileKind } from "@/file-viewer/models/MediaFile.ts";
-import * as sort from "@/file-viewer/sort.ts";
+import { escapeUri, formatDuration, formatSize, formatDate } from "#src/file-viewer/format.ts";
+import { MediaFileKind } from "#src/file-viewer/models/MediaFile.ts";
+import * as sort from "#src/file-viewer/sort.ts";
diff --git a/src/q+a/image.tsx b/src/q+a/image.tsx
index 4ce3cd5ea1bd9b578f4a3595c8bbe81537f7e7e5..1423eb70c8134ad7817084e4cc17ecd77c64293e 100644
--- a/src/q+a/image.tsx
+++ b/src/q+a/image.tsx
@@ -73,7 +73,7 @@ export async function getQuestionImage(
 import * as crypto from "node:crypto";
 import * as fs from "#sitegen/fs";
 import * as path from "node:path";
-import { Question } from "@/q+a/models/Question.ts";
-import { RefCountedExpirable } from "lib/async.ts";
+import { Question } from "#src/q+a/models/Question.ts";
+import { RefCountedExpirable } from "@clo/lib/async.ts";
 import * as view from "#sitegen/view";
 import * as playwright from "playwright";
diff --git a/src/q+a/markdown.tsx b/src/q+a/markdown.tsx
index b1df8b3c02c9b31ec7791a3e18003634e01b2cc1..f54e433866a294f1f62cd9c9a1165789bd27c73f 100644
--- a/src/q+a/markdown.tsx
+++ b/src/q+a/markdown.tsx
@@ -76,6 +76,6 @@ export function renderMarkdown(source: string) {
 }
 
 import * as markodown from "@clo/markodown";
-import * as render from "lib/render.ts";
+import * as render from "@clo/lib/render.ts";
 import { artifactMap } from "./artifacts.ts";
 import { formatQuestionTimestamp, questionIdToTimestamp } from "./format.ts";
diff --git a/src/q+a/pages/admin.q+a.marko b/src/q+a/pages/admin.q+a.marko
index 306c89eca0c5c229afa6a1225408b04975279605..846d2a2c8d0fad7991baffa034daf315bed85adc 100644
--- a/src/q+a/pages/admin.q+a.marko
+++ b/src/q+a/pages/admin.q+a.marko
@@ -23,4 +23,4 @@ export const regenerate = {
 <MainPage admin />
 
 import MainPage from "./q+a.marko";
-import { PendingQuestion } from "@/q+a/models/PendingQuestion.ts";
+import { PendingQuestion } from "#src/q+a/models/PendingQuestion.ts";
diff --git a/src/q+a/pages/q+a.marko b/src/q+a/pages/q+a.marko
index 2709b5f13bf8635004afe6096f4986bc939f802c..592a017b918bd060e1e4ee77505dd491f5f75d74 100644
--- a/src/q+a/pages/q+a.marko
+++ b/src/q+a/pages/q+a.marko
@@ -24,4 +24,4 @@ export const meta: Metadata = {
 </footer>
 </question-layout>
 
-import { Question } from "@/q+a/models/Question.ts";
+import { Question } from "#src/q+a/models/Question.ts";
diff --git a/src/q+a/scripts/editor.client.tsx b/src/q+a/scripts/editor.client.tsx
index e9f1ce713d1ba76c30fc690b55d3054caf961696..cbcad92cf4602893e7e5df1d73becac4141b60ef 100644
--- a/src/q+a/scripts/editor.client.tsx
+++ b/src/q+a/scripts/editor.client.tsx
@@ -1,5 +1,5 @@
-import type { ScriptPayload } from "@/q+a/views/editor.marko";
-import QuestionRender from "@/q+a/tags/question.marko";
+import type { ScriptPayload } from "#src/q+a/views/editor.marko";
+import QuestionRender from "#src/q+a/tags/question.marko";
 
 declare const payload: ScriptPayload;
 const date = new Date(payload.date);
diff --git a/src/q+a/tags/question-layout.marko b/src/q+a/tags/question-layout.marko
index d8da8933ada2811a1ed5e959dd6c21977f3e2033..df7de2238a4e208db39ad9d77713ddbcc0ecde41 100644
--- a/src/q+a/tags/question-layout.marko
+++ b/src/q+a/tags/question-layout.marko
@@ -19,4 +19,4 @@ export const theme = {
 };
 
 import { addScript } from "#sitegen";
-import * as render from "lib/render.ts";
+import * as render from "@clo/lib/render.ts";
diff --git a/src/q+a/tags/question.marko b/src/q+a/tags/question.marko
index 64ba8da3eb0aa9a9c891a4198c7e205404174135..f13103def87b300b801c9db9e5b26f2b313aa0ef 100644
--- a/src/q+a/tags/question.marko
+++ b/src/q+a/tags/question.marko
@@ -37,7 +37,7 @@ export const transitionDate = 1735639200000;
   client import "./clickable-links.client.ts";
 </>
 
-import type { Question } from "@/q+a/models/Question.ts";
-import { formatQuestionTimestamp, formatQuestionISOTimestamp } from "@/q+a/format.ts";
-import * as markdown from "@/q+a/markdown.tsx";
+import type { Question } from "#src/q+a/models/Question.ts";
+import { formatQuestionTimestamp, formatQuestionISOTimestamp } from "#src/q+a/format.ts";
+import * as markdown from "#src/q+a/markdown.tsx";
 import { addScript as Script } from "#sitegen"
diff --git a/src/q+a/views/backend-inbox.marko b/src/q+a/views/backend-inbox.marko
index 6e15d0e0ee1c31039bc5b4d9109a2d08e1e25f2e..99e1c1a70e4d763f14d29290e33e258c2fcd6618 100644
--- a/src/q+a/views/backend-inbox.marko
+++ b/src/q+a/views/backend-inbox.marko
@@ -1,9 +1,9 @@
 export { theme } from "../tags/question-layout.marko";
-import { PendingQuestion } from "@/q+a/models/PendingQuestion.ts";
+import { PendingQuestion } from "#src/q+a/models/PendingQuestion.ts";
 import {
   formatQuestionISOTimestamp,
   formatQuestionTimestamp,
-} from "@/q+a/format.ts";
+} from "#src/q+a/format.ts";
 export const meta = { title: 'question answer inbox' };
 
 <const/questions = PendingQuestion.getAll() />
diff --git a/src/q+a/views/editor.marko b/src/q+a/views/editor.marko
index 4ce0e15a458902bfe3c1063c4264c094994a67ae..e3a2b075dc15e33b11694d29c4161a9d0b4553fc 100644
--- a/src/q+a/views/editor.marko
+++ b/src/q+a/views/editor.marko
@@ -63,5 +63,5 @@ export interface ScriptPayload {
 <html-script src="/js/q+a/scripts/editor.js" type="module" />
 
 import * as devalue from 'devalue';
-import { type PendingQuestion } from "@/q+a/models/PendingQuestion.ts";
-import { Question, QuestionType } from "@/q+a/models/Question.ts";
+import { type PendingQuestion } from "#src/q+a/models/PendingQuestion.ts";
+import { Question, QuestionType } from "#src/q+a/models/Question.ts";
diff --git a/src/q+a/views/image-embed.marko b/src/q+a/views/image-embed.marko
index a17bc589859a5ca0719f90b51184f28784d676ab..a82f99323616dc3f4111a986c31871e7d5b0ab45 100644
--- a/src/q+a/views/image-embed.marko
+++ b/src/q+a/views/image-embed.marko
@@ -13,4 +13,4 @@ export interface Input {
   <question question=input.question />
 </main>
 
-import { Question } from '@/q+a/models/Question.ts';
+import { Question } from '#src/q+a/models/Question.ts';
diff --git a/src/q+a/views/permalink.marko b/src/q+a/views/permalink.marko
index 81069d4861fe27a9489e0e4f75911a049c6907d8..ed83dc5ff32c8684e161f440d1fea6c5c7e325fe 100644
--- a/src/q+a/views/permalink.marko
+++ b/src/q+a/views/permalink.marko
@@ -52,6 +52,6 @@ server export function meta({ context, question }) {
 <a href="/q+a">view more questions</a>
 </question-layout>
 
-import { Question, QuestionType } from '@/q+a/models/Question.ts';
-import { transitionDate } from "@/q+a/tags/question.marko";
-import { formatQuestionTimestamp } from "@/q+a/format.ts";
+import { Question, QuestionType } from '#src/q+a/models/Question.ts';
+import { transitionDate } from "#src/q+a/tags/question.marko";
+import { formatQuestionTimestamp } from "#src/q+a/format.ts";
diff --git a/src/site.ts b/src/site.ts
index c26e71738002705d22abb855c7d4c3386c0a969e..4492d578b347d37a89c3a771530f1b422eb108c1 100644
--- a/src/site.ts
+++ b/src/site.ts
@@ -123,6 +123,6 @@ export const fonts: sg.Font[] = [
 ];
 
 import * as path from "node:path";
-import type { Template as MetaTemplate } from "lib/render/meta.ts";
+import type { Template as MetaTemplate } from "@clo/lib/render/meta.ts";
 import type * as sg from "#sitegen";
 import { nasRoot } from "./file-viewer/paths.ts";
diff --git a/src/source-of-truth.dockerfile b/src/source-of-truth.dockerfile
index a31f037f0ce3e24ea89c1f2bba28acbd6bf34ca9..10ae2955deef046998712f170e68301842f12512 100644
--- a/src/source-of-truth.dockerfile
+++ b/src/source-of-truth.dockerfile
@@ -10,7 +10,7 @@ run npx esbuild --bundle \
   framework/backend/entry-node.ts \
   --platform=node \
   --format=esm \
-  --define:globalThis.CLOVER_SERVER_ENTRY='"@/source-of-truth.ts"' \
+  --define:globalThis.CLOVER_SERVER_ENTRY='"#src/source-of-truth.ts"' \
   --minify \
   --sourcemap=linked \
   --entry-names=index \
diff --git a/src/source-of-truth.ts b/src/source-of-truth.ts
index 69a9eb84ba5d480ece36f44fa42c107f9ee97e8a..52fab2e2308562736d0ba5a0573535a99a40d424 100644
--- a/src/source-of-truth.ts
+++ b/src/source-of-truth.ts
@@ -104,13 +104,13 @@ const closeFile = util.promisify(fsCallbacks.close);
 const fstat = util.promisify(fsCallbacks.fstat);
 
 import { Hono } from "#hono";
-import { MediaFile, MediaFileKind } from "@/file-viewer/models/MediaFile.ts";
-import { FilePermissions } from "@/file-viewer/models/FilePermissions.ts";
+import { MediaFile, MediaFileKind } from "#src/file-viewer/models/MediaFile.ts";
+import { FilePermissions } from "#src/file-viewer/models/FilePermissions.ts";
 import * as path from "node:path";
 import * as fs from "#sitegen/fs";
 import * as fsCallbacks from "node:fs";
 import * as util from "node:util";
 import * as stream from "node:stream";
-import * as mime from "lib/mime.ts";
+import * as mime from "@clo/lib/mime.ts";
 import { derivedFileRoot, rawFileRoot } from "./file-viewer/paths.ts";
-import { ASSERT, UNWRAP } from "lib/assert.ts";
+import { ASSERT, UNWRAP } from "@clo/lib/assert.ts";
diff --git a/src/tags/clover-video.marko b/src/tags/clover-video.marko
index 09c27d9310e3527308a87afa6cad5292c9ad678c..7018e8ce824666f8834483427756d7a54bc6894a 100644
--- a/src/tags/clover-video.marko
+++ b/src/tags/clover-video.marko
@@ -69,5 +69,5 @@ export interface Input {
 
 client import "./clover-video.client.ts";
 
-import { MediaFile } from "@/file-viewer/models/MediaFile.ts";
-import { UNWRAP, ASSERT } from "lib/assert.ts";
+import { MediaFile } from "#src/file-viewer/models/MediaFile.ts";
+import { UNWRAP, ASSERT } from "@clo/lib/assert.ts";
diff --git a/src/tags/image.tsx b/src/tags/image.tsx
index 4b7aed6cef2ba063f2c4e4fa3def0f76d7d8c87d..31b7b1f24fa7df50ef7d6c3b62b916be0e5708c2 100644
--- a/src/tags/image.tsx
+++ b/src/tags/image.tsx
@@ -57,9 +57,9 @@ export default function Image(
   );
 }
 
-import * as transcodeRules from "@/file-viewer/transcode-rules.ts";
-import { MediaFile } from "@/file-viewer/models/MediaFile.ts";
-import { escapeUri } from "@/file-viewer/format.ts";
-import { UNWRAP } from "lib/assert.ts";
-import { extsVideo } from "@/file-viewer/rules.ts";
+import * as transcodeRules from "#src/file-viewer/transcode-rules.ts";
+import { MediaFile } from "#src/file-viewer/models/MediaFile.ts";
+import { escapeUri } from "#src/file-viewer/format.ts";
+import { UNWRAP } from "@clo/lib/assert.ts";
+import { extsVideo } from "#src/file-viewer/rules.ts";
 import CloverVideo from "./clover-video.marko";
diff --git a/src/tags/photo-grid.tsx b/src/tags/photo-grid.tsx
index 452137277a30ae42b246299880ae5439103fb8fe..4532da21046c2a3cac63d7c5633f4fd8f32c042e 100644
--- a/src/tags/photo-grid.tsx
+++ b/src/tags/photo-grid.tsx
@@ -136,7 +136,7 @@ function mapSize(size: string | number) {
 }
 
 import "./photo-grid.css";
-import { MediaFile } from "@/file-viewer/models/MediaFile.ts";
+import { MediaFile } from "#src/file-viewer/models/MediaFile.ts";
 import Image from "./image.tsx";
 import * as path from "node:path";
-import { ASSERT } from "lib/assert.ts";
+import { ASSERT } from "@clo/lib/assert.ts";
diff --git a/src/tags/questions-embed.marko b/src/tags/questions-embed.marko
index 49f8cb540aa26fc045a21a266133fa94e49f3397..280ad5a5033cf15dab1b261c715eae0088a3b545 100644
--- a/src/tags/questions-embed.marko
+++ b/src/tags/questions-embed.marko
@@ -12,5 +12,5 @@ export interface Input {
   </>
 </div>
 
-import QuestionRender from "@/q+a/tags/question.marko";
-import { Question } from "@/q+a/models/Question.ts";
+import QuestionRender from "#src/q+a/tags/question.marko";
+import { Question } from "#src/q+a/models/Question.ts";
diff --git a/tsconfig.json b/tsconfig.json
index b8b9b8e4dbd72d64e607702ccd4e1de11ce84fd5..7e507ff7cf07ff22d91286df2a65cc7a48f603e4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,11 +5,10 @@
     "incremental": true,
     "jsx": "react-jsxdev",
     "jsxImportSource": "#jsx",
-    "lib": ["esnext", "es2024", "dom", "dom.iterable"],
+    "@clo/lib": ["esnext", "es2024", "dom", "dom.iterable"],
     "module": "nodenext",
     "noEmit": true,
     "outDir": ".clover/ts",
-    "paths": { "@/*": ["src/*"] },
     "rootDir": ".",
     "skipLibCheck": true,
     "strict": true,
@@ -19,5 +18,5 @@
     "resolveJsonModule": true,
     "types": ["marko"]
   },
-  "include": ["lib/**/*", "src/**/*", "framework/**/*"]
+  "include": ["@clo/lib/**/*", "src/**/*", "framework/**/*"]
 }