@owlmeans/create-app 0.1.18-rc.26 → 0.1.18-rc.27

package/README.md

@@ -9,7 +9,7 @@ bun create @owlmeans/app my-app
 # or
 yarn create @owlmeans/app my-app
 # or
-npx @owlmeans/create-app@^0.1.18-rc.14 my-app
+npx @owlmeans/create-app@^0.1.18-rc.27 my-app
 ```
 
 ## What it generates
@@ -23,7 +23,7 @@ my-app/
 ├── .agents/skills/<name>/SKILL.md  # deployed agent skills
 ├── .agents/memory/MEMORY.md        # shared agent memory index
 ├── sources/
-│   ├── common/   # shared entrypoints (routes), schemas and types
+│   ├── common/   # shared protocol declarations (routes), schemas and types
 │   ├── api/      # @owlmeans/server-app backend; session data in an in-memory static resource
 │   └── web/      # @owlmeans/web-panel + shadcn UI: navigation, layout and screens
 ```
@@ -65,7 +65,7 @@ is present even with `--no-install`.
 `--bare` keeps the three workspaces, the config/context/entrypoint wiring, the layout, the nav
 skeleton and one Home screen, and drops every piece of example code — the `SessionItem` types and
 schemas, the api's `app/session/**` handlers and its static resource, the About and Session screens.
-`sources/common/src/entrypoints.ts` exports an immutable `appEntrypoints` tree with an empty `api`
+`sources/common/src/entrypoints.ts` exports an immutable `appProtocols` tree with an empty `api`
 branch and the web routes. The API and web bind those branches locally, so the first feature adds a
 declaration to the tree, then a handler and a screen binding.
 

package/build/args.js

@@ -5,7 +5,7 @@ Usage:
   npm create @owlmeans/app@latest <dir> [options]
   bun create @owlmeans/app <dir> [options]
   yarn create @owlmeans/app <dir> [options]
-  npx @owlmeans/create-app@^0.1.18-rc.14 <dir> [options]
+  npx @owlmeans/create-app@^0.1.18-rc.27 <dir> [options]
 
 Generates three workspaces (common + api + web) with shadcn UI navigation and
 layout, no authentication, and a session-scoped in-memory resource on the

package/build/run.js

@@ -50,7 +50,7 @@ export const run = async (args) => {
         log(args.install
             ? '\nDeploying agent skills via @owlmeans/agent-skills…'
             : '\nDeploying harness guidance via @owlmeans/agent-skills (general skills only — re-run'
-                + '\n`npx @owlmeans/agent-skills@^0.1.18-rc.12` after installing to add the package-specific ones)…');
+                + '\n`npx @owlmeans/agent-skills@^0.1.18-rc.21` after installing to add the package-specific ones)…');
         try {
             const result = await installSkills({
                 dir: dest,
@@ -62,7 +62,7 @@ export const run = async (args) => {
                 help: false,
             });
             if (result.code !== 0) {
-                process.stderr.write(`  agent-skills exited with code ${result.code} — you can re-run \`npx @owlmeans/agent-skills@^0.1.18-rc.12\` later.\n`);
+                process.stderr.write(`  agent-skills exited with code ${result.code} — you can re-run \`npx @owlmeans/agent-skills@^0.1.18-rc.21\` later.\n`);
             }
         }
         catch (err) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owlmeans/create-app",
-  "version": "0.1.18-rc.26",
+  "version": "0.1.18-rc.27",
   "license": "MIT",
   "description": "Scaffold a fullstack OwlMeans Common app — common + api + web workspaces, shadcn UI navigation/layout, no auth, and a session-scoped in-memory resource, or --bare for the demo-free shell. Also usable programmatically via scaffold(). Deploys agent skills via @owlmeans/agent-skills by default.",
   "type": "module",
@@ -30,7 +30,7 @@
     "template"
   ],
   "dependencies": {
-    "@owlmeans/agent-skills": "^0.1.18-rc.20"
+    "@owlmeans/agent-skills": "^0.1.18-rc.21"
   },
   "devDependencies": {
     "@owlmeans/dep-config": "workspace:*",

package/template/AGENTS.md

@@ -94,7 +94,7 @@ from the installed `@owlmeans/*` packages. Agents load a skill by topic, or you
 explicitly. Copilot and Codex read `.agents/skills/` directly; Claude Code reads the generated
 symlinks in `.claude/skills/` (see `CLAUDE.md`).
 
-- After adding or updating any `@owlmeans/*` dependency, run `npx @owlmeans/agent-skills@^0.1.18-rc.11` to refresh
+- After adding or updating any `@owlmeans/*` dependency, run `npx @owlmeans/agent-skills@^0.1.18-rc.21` to refresh
   the deployed skills.
 - Deployed files carry an `AUTO-GENERATED` banner and are refreshed in place — never hand-edit them.
 - To capture your own guidance, see the `skill-authoring` skill; to turn repeatedly-used memory into

package/template/README.bare.md

@@ -53,5 +53,5 @@ them; write your own guidance as separate, un-bannered files. Refresh after addi
 `@owlmeans/*` packages:
 
 ```sh
-npx @owlmeans/agent-skills@^0.1.18-rc.11
+npx @owlmeans/agent-skills@^0.1.18-rc.21
 ```

package/template/_agents/skills/getting-started/SKILL.md

@@ -13,7 +13,7 @@ runtime. The declaration is never modified by a server or browser.
 
 ```ts
 // common/src/entrypoints.ts
-export const sessionEntrypoints = {
+export const sessionProtocols = {
   list: protocol(
     route(session.list, '/session', backend()),
     contract.request({ query: typed<SessionQuery>(SessionQuerySchema) }, typed<Session[]>())
@@ -24,20 +24,20 @@ export const sessionEntrypoints = {
 ```ts
 // api/src/entrypoints.ts
 const api = handlers<Context>()
-export const appEntrypoints = [
+export const serverBindings = [
   ...frameworkEntrypoints,
-  bind(sessionEntrypoints.list, api.request(sessionEntrypoints.list, listSessions)),
+  bind(sessionProtocols.list, api.request(sessionProtocols.list, listSessions)),
 ]
 ```
 
 ```ts
 // web/src/entrypoints.ts
-export const appEntrypoints = [
+export const clientBindings = [
   ...frameworkEntrypoints,
-  ...bindAll(sessionEntrypoints),
+  ...bindAll(sessionProtocols),
 ]
 
-const sessions = await context.entrypoint(sessionEntrypoints.list).call({ query: { sid } })
+const sessions = await context.entrypoint(sessionProtocols.list).call({ query: { sid } })
 ```
 
 Use `schema<T>(...)` or `typed<T>(...)` at the contract boundary. Bind all route parents with their

package/template/_agents/skills/reuse-code/SKILL.md

@@ -47,7 +47,7 @@ How you research the repo depends on whether `@owlmeans/*` is linked locally:
   **https://github.com/owlmeans/common** — `tree.md` and package READMEs — to find the right package.
 
 This is the same dev-linked detection `@owlmeans/agent-skills` uses (see its `detectLinked`). After
-adding an `@owlmeans/*` dependency, run `npx @owlmeans/agent-skills@^0.1.18-rc.12` to deploy its
+adding an `@owlmeans/*` dependency, run `npx @owlmeans/agent-skills@^0.1.18-rc.21` to deploy its
 skill. Prefer an `@owlmeans/*` package over a third-party library or bespoke code whenever one fits.
 
 ### Never add an OwlMeans dependency without an explicit range
@@ -57,7 +57,7 @@ other `@owlmeans/*` packages:
 
 ```json
 "dependencies": {
-  "@owlmeans/queue": "^0.1.18-rc.17"
+  "@owlmeans/queue": "^0.1.18-rc.18"
 }
 ```
 

package/template/sources/api/package.json

@@ -11,8 +11,8 @@
     "typecheck": "tsc -b"
   },
   "dependencies": {
-    "@owlmeans/server-app": "^0.1.18-rc.25",
-    "@owlmeans/static-resource": "^0.1.18-rc.15",
+    "@owlmeans/server-app": "^0.1.18-rc.28",
+    "@owlmeans/static-resource": "^0.1.18-rc.18",
     "__APP_SLUG__-common": "workspace:^"
   },
   "devDependencies": {

package/template/sources/api/src/entrypoints.bare.ts

@@ -1,4 +1,4 @@
 import { entrypoints } from '@owlmeans/server-app'
 
 // The bare shell has no API declarations yet. Bind new protocols here as they are added.
-export const appEntrypoints = [...entrypoints]
+export const appBindings = [...entrypoints]

package/template/sources/api/src/entrypoints.ts

@@ -1,13 +1,13 @@
 import { entrypoints } from '@owlmeans/server-app'
 import { bind } from '@owlmeans/server-entrypoint'
-import { appEntrypoints as protocols } from '__APP_SLUG__-common'
+import { appProtocols } from '__APP_SLUG__-common'
 import * as handlers from './app/session/index.js'
 
 /** Local server bindings for the shared session protocol tree. */
-export const appEntrypoints = [
+export const appBindings = [
   ...entrypoints,
-  bind(protocols.api.session.base),
-  bind(protocols.api.session.list, handlers.list),
-  bind(protocols.api.session.add, handlers.add),
-  bind(protocols.api.session.remove, handlers.remove),
+  bind(appProtocols.api.session.base),
+  bind(appProtocols.api.session.list, handlers.list),
+  bind(appProtocols.api.session.add, handlers.add),
+  bind(appProtocols.api.session.remove, handlers.remove),
 ]

package/template/sources/api/src/index.ts

@@ -1,9 +1,9 @@
 import { main } from '@owlmeans/server-app'
 import config from './config.js'
 import { makeContext } from './context.js'
-import { appEntrypoints } from './entrypoints.js'
+import { appBindings } from './entrypoints.js'
 import type { Config, Context } from './types.js'
 
 const context = makeContext<Config, Context>(config)
 
-main<{}, Config, Context>(context, appEntrypoints)
+main<{}, Config, Context>(context, appBindings)

package/template/sources/common/package.json

@@ -19,11 +19,11 @@
     "typecheck": "tsc -b"
   },
   "dependencies": {
-    "@owlmeans/config": "^0.1.18-rc.18",
-    "@owlmeans/entrypoint": "^0.1.18-rc.17",
-    "@owlmeans/error": "^0.1.18-rc.14",
-    "@owlmeans/resource": "^0.1.18-rc.15",
-    "@owlmeans/route": "^0.1.18-rc.15",
+    "@owlmeans/config": "^0.1.18-rc.21",
+    "@owlmeans/entrypoint": "^0.1.18-rc.20",
+    "@owlmeans/error": "^0.1.18-rc.17",
+    "@owlmeans/resource": "^0.1.18-rc.18",
+    "@owlmeans/route": "^0.1.18-rc.18",
     "ajv": "^8.17.1"
   },
   "devDependencies": {

package/template/sources/common/src/entrypoints.bare.ts

@@ -5,7 +5,7 @@ import { frontend, route } from '@owlmeans/route'
 const webBase = openProtocol(route(BASE, '/', frontend()))
 
 /** The shared immutable protocol tree. Add API declarations below `api` as the shell grows. */
-export const appEntrypoints = {
+export const appProtocols = {
   api: {},
   web: {
     base: webBase,

package/template/sources/common/src/entrypoints.ts

@@ -54,7 +54,7 @@ export const web = {
 }
 
 /** The shared immutable protocol tree. Runtime packages bind their own local handlers and screens. */
-export const appEntrypoints = {
-  api: { session },
-  web,
-}
+export const appProtocols = Object.freeze({
+  api: Object.freeze({ session }),
+  web: Object.freeze(web),
+})

package/template/sources/web/package.json

@@ -11,16 +11,16 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@owlmeans/client": "^0.1.18-rc.22",
-    "@owlmeans/client-config": "^0.1.18-rc.18",
-    "@owlmeans/client-context": "^0.1.18-rc.19",
-    "@owlmeans/client-entrypoint": "^0.1.18-rc.19",
-    "@owlmeans/client-i18n": "^0.1.18-rc.21",
-    "@owlmeans/entrypoint": "^0.1.18-rc.17",
-    "@owlmeans/route": "^0.1.18-rc.15",
-    "@owlmeans/state": "^0.1.18-rc.16",
-    "@owlmeans/web-client": "^0.1.18-rc.30",
-    "@owlmeans/web-panel": "^0.1.18-rc.38",
+    "@owlmeans/client": "^0.1.18-rc.25",
+    "@owlmeans/client-config": "^0.1.18-rc.21",
+    "@owlmeans/client-context": "^0.1.18-rc.22",
+    "@owlmeans/client-entrypoint": "^0.1.18-rc.22",
+    "@owlmeans/client-i18n": "^0.1.18-rc.24",
+    "@owlmeans/entrypoint": "^0.1.18-rc.20",
+    "@owlmeans/route": "^0.1.18-rc.18",
+    "@owlmeans/state": "^0.1.18-rc.19",
+    "@owlmeans/web-client": "^0.1.18-rc.34",
+    "@owlmeans/web-panel": "^0.1.18-rc.42",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-progress": "^1.1.0",

package/template/sources/web/src/components/ui/dropdown-menu.tsx

@@ -0,0 +1,257 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  )
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+          className
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  )
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  )
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean
+  variant?: "default" | "destructive"
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  )
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  )
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      data-slot="dropdown-menu-label"
+      data-inset={inset}
+      className={cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      data-slot="dropdown-menu-separator"
+      className={cn("bg-border -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="dropdown-menu-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  )
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+}

package/template/sources/web/src/entrypoints.bare.ts

@@ -1,13 +1,13 @@
 import { bindAll, bindScreen, entrypoints as baseEntrypoints, handler } from '@owlmeans/web-panel'
-import { appEntrypoints as protocols } from '__APP_SLUG__-common'
+import { appProtocols } from '__APP_SLUG__-common'
 import { MainLayout } from './layout/main.js'
 import { HomeScreen } from './screens/home.js'
 
 /** Local browser bindings for shared API and screen protocols. */
-export const appEntrypoints = [
+export const appBindings = [
   ...baseEntrypoints,
-  ...bindAll(protocols.api),
+  ...bindAll(appProtocols.api),
   // BASE renders the shared layout; HOME is its default child.
-  bindScreen(protocols.web.base, handler(MainLayout)),
-  bindScreen(protocols.web.home, handler(HomeScreen)),
+  bindScreen(appProtocols.web.base, handler(MainLayout)),
+  bindScreen(appProtocols.web.home, handler(HomeScreen)),
 ]

package/template/sources/web/src/entrypoints.ts

@@ -1,16 +1,16 @@
 import { bindAll, bindScreen, entrypoints as baseEntrypoints, handler } from '@owlmeans/web-panel'
-import { appEntrypoints as protocols } from '__APP_SLUG__-common'
+import { appProtocols } from '__APP_SLUG__-common'
 import { MainLayout } from './layout/main.js'
 import { AboutScreen } from './screens/about.js'
 import { HomeScreen } from './screens/home.js'
 import { SessionScreen } from './screens/session.js'
 
 /** Local browser bindings for shared API and screen protocols. */
-export const appEntrypoints = [
+export const appBindings = [
   ...baseEntrypoints,
-  ...bindAll(protocols.api),
-  bindScreen(protocols.web.base, handler(MainLayout)),
-  bindScreen(protocols.web.home, handler(HomeScreen)),
-  bindScreen(protocols.web.session, handler(SessionScreen)),
-  bindScreen(protocols.web.about, handler(AboutScreen)),
+  ...bindAll(appProtocols.api),
+  bindScreen(appProtocols.web.base, handler(MainLayout)),
+  bindScreen(appProtocols.web.home, handler(HomeScreen)),
+  bindScreen(appProtocols.web.session, handler(SessionScreen)),
+  bindScreen(appProtocols.web.about, handler(AboutScreen)),
 ]

package/template/sources/web/src/index.tsx

@@ -2,12 +2,12 @@ import './index.css'
 import { APP_API, APP_WEB } from '__APP_SLUG__-common'
 import config from './config.js'
 import { makeContext } from './context.js'
-import { appEntrypoints } from './entrypoints.js'
+import { appBindings } from './entrypoints.js'
 import { render } from './render.js'
 import type { Config, Context } from './types.js'
 
 const context = makeContext<Config, Context>(config)
-context.registerEntrypoints(appEntrypoints)
+context.registerEntrypoints(appBindings)
 
 context.serviceRoute(APP_WEB, true)
 context.serviceRoute(APP_API, true)

package/template/sources/web/src/nav.ts

@@ -15,8 +15,8 @@ export const navConfig: PanelNavConfig = {
     { name: 'home', label: 'Home', items: [{ alias: HOME, label: 'Overview' }] },
     {
       name: 'demo', label: 'Demo', items: [
-        { alias: web.session, label: 'Session' },
-        { alias: web.about, label: 'About' },
+        { alias: web.session.alias, label: 'Session' },
+        { alias: web.about.alias, label: 'About' },
       ]
     },
   ],