{"record":{"id":"bf2432e7adf0ad6f","repo":"paperclipai/paperclip","slug":"could-not-load-wireframe-viewer-styles-bf2432","errorCode":null,"errorMessage":"Could not load wireframe viewer styles","messagePattern":"Could not load wireframe viewer styles","errorType":"exception","errorClass":null,"httpStatus":null,"severity":"error","filePath":"doc/plans/chat-adapters/generate-wireframes-v7.mjs","lineNumber":300,"sourceCode":" ...providers.map((provider) => [provider.name, [\n ...setupScreens.filter((screen) => screen.provider === provider.name),\n ...detailScreens.filter((screen) => screen.provider === provider.name)\n ]]),\n [\"Paperclip\", sharedScreens.filter((screen) => screen.group === \"Paperclip\")]\n];\nconst orderedScreens = groups.flatMap(([, screens]) => screens);\n\nfunction uiDocument() {\n const inventory = orderedScreens.map((screen) => `| ${screen.id} | ${screen.group} | ${screen.tab} | ${screen.title} | ${screen.desktopSize} | ${screen.mobileSize} |`).join(\"\\n\");\n const details = orderedScreens.map((screen) => `### ${screen.id} · ${screen.title}\\n\\nPurpose: ${screen.subtitle}\\n\\n${screen.annotations.map((item, index) => `${index + 1}. ${item}`).join(\"\\n\")}\\n\\n${screen.actions ? `Actions:\\n\\n${screen.actions.map(([label, effect]) => `- **${label}:** ${effect}`).join(\"\\n\")}\\n\\n` : \"\"}Rationale: ${screen.rationale}`).join(\"\\n\\n\");\n const defaults = fixedBehavior.map(([name, behavior]) => `- **${name}:** ${behavior}`).join(\"\\n\");\n return `# Paperclip Chat Adapters UI Surfaces — v7\\n\\nDate: 2026-09-04 \\nPaperclip base: \\`${baseSha}\\` \\nReview viewer: [\\`index.html\\`](./index.html) \\nWireframes: [\\`wireframes-v7/\\`](./wireframes-v7/)\\n\\n## Product decision\\n\\nOverview is removed. Activated connectors open on Settings and expose only four management tabs: Settings, Access, Conversations, and Activity. Settings contains only destination reach that a user can plausibly change.\\n\\n${defaults}\\n\\n## Settings inventory\\n\\n- Slack: allowed channels and an Allow direct messages toggle.\\n- GitHub: allowed repositories only.\\n- Microsoft Teams: allowed channels, Allow direct messages, and Allow group chats.\\n- Telegram: allowed groups/topics and an Allow direct messages toggle.\\n\\n## Screen inventory\\n\\n| ID | Group | Surface | Title | Desktop | Mobile |\\n|---|---|---|---|---|---|\\n${inventory}\\n\\n## Annotation and action notes\\n\\n${details}\\n`;\n}\n\nfunction viewerHtml() {\n const template = readFileSync(join(root, \"../../../packages/skills-catalog/catalog/bundled/product/wireframe/assets/site-template.html\"), \"utf8\");\n const style = template.match(/
Chat adapters · v7
Jump to a screen
Paperclip · Connectors · Settings v7

Configure reach. Default everything else.

The read-only Overview tab is gone. Settings contains only destinations and private-conversation toggles that an operator can plausibly change.

Product ruleTask boundaries, delivery, credentials, installation drift, and provider capabilities are fixed behavior or conditional repair state—not settings.
Architecture planUI specification v7Platform decisions
${orderedScreens.length} product surfaces4 management tabsReach-only settingsDesktop + mobile

Review convention: red dashed marks are annotations, not proposed UI.

Navigation and product flow

Setup, then reach-only management

Activated connectors open on Settings. Diagnostics and conditional repairs live in Activity.

flow.svg1280×880
\"Chat
${sections}
Product decisions

Behaviors removed from Settings

    ${defaults}
Generated with Paperclip’s wireframe contract. The current viewer contains no Overview page or non-configurable settings rows.
×\"\"/
`;\n}\n\nwriteFileSync(join(root, \"2026-09-04-chat-adapters-ui-surfaces-v7.md\"), `${uiDocument()}\\n`);\nwriteFileSync(join(root, \"index.html\"), `${viewerHtml()}\\n`);\nconsole.log(`Generated ${orderedScreens.length * 2 + 1} v7 SVGs across ${orderedScreens.length} product surfaces.`);\n","sourceCodeStart":282,"sourceCodeEnd":314,"githubUrl":"https://github.com/paperclipai/paperclip/blob/3f1d897a7c018d76563a21c6e39c3c9b03933622/doc/plans/chat-adapters/generate-wireframes-v7.mjs#L282-L314","documentation":"The v7 generator's `viewerHtml()` extracts the inline `` section: styles extracted to external CSS, style tag given attributes, or asset truncated/damaged in a merge.","commonSituations":"Template refactors outpacing the plan-directory generator snapshots; partial checkouts; hand edits that drop the closing `` tag so the non-greedy regex fails.","solutions":["Confirm the template still has a complete inline `