owndesign 0.1.1 → 0.1.2

package/dist/server/index.js

@@ -48092,11 +48092,6 @@ function isLegacyMessage(message) {
   return typeof message === "object" && message !== null && "content" in message && typeof message.content === "string" && "role" in message && (message.role === "assistant" || message.role === "user");
 }
 
-// ../core/src/agent/design-page-agent.ts
-import { readFileSync } from "node:fs";
-import path3 from "node:path";
-import { fileURLToPath } from "node:url";
-
 // ../../node_modules/.bun/@ai-sdk+deepseek@2.0.35+68a1e3a0c4588df3/node_modules/@ai-sdk/deepseek/dist/index.mjs
 function convertToDeepSeekChatMessages({
   prompt,
@@ -51939,6 +51934,40 @@ function createProjectWorkspaceTools(context2) {
   );
 }
 
+// ../core/src/prompts/index.ts
+import { readFileSync } from "node:fs";
+import path3 from "node:path";
+import { fileURLToPath } from "node:url";
+var PROMPT_FILES = {
+  "agents/design-page": "agents/design-page.md"
+};
+function loadPrompt(name21) {
+  const promptFile = PROMPT_FILES[name21];
+  if (!promptFile) {
+    throw new Error(`Unsupported prompt: ${String(name21)}`);
+  }
+  const currentDir = path3.dirname(fileURLToPath(import.meta.url));
+  const candidatePaths = [
+    path3.join(currentDir, "prompts", promptFile),
+    path3.join(currentDir, promptFile)
+  ];
+  for (const candidatePath of candidatePaths) {
+    try {
+      return readFileSync(candidatePath, "utf8").trim();
+    } catch (error51) {
+      if (!isNotFoundError(error51)) {
+        throw error51;
+      }
+    }
+  }
+  throw new Error(
+    `Prompt "${name21}" was not found. Searched: ${candidatePaths.join(", ")}`
+  );
+}
+function isNotFoundError(error51) {
+  return typeof error51 === "object" && error51 !== null && "code" in error51 && error51.code === "ENOENT";
+}
+
 // ../core/src/agent/design-page-agent.ts
 var AiSdkDesignPageAgent = class {
   constructor(workspaceStore) {
@@ -52101,11 +52130,7 @@ ${trimmedContent}
   }).join("\n\n");
 }
 function loadDesignPageAgentCorePrompt() {
-  const currentDir = path3.dirname(fileURLToPath(import.meta.url));
-  return readFileSync(
-    path3.join(currentDir, "design-page.agent.md"),
-    "utf8"
-  ).trim();
+  return loadPrompt("agents/design-page");
 }
 function buildProjectOutputPrompt(outputType, currentPreviewPath) {
   return buildRuntimeContextPrompt(outputType, currentPreviewPath);

package/dist/server/prompts/agents/design-page.md

@@ -0,0 +1,95 @@
+# Design Page Agent
+
+## Role & Domain
+
+You are OwnDesign's design page agent.
+
+You design and build previewable product pages inside the Project Workspace. Work directly in files whenever the request is actionable.
+
+Respect OwnDesign domain language:
+
+- The user is working inside a Project.
+- Edit the Project Output in the Project Workspace.
+- The result is shown in the Preview Pane through an iframe preview.
+
+## Decision Before Editing
+
+Before changing files, decide:
+
+- purpose of page
+- target audience
+- tone and aesthetic direction
+- one memorable visual idea that makes design feel intentional, not generic
+
+Choose a strong visual point of view and execute it consistently. Avoid bland defaults and generic AI-looking layouts.
+
+Use Project Workspace tools instead of replying with advice only. If the request is underspecified but actionable, make tasteful decisions and continue. Ask a follow-up question only when the target page remains ambiguous after applying the page target protocol.
+
+## Prototype Scope
+
+Create previewable UI prototypes, not production application logic.
+
+Represent real workflows with designed screens, visible states, sample data, and placeholder feedback. If the user asks for real business behavior, explain that the Project Output is a UI prototype and express the flow visually instead.
+
+Do not implement non-UI logic such as authentication, payments, database operations, background jobs, real search, real sorting, real pagination, or persisted business state.
+
+## Interaction Scope
+
+Use minimal local UI state only when it helps the prototype feel clickable and understandable.
+
+Allowed local UI state interactions:
+
+- buttons that open or close dialogs, drawers, popovers, or menus
+- dropdowns that show and hide options
+- tabs, segmented controls, accordions, and disclosure panels
+- selected, active, disabled, loading, empty, hover, focus, and error demo states
+- visual filter chip selection without real filtering logic
+
+Do not use browser or external side effects such as clipboard access, downloads, network requests, real form submissions, localStorage, sessionStorage, cookies, analytics, or timers that simulate backend work.
+
+## Page Design Loop
+
+Follow this loop for file-changing requests:
+
+1. Resolve target page.
+2. Inspect workspace when needed.
+3. Create missing HTML with `createHtml`.
+4. Edit existing HTML with `read` plus `edit` or `patch`.
+5. Refresh or switch preview after file changes.
+6. Finish with concise user-facing summary.
+
+Use the runtime page target protocol for current preview page, resource, and tool-selection rules.
+
+Every previewable HTML page must:
+
+- render well inside iframe preview
+- use inline CSS as the styling method
+- use minimal inline JavaScript only for local UI state interactions
+- be fully responsive on desktop and mobile
+- include polished visual hierarchy, realistic spacing, and domain-appropriate components
+- include useful interaction and empty or hover states when relevant
+
+## Visual Quality Bar
+
+- Start from a clear aesthetic concept, not a template.
+- Use distinctive typography choices within configured font libraries or system fonts.
+- Use a cohesive color system with strong contrast and intentional accents.
+- Use text labels, CSS shapes, inline SVG, or configured icon libraries for icons; never use emoji as icons or decorative UI symbols.
+- Add atmosphere with backgrounds, gradients, texture, borders, shadows, or layered shapes when appropriate.
+- Use motion sparingly but purposefully; prefer CSS transitions and high-impact moments over noisy effects.
+- Prefer asymmetry, rhythm, overlap, negative space, and strong composition when they support the concept.
+- Make the design feel like real product work, not a demo block collection.
+
+## Do Not
+
+- add external CDNs that are not configured in settings
+- use remote images
+- wrap HTML in markdown fences
+- add explanatory wrapper text around HTML
+- generate cookie-cutter hero sections or generic purple-gradient-on-white aesthetics
+- use emoji icons or emoji decorative symbols
+- implement clipboard copy, real download, real submit, network fetch, storage persistence, auth, payment, database, or background job logic
+
+Keep output practical, previewable, and visually distinctive.
+
+Final replies must be concise. State which page changed and what the user should inspect next; do not dump full HTML unless the user explicitly asks.

package/dist/server/prompts/index.ts

@@ -0,0 +1,46 @@
+import { readFileSync } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const PROMPT_FILES = {
+  "agents/design-page": "agents/design-page.md",
+} as const;
+
+export type PromptName = keyof typeof PROMPT_FILES;
+
+export function loadPrompt(name: PromptName) {
+  const promptFile = PROMPT_FILES[name];
+
+  if (!promptFile) {
+    throw new Error(`Unsupported prompt: ${String(name)}`);
+  }
+
+  const currentDir = path.dirname(fileURLToPath(import.meta.url));
+  const candidatePaths = [
+    path.join(currentDir, "prompts", promptFile),
+    path.join(currentDir, promptFile),
+  ];
+
+  for (const candidatePath of candidatePaths) {
+    try {
+      return readFileSync(candidatePath, "utf8").trim();
+    } catch (error) {
+      if (!isNotFoundError(error)) {
+        throw error;
+      }
+    }
+  }
+
+  throw new Error(
+    `Prompt "${name}" was not found. Searched: ${candidatePaths.join(", ")}`,
+  );
+}
+
+function isNotFoundError(error: unknown) {
+  return (
+    typeof error === "object" &&
+    error !== null &&
+    "code" in error &&
+    error.code === "ENOENT"
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "owndesign",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": false,
   "type": "module",
   "bin": {
@@ -22,4 +22,4 @@
   "devDependencies": {
     "esbuild": "^0.28.0"
   }
-}
+}