@agimon-ai/doompi-template-elegant 0.0.1-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Vuong Ngo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,30 @@
+# DoomPi Elegant template
+
+An independently installable, chat-first web template. Conversations use a centered reading column. Navigation and activity open in accessible drawers, while session controls expand on demand. Plugin panels and settings keep the full available width.
+
+Append `@agimon-ai/doompi-template-elegant` to the existing `default.packages` list in `~/.pi/.doom/modes.yaml` or your repository's `.doom/modes.yaml`. Keep the other entries. A repository `default` replaces the personal list rather than merging individual packages.
+
+Packages can also live in a layer selected by a major mode. Refresh the composition with `doompi sync` after adding or removing packages.
+
+Open **Settings > Appearance > Template**, choose the configuration scope, select **Elegant**, and click **Set as default**. The equivalent configuration is:
+
+```yaml
+web:
+  template: doompi-template-elegant
+```
+
+Global defaults live in `~/.pi/.doom/config.yaml`. Workspace defaults live in `.doom/config.yaml` and override the global value. Clearing a workspace default restores inheritance.
+
+A template changes presentation, not the active tools, session runtime, or color theme. The host supplies navigation, header, notices, content, composer, session controls, and activity slots. Approval and security overlays stay outside the template.
+
+## Package contract
+
+The routed `template/*.web.ts` contributions are compiled by `@agimon-ai/doompi-build`. The generated Pi entry admits the package through normal `modes.yaml` resolution but registers no tools or minor modes. Browser code is emitted to `dist/extensions/web.mjs` and discovered through `doompiWeb` metadata.
+
+The layout implements `WebTemplateProps` and template contract version 1 from `@agimon-ai/doompi-core/web`. There is no dependency on the web client's private stores or router.
+
+## Development
+
+```sh
+pnpm exec nx run-many -t lint typecheck build test -p @agimon-ai/doompi-template-elegant --parallel=2
+```

package/dist/extensions/pi.cjs

@@ -0,0 +1,11 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region generated/pi.ts
+const extension = (0, require("@agimon-ai/doompi-core/piExtension").definePiExtension)("@agimon-ai/doompi-template-elegant", () => ({}));
+//#endregion
+exports.default = extension;
+exports.extension = extension;
+
+//# sourceMappingURL=pi.cjs.map

package/dist/extensions/pi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pi.cjs","names":["definePiExtension"],"sources":["../../generated/pi.ts"],"sourcesContent":["// Generated by @agimon-ai/doompi-build. Do not edit by hand.\nimport { definePiExtension } from '@agimon-ai/doompi-core/piExtension';\n\nexport const extension = definePiExtension('@agimon-ai/doompi-template-elegant', () => ({\n}));\n\nexport default extension;\n"],"mappings":";;;;;AAGA,MAAa,aAAA,+CAAYA,CAAAA,CAAAA,kBAAAA,CAAkB,6CAA6C,CACxF,EAAE"}

package/dist/extensions/pi.d.mts

@@ -0,0 +1,5 @@
+//#region generated/pi.d.ts
+export declare const extension: import("@agimon-ai/doompi-core/runtimePiExtension").DefinedPiExtension<undefined>;
+//#endregion
+export { extension as default };
+//# sourceMappingURL=pi.d.mts.map

package/dist/extensions/pi.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pi.d.mts","names":[],"sources":["../../generated/pi.ts"],"mappings":";qBAGa,+DAAS"}

package/dist/extensions/pi.mjs

@@ -0,0 +1,7 @@
+import { definePiExtension } from "@agimon-ai/doompi-core/piExtension";
+//#region generated/pi.ts
+const extension = definePiExtension("@agimon-ai/doompi-template-elegant", () => ({}));
+//#endregion
+export { extension as default, extension };
+
+//# sourceMappingURL=pi.mjs.map

package/dist/extensions/pi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pi.mjs","names":[],"sources":["../../generated/pi.ts"],"sourcesContent":["// Generated by @agimon-ai/doompi-build. Do not edit by hand.\nimport { definePiExtension } from '@agimon-ai/doompi-core/piExtension';\n\nexport const extension = definePiExtension('@agimon-ai/doompi-template-elegant', () => ({\n}));\n\nexport default extension;\n"],"mappings":";;AAGA,MAAa,YAAY,kBAAkB,6CAA6C,CACxF,EAAE"}

package/dist/extensions/web.mjs

@@ -0,0 +1,98 @@
+import { defineWebPlugin, defineWebTemplate } from "@agimon-ai/doompi-core/web";
+import { Drawer } from "@agimon-ai/doompi-web-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/extensions/(frontend)/template/_components/ElegantLayout.tsx
+/** A conversation-first frame, with the same host capabilities available on demand. */
+function ElegantLayout({ view, slots, navigationOpen, mobileActivityOpen, onNavigationOpenChange, onMobileActivityOpenChange }) {
+	const conversation = view === "conversation" || view === "welcome";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex h-full min-w-0 flex-col overflow-hidden bg-doom-bg",
+		children: [
+			/* @__PURE__ */ jsx(Drawer, {
+				open: navigationOpen,
+				onOpenChange: onNavigationOpenChange,
+				side: "left",
+				title: "Sessions",
+				"data-testid": "session-rail-panel",
+				backdropTestId: "mobile-drawer-backdrop",
+				children: slots.navigation
+			}),
+			slots.notices,
+			slots.header({
+				navigationToggle: "always",
+				activityToggle: "always"
+			}),
+			/* @__PURE__ */ jsx("main", {
+				className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden",
+				children: /* @__PURE__ */ jsxs("div", {
+					"data-testid": "template-content",
+					className: conversation ? "mx-auto flex min-h-0 w-full max-w-[960px] flex-1 flex-col overflow-hidden px-2 sm:px-6" : "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden",
+					children: [
+						slots.content,
+						slots.composer == null ? null : /* @__PURE__ */ jsx("div", {
+							className: "mx-2 mb-3 shrink-0 overflow-hidden rounded-lg border border-doom-border bg-doom-panel sm:mx-4 sm:mb-5",
+							children: slots.composer
+						}),
+						slots.controls == null ? null : /* @__PURE__ */ jsxs("details", {
+							className: "shrink-0 px-3 pb-3 text-sm text-doom-dim",
+							children: [/* @__PURE__ */ jsx("summary", {
+								"data-testid": "template-controls-toggle",
+								className: "cursor-pointer rounded-sm px-1 py-1 focus-visible:outline focus-visible:outline-doom-blue",
+								children: "Session controls"
+							}), slots.controls]
+						})
+					]
+				})
+			}),
+			slots.activity == null ? null : /* @__PURE__ */ jsx(Drawer, {
+				open: mobileActivityOpen,
+				onOpenChange: onMobileActivityOpenChange,
+				side: "right",
+				title: "Activity",
+				showHeader: false,
+				backdropTestId: "mobile-activity-backdrop",
+				className: "w-auto max-w-[calc(100vw-48px)]",
+				children: slots.activity
+			})
+		]
+	});
+}
+//#endregion
+//#region src/extensions/(frontend)/template/_lib/definition.ts
+const elegantTemplate = {
+	label: "Elegant",
+	description: "A focused conversation with collapsible navigation, session controls, and activity.",
+	contractVersion: 1,
+	layout: ElegantLayout
+};
+//#endregion
+//#region src/extensions/(frontend)/template/doompi-template-elegant.web.ts
+var doompi_template_elegant_web_default$2 = defineWebTemplate(elegantTemplate);
+//#endregion
+//#region src/extensions/workspaces/(frontend)/template/doompi-template-elegant.web.ts
+var doompi_template_elegant_web_default$1 = defineWebTemplate(elegantTemplate);
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/template/doompi-template-elegant.web.ts
+var doompi_template_elegant_web_default = defineWebTemplate(elegantTemplate);
+//#endregion
+//#region generated/web.ts
+const via = (identity, value) => ({
+	...identity,
+	...value
+});
+const webPlugin = defineWebPlugin({
+	id: "template-elegant",
+	global: { get templates() {
+		return [via({ id: "doompi-template-elegant" }, doompi_template_elegant_web_default$2)];
+	} },
+	workspace: { get templates() {
+		return [via({ id: "doompi-template-elegant" }, doompi_template_elegant_web_default$1)];
+	} },
+	session: { get templates() {
+		return [via({ id: "doompi-template-elegant" }, doompi_template_elegant_web_default)];
+	} }
+});
+//#endregion
+export { webPlugin };
+
+//# sourceMappingURL=web.mjs.map

package/dist/extensions/web.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.mjs","names":["templateDoompiTemplateElegant","templateDoompiTemplateElegant2","templateDoompiTemplateElegant3"],"sources":["../../src/extensions/(frontend)/template/_components/ElegantLayout.tsx","../../src/extensions/(frontend)/template/_lib/definition.ts","../../src/extensions/(frontend)/template/doompi-template-elegant.web.ts","../../src/extensions/workspaces/(frontend)/template/doompi-template-elegant.web.ts","../../src/extensions/workspaces/sessions/(frontend)/template/doompi-template-elegant.web.ts","../../generated/web.ts"],"sourcesContent":["import type { WebTemplateProps } from '@agimon-ai/doompi-core/web';\nimport { Drawer } from '@agimon-ai/doompi-web-components';\n\n/** A conversation-first frame, with the same host capabilities available on demand. */\nexport function ElegantLayout({\n  view,\n  slots,\n  navigationOpen,\n  mobileActivityOpen,\n  onNavigationOpenChange,\n  onMobileActivityOpenChange,\n}: WebTemplateProps) {\n  const conversation = view === 'conversation' || view === 'welcome';\n  return (\n    <div className=\"relative flex h-full min-w-0 flex-col overflow-hidden bg-doom-bg\">\n      <Drawer\n        open={navigationOpen}\n        onOpenChange={onNavigationOpenChange}\n        side=\"left\"\n        title=\"Sessions\"\n        data-testid=\"session-rail-panel\"\n        backdropTestId=\"mobile-drawer-backdrop\"\n      >\n        {slots.navigation}\n      </Drawer>\n      {slots.notices}\n      {slots.header({ navigationToggle: 'always', activityToggle: 'always' })}\n      <main className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden\">\n        <div\n          data-testid=\"template-content\"\n          className={\n            conversation\n              ? 'mx-auto flex min-h-0 w-full max-w-[960px] flex-1 flex-col overflow-hidden px-2 sm:px-6'\n              : 'flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden'\n          }\n        >\n          {slots.content}\n          {slots.composer == null ? null : (\n            <div className=\"mx-2 mb-3 shrink-0 overflow-hidden rounded-lg border border-doom-border bg-doom-panel sm:mx-4 sm:mb-5\">\n              {slots.composer}\n            </div>\n          )}\n          {slots.controls == null ? null : (\n            <details className=\"shrink-0 px-3 pb-3 text-sm text-doom-dim\">\n              <summary\n                data-testid=\"template-controls-toggle\"\n                className=\"cursor-pointer rounded-sm px-1 py-1 focus-visible:outline focus-visible:outline-doom-blue\"\n              >\n                Session controls\n              </summary>\n              {slots.controls}\n            </details>\n          )}\n        </div>\n      </main>\n      {slots.activity == null ? null : (\n        <Drawer\n          open={mobileActivityOpen}\n          onOpenChange={onMobileActivityOpenChange}\n          side=\"right\"\n          title=\"Activity\"\n          showHeader={false}\n          backdropTestId=\"mobile-activity-backdrop\"\n          className=\"w-auto max-w-[calc(100vw-48px)]\"\n        >\n          {slots.activity}\n        </Drawer>\n      )}\n    </div>\n  );\n}\n","import type { WebTemplateFile } from '@agimon-ai/doompi-core/web';\n\nimport { ElegantLayout } from '../_components/ElegantLayout';\n\nexport const elegantTemplate = {\n  label: 'Elegant',\n  description: 'A focused conversation with collapsible navigation, session controls, and activity.',\n  contractVersion: 1,\n  layout: ElegantLayout,\n} satisfies WebTemplateFile;\n","import { defineWebTemplate } from '@agimon-ai/doompi-core/web';\n\nimport { elegantTemplate } from './_lib/definition';\n\nexport default defineWebTemplate(elegantTemplate);\n","import { defineWebTemplate } from '@agimon-ai/doompi-core/web';\n\nimport { elegantTemplate } from '../../../(frontend)/template/_lib/definition';\n\nexport default defineWebTemplate(elegantTemplate);\n","import { defineWebTemplate } from '@agimon-ai/doompi-core/web';\n\nimport { elegantTemplate } from '../../../../(frontend)/template/_lib/definition';\n\nexport default defineWebTemplate(elegantTemplate);\n","// Generated by @agimon-ai/doompi-build. Do not edit by hand.\nimport { defineWebPlugin, type WebPluginContributions } from '@agimon-ai/doompi-core/web';\n\nimport templateDoompiTemplateElegant from '../src/extensions/(frontend)/template/doompi-template-elegant.web';\nimport templateDoompiTemplateElegant2 from '../src/extensions/workspaces/(frontend)/template/doompi-template-elegant.web';\nimport templateDoompiTemplateElegant3 from '../src/extensions/workspaces/sessions/(frontend)/template/doompi-template-elegant.web';\n\nconst via = <T>(identity: Record<string, unknown>, value: unknown): T => ({ ...identity, ...(value as object) }) as T;\n\nexport const webPlugin = defineWebPlugin({\n  id: 'template-elegant',\n  global: {\n    get templates(): WebPluginContributions['templates'] { return [via({ id: 'doompi-template-elegant' }, templateDoompiTemplateElegant)]; },\n  },\n  workspace: {\n    get templates(): WebPluginContributions['templates'] { return [via({ id: 'doompi-template-elegant' }, templateDoompiTemplateElegant2)]; },\n  },\n  session: {\n    get templates(): WebPluginContributions['templates'] { return [via({ id: 'doompi-template-elegant' }, templateDoompiTemplateElegant3)]; },\n  },\n});\n"],"mappings":";;;;;AAIA,SAAgB,cAAc,EAC5B,MACA,OACA,gBACA,oBACA,wBACA,8BACmB;CACnB,MAAM,eAAe,SAAS,kBAAkB,SAAS;CACzD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,oBAAC,QAAD;IACE,MAAM;IACN,cAAc;IACd,MAAK;IACL,OAAM;IACN,eAAY;IACZ,gBAAe;IAEd,UAAA,MAAM;GACD,CAAA;GACP,MAAM;GACN,MAAM,OAAO;IAAE,kBAAkB;IAAU,gBAAgB;GAAS,CAAC;GACtE,oBAAC,QAAD;IAAM,WAAU;IACd,UAAA,qBAAC,OAAD;KACE,eAAY;KACZ,WACE,eACI,2FACA;KALR,UAAA;MAQG,MAAM;MACN,MAAM,YAAY,OAAO,OACxB,oBAAC,OAAD;OAAK,WAAU;OACZ,UAAA,MAAM;MACJ,CAAA;MAEN,MAAM,YAAY,OAAO,OACxB,qBAAC,WAAD;OAAS,WAAU;OAAnB,UAAA,CACE,oBAAC,WAAD;QACE,eAAY;QACZ,WAAU;QACX,UAAA;OAEQ,CAAA,GACR,MAAM,QACA;;KAER;;GACD,CAAA;GACL,MAAM,YAAY,OAAO,OACxB,oBAAC,QAAD;IACE,MAAM;IACN,cAAc;IACd,MAAK;IACL,OAAM;IACN,YAAY;IACZ,gBAAe;IACf,WAAU;IAET,UAAA,MAAM;GACD,CAAA;EAEP;;AAET;;;AClEA,MAAa,kBAAkB;CAC7B,OAAO;CACP,aAAa;CACb,iBAAiB;CACjB,QAAQ;AACV;;;ACLA,IAAA,wCAAe,kBAAkB,eAAe;;;ACAhD,IAAA,wCAAe,kBAAkB,eAAe;;;ACAhD,IAAA,sCAAe,kBAAkB,eAAe;;;ACGhD,MAAM,OAAU,UAAmC,WAAuB;CAAE,GAAG;CAAU,GAAI;AAAiB;AAE9G,MAAa,YAAY,gBAAgB;CACvC,IAAI;CACJ,QAAQ,EACN,IAAI,YAAiD;EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,0BAA0B,GAAGA,qCAA6B,CAAC;CAAG,EACzI;CACA,WAAW,EACT,IAAI,YAAiD;EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,0BAA0B,GAAGC,qCAA8B,CAAC;CAAG,EAC1I;CACA,SAAS,EACP,IAAI,YAAiD;EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,0BAA0B,GAAGC,mCAA8B,CAAC;CAAG,EAC1I;AACF,CAAC"}

package/llms.txt

@@ -0,0 +1,5 @@
+# DoomPi Elegant Template
+
+A chat-first, independently installable web layout for the DoomPi client.
+
+- [Package guide](README.md): Installation through modes.yaml, scoped default configuration, and the template contribution contract.

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "@agimon-ai/doompi-template-elegant",
+  "version": "0.0.1-alpha.1",
+  "description": "Elegant chat-first template for the DoomPi web client.",
+  "keywords": [
+    "ai",
+    "coding-agent",
+    "developer-tools",
+    "doompi",
+    "pi-package",
+    "template",
+    "web"
+  ],
+  "bugs": {
+    "url": "https://github.com/AgiFlow/doompi/issues"
+  },
+  "license": "MIT",
+  "author": "Vuong Ngo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AgiFlow/doompi.git",
+    "directory": "layers/template/doompi-template-elegant"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "llms.txt"
+  ],
+  "type": "module",
+  "main": "./dist/extensions/pi.cjs",
+  "module": "./dist/extensions/pi.mjs",
+  "types": "./dist/extensions/pi.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/extensions/pi.d.mts",
+      "import": "./dist/extensions/pi.mjs",
+      "require": "./dist/extensions/pi.cjs"
+    },
+    "./extensions/pi": {
+      "types": "./dist/extensions/pi.d.mts",
+      "import": "./dist/extensions/pi.mjs",
+      "require": "./dist/extensions/pi.cjs"
+    },
+    "./extensions/web": {
+      "import": "./dist/extensions/web.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@agimon-ai/doompi-core": "0.0.1-alpha.81",
+    "@agimon-ai/doompi-web-components": "0.0.1-alpha.39"
+  },
+  "devDependencies": {
+    "@agimon-ai/doompi-build": "0.0.1-alpha.10",
+    "@agimon-ai/vibe-lint-plugin-doom-extension": "0.0.1-alpha.76",
+    "@earendil-works/pi-coding-agent": "0.87.1",
+    "@types/node": "26.6.1",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "tsdown": "0.23.0",
+    "typescript": "7.0.2",
+    "vitest": "5.0.1"
+  },
+  "peerDependencies": {
+    "@earendil-works/pi-coding-agent": "0.87.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@earendil-works/pi-coding-agent": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=22.19.0"
+  },
+  "doompiWeb": {
+    "pluginId": "template-elegant",
+    "channels": [],
+    "client": "./dist/extensions/web.mjs",
+    "scopes": [
+      "global",
+      "workspace",
+      "session"
+    ]
+  },
+  "pi": {
+    "extensions": [
+      "./dist/extensions/pi.mjs"
+    ]
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest --run",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.web.json",
+    "lint": "oxlint . && oxfmt . --check",
+    "fixcode": "oxlint . --fix && oxfmt ."
+  }
+}