veryfront 0.1.13 → 0.1.14

package/esm/src/react/components/ai/chat/components/inference-badge.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+export function InferenceBadge({ inferenceMode, browserStatus, }) {
+    if (inferenceMode === "cloud")
+        return null;
+    let label;
+    let dotColor;
+    let showProgress = false;
+    if (inferenceMode === "server-local") {
+        label = "Running locally";
+        dotColor = "bg-green-500";
+    }
+    else if (browserStatus === "downloading-model") {
+        label = "Downloading model...";
+        dotColor = "bg-amber-500";
+        showProgress = true;
+    }
+    else if (browserStatus === "loading-runtime") {
+        label = "Loading AI runtime...";
+        dotColor = "bg-amber-500";
+    }
+    else if (browserStatus === "generating") {
+        label = "Running in browser";
+        dotColor = "bg-green-500";
+    }
+    else if (browserStatus === "error") {
+        label = "Local model failed";
+        dotColor = "bg-red-500";
+    }
+    else {
+        label = "Running locally";
+        dotColor = "bg-green-500";
+    }
+    return (React.createElement("div", { className: "flex items-center gap-1.5 px-3 py-1 text-xs text-neutral-500 dark:text-neutral-400" },
+        React.createElement("span", { className: `size-1.5 rounded-full ${dotColor} ${showProgress ? "animate-pulse" : ""}` }),
+        React.createElement("span", null, label)));
+}

package/esm/src/react/components/ai/chat/components/upgrade-cta.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { InferenceMode } from "../../../../../agent/react/index.js";
+export interface UpgradeCTAProps {
+    inferenceMode: InferenceMode;
+}
+export declare function UpgradeCTA({ inferenceMode }: UpgradeCTAProps): React.ReactElement | null;
+//# sourceMappingURL=upgrade-cta.d.ts.map

package/esm/src/react/components/ai/chat/components/upgrade-cta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upgrade-cta.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/upgrade-cta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIzE,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA8CxF"}

package/esm/src/react/components/ai/chat/components/upgrade-cta.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+const DISMISS_KEY = "vf-upgrade-cta-dismissed";
+export function UpgradeCTA({ inferenceMode }) {
+    const [dismissed, setDismissed] = React.useState(() => {
+        try {
+            return localStorage.getItem(DISMISS_KEY) === "1";
+        }
+        catch {
+            return false;
+        }
+    });
+    if (inferenceMode === "cloud" || dismissed)
+        return null;
+    const handleDismiss = () => {
+        setDismissed(true);
+        try {
+            localStorage.setItem(DISMISS_KEY, "1");
+        }
+        catch {
+            // localStorage may be unavailable
+        }
+    };
+    return (React.createElement("div", { className: "w-full max-w-2xl mx-auto mt-4 px-4 py-3 bg-blue-50 dark:bg-blue-900/20 rounded-xl text-sm text-blue-700 dark:text-blue-300 flex items-start gap-3" },
+        React.createElement("span", { className: "flex-1" },
+            "Using a lightweight local model. Add an API key to your",
+            " ",
+            React.createElement("code", { className: "px-1 py-0.5 bg-blue-100 dark:bg-blue-900/40 rounded text-xs" }, ".env"),
+            " ",
+            "for GPT-4o or Claude."),
+        React.createElement("button", { type: "button", onClick: handleDismiss, className: "text-blue-400 hover:text-blue-600 dark:hover:text-blue-200 transition-colors flex-shrink-0", "aria-label": "Dismiss" },
+            React.createElement("svg", { className: "size-4", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                React.createElement("path", { d: "M4 4l8 8M12 4l-8 8" })))));
+}

package/esm/src/react/components/ai/chat/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { DynamicToolUIPart, ToolUIPart, UIMessage } from "../../../../agent/react/index.js";
+import type { BrowserInferenceStatus, DynamicToolUIPart, InferenceMode, ToolUIPart, UIMessage } from "../../../../agent/react/index.js";
 import { type ChatTheme } from "../theme.js";
 import { type ModelOption } from "../model-selector.js";
 export { Loader, Shimmer } from "./components/animations.js";
@@ -7,6 +7,8 @@ export { ReasoningCard } from "./components/reasoning.js";
 export { ConversationEmptyState, type ConversationEmptyStateProps, ConversationScrollButton, type ConversationScrollButtonProps, Suggestion, type SuggestionProps, Suggestions, type SuggestionsProps, } from "./components/empty-state.js";
 export { MessageActions, type MessageActionsProps } from "./components/message-actions.js";
 export { ToolCallCard, ToolStatusBadge } from "./components/tool-ui.js";
+export { InferenceBadge, type InferenceBadgeProps } from "./components/inference-badge.js";
+export { UpgradeCTA, type UpgradeCTAProps } from "./components/upgrade-cta.js";
 export { getTextContent, groupPartsInOrder, isReasoningPart, isToolPart, type PartGroup, } from "./utils/message-parts.js";
 export { ChatFooter, ChatHeader, ChatInput, ChatMessages } from "./composition/api.js";
 export interface ChatProps {
@@ -45,6 +47,10 @@ export interface ChatProps {
     model?: string;
     /** Called when user changes model */
     onModelChange?: (model: string) => void;
+    /** Where inference is currently happening */
+    inferenceMode?: InferenceMode;
+    /** Browser-side model loading/inference status */
+    browserStatus?: BrowserInferenceStatus | null;
 }
 export declare const Chat: any;
 export declare const ChatComponents: any;

package/esm/src/react/components/ai/chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/ai/chat/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,KAAK,SAAS,EAAqC,MAAM,aAAa,CAAC;AAGhF,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,UAAU,EACV,KAAK,eAAe,EACpB,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,KAAK,SAAS,GACf,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAcvF,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC3F,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,IAAI,KA+Nf,CAAC;AAIH,eAAO,MAAM,cAAc,KAKzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/ai/chat/index.tsx"],"names":[],"mappings":"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"}

package/esm/src/react/components/ai/chat/index.js

@@ -10,6 +10,8 @@ export { ReasoningCard } from "./components/reasoning.js";
 export { ConversationEmptyState, ConversationScrollButton, Suggestion, Suggestions, } from "./components/empty-state.js";
 export { MessageActions } from "./components/message-actions.js";
 export { ToolCallCard, ToolStatusBadge } from "./components/tool-ui.js";
+export { InferenceBadge } from "./components/inference-badge.js";
+export { UpgradeCTA } from "./components/upgrade-cta.js";
 export { getTextContent, groupPartsInOrder, isReasoningPart, isToolPart, } from "./utils/message-parts.js";
 export { ChatFooter, ChatHeader, ChatInput, ChatMessages } from "./composition/api.js";
 import { ChatFooter, ChatHeader, ChatInput, ChatMessages } from "./composition/api.js";
@@ -17,8 +19,10 @@ import { ConversationEmptyState, ConversationScrollButton, Suggestion, Suggestio
 import { MessageActions } from "./components/message-actions.js";
 import { ReasoningCard } from "./components/reasoning.js";
 import { ToolCallCard } from "./components/tool-ui.js";
+import { InferenceBadge } from "./components/inference-badge.js";
+import { UpgradeCTA } from "./components/upgrade-cta.js";
 import { getTextContent, groupPartsInOrder } from "./utils/message-parts.js";
-export const Chat = React.forwardRef(function Chat({ messages, input, onChange, handleInputChange, onSubmit, handleSubmit, stop, reload, enableVoice = false, onVoice, setInput, isLoading, error, placeholder = "Type a message...", maxHeight = "100%", className, theme: userTheme, renderMessage, renderTool, multiline = false, suggestions, onSuggestionClick, emptyState, showScrollButton = false, showMessageActions = true, models, model, onModelChange, }, ref) {
+export const Chat = React.forwardRef(function Chat({ messages, input, onChange, handleInputChange, onSubmit, handleSubmit, stop, reload, enableVoice = false, onVoice, setInput, isLoading, error, placeholder = "Type a message...", maxHeight = "100%", className, theme: userTheme, renderMessage, renderTool, multiline = false, suggestions, onSuggestionClick, emptyState, showScrollButton = false, showMessageActions = true, models, model, onModelChange, inferenceMode, browserStatus, }, ref) {
     const theme = mergeThemes(defaultChatTheme, userTheme);
     const messagesEndRef = React.useRef(null);
     const inputChangeHandler = onChange ?? handleInputChange ?? (() => { });
@@ -50,6 +54,7 @@ export const Chat = React.forwardRef(function Chat({ messages, input, onChange,
                     React.createElement(ConversationEmptyState, { icon: emptyState?.icon ?? React.createElement(MessageSquareIcon, { className: "size-10" }), title: emptyState?.title ?? "What can I help with?", description: emptyState?.description }),
                     showSuggestions && (React.createElement("div", { className: "w-full max-w-2xl mt-6 mb-8" },
                         React.createElement(Suggestions, { layout: "grid" }, suggestions?.map((suggestion) => (React.createElement(Suggestion, { key: suggestion, suggestion: suggestion, onClick: onSuggestionClick })))))),
+                    inferenceMode && inferenceMode !== "cloud" && (React.createElement(UpgradeCTA, { inferenceMode: inferenceMode })),
                     React.createElement("div", { className: "flex-1" })))
                 : (React.createElement("div", { className: "max-w-2xl mx-auto px-4 py-4 space-y-2" },
                     messages.map((msg) => {
@@ -80,11 +85,16 @@ export const Chat = React.forwardRef(function Chat({ messages, input, onChange,
                                 showMessageActions && textContent && (React.createElement(MessageActions, { content: textContent })))));
                     }),
                     isLoading && (React.createElement("div", { className: "flex justify-start" },
-                        React.createElement("div", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-[20px] rounded-bl-[4px] px-4 py-3" },
-                            React.createElement("div", { className: "flex gap-1.5 items-center" },
+                        React.createElement("div", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-[20px] rounded-bl-[4px] px-4 py-3" }, browserStatus === "downloading-model" || browserStatus === "loading-runtime"
+                            ? (React.createElement("div", { className: "flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400" },
+                                React.createElement("span", { className: "size-1.5 rounded-full bg-amber-500 animate-pulse" }),
+                                React.createElement("span", null, browserStatus === "downloading-model"
+                                    ? "Downloading model..."
+                                    : "Loading AI...")))
+                            : (React.createElement("div", { className: "flex gap-1.5 items-center" },
                                 React.createElement("span", { className: cn(theme.loading) }),
                                 React.createElement("span", { className: cn(theme.loading), style: { animationDelay: "0.15s" } }),
-                                React.createElement("span", { className: cn(theme.loading), style: { animationDelay: "0.3s" } }))))),
+                                React.createElement("span", { className: cn(theme.loading), style: { animationDelay: "0.3s" } })))))),
                     React.createElement("div", { ref: messagesEndRef }))),
             showScrollButton && (React.createElement(ConversationScrollButton, { onClick: () => messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }) }))),
         error && (React.createElement("div", { className: "max-w-2xl mx-auto px-4 pb-2" },
@@ -94,6 +104,8 @@ export const Chat = React.forwardRef(function Chat({ messages, input, onChange,
                     React.createElement(RefreshCwIcon, { className: "size-3" }),
                     "Retry"))))),
         React.createElement("div", { className: "flex-shrink-0 bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-800" },
+            inferenceMode && inferenceMode !== "cloud" && (React.createElement("div", { className: "max-w-2xl mx-auto" },
+                React.createElement(InferenceBadge, { inferenceMode: inferenceMode, browserStatus: browserStatus }))),
             React.createElement("form", { onSubmit: submitHandler, className: "max-w-2xl mx-auto px-4 py-3" },
                 models && models.length > 0 && onModelChange && (React.createElement("div", { className: "mb-2" },
                     React.createElement(ModelSelector, { models: models, value: model, onChange: onModelChange, disabled: isLoading }))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",
@@ -105,6 +105,9 @@
   "engines": {
     "node": ">=18.0.0"
   },
+  "optionalDependencies": {
+    "@huggingface/transformers": "^3.4.2"
+  },
   "peerDependenciesMeta": {
     "better-sqlite3": {
       "optional": true
@@ -119,6 +122,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);