mosage 0.2.0 → 0.8.0

package/dist/{cli.js → init-Bbtj2pxF.js}

@@ -1,15 +1,13 @@
-#!/usr/bin/env node
+import { n as packageRoot, r as readCoreVersion, t as syncSkills } from "./cli/bin.js";
 import chalk from "chalk";
-import { cp, mkdir, readFile, readdir, rm, symlink, writeFile } from "node:fs/promises";
 import { basename, dirname, join, resolve } from "node:path";
-import { fileURLToPath } from "node:url";
-import { Command } from "commander";
-import prompts from "prompts";
-import { spawn } from "node:child_process";
 import { existsSync } from "node:fs";
-//#region src/git.ts
+import { cp, mkdir, readFile, readdir, rm, symlink, writeFile } from "node:fs/promises";
+import { spawn } from "node:child_process";
+import prompts from "prompts";
+//#region src/cli/git.ts
 const IS_WINDOWS$1 = process.platform === "win32";
-async function run$1(cmd, args, cwd) {
+async function run(cmd, args, cwd) {
 	return new Promise((resolve, reject) => {
 		const child = spawn(cmd, args, {
 			cwd,
@@ -38,14 +36,14 @@ async function run$1(cmd, args, cwd) {
 }
 async function isGitAvailable() {
 	try {
-		return (await run$1("git", ["--version"], process.cwd())).code === 0;
+		return (await run("git", ["--version"], process.cwd())).code === 0;
 	} catch {
 		return false;
 	}
 }
 async function isInsideWorkTree(cwd) {
 	try {
-		const res = await run$1("git", ["rev-parse", "--is-inside-work-tree"], cwd);
+		const res = await run("git", ["rev-parse", "--is-inside-work-tree"], cwd);
 		return res.code === 0 && res.stdout.trim() === "true";
 	} catch {
 		return false;
@@ -69,7 +67,7 @@ async function gitInitAndCommit(target) {
 			"chore: init MoSage project"
 		], "git commit"]
 	]) {
-		const res = await run$1("git", [...args], target);
+		const res = await run("git", [...args], target);
 		if (res.code !== 0) return {
 			status: "failed",
 			message: `${label} failed: ${res.stderr.trim() || res.stdout.trim()}`
@@ -78,9 +76,22 @@ async function gitInitAndCommit(target) {
 	return { status: "committed" };
 }
 //#endregion
-//#region src/init.ts
-const HERE = dirname(fileURLToPath(import.meta.url));
-const TEMPLATE_DIR = resolve(HERE, "..", "template");
+//#region src/cli/package-manager.ts
+const PACKAGE_MANAGERS = [
+	"npm",
+	"pnpm",
+	"yarn",
+	"bun"
+];
+function detectPackageManager() {
+	const ua = process.env.npm_config_user_agent ?? "";
+	if (ua.startsWith("pnpm")) return "pnpm";
+	if (ua.startsWith("yarn")) return "yarn";
+	if (ua.startsWith("bun")) return "bun";
+	return "npm";
+}
+//#endregion
+//#region src/cli/init.ts
 const IS_WINDOWS = process.platform === "win32";
 function sanitizeDirName(value) {
 	const trimmed = value.trim();
@@ -93,9 +104,6 @@ async function isDirNonEmpty(target) {
 	if (!existsSync(target)) return false;
 	return (await readdir(target)).some((e) => !e.startsWith("."));
 }
-function coreVersionRange() {
-	return `^0.7.0`;
-}
 async function linkOrCopy(relSrc, dst) {
 	await rm(dst, {
 		recursive: true,
@@ -107,17 +115,9 @@ async function linkOrCopy(relSrc, dst) {
 	}
 	await symlink(relSrc, dst);
 }
-async function materializeTemplateLinks(target) {
+async function linkClaudeMd(target) {
 	const claudeMd = join(target, "CLAUDE.md");
 	if (!existsSync(claudeMd) && existsSync(join(target, "AGENTS.md"))) await linkOrCopy("AGENTS.md", claudeMd);
-	const agentsSkills = join(target, ".agents", "skills");
-	if (!existsSync(agentsSkills)) return;
-	const claudeSkills = join(target, ".claude", "skills");
-	await mkdir(claudeSkills, { recursive: true });
-	for (const entry of await readdir(agentsSkills, { withFileTypes: true })) {
-		if (!entry.isDirectory()) continue;
-		await linkOrCopy(join("..", "..", ".agents", "skills", entry.name), join(claudeSkills, entry.name));
-	}
 }
 async function runInstall(pm, cwd) {
 	await new Promise((res, rej) => {
@@ -132,19 +132,22 @@ async function runInstall(pm, cwd) {
 }
 async function init(opts) {
 	const { dir, force, name, packageManager, install, git } = opts;
-	if (!existsSync(TEMPLATE_DIR)) throw new Error(`Template missing at ${TEMPLATE_DIR}. If you are running from source, run \`pnpm --filter mosage build\` first.`);
+	const root = packageRoot();
+	const templateDir = root ? join(root, "template") : "";
+	if (!root || !existsSync(templateDir)) throw new Error("Project template not found — reinstall mosage.");
 	const target = resolve(process.cwd(), dir);
 	await mkdir(target, { recursive: true });
 	if (await isDirNonEmpty(target) && !force) throw new Error(`Target ${target} is not empty. Pass --force to scaffold into it anyway.`);
-	await cp(TEMPLATE_DIR, target, { recursive: true });
-	await materializeTemplateLinks(target);
+	await cp(templateDir, target, { recursive: true });
+	await linkClaudeMd(target);
+	await syncSkills(join(root, "skills"), { quiet: true }, target);
 	const pkgPath = join(target, "package.json");
 	if (existsSync(pkgPath)) {
 		const pkg = JSON.parse(await readFile(pkgPath, "utf8"));
 		pkg.name = name ?? basename(target);
 		pkg.version = "0.0.0";
 		pkg.private = true;
-		if (pkg.dependencies?.["mosage-core"]) pkg.dependencies["mosage-core"] = coreVersionRange();
+		if (pkg.dependencies?.mosage) pkg.dependencies.mosage = `^${await readCoreVersion()}`;
 		await writeFile(pkgPath, `${JSON.stringify(pkg, null, 2)}\n`);
 	}
 	await writeFile(join(target, ".gitignore"), "node_modules\ndist\n.DS_Store\n");
@@ -181,27 +184,6 @@ async function init(opts) {
 	const devCommand = packageManager === "npm" ? "npm run dev" : `${packageManager} dev`;
 	process.stdout.write(`  ${chalk.cyan(devCommand)}\n`);
 }
-//#endregion
-//#region src/package-manager.ts
-const PACKAGE_MANAGERS = [
-	"npm",
-	"pnpm",
-	"yarn",
-	"bun"
-];
-function detectPackageManager() {
-	const ua = process.env.npm_config_user_agent ?? "";
-	if (ua.startsWith("pnpm")) return "pnpm";
-	if (ua.startsWith("yarn")) return "yarn";
-	if (ua.startsWith("bun")) return "bun";
-	return "npm";
-}
-//#endregion
-//#region src/index.ts
-async function readVersion() {
-	const here = dirname(fileURLToPath(import.meta.url));
-	return JSON.parse(await readFile(join(here, "..", "package.json"), "utf8")).version;
-}
 function onCancel() {
 	process.stdout.write(chalk.dim("\nCancelled.\n"));
 	process.exit(130);
@@ -276,21 +258,5 @@ async function runInit(dirArg, flags) {
 		git: flags.git !== false
 	});
 }
-async function run(argv) {
-	const version = await readVersion();
-	const program = new Command();
-	program.name("mosage").description("Scaffold and manage MoSage workspaces.").version(version, "-v, --version", "print version").helpOption("-h, --help", "show help").showHelpAfterError(chalk.dim("(run `mosage --help` for usage)"));
-	program.command("init").description("Create a new MoSage workspace").argument("[dir]", "target directory", void 0).option("-f, --force", "overwrite non-empty target directory", false).option("-n, --name <name>", "override package name (defaults to folder name)").option("--use-npm", "use npm to install dependencies").option("--use-pnpm", "use pnpm to install dependencies").option("--use-yarn", "use yarn to install dependencies").option("--use-bun", "use bun to install dependencies").option("--no-install", "skip dependency installation").option("--no-git", "skip git init and initial commit").action(async (dir, flags) => {
-		await runInit(dir, flags);
-	});
-	await program.parseAsync(argv, { from: "user" });
-}
-//#endregion
-//#region src/cli.ts
-run(process.argv.slice(2)).catch((err) => {
-	const message = err instanceof Error ? err.message : String(err);
-	process.stderr.write(`${chalk.red("error:")} ${message}\n`);
-	process.exit(1);
-});
 //#endregion
-export {};
+export { runInit };

package/dist/preview-CLm51aRt.js

@@ -0,0 +1,19 @@
+import { t as createViteConfig } from "./config-DPm1BBAb.js";
+import { mergeConfig, preview as preview$1 } from "vite";
+//#region src/cli/preview.ts
+async function preview(opts = {}) {
+	const base = await createViteConfig({
+		userCwd: process.cwd(),
+		mode: "build"
+	});
+	const config = mergeConfig(base, { preview: {
+		...opts.port !== void 0 ? { port: opts.port } : {},
+		...opts.host !== void 0 ? { host: opts.host } : {},
+		...opts.open !== void 0 ? { open: opts.open } : {}
+	} });
+	const server = await preview$1(config);
+	server.printUrls();
+	server.bindCLIShortcuts({ print: true });
+}
+//#endregion
+export { preview };

package/dist/sdk-DjpX6mCv.js

@@ -0,0 +1,51 @@
+//#region src/app/lib/sdk.ts
+/** The only sheets a document may be laid out on. */
+const PAGE_SIZE_NAMES = [
+	"A4",
+	"B4",
+	"A3"
+];
+const ORIENTATIONS = ["portrait", "landscape"];
+/**
+* Portrait dimensions in CSS pixels at 96dpi — the unit authors write in —
+* paired with the physical millimetres used when printing. Keeping both means a
+* page laid out at 794×1123 on screen maps to a real A4 sheet with no rescaling.
+*/
+const PAGE_SIZES = {
+	A4: {
+		width: 794,
+		height: 1123,
+		mm: [210, 297]
+	},
+	B4: {
+		width: 971,
+		height: 1376,
+		mm: [257, 364]
+	},
+	A3: {
+		width: 1123,
+		height: 1587,
+		mm: [297, 420]
+	}
+};
+const DEFAULT_PAGE_SIZE = "A4";
+const DEFAULT_ORIENTATION = "portrait";
+function isPageSizeName(value) {
+	return typeof value === "string" && value in PAGE_SIZES;
+}
+function isOrientation(value) {
+	return value === "portrait" || value === "landscape";
+}
+function resolvePageGeometry(meta) {
+	const size = PAGE_SIZES[meta?.pageSize ?? "A4"] ?? PAGE_SIZES["A4"];
+	const landscape = meta?.orientation === "landscape";
+	const [across, down] = landscape ? [size.mm[1], size.mm[0]] : size.mm;
+	return {
+		width: landscape ? size.height : size.width,
+		height: landscape ? size.width : size.height,
+		mm: [across, down],
+		css: `${across}mm ${down}mm`
+	};
+}
+//#endregion
+export { PAGE_SIZE_NAMES as a, resolvePageGeometry as c, PAGE_SIZES as i, DEFAULT_PAGE_SIZE as n, isOrientation as o, ORIENTATIONS as r, isPageSizeName as s, DEFAULT_ORIENTATION as t };

package/dist/vite/index.d.ts

@@ -0,0 +1,25 @@
+import { n as MoSageConfig } from "../config-TlTe7Ona.js";
+import { InlineConfig, Plugin } from "vite";
+//#region src/vite/mosage-plugin.d.ts
+type MoSagePluginOptions = {
+  userCwd: string;
+  config: MoSageConfig;
+  coreVersion: string;
+};
+declare function mosagePlugin(opts: MoSagePluginOptions): Plugin;
+//#endregion
+//#region src/vite/config.d.ts
+type CreateViteConfigOptions = {
+  userCwd: string;
+  config?: MoSageConfig;
+  mode?: 'serve' | 'build';
+  /**
+   * Drive the app from a headless browser rather than a person. Leaves out the
+   * plugins that exist to serve a reader — chiefly the one publishing the
+   * reading position, which an export would otherwise overwrite.
+   */
+  headless?: boolean;
+};
+declare function createViteConfig(opts: CreateViteConfigOptions): Promise<InlineConfig>;
+//#endregion
+export { createViteConfig, mosagePlugin };

package/dist/vite/index.js

@@ -0,0 +1,2 @@
+import { t as createViteConfig, u as mosagePlugin } from "../config-DPm1BBAb.js";
+export { createViteConfig, mosagePlugin };

package/env.d.ts

@@ -0,0 +1,83 @@
+// Ambient module declarations for assets imported from `docs/<id>/assets/`
+// and for the data files the framework parses at build time.
+// Mirrors Vite's default asset handling (default export = resolved URL).
+//
+// Consumers opt in via tsconfig:
+//
+//   { "compilerOptions": { "types": ["mosage/env"] } }
+
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+declare module '*.woff' {
+  const src: string;
+  export default src;
+}
+declare module '*.woff2' {
+  const src: string;
+  export default src;
+}
+declare module '*.ttf' {
+  const src: string;
+  export default src;
+}
+declare module '*.otf' {
+  const src: string;
+  export default src;
+}
+
+// Parsed by the `mosage:data` Vite plugin — the default export is the rows.
+declare module '*.csv' {
+  type CellValue = string | number | null;
+  export const columns: string[];
+  export const rows: Array<Record<string, CellValue>>;
+  export default rows;
+}
+declare module '*.tsv' {
+  type CellValue = string | number | null;
+  export const columns: string[];
+  export const rows: Array<Record<string, CellValue>>;
+  export default rows;
+}
+
+// Compiled by the `mosage:diagram` Vite plugin — the default export is the
+// themed SVG and its natural size, ready for `<Diagram chart={…} />`.
+declare module '*.mmd' {
+  export const svg: string;
+  export const width: number;
+  export const height: number;
+  const chart: { svg: string; width: number; height: number };
+  export default chart;
+}
+declare module '*.mermaid' {
+  export const svg: string;
+  export const width: number;
+  export const height: number;
+  const chart: { svg: string; width: number; height: number };
+  export default chart;
+}

package/package.json

@@ -1,25 +1,46 @@
 {
   "name": "mosage",
-  "version": "0.2.0",
-  "description": "Scaffold a MoSage workspace with agent skills preconfigured.",
+  "version": "0.8.0",
+  "description": "Write documents with your coding agent — MoSage scaffolds the workspace and handles the pages, print layout, and export (PDF, HTML, Word).",
   "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite/index.d.ts",
+      "import": "./dist/vite/index.js"
+    },
+    "./env": {
+      "types": "./env.d.ts"
+    }
+  },
   "bin": {
-    "mosage": "dist/cli.js"
+    "mosage": "./bin.js"
   },
   "files": [
+    "bin.js",
     "dist",
+    "env.d.ts",
+    "src/app",
+    "skills",
     "template",
-    "README.md",
-    "README.zh-TW.md"
+    "README.md"
   ],
   "engines": {
     "node": ">=18"
   },
   "keywords": [
+    "agent",
     "document",
-    "report",
+    "docx",
     "pdf",
-    "scaffold"
+    "react",
+    "report",
+    "scaffold",
+    "vite",
+    "word"
   ],
   "license": "MIT",
   "author": {
@@ -30,7 +51,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nickchen1998/MoSage.git",
-    "directory": "packages/cli"
+    "directory": "packages/core"
   },
   "bugs": {
     "url": "https://github.com/nickchen1998/MoSage/issues"
@@ -39,15 +60,41 @@
     "access": "public"
   },
   "dependencies": {
+    "@babel/parser": "^8.0.4",
+    "@tailwindcss/vite": "^4.3.3",
+    "@vitejs/plugin-react": "^6.0.5",
     "chalk": "^6.0.0",
+    "clsx": "^2.1.1",
     "commander": "^15.0.0",
+    "fast-glob": "^3.3.2",
+    "fflate": "^0.8.3",
+    "lucide-react": "^1.25.0",
+    "next-themes": "^0.4.6",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^7.18.1",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.2",
+    "vite": "^8.2.1",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
+    "@playwright/test": "~1.56.1",
     "@types/node": "^22.19.17",
-    "@types/prompts": "^2.4.9",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "playwright": "~1.56.1",
     "tsdown": "^0.22.14",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "@types/prompts": "^2.4.9"
+  },
+  "peerDependencies": {
+    "playwright": "*"
+  },
+  "peerDependenciesMeta": {
+    "playwright": {
+      "optional": true
+    }
   },
   "contributors": [
     {
@@ -56,8 +103,8 @@
     }
   ],
   "scripts": {
-    "build": "node scripts/sync-template-skills.mjs && tsdown",
+    "build": "tsdown",
     "typecheck": "tsc --noEmit",
-    "sync:template-skills": "node scripts/sync-template-skills.mjs"
+    "test:e2e": "pnpm run build && playwright test"
   }
 }

package/{template/.agents/skills → skills}/create-doc/SKILL.md

@@ -89,7 +89,7 @@ While writing:
 
 ## Step 7 — Self-review
 
-**Run `mosage check <id>` first.** You cannot see the sheets you produced; it renders them at true page size and reports clipped content, blank pages, stranded headings, and unreadable type, each with a source location. Fix every error before moving on. (Driving the MCP server instead? `check_layout`, and `render_page` when you need to look at a sheet.)
+**Run `mosage check <id>` first.** You cannot see the sheets you produced; it renders them at true page size and reports clipped content, blank pages, stranded headings, and unreadable type, each with a source location. Fix every error before moving on.
 
 Then run the checklist in `doc-authoring` ("Self-review before finishing"), and re-read the prose once as a reader: does the summary state the conclusion? Does every claim have a source?
 

package/{template/.agents/skills → skills}/create-theme/SKILL.md

@@ -145,7 +145,7 @@ Include a callout and a stat component when the theme calls for them.
 A normal document module — **two pages**: a cover and one content page that exercises the theme's headings, body copy, a table, and the running footer.
 
 ```tsx
-import { type DesignSystem, type DocPage, useDocPageCount, useDocPageNumber } from 'mosage-core';
+import { type DesignSystem, type DocPage, useDocPageCount, useDocPageNumber } from 'mosage';
 
 export const design: DesignSystem = { /* the same const as in the .md */ };
 

package/{template/.agents/skills → skills}/doc-authoring/SKILL.md

@@ -34,14 +34,14 @@ Themes are produced by the `create-theme` skill and are pure documentation: copy
 - Put the document under `docs/<kebab-case-id>/`.
 - Entry is `docs/<id>/index.tsx`. Images/fonts go under `docs/<id>/assets/`.
 - Do **not** touch `package.json`, `mosage.config.ts`, or other documents.
-- Do not add dependencies. Only `react`, `mosage-core`, and standard web APIs are available.
+- Do not add dependencies. Only `react`, `mosage`, and standard web APIs are available.
 - A document is **one `index.tsx` plus `assets/`** — nothing else. Helper components and constants live inside `index.tsx`; no sibling `.tsx` files, no `README.md`.
 
 ## File contract
 
 ```tsx
 // docs/<id>/index.tsx
-import type { DocMeta, DocPage } from 'mosage-core';
+import type { DocMeta, DocPage } from 'mosage';
 
 const Cover: DocPage = () => <div>…</div>;
 const Body: DocPage = () => <div>…</div>;
@@ -65,7 +65,7 @@ export default [Cover, Body] satisfies DocPage[];
 ## Two ways to fill pages
 
 ```tsx
-import { flow, type DocEntry } from 'mosage-core';
+import { flow, type DocEntry } from 'mosage';
 
 const Body = flow(
   <>
@@ -172,7 +172,7 @@ flowchart TD
 ```
 
 ```tsx
-import { Diagram } from 'mosage-core';
+import { Diagram } from 'mosage';
 import architecture from './architecture.mmd';
 
 <Diagram chart={architecture} caption="請求路徑" width={420} />
@@ -194,7 +194,7 @@ fault, and `mosage check` reports it as one.
 ## Table of contents
 
 ```tsx
-import { TableOfContents } from 'mosage-core';
+import { TableOfContents } from 'mosage';
 
 const Contents: DocPage = () => (
   <div style={page}>
@@ -209,7 +209,7 @@ Page numbers come from the scan, so they are always correct — **never hand-wri
 ## Page numbers, headers, footers
 
 ```tsx
-import { useDocPageCount, useDocPageNumber } from 'mosage-core';
+import { useDocPageCount, useDocPageNumber } from 'mosage';
 
 const Footer = () => {
   const page = useDocPageNumber();
@@ -230,7 +230,7 @@ const Footer = () => {
 ## Starter template
 
 ```tsx
-import { type DesignSystem, type DocMeta, type DocPage, useDocPageCount, useDocPageNumber } from 'mosage-core';
+import { type DesignSystem, type DocMeta, type DocPage, useDocPageCount, useDocPageNumber } from 'mosage';
 
 export const design: DesignSystem = {
   palette: {
@@ -394,8 +394,7 @@ mosage check <id>     # every document if you omit the id; exits non-zero on err
 It renders each sheet at true page size and reports what a reader would call a
 mistake — content clipped by the page edge, a blank sheet, a heading stranded at
 the foot of a page, type too small to print, an image that never loaded — each
-with the `line:column` in your source. Agents driving the MCP server call
-`check_layout` for the same report, and `render_page` for a PNG of one sheet.
+with the `line:column` in your source.
 
 **Run it after writing a document and after any edit that changes how much text
 is on a page.** The checklist below is what you reason about; `check` is what

package/{template/.agents/skills → skills}/doc-authoring/references/assets.md

@@ -30,7 +30,7 @@ Rules:
 When a page needs a real image **the user has to provide** — a chart from their data, a product screenshot, a signed diagram — leave a typed placeholder instead of inventing a stand-in:
 
 ```tsx
-import { ImagePlaceholder } from 'mosage-core';
+import { ImagePlaceholder } from 'mosage';
 
 <ImagePlaceholder hint="Revenue by segment, Q1–Q3 2026 — export from the finance dashboard" height={200} />
 ```

package/{template/.agents/skills → skills}/doc-authoring/references/design-system.md

@@ -5,7 +5,7 @@ Every document declares typed design tokens at the top of `index.tsx` and consum
 ## The shape
 
 ```tsx
-import type { DesignSystem } from 'mosage-core';
+import type { DesignSystem } from 'mosage';
 
 export const design: DesignSystem = {
   palette: {

package/{template/.agents/skills → skills}/doc-authoring/references/long-form.md

@@ -12,7 +12,7 @@ before serializing, so a PDF never contains a blank number.
 ## Footnotes
 
 ```tsx
-import { Footnote } from 'mosage-core';
+import { Footnote } from 'mosage';
 
 <p style={p}>
   Spend grew 8% quarter over quarter
@@ -48,7 +48,7 @@ inline instead of at the foot of the page.
 ## Figures and tables
 
 ```tsx
-import { Figure } from 'mosage-core';
+import { Figure } from 'mosage';
 
 <Figure id="topology" caption="Service topology, Q3 2026">
   <img src={diagram} alt="Service topology" style={{ width: '100%', display: 'block' }} />
@@ -67,7 +67,7 @@ import { Figure } from 'mosage-core';
 ## Cross-references
 
 ```tsx
-import { Ref } from 'mosage-core';
+import { Ref } from 'mosage';
 
 <p style={p}>The shape in <Ref to="topology" /> is what the table hides.</p>
 ```
@@ -97,7 +97,7 @@ export const meta: DocMeta = {
 ## Data
 
 ```tsx
-import { DataTable } from 'mosage-core';
+import { DataTable } from 'mosage';
 import services from './data/services.csv';
 
 <DataTable

package/{template/.agents/skills → skills}/doc-authoring/references/pagination.md

@@ -12,7 +12,7 @@ A document's default export is a list of **entries**. There are two kinds, and t
 ## Flow sections
 
 ```tsx
-import { flow, type DocEntry } from 'mosage-core';
+import { flow, type DocEntry } from 'mosage';
 
 const Body = flow(
   <>