veryfront 0.1.13 → 0.1.15

package/esm/src/transforms/pipeline/stages/ssr-vf-modules/index.d.ts

@@ -24,6 +24,7 @@ export declare const _testExports: {
     resolveVeryfrontSourcePath: typeof resolveVeryfrontSourcePath;
     resolveAndTransformVeryfrontImport: typeof resolveAndTransformVeryfrontImport;
     FRAMEWORK_ROOT: string;
+    EMBEDDED_SRC_DIR: string;
     EXTENSIONS: string[];
 };
 export declare const ssrVfModulesPlugin: TransformPlugin;

package/esm/src/transforms/pipeline/stages/ssr-vf-modules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/transforms/pipeline/stages/ssr-vf-modules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMtD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,oBAAoB,EACpB,8BAA8B,EAC9B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,kCAAkC,EAEnC,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,oBAAoB,EACpB,8BAA8B,EAC9B,0BAA0B,EAC1B,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,kCAAkC,EAClC,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACV,yBAAyB,EACzB,KAAK,gBAAgB,EACrB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AAexB,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eA+EhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/transforms/pipeline/stages/ssr-vf-modules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMtD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,oBAAoB,EACpB,8BAA8B,EAC9B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,kCAAkC,EAEnC,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,oBAAoB,EACpB,8BAA8B,EAC9B,0BAA0B,EAC1B,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,kCAAkC,EAClC,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACV,yBAAyB,EACzB,KAAK,gBAAgB,EACrB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AAexB,eAAO,MAAM,YAAY;;;;;;;;;;CAUxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eA+EhC,CAAC"}

package/esm/src/transforms/pipeline/stages/ssr-vf-modules/index.js

@@ -43,6 +43,7 @@ export const _testExports = {
     resolveVeryfrontSourcePath,
     resolveAndTransformVeryfrontImport,
     FRAMEWORK_ROOT,
+    EMBEDDED_SRC_DIR,
     EXTENSIONS,
 };
 export const ssrVfModulesPlugin = {

package/esm/src/transforms/pipeline/stages/ssr-vf-modules/transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../../src/src/transforms/pipeline/stages/ssr-vf-modules/transform.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAYrE,OAAO,EAML,KAAK,gBAAgB,EAGtB,MAAM,gBAAgB,CAAC;AAExB;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,EAAE,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,GACtC,OAAO,CAAC,MAAM,CAAC,CA2BjB;AAED;;;;;GAKG;AACH,wBAAsB,sBAAsB,CAC1C,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,GAAG,EAAE,gBAAgB,EACrB,oBAAoB,UAAQ,EAC5B,KAAK,SAAI,GACR,OAAO,CAAC,MAAM,CAAC,CAoOjB;AAED;;;GAGG;AACH,wBAAsB,kCAAkC,CACtD,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,gBAAgB,GACpB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA4CxB;AAED;;;GAGG;AACH,wBAAsB,wBAAwB,CAC5C,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,GACtC,OAAO,CAAC,MAAM,CAAC,CAEjB"}
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../../src/src/transforms/pipeline/stages/ssr-vf-modules/transform.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAYrE,OAAO,EAOL,KAAK,gBAAgB,EAGtB,MAAM,gBAAgB,CAAC;AAExB;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,EAAE,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,GACtC,OAAO,CAAC,MAAM,CAAC,CA2BjB;AAED;;;;;GAKG;AACH,wBAAsB,sBAAsB,CAC1C,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,GAAG,EAAE,gBAAgB,EACrB,oBAAoB,UAAQ,EAC5B,KAAK,SAAI,GACR,OAAO,CAAC,MAAM,CAAC,CAoPjB;AAED;;;GAGG;AACH,wBAAsB,kCAAkC,CACtD,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,gBAAgB,GACpB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA4CxB;AAED;;;GAGG;AACH,wBAAsB,wBAAwB,CAC5C,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,GACtC,OAAO,CAAC,MAAM,CAAC,CAEjB"}

package/esm/src/transforms/pipeline/stages/ssr-vf-modules/transform.js

@@ -15,7 +15,7 @@ import { VERSION } from "../../../../utils/version.js";
 import { buildReactUrl, getReactImportMap } from "../../../import-rewriter/url-builder.js";
 import { findRelativeImports } from "./import-finder.js";
 import { resolveRelativeFrameworkImport, resolveVeryfrontSourcePath } from "./path-resolver.js";
-import { FRAMEWORK_ROOT, frameworkFileCache, frameworkWriteFlight, LOG_PREFIX, MAX_RELATIVE_IMPORT_DEPTH, transformingFiles, veryfrontTransformCache, } from "./constants.js";
+import { EMBEDDED_SRC_DIR, FRAMEWORK_ROOT, frameworkFileCache, frameworkWriteFlight, LOG_PREFIX, MAX_RELATIVE_IMPORT_DEPTH, transformingFiles, veryfrontTransformCache, } from "./constants.js";
 /**
  * Check if a transformed code string is a cycle placeholder.
  * Cycle placeholders are returned when transformFrameworkCode detects a cycle
@@ -159,6 +159,10 @@ export async function transformFrameworkCode(content, sourcePath, ctx, throwOnMi
         // Safety: MAX_RELATIVE_IMPORT_DEPTH limits recursion, transformingFiles detects
         // cycles, and frameworkFileCache deduplicates already-transformed files.
         const relativeReplacements = new Map();
+        // Prefixes for framework source directories - files outside these are
+        // already-compiled JS (e.g. dnt shims) that should not be recursively transformed.
+        const frameworkSrcDir = join(FRAMEWORK_ROOT, "src") + "/";
+        const embeddedSrcDirPrefix = EMBEDDED_SRC_DIR + "/";
         {
             const relativeImports = findRelativeImports(transformed);
             for (const specifier of relativeImports) {
@@ -174,6 +178,16 @@ export async function transformFrameworkCode(content, sourcePath, ctx, throwOnMi
                     logger.warn(`${LOG_PREFIX} Could not resolve relative import "${specifier}" in ${sourcePath}`);
                     continue;
                 }
+                // Files outside framework source directories (e.g. _dnt.shims.js,
+                // _dnt.polyfills.js) are already-compiled JS with bare npm imports
+                // that Deno resolves natively. Skip recursive transformation and
+                // just point to the file directly.
+                const isFrameworkSource = resolvedPath.startsWith(frameworkSrcDir) ||
+                    resolvedPath.startsWith(embeddedSrcDirPrefix);
+                if (!isFrameworkSource) {
+                    relativeReplacements.set(specifier, `file://${resolvedPath}`);
+                    continue;
+                }
                 // Check if this dependency was already transformed (by absolute path)
                 const existingFileUrl = frameworkFileCache.get(resolvedPath);
                 if (existingFileUrl) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",
@@ -94,6 +94,9 @@
     "./integrations": {
       "import": "./esm/src/integrations/index.js"
     },
+    "./sandbox": {
+      "import": "./esm/src/sandbox/index.js"
+    },
     "./cli": {
       "import": "./esm/cli/main.js"
     },
@@ -105,6 +108,9 @@
   "engines": {
     "node": ">=18.0.0"
   },
+  "optionalDependencies": {
+    "@huggingface/transformers": "^3.4.2"
+  },
   "peerDependenciesMeta": {
     "better-sqlite3": {
       "optional": true
@@ -119,6 +125,7 @@
     "@babel/parser": "7.26.3",
     "@babel/traverse": "7.26.3",
     "@babel/types": "7.26.3",
+    "@huggingface/transformers": "3.4.2",
     "@mdx-js/mdx": "3.0.0",
     "@opentelemetry/api": "1",
     "@opentelemetry/context-async-hooks": "1",

package/src/cli/app/data/slug-words.ts

@@ -1,168 +1,303 @@
 export const ADJECTIVES = [
-  "amber",
-  "azure",
-  "coral",
-  "crimson",
-  "cyan",
-  "golden",
-  "indigo",
-  "ivory",
-  "jade",
-  "magenta",
-  "maroon",
-  "olive",
-  "onyx",
-  "opal",
-  "pearl",
-  "ruby",
-  "scarlet",
-  "silver",
-  "teal",
-  "topaz",
-  "turquoise",
-  "violet",
+  "agile",
   "alpine",
+  "amber",
+  "ancient",
+  "aqua",
   "arctic",
+  "arid",
+  "astral",
   "autumn",
-  "coastal",
-  "crystal",
-  "desert",
-  "floral",
-  "forest",
-  "frozen",
-  "lunar",
-  "misty",
-  "mossy",
-  "ocean",
-  "polar",
-  "rainy",
-  "snowy",
-  "solar",
-  "spring",
-  "stormy",
-  "sunny",
-  "tidal",
-  "tropic",
-  "windy",
-  "agile",
+  "azure",
+  "balmy",
+  "blazing",
   "bold",
   "brave",
+  "breezy",
   "bright",
+  "brisk",
+  "bronze",
   "calm",
+  "cedar",
   "clever",
+  "coastal",
+  "cobalt",
+  "copper",
+  "coral",
   "cosmic",
+  "crimson",
+  "crisp",
+  "crystal",
+  "cyan",
   "daring",
+  "deep",
+  "dewy",
+  "dreamy",
+  "dusky",
+  "dusty",
   "eager",
+  "earthy",
+  "ebony",
+  "emerald",
   "epic",
+  "faint",
+  "feral",
   "fierce",
+  "fleet",
+  "floral",
+  "fluid",
+  "forest",
+  "fresh",
+  "frozen",
+  "frosty",
+  "garnet",
   "gentle",
+  "glacial",
+  "gleaming",
+  "glowing",
+  "golden",
+  "graceful",
   "grand",
+  "hazy",
+  "hollow",
+  "hushed",
+  "icy",
+  "indigo",
+  "ivory",
+  "jade",
   "keen",
   "kind",
+  "lasting",
+  "lavender",
+  "leafy",
+  "light",
+  "lilac",
   "lively",
+  "lone",
+  "lucid",
+  "lunar",
+  "magic",
+  "magenta",
+  "marine",
+  "maroon",
+  "mellow",
+  "mighty",
+  "misty",
+  "mossy",
   "mystic",
   "nimble",
   "noble",
+  "obsidian",
+  "olive",
+  "onyx",
+  "opal",
+  "pale",
+  "pearl",
+  "placid",
+  "platinum",
+  "polar",
+  "prime",
   "proud",
+  "pure",
   "quiet",
+  "rainy",
   "rapid",
+  "rare",
+  "regal",
+  "rosy",
+  "ruby",
+  "rugged",
+  "russet",
+  "rustic",
+  "saffron",
+  "sage",
+  "sandy",
+  "sapphire",
+  "scarlet",
   "serene",
+  "shady",
+  "sharp",
   "silent",
+  "silver",
+  "slate",
+  "sleek",
+  "smooth",
+  "snowy",
+  "soft",
+  "solar",
+  "somber",
+  "stark",
+  "starry",
   "steady",
+  "stormy",
+  "strong",
+  "subtle",
+  "sunny",
+  "sunlit",
   "swift",
+  "tawny",
+  "teal",
+  "tidal",
+  "topaz",
+  "tropic",
+  "turquoise",
+  "vast",
+  "velvet",
+  "verdant",
+  "violet",
   "vivid",
+  "warm",
   "wild",
+  "windy",
+  "wintry",
   "wise",
   "witty",
+  "woody",
   "zen",
 ];
 
 export const NOUNS = [
+  "arc",
+  "arch",
+  "aurora",
+  "basin",
   "bay",
+  "beam",
+  "bend",
+  "blaze",
+  "bluff",
+  "bog",
+  "bolt",
+  "breeze",
   "brook",
   "canal",
-  "cascade",
-  "coast",
-  "creek",
-  "delta",
-  "falls",
-  "fjord",
-  "gulf",
-  "harbor",
-  "lagoon",
-  "lake",
-  "marsh",
-  "ocean",
-  "pond",
-  "rapids",
-  "reef",
-  "river",
-  "shore",
-  "spring",
-  "strait",
-  "stream",
-  "tide",
-  "wave",
-  "bluff",
   "canyon",
+  "cape",
+  "cascade",
   "cave",
+  "cavern",
+  "channel",
   "cliff",
-  "crater",
-  "desert",
-  "dune",
-  "field",
-  "glade",
-  "gorge",
-  "grove",
-  "hill",
-  "isle",
-  "mesa",
-  "oasis",
-  "pass",
-  "peak",
-  "plain",
-  "plateau",
-  "ridge",
-  "rock",
-  "slope",
-  "stone",
-  "summit",
-  "trail",
-  "valley",
-  "volcano",
-  "aurora",
   "cloud",
+  "coast",
   "comet",
+  "copse",
+  "corona",
   "cosmos",
+  "cove",
+  "crater",
+  "creek",
+  "crest",
+  "dale",
   "dawn",
+  "delta",
+  "desert",
+  "drift",
+  "dune",
   "dusk",
   "eclipse",
+  "edge",
   "ember",
+  "falls",
+  "fen",
+  "field",
+  "fjord",
   "flare",
+  "flame",
+  "ford",
   "frost",
   "galaxy",
+  "gap",
+  "glade",
+  "glen",
   "glow",
+  "gorge",
+  "grove",
+  "gulf",
+  "gust",
+  "harbor",
+  "haven",
   "haze",
+  "heath",
+  "hill",
+  "hollow",
   "horizon",
+  "inlet",
+  "isle",
+  "knoll",
+  "lagoon",
+  "lake",
+  "ledge",
+  "loch",
+  "marsh",
+  "meadow",
+  "mesa",
   "meteor",
   "mist",
   "moon",
+  "moor",
+  "mount",
   "nebula",
+  "north",
   "nova",
+  "oasis",
+  "ocean",
   "orbit",
+  "pass",
+  "peak",
+  "pine",
+  "plain",
+  "plateau",
+  "plume",
+  "pond",
+  "pool",
   "prism",
   "pulse",
   "quasar",
+  "rain",
+  "range",
+  "rapids",
+  "ravine",
   "ray",
+  "reef",
+  "ridge",
+  "rift",
+  "ripple",
+  "river",
+  "rock",
+  "sand",
+  "shade",
   "shadow",
+  "shoal",
+  "shore",
   "sky",
+  "slope",
+  "snow",
   "spark",
+  "spring",
   "star",
+  "stone",
   "storm",
+  "strait",
+  "stream",
+  "summit",
   "sun",
+  "surf",
   "thunder",
+  "tide",
+  "torch",
+  "trail",
+  "tundra",
   "twilight",
+  "vale",
+  "valley",
   "vapor",
+  "volcano",
+  "vortex",
+  "wake",
+  "wave",
+  "wisp",
   "wind",
   "zenith",
+  "zephyr",
 ];

package/src/cli/app/operations/project-creation.ts

@@ -12,11 +12,11 @@ import { readToken } from "../../auth/token-store.js";
 import { fetchRemoteProjects } from "../../sync/index.js";
 import {
   copyDirectory,
-  createRemoteProject,
   generateRandomSlug,
   getLocalProjectsFromState,
   normalizeSlug,
 } from "../utils.js";
+import { reserveProjectSlug } from "../../shared/reserve-slug.js";
 import { initCommand } from "../../commands/init/init-command.js";
 import type { InitTemplate } from "../../commands/init/types.js";
 
@@ -45,7 +45,7 @@ export async function createProject(
     }
 
     const normalizedSlug = normalizeSlug(projectName);
-    const { slug } = await createRemoteProject(token, normalizedSlug);
+    const { slug } = await reserveProjectSlug(normalizedSlug, token);
     const projectPath = `${cwd()}/projects/${slug}`;
 
     await initCommand({
@@ -95,7 +95,7 @@ export async function createProjectFromExample(
     }
 
     const normalizedSlug = normalizeSlug(projectName);
-    const { slug } = await createRemoteProject(token, normalizedSlug);
+    const { slug } = await reserveProjectSlug(normalizedSlug, token);
     const projectPath = `${cwd()}/projects/${slug}`;
 
     await copyDirectory(example.path, projectPath);

package/src/cli/app/shell.ts

@@ -158,7 +158,7 @@ export function createApp(config: AppConfig): App {
       case "dashboard":
         content = state.projects.items.length > 0 || state.examples.items.length > 0
           ? renderDashboard(state)
-          : renderEmptyState();
+          : renderEmptyState(state);
         break;
       case "new-project":
         content = renderNewProjectView(state);

package/src/cli/app/utils.ts

@@ -3,13 +3,9 @@
  *
  * Helper functions for project creation and management.
  */
-import * as dntShim from "../../_dnt.shims.js";
-
 
 import { cwd } from "../../src/platform/index.js";
 import { join } from "../../src/platform/compat/path/index.js";
-import { getEnvironmentConfig } from "../../src/config/index.js";
-import { capitalizeSeparatedWords } from "../../src/utils/case-utils.js";
 import { readToken } from "../auth/token-store.js";
 import { pullCommand } from "../commands/pull/index.js";
 import { addLog, type AppState, type StateUpdater } from "./state.js";
@@ -46,32 +42,6 @@ export function normalizeSlug(projectName: string): string {
   return projectName.replace(/[^a-z0-9-]/gi, "-").toLowerCase();
 }
 
-export function slugToName(slug: string): string {
-  return capitalizeSeparatedWords(slug, "-", " ");
-}
-
-export async function createRemoteProject(
-  token: string,
-  slug: string,
-): Promise<{ slug: string }> {
-  const apiUrl = getEnvironmentConfig().apiUrl || "https://api.veryfront.com";
-  const response = await dntShim.fetch(`${apiUrl}/projects`, {
-    method: "POST",
-    headers: {
-      Authorization: `Bearer ${token}`,
-      "Content-Type": "application/json",
-      Accept: "application/json",
-    },
-    body: JSON.stringify({ slug, name: slugToName(slug) }),
-  });
-
-  if (response.ok) return (await response.json()) as { slug: string };
-
-  const error = await response.json().catch(() => ({}));
-  const msg = (error as { message?: string }).message || `HTTP ${response.status}`;
-  throw new Error(msg);
-}
-
 export function getLocalProjectsFromState(
   appState: AppState,
 ): Array<{ slug: string; path: string }> {

package/src/cli/app/views/dashboard.ts

@@ -154,18 +154,35 @@ function renderSection(title: string, isActive = true): string {
  * Render the help bar at the bottom
  */
 function renderHelpBar(state: AppState): string {
+  const hasItems = state.projects.items.length > 0 || state.examples.items.length > 0 ||
+    (!!state.remote.user && state.remote.projects.length > 0);
+
   if (!state.showHelp) {
     const userInfo = state.remote.user ? `  ${dim("-")}  ${brand(state.remote.user.email)}` : "";
+    if (!hasItems) {
+      const authHint = state.remote.user
+        ? `${dim("x")} ${dim("logout")}`
+        : `${dim("a")} ${dim("login")}`;
+      return `  ${dim("n")} ${dim("new project")}  ${authHint}  ${dim("? more")}  ${
+        dim("q quit")
+      }${userInfo}`;
+    }
     return `  ${dim("↑↓ select  enter open  ? more  q quit")}${userInfo}`;
   }
 
   const lines: string[] = [];
-  lines.push(`  ${dim("o")} open  ${dim("s")} studio  ${dim("i")} ide`);
+
+  if (hasItems) {
+    lines.push(`  ${dim("o")} open  ${dim("s")} studio  ${dim("i")} ide`);
+  }
 
   if (!state.remote.user) {
     lines.push(`  ${dim("n")} new  ${dim("a")} login`);
   } else {
-    lines.push(`  ${dim("n")} new  ${dim("p")} pull  ${dim("u")} push  ${dim("x")} logout`);
+    const parts = [`  ${dim("n")} new`];
+    if (hasItems) parts.push(`${dim("p")} pull  ${dim("u")} push`);
+    parts.push(`${dim("x")} logout`);
+    lines.push(parts.join("  "));
   }
 
   lines.push(`  ${dim("? hide  q quit")}`);
@@ -193,6 +210,12 @@ export function renderDashboardBoxed(state: AppState): string {
 /**
  * Render empty state when no projects found
  */
-export function renderEmptyState(): string {
-  return `\n  ${dim("No projects.")} ${brand("n")} ${dim("to create")}\n`;
+export function renderEmptyState(state: AppState): string {
+  const lines: string[] = [];
+
+  lines.push(renderBanner(state), "");
+  lines.push(`  ${dim("No projects.")} ${brand("n")} ${dim("to create")}`, "");
+  lines.push(renderHelpBar(state));
+
+  return lines.join("\n");
 }

package/src/cli/auth/callback-server.ts

@@ -186,8 +186,9 @@ function tryStartDenoServer(port: number): CallbackServer {
     resolveCallback = resolve;
   });
 
-  // @ts-ignore - Deno global
-  const server = dntShim.Deno.serve(
+  // Access native Deno.serve via `self` to bypass dnt shim transform.
+  const nativeDeno = (self as unknown as Record<string, typeof dntShim.Deno>)["Deno"]!;
+  const server = nativeDeno.serve(
     { port, hostname: "127.0.0.1", onListen: () => {} },
     (request: dntShim.Request) => {
       const url = new URL(request.url);

package/src/cli/commands/dev/handler.ts

@@ -66,5 +66,7 @@ export async function handleDevCommand(args: ParsedArgs): Promise<void> {
     hmr: opts.hmr,
   });
 
+  // Block until the dev server shuts down.
+  // Without this, main.ts reaches exitProcess(0) and terminates immediately.
   await done;
 }