pmf-change-logolisted

# Change Logo > Before executing this workflow, read and apply `../HOST_CONTRACT.md`. Replace the logo component in the design guide. ## Logo Specifications - **Shape**: Square (recommended 192x192) - **Background**: Transparent or app Primary color - **Placement**: Reusable component named `Logo` -- all instances update simultaneously ## Step 1 -- Verify Current File ``` mcp__pencil__get_editor_state() ``` Verify that the currently open `.pen` file is the app design guide. If it is `material-design-guide.lib.pen`, instruct the user to open the app-specific file. ## Step 2 -- Determine Logo Source Ask the user: - **Image file path provided** -- Apply the image as a fill - **AI generation requested** -- Generate an AI logo based on the app name - **Text/initials only** -- Generate a text-based logo ## Step 3 -- Find Logo Node ``` mcp__pencil__batch_get(patterns=["Logo"]) ``` Find the node ID of the reusable component named `Logo`. - If node does not exist: Create a new 192x192 reusable frame `Logo` using `mcp__pencil__batch_design` - If node exists but has no inner image node: Add a 192x192 Rectangle + image fill node inside the existing Logo frame using `batch_design` - If node exists and inner image node also exists: Use that node ID ## Step 4 -- Replace Logo ### Case A: AI Generation ``` G(<logoNodeId>, "ai", "<appname> app logo square minimal") ``` ### Case B: Image File > SVG files cannot be applied directly as Pencil image fills (they render as transpa