@canonical/pragma-cli 0.31.0 → 0.33.0

package/src/testing/integration/__snapshots__/executor-golden.test.ts.snap

@@ -1,1207 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`golden: executeGenerator — components > lit — dry-run plan 1`] = `
-"
-├─ Info          Generating Lit web component: Button
-├─ Create dir    src/components/Button
-├─ Create file   src/components/Button/Button.ts
-├─ Create file   src/components/Button/index.ts
-├─ Create file   src/components/Button/types.ts
-├─ Create file   src/components/Button/Button.tests.ts
-├─ Create file   src/components/Button/Button.stories.ts
-├─ Create file   src/components/Button/styles.css
-├─ Create file   src/components/index.ts
-└─ Info          Created Button component at src/components/Button
-
-Dry-run complete. No files were modified.
-Tip: Use --show-files to see generated file contents
-"
-`;
-
-exports[`golden: executeGenerator — components > lit — json plan 1`] = `
-"{
-  "generator": {
-    "name": "component/lit",
-    "version": "0.1.0",
-    "description": "Generate a Lit web component with TypeScript, tests, stories, and styles"
-  },
-  "answers": {
-    "componentPath": "src/components/Button",
-    "withStyles": true,
-    "withStories": true
-  },
-  "plan": [
-    {
-      "action": "info",
-      "path": "Generating Lit web component: Button"
-    },
-    {
-      "action": "mkdir",
-      "path": "src/components/Button"
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.ts",
-      "lines": 25
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/index.ts",
-      "lines": 3
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/types.ts",
-      "lines": 7
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.tests.ts",
-      "lines": 28
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.stories.ts",
-      "lines": 18
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/styles.css",
-      "lines": 50
-    },
-    {
-      "action": "create",
-      "path": "src/components/index.ts",
-      "lines": 2
-    },
-    {
-      "action": "info",
-      "path": "Created Button component at src/components/Button"
-    }
-  ],
-  "files": {
-    "src/components/Button/Button.ts": "import { html, LitElement } from \\"lit\\";\\nimport { customElement } from \\"lit/decorators.js\\";\\nimport styles from \\"./styles.css\\";\\nimport type { ButtonProps } from \\"./types.js\\";\\n\\nconst componentCssClassName = \\"ds button\\";\\n\\n/**\\n * Button web component.\\n *\\n * @implements ds:global.component.button\\n */\\n@customElement(\\"ds-button\\")\\nexport default class Button extends LitElement implements ButtonProps {\\n  static styles = styles;\\n\\n  render() {\\n    return html\`\\n      <div class=\\"\${componentCssClassName}\\">\\n        <slot></slot>\\n      </div>\\n    \`;\\n  }\\n}\\n",
-    "src/components/Button/index.ts": "export { default as Button } from \\"./Button.js\\";\\nexport type { ButtonProps } from \\"./types.js\\";\\n",
-    "src/components/Button/types.ts": "/**\\n * Props for the Button component.\\n */\\nexport interface ButtonProps {\\n  // Define props specific to Button here\\n}\\n",
-    "src/components/Button/Button.tests.ts": "import { afterEach, beforeEach, describe, expect, it } from \\"vitest\\";\\nimport \\"./Button.js\\";\\nimport type Button from \\"./Button.js\\";\\n\\ndescribe(\\"Button component\\", () => {\\n  let elem: Button;\\n\\n  beforeEach(() => {\\n    elem = document.createElement(\\"ds-button\\") as Button;\\n    document.body.appendChild(elem);\\n  });\\n\\n  afterEach(() => {\\n    elem.remove();\\n  });\\n\\n  it(\\"should render component\\", async () => {\\n    await customElements.whenDefined(\\"ds-button\\");\\n\\n    const container = elem.shadowRoot?.querySelector(\\".ds.button\\");\\n    expect(container).toBeTruthy();\\n  });\\n\\n  it(\\"should have correct tag name\\", () => {\\n    expect(elem.tagName.toLowerCase()).toBe(\\"ds-button\\");\\n  });\\n});\\n",
-    "src/components/Button/Button.stories.ts": "import type { Meta, StoryObj } from \\"@storybook/web-components-vite\\";\\nimport { html } from \\"lit\\";\\n\\nimport \\"./Button.js\\";\\nimport type Button from \\"./Button.js\\";\\n\\nconst meta = {\\n  title: \\"Web Components/Button\\",\\n  tags: [\\"autodocs\\"],\\n} satisfies Meta<Button>;\\n\\nexport default meta;\\ntype Story = StoryObj<Button>;\\n\\nexport const Default: Story = {\\n  render: () => html\`<ds-button>Hello, Button!</ds-button>\`,\\n};\\n",
-    "src/components/Button/styles.css": "/*\\n * Lit Layout Primer\\n * Delete this comment block when you're done implementing.\\n *\\n * Styles live in a shadow DOM, isolated from the page by default.\\n *\\n * Two layers:\\n *\\n *   1) :host — the outer shell, how this component presents to its parent layout.\\n *      display, width, height                          (always apply)\\n *      grid-column, grid-row, align-self, justify-self (parent must be grid/flex)\\n *\\n *   2) .ds.button — the inner shell, how this component arranges its shadow children.\\n *      display: grid/flex, gap, grid-template-columns, align-items, justify-content\\n *\\n * Subgrid pattern — use when the parent defines grid tracks you want to inherit:\\n *\\n *   In the parent component:\\n *   .ds.parent { display: grid; grid-template-columns: repeat(4, 1fr); }\\n *\\n *   In this component:\\n *   :host                { display: grid; grid-column: span 2; }\\n *   .ds.button { display: grid; grid-template-columns: subgrid; }\\n *\\n *   In this example, the parent establishes a 4-column grid.\\n *   This component claims 2 of those columns and inherits their widths via subgrid.\\n *\\n * Keep in mind:\\n *   - Custom elements are display: inline by default — always set display on :host.\\n *   - Flex/grid rules only affect direct children of the container, not deeper descendants.\\n *   - External CSS cannot pierce the shadow boundary — expose CSS custom properties for theming.\\n */\\n\\n:host {\\n  /*\\n   * Host controls the outer layout role.\\n   * Declare component CSS variables here when needed.\\n   * Variables must be on :host to be accessible inside the shadow tree.\\n   *\\n   * Example:\\n   * --button-color-background: var(--color-background-default);\\n   * --button-color-text: var(--color-text-default);\\n   */\\n  display: inline-flex;\\n}\\n\\n.ds.button {\\n  /* Inner layout and visual styles go here. */\\n}\\n",
-    "src/components/index.ts": "export * from \\"./Button/index.js\\";\\n"
-  },
-  "executeCommand": "summon component/lit --component-path src/components/Button --yes"
-}
-"
-`;
-
-exports[`golden: executeGenerator — components > lit — llm plan 1`] = `
-"# component/lit
-
-> Generate a Lit web component with TypeScript, tests, stories, and styles
-> v0.1.0
-
-## Answers
-
-| Option | Value |
-|--------|-------|
-| componentPath | src/components/Button |
-| withStyles | true |
-| withStories | true |
-
-## Plan
-
-| Action | Path | Lines |
-|--------|------|-------|
-| info | Generating Lit web component: Button |  |
-| mkdir | src/components/Button |  |
-| create | src/components/Button/Button.ts | 25 |
-| create | src/components/Button/index.ts | 3 |
-| create | src/components/Button/types.ts | 7 |
-| create | src/components/Button/Button.tests.ts | 28 |
-| create | src/components/Button/Button.stories.ts | 18 |
-| create | src/components/Button/styles.css | 50 |
-| create | src/components/index.ts | 2 |
-| info | Created Button component at src/components/Button |  |
-
-## Files
-
-### src/components/Button/Button.ts
-
-\`\`\`ts
-import { html, LitElement } from "lit";
-import { customElement } from "lit/decorators.js";
-import styles from "./styles.css";
-import type { ButtonProps } from "./types.js";
-
-const componentCssClassName = "ds button";
-
-/**
- * Button web component.
- *
- * @implements ds:global.component.button
- */
-@customElement("ds-button")
-export default class Button extends LitElement implements ButtonProps {
-  static styles = styles;
-
-  render() {
-    return html\`
-      <div class="\${componentCssClassName}">
-        <slot></slot>
-      </div>
-    \`;
-  }
-}
-
-\`\`\`
-
-### src/components/Button/index.ts
-
-\`\`\`ts
-export { default as Button } from "./Button.js";
-export type { ButtonProps } from "./types.js";
-
-\`\`\`
-
-### src/components/Button/types.ts
-
-\`\`\`ts
-/**
- * Props for the Button component.
- */
-export interface ButtonProps {
-  // Define props specific to Button here
-}
-
-\`\`\`
-
-### src/components/Button/Button.tests.ts
-
-\`\`\`ts
-import { afterEach, beforeEach, describe, expect, it } from "vitest";
-import "./Button.js";
-import type Button from "./Button.js";
-
-describe("Button component", () => {
-  let elem: Button;
-
-  beforeEach(() => {
-    elem = document.createElement("ds-button") as Button;
-    document.body.appendChild(elem);
-  });
-
-  afterEach(() => {
-    elem.remove();
-  });
-
-  it("should render component", async () => {
-    await customElements.whenDefined("ds-button");
-
-    const container = elem.shadowRoot?.querySelector(".ds.button");
-    expect(container).toBeTruthy();
-  });
-
-  it("should have correct tag name", () => {
-    expect(elem.tagName.toLowerCase()).toBe("ds-button");
-  });
-});
-
-\`\`\`
-
-### src/components/Button/Button.stories.ts
-
-\`\`\`ts
-import type { Meta, StoryObj } from "@storybook/web-components-vite";
-import { html } from "lit";
-
-import "./Button.js";
-import type Button from "./Button.js";
-
-const meta = {
-  title: "Web Components/Button",
-  tags: ["autodocs"],
-} satisfies Meta<Button>;
-
-export default meta;
-type Story = StoryObj<Button>;
-
-export const Default: Story = {
-  render: () => html\`<ds-button>Hello, Button!</ds-button>\`,
-};
-
-\`\`\`
-
-### src/components/Button/styles.css
-
-\`\`\`css
-/*
- * Lit Layout Primer
- * Delete this comment block when you're done implementing.
- *
- * Styles live in a shadow DOM, isolated from the page by default.
- *
- * Two layers:
- *
- *   1) :host — the outer shell, how this component presents to its parent layout.
- *      display, width, height                          (always apply)
- *      grid-column, grid-row, align-self, justify-self (parent must be grid/flex)
- *
- *   2) .ds.button — the inner shell, how this component arranges its shadow children.
- *      display: grid/flex, gap, grid-template-columns, align-items, justify-content
- *
- * Subgrid pattern — use when the parent defines grid tracks you want to inherit:
- *
- *   In the parent component:
- *   .ds.parent { display: grid; grid-template-columns: repeat(4, 1fr); }
- *
- *   In this component:
- *   :host                { display: grid; grid-column: span 2; }
- *   .ds.button { display: grid; grid-template-columns: subgrid; }
- *
- *   In this example, the parent establishes a 4-column grid.
- *   This component claims 2 of those columns and inherits their widths via subgrid.
- *
- * Keep in mind:
- *   - Custom elements are display: inline by default — always set display on :host.
- *   - Flex/grid rules only affect direct children of the container, not deeper descendants.
- *   - External CSS cannot pierce the shadow boundary — expose CSS custom properties for theming.
- */
-
-:host {
-  /*
-   * Host controls the outer layout role.
-   * Declare component CSS variables here when needed.
-   * Variables must be on :host to be accessible inside the shadow tree.
-   *
-   * Example:
-   * --button-color-background: var(--color-background-default);
-   * --button-color-text: var(--color-text-default);
-   */
-  display: inline-flex;
-}
-
-.ds.button {
-  /* Inner layout and visual styles go here. */
-}
-
-\`\`\`
-
-### src/components/index.ts
-
-\`\`\`ts
-export * from "./Button/index.js";
-
-\`\`\`
-
----
-
-Dry-run complete. No files were modified.
-
-To execute:
-
-\`\`\`sh
-summon component/lit --component-path src/components/Button --yes
-\`\`\`
-"
-`;
-
-exports[`golden: executeGenerator — components > react — dry-run plan 1`] = `
-"
-├─ Info          Generating React component: Button
-├─ Create dir    src/components/Button
-├─ Create file   src/components/Button/Button.tsx
-├─ Create file   src/components/Button/types.ts
-├─ Create file   src/components/Button/index.ts
-├─ Create file   src/components/Button/Button.tests.tsx
-├─ Create file   src/components/Button/Button.ssr.tests.tsx
-├─ Create file   src/components/Button/Button.stories.tsx
-├─ Create file   src/components/Button/styles.css
-├─ Create file   src/components/index.ts
-└─ Info          Created Button component at src/components/Button
-
-Dry-run complete. No files were modified.
-Tip: Use --show-files to see generated file contents
-"
-`;
-
-exports[`golden: executeGenerator — components > react — json plan 1`] = `
-"{
-  "generator": {
-    "name": "component/react",
-    "version": "0.1.0",
-    "description": "Generate a React component with TypeScript, tests, stories, and styles"
-  },
-  "answers": {
-    "componentPath": "src/components/Button",
-    "withStyles": true,
-    "withStories": true,
-    "withSsrTests": true
-  },
-  "plan": [
-    {
-      "action": "info",
-      "path": "Generating React component: Button"
-    },
-    {
-      "action": "mkdir",
-      "path": "src/components/Button"
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.tsx",
-      "lines": 26
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/types.ts",
-      "lines": 7
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/index.ts",
-      "lines": 3
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.tests.tsx",
-      "lines": 23
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.ssr.tests.tsx",
-      "lines": 12
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.stories.tsx",
-      "lines": 25
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/styles.css",
-      "lines": 4
-    },
-    {
-      "action": "create",
-      "path": "src/components/index.ts",
-      "lines": 2
-    },
-    {
-      "action": "info",
-      "path": "Created Button component at src/components/Button"
-    }
-  ],
-  "files": {
-    "src/components/Button/Button.tsx": "import type React from \\"react\\";\\nimport type { ButtonProps } from \\"./types.js\\";\\nimport \\"./styles.css\\";\\n\\nconst componentCssClassName = \\"ds button\\";\\n\\n/**\\n * Button component\\n */\\nconst Button = ({\\n\\tclassName,\\n\\tchildren,\\n\\t...props\\n}: ButtonProps): React.ReactElement => {\\n\\treturn (\\n\\t\\t<div\\n\\t\\t\\tclassName={[componentCssClassName, className].filter(Boolean).join(\\" \\")}\\n\\t\\t\\t{...props}\\n\\t\\t>\\n\\t\\t\\t{children}\\n\\t\\t</div>\\n\\t);\\n};\\n\\nexport default Button;\\n",
-    "src/components/Button/types.ts": "import type { HTMLAttributes, ReactNode } from \\"react\\";\\n\\nexport interface ButtonProps extends HTMLAttributes<HTMLDivElement> {\\n\\t/** Content to render inside the component */\\n\\tchildren?: ReactNode;\\n}\\n",
-    "src/components/Button/index.ts": "export { default as Button } from \\"./Button.js\\";\\nexport type * from \\"./types.js\\";\\n",
-    "src/components/Button/Button.tests.tsx": "import { describe, expect, it } from \\"vitest\\";\\nimport { render, screen } from \\"@testing-library/react\\";\\nimport Button from \\"./Button.js\\";\\n\\ndescribe(\\"Button\\", () => {\\n\\tit(\\"renders children\\", () => {\\n\\t\\trender(<Button>Test content</Button>);\\n\\t\\texpect(screen.getByText(\\"Test content\\")).toBeInTheDocument();\\n\\t});\\n\\n\\tit(\\"applies custom className\\", () => {\\n\\t\\trender(<Button className=\\"custom-class\\">Content</Button>);\\n\\t\\tconst element = screen.getByText(\\"Content\\");\\n\\t\\texpect(element.className).toContain(\\"ds button\\");\\n\\t\\texpect(element.className).toContain(\\"custom-class\\");\\n\\t});\\n\\n\\tit(\\"passes through additional props\\", () => {\\n\\t\\trender(<Button data-testid=\\"test-component\\">Content</Button>);\\n\\t\\texpect(screen.getByTestId(\\"test-component\\")).toBeInTheDocument();\\n\\t});\\n});\\n",
-    "src/components/Button/Button.ssr.tests.tsx": "import { describe, expect, it } from \\"vitest\\";\\nimport { renderToString } from \\"react-dom/server\\";\\nimport Button from \\"./Button.js\\";\\n\\ndescribe(\\"Button SSR\\", () => {\\n\\tit(\\"renders without hydration errors\\", () => {\\n\\t\\tconst html = renderToString(<Button>Test content</Button>);\\n\\t\\texpect(html).toContain(\\"Test content\\");\\n\\t\\texpect(html).toContain(\\"ds button\\");\\n\\t});\\n});\\n",
-    "src/components/Button/Button.stories.tsx": "import type { Meta, StoryObj } from \\"@storybook/react-vite\\";\\nimport Button from \\"./Button.js\\";\\n\\nconst meta: Meta<typeof Button> = {\\n\\ttitle: \\"Components/Button\\",\\n\\tcomponent: Button,\\n\\ttags: [\\"autodocs\\"],\\n};\\n\\nexport default meta;\\ntype Story = StoryObj<typeof Button>;\\n\\nexport const Default: Story = {\\n\\targs: {\\n\\t\\tchildren: \\"Hello, Button!\\",\\n\\t},\\n};\\n\\nexport const WithCustomClass: Story = {\\n\\targs: {\\n\\t\\tchildren: \\"Custom styled\\",\\n\\t\\tclassName: \\"custom-class\\",\\n\\t},\\n};\\n",
-    "src/components/Button/styles.css": ".ds.button {\\n\\t/* Component styles */\\n}\\n",
-    "src/components/index.ts": "export * from \\"./Button/index.js\\";\\n"
-  },
-  "executeCommand": "summon component/react --component-path src/components/Button --yes"
-}
-"
-`;
-
-exports[`golden: executeGenerator — components > react — llm plan 1`] = `
-"# component/react
-
-> Generate a React component with TypeScript, tests, stories, and styles
-> v0.1.0
-
-## Answers
-
-| Option | Value |
-|--------|-------|
-| componentPath | src/components/Button |
-| withStyles | true |
-| withStories | true |
-| withSsrTests | true |
-
-## Plan
-
-| Action | Path | Lines |
-|--------|------|-------|
-| info | Generating React component: Button |  |
-| mkdir | src/components/Button |  |
-| create | src/components/Button/Button.tsx | 26 |
-| create | src/components/Button/types.ts | 7 |
-| create | src/components/Button/index.ts | 3 |
-| create | src/components/Button/Button.tests.tsx | 23 |
-| create | src/components/Button/Button.ssr.tests.tsx | 12 |
-| create | src/components/Button/Button.stories.tsx | 25 |
-| create | src/components/Button/styles.css | 4 |
-| create | src/components/index.ts | 2 |
-| info | Created Button component at src/components/Button |  |
-
-## Files
-
-### src/components/Button/Button.tsx
-
-\`\`\`tsx
-import type React from "react";
-import type { ButtonProps } from "./types.js";
-import "./styles.css";
-
-const componentCssClassName = "ds button";
-
-/**
- * Button component
- */
-const Button = ({
-	className,
-	children,
-	...props
-}: ButtonProps): React.ReactElement => {
-	return (
-		<div
-			className={[componentCssClassName, className].filter(Boolean).join(" ")}
-			{...props}
-		>
-			{children}
-		</div>
-	);
-};
-
-export default Button;
-
-\`\`\`
-
-### src/components/Button/types.ts
-
-\`\`\`ts
-import type { HTMLAttributes, ReactNode } from "react";
-
-export interface ButtonProps extends HTMLAttributes<HTMLDivElement> {
-	/** Content to render inside the component */
-	children?: ReactNode;
-}
-
-\`\`\`
-
-### src/components/Button/index.ts
-
-\`\`\`ts
-export { default as Button } from "./Button.js";
-export type * from "./types.js";
-
-\`\`\`
-
-### src/components/Button/Button.tests.tsx
-
-\`\`\`tsx
-import { describe, expect, it } from "vitest";
-import { render, screen } from "@testing-library/react";
-import Button from "./Button.js";
-
-describe("Button", () => {
-	it("renders children", () => {
-		render(<Button>Test content</Button>);
-		expect(screen.getByText("Test content")).toBeInTheDocument();
-	});
-
-	it("applies custom className", () => {
-		render(<Button className="custom-class">Content</Button>);
-		const element = screen.getByText("Content");
-		expect(element.className).toContain("ds button");
-		expect(element.className).toContain("custom-class");
-	});
-
-	it("passes through additional props", () => {
-		render(<Button data-testid="test-component">Content</Button>);
-		expect(screen.getByTestId("test-component")).toBeInTheDocument();
-	});
-});
-
-\`\`\`
-
-### src/components/Button/Button.ssr.tests.tsx
-
-\`\`\`tsx
-import { describe, expect, it } from "vitest";
-import { renderToString } from "react-dom/server";
-import Button from "./Button.js";
-
-describe("Button SSR", () => {
-	it("renders without hydration errors", () => {
-		const html = renderToString(<Button>Test content</Button>);
-		expect(html).toContain("Test content");
-		expect(html).toContain("ds button");
-	});
-});
-
-\`\`\`
-
-### src/components/Button/Button.stories.tsx
-
-\`\`\`tsx
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import Button from "./Button.js";
-
-const meta: Meta<typeof Button> = {
-	title: "Components/Button",
-	component: Button,
-	tags: ["autodocs"],
-};
-
-export default meta;
-type Story = StoryObj<typeof Button>;
-
-export const Default: Story = {
-	args: {
-		children: "Hello, Button!",
-	},
-};
-
-export const WithCustomClass: Story = {
-	args: {
-		children: "Custom styled",
-		className: "custom-class",
-	},
-};
-
-\`\`\`
-
-### src/components/Button/styles.css
-
-\`\`\`css
-.ds.button {
-	/* Component styles */
-}
-
-\`\`\`
-
-### src/components/index.ts
-
-\`\`\`ts
-export * from "./Button/index.js";
-
-\`\`\`
-
----
-
-Dry-run complete. No files were modified.
-
-To execute:
-
-\`\`\`sh
-summon component/react --component-path src/components/Button --yes
-\`\`\`
-"
-`;
-
-exports[`golden: executeGenerator — components > svelte — dry-run plan 1`] = `
-"
-├─ Info          Generating Svelte component: Button
-├─ Create dir    src/components/Button
-├─ Create file   src/components/Button/Button.svelte
-├─ Create file   src/components/Button/types.ts
-├─ Create file   src/components/Button/index.ts
-├─ Create file   src/components/Button/Button.svelte.test.ts
-├─ Create file   src/components/Button/Button.ssr.test.ts
-├─ Create file   src/components/Button/Button.stories.svelte
-├─ Create file   src/components/Button/styles.css
-├─ Create file   src/components/index.ts
-└─ Info          Created Button component at src/components/Button
-
-Dry-run complete. No files were modified.
-Tip: Use --show-files to see generated file contents
-"
-`;
-
-exports[`golden: executeGenerator — components > svelte — json plan 1`] = `
-"{
-  "generator": {
-    "name": "component/svelte",
-    "version": "0.1.0",
-    "description": "Generate a Svelte 5 component with TypeScript, tests, stories, and styles"
-  },
-  "answers": {
-    "componentPath": "src/components/Button",
-    "withStyles": true,
-    "withStories": true,
-    "withSsrTests": true,
-    "useTsStories": false
-  },
-  "plan": [
-    {
-      "action": "info",
-      "path": "Generating Svelte component: Button"
-    },
-    {
-      "action": "mkdir",
-      "path": "src/components/Button"
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.svelte",
-      "lines": 20
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/types.ts",
-      "lines": 36
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/index.ts",
-      "lines": 3
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.svelte.test.ts",
-      "lines": 78
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.ssr.test.ts",
-      "lines": 84
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/Button.stories.svelte",
-      "lines": 26
-    },
-    {
-      "action": "create",
-      "path": "src/components/Button/styles.css",
-      "lines": 4
-    },
-    {
-      "action": "create",
-      "path": "src/components/index.ts",
-      "lines": 2
-    },
-    {
-      "action": "info",
-      "path": "Created Button component at src/components/Button"
-    }
-  ],
-  "files": {
-    "src/components/Button/Button.svelte": "<script lang=\\"ts\\">\\n\\timport type { ButtonProps } from \\"./types.js\\";\\n\\timport \\"./styles.css\\";\\n\\n\\tconst componentCssClassName = \\"ds button\\";\\n\\n\\tlet {\\n\\t\\tclass: className,\\n\\t\\tchildren,\\n\\t\\t...rest\\n\\t}: ButtonProps = $props();\\n</script>\\n\\n<div\\n\\tclass={[componentCssClassName, className]}\\n\\t{...rest}\\n>\\n\\t{@render children?.()}\\n</div>\\n",
-    "src/components/Button/types.ts": "import type { Snippet } from \\"svelte\\";\\nimport type { SvelteHTMLElements } from \\"svelte/elements\\";\\n\\n/*\\n\\tFor components that render specific HTML elements with extended prop sets,\\n\\tmake sure to change \`\\"div\\"\` to the appropriate HTML element type.\\n*/\\ntype BaseProps = SvelteHTMLElements[\\"div\\"];\\n\\nexport interface ButtonProps extends BaseProps {\\n\\t/** Content to render inside the component */\\n\\tchildren?: Snippet;\\n\\t// Define additional props specific to Button here\\n}\\n\\n/*\\n\\t...or consider using appropriate interfaces directly exported from \`svelte/elements\`.\\n\\n\\tFor example:\\n\\t- \`HTMLButtonAttributes\` (provides \`disabled\`, \`type\`, etc.)\\n\\t- \`HTMLAnchorAttributes\` (provides \`href\`, \`target\`, etc.)\\n\\t- \`HTMLInputAttributes\` (provides \`type\`, \`checked\`, \`value\`, etc.)\\n\\t- \`HTMLFormAttributes\` (provides \`action\`, \`method\`, etc.)\\n\\n\\t\`\`\`typescript\\n\\timport type { HTMLButtonAttributes } from \\"svelte/elements\\";\\n\\n\\texport interface MyButtonProps extends HTMLButtonAttributes {\\n\\t\\t// Your custom props here\\n\\t}\\n\\t\`\`\`\\n\\n\\tSee Svelte documentation on typing wrapper components:\\n\\thttps://svelte.dev/docs/svelte/typescript#Typing-wrapper-components\\n*/\\n",
-    "src/components/Button/index.ts": "export { default as Button } from \\"./Button.svelte\\";\\nexport type { ButtonProps } from \\"./types.js\\";\\n",
-    "src/components/Button/Button.svelte.test.ts": "import type { Locator } from \\"@vitest/browser/context\\";\\nimport { createRawSnippet } from \\"svelte\\";\\nimport type { ComponentProps } from \\"svelte\\";\\nimport { describe, expect, it } from \\"vitest\\";\\nimport { render } from \\"vitest-browser-svelte\\";\\nimport type { RenderResult } from \\"vitest-browser-svelte\\";\\nimport Component from \\"./Button.svelte\\";\\n\\ndescribe(\\"Button component\\", () => {\\n\\tconst baseProps = {\\n\\t\\tchildren: createRawSnippet(() => ({\\n\\t\\t\\trender: () => \`<span>Button</span>\`,\\n\\t\\t})),\\n\\t} satisfies ComponentProps<typeof Component>;\\n\\n\\tit(\\"renders\\", async () => {\\n\\t\\tconst page = render(Component, { ...baseProps });\\n\\t\\tawait expect.element(componentLocator(page)).toBeInTheDocument();\\n\\t\\tawait expect.element(page.getByText(\\"Button\\")).toBeVisible();\\n\\t});\\n\\n\\tdescribe(\\"attributes\\", () => {\\n\\t\\tit.each([\\n\\t\\t\\t[\\"id\\", \\"test-id\\"],\\n\\t\\t\\t[\\"aria-label\\", \\"test-aria-label\\"],\\n\\t\\t])(\\"applies %s\\", async (attribute, expected) => {\\n\\t\\t\\tconst page = render(Component, { ...baseProps, [attribute]: expected });\\n\\t\\t\\tawait expect\\n\\t\\t\\t\\t.element(componentLocator(page))\\n\\t\\t\\t\\t.toHaveAttribute(attribute, expected);\\n\\t\\t});\\n\\n\\t\\tit(\\"applies classes\\", async () => {\\n\\t\\t\\tconst page = render(Component, { ...baseProps, class: \\"test-class\\" });\\n\\t\\t\\tawait expect.element(componentLocator(page)).toHaveClass(\\"test-class\\");\\n\\t\\t\\tawait expect.element(componentLocator(page)).toHaveClass(\\"ds\\");\\n\\t\\t\\tawait expect\\n\\t\\t\\t\\t.element(componentLocator(page))\\n\\t\\t\\t\\t.toHaveClass(\\"button\\");\\n\\t\\t});\\n\\n\\t\\tit(\\"applies style\\", async () => {\\n\\t\\t\\tconst page = render(Component, {\\n\\t\\t\\t\\t...baseProps,\\n\\t\\t\\t\\tstyle: \\"color: orange;\\",\\n\\t\\t\\t});\\n\\t\\t\\tawait expect\\n\\t\\t\\t\\t.element(componentLocator(page))\\n\\t\\t\\t\\t.toHaveStyle({ color: \\"orange\\" });\\n\\t\\t});\\n\\t});\\n});\\n\\n// Note: Prefer role/semantics-oriented ways of selecting elements (e.g., by role, label, etc.) not only for component roots but for all elements to enhance accessibility and maintainability.\\n// To select the component's root element, use one of the available [Locators](https://vitest.dev/guide/browser/locators.html).\\nfunction componentLocator(page: RenderResult<typeof Component>): Locator {\\n\\t// 1. SEMANTIC ROLES (PREFERRED) - These the most closely resemble how assistive technologies interact with your component\\n\\t// return page.getByRole(\\"link\\", { name: \\"Learn more\\" });\\n\\n\\t// 2. LABELS - To test the association between labels and form controls\\n\\t// return page.getByLabel(\\"Email address\\");\\n\\n\\t// 3. PLACEHOLDER TEXT - Useful for input fields with placeholders\\n\\t// return page.getByPlaceholder(\\"Enter your email\\");\\n\\n\\t// 4. TEXT CONTENT - Good for testing the presence of unique texts and selecting non-interactive elements\\n\\t// return page.getByText(\\"Button\\");\\n\\n\\t// 5. ALT TEXT - For images and visual elements\\n\\t// return page.getByAltText(\\"Company logo\\");\\n\\n\\t// 6. TITLE ATTRIBUTE - For elements with title tooltips\\n\\t// return page.getByTitle(\\"Close dialog\\");\\n\\n\\t// 7. TEST IDS (LAST RESORT) - When semantic options aren't available\\n\\t// return page.getByTestId(\\"button\\");\\n}\\n",
-    "src/components/Button/Button.ssr.test.ts": "import { render } from \\"@canonical/svelte-ssr-test\\";\\nimport type { RenderResult } from \\"@canonical/svelte-ssr-test\\";\\nimport { createRawSnippet } from \\"svelte\\";\\nimport type { ComponentProps } from \\"svelte\\";\\nimport { describe, expect, it } from \\"vitest\\";\\nimport Component from \\"./Button.svelte\\";\\n\\ndescribe(\\"Button SSR\\", () => {\\n\\tconst baseProps = {\\n\\t\\tchildren: createRawSnippet(() => ({\\n\\t\\t\\trender: () => \`<span>Button</span>\`,\\n\\t\\t})),\\n\\t} satisfies ComponentProps<typeof Component>;\\n\\n\\tdescribe(\\"basics\\", () => {\\n\\t\\tit(\\"doesn't throw\\", () => {\\n\\t\\t\\texpect(() => {\\n\\t\\t\\t\\trender(Component, { props: { ...baseProps } });\\n\\t\\t\\t}).not.toThrow();\\n\\t\\t});\\n\\n\\t\\tit(\\"renders\\", () => {\\n\\t\\t\\tconst page = render(Component, { props: { ...baseProps } });\\n\\t\\t\\texpect(componentLocator(page)).toBeInstanceOf(page.window.HTMLDivElement);\\n\\t\\t});\\n\\t});\\n\\n\\tdescribe(\\"attributes\\", () => {\\n\\t\\tit.each([\\n\\t\\t\\t[\\"id\\", \\"test-id\\"],\\n\\t\\t\\t[\\"aria-label\\", \\"test-aria-label\\"],\\n\\t\\t])(\\"applies %s\\", (attribute, expected) => {\\n\\t\\t\\tconst page = render(Component, {\\n\\t\\t\\t\\tprops: { ...baseProps, [attribute]: expected },\\n\\t\\t\\t});\\n\\t\\t\\texpect(componentLocator(page).getAttribute(attribute)).toBe(expected);\\n\\t\\t});\\n\\n\\t\\tit(\\"applies classes\\", () => {\\n\\t\\t\\tconst page = render(Component, {\\n\\t\\t\\t\\tprops: { class: \\"test-class\\", ...baseProps },\\n\\t\\t\\t});\\n\\t\\t\\texpect(componentLocator(page).classList).toContain(\\"test-class\\");\\n\\t\\t\\texpect(componentLocator(page).classList).toContain(\\"ds\\");\\n\\t\\t\\texpect(componentLocator(page).classList).toContain(\\"button\\");\\n\\t\\t});\\n\\n\\t\\tit(\\"applies style\\", () => {\\n\\t\\t\\tconst page = render(Component, {\\n\\t\\t\\t\\tprops: { style: \\"color: orange;\\", ...baseProps },\\n\\t\\t\\t});\\n\\t\\t\\texpect(componentLocator(page).style.color).toBe(\\"orange\\");\\n\\t\\t});\\n\\t});\\n});\\n\\n// Note: Prefer role/semantics-oriented ways of selecting elements (e.g., by role, label, etc.) not only for component roots but for all elements to enhance accessibility and maintainability.\\n// To select the component's root element, use one of the available [Queries](https://testing-library.com/docs/queries/about/#priority).\\nfunction componentLocator(page: RenderResult): HTMLElement {\\n\\t// 1. SEMANTIC ROLES (PREFERRED) - These the most closely resemble how assistive technologies interact with your component\\n\\t// return page.getByRole(\\"link\\", { name: \\"Learn more\\" });\\n\\n\\t// 2. LABELS - To test the association between labels and form controls\\n\\t// return page.getByLabelText(\\"Email address\\");\\n\\n\\t// 3. PLACEHOLDER TEXT - Useful for input fields with placeholders\\n\\t// return page.getByPlaceholderText(\\"Enter your email\\");\\n\\n\\t// 4. TEXT CONTENT - Good for testing the presence of unique texts and selecting non-interactive elements\\n\\t// return page.getByText(\\"Button\\");\\n\\n\\t// 5. DISPLAY VALUE - For selecting form elements by their current value\\n\\t// return page.getByDisplayValue(\\"test value\\");\\n\\n\\t// 6. ALT TEXT - For images and visual elements\\n\\t// return page.getByAltText(\\"Company logo\\");\\n\\n\\t// 7. TITLE ATTRIBUTE - For elements with title tooltips\\n\\t// return page.getByTitle(\\"Close dialog\\");\\n\\n\\t// 8. TEST IDS (LAST RESORT) - When semantic options aren't available\\n\\t// return page.getByTestId(\\"button\\");\\n}\\n",
-    "src/components/Button/Button.stories.svelte": "<script lang=\\"ts\\" module>\\n\\timport { defineMeta } from \\"@storybook/addon-svelte-csf\\";\\n\\timport Button from \\"./Button.svelte\\";\\n\\n\\tconst { Story } = defineMeta({\\n\\t\\ttitle: \\"Components/Button\\",\\n\\t\\tcomponent: Button,\\n\\t\\ttags: [\\"autodocs\\"],\\n\\t});\\n</script>\\n\\n<Story name=\\"Default\\">\\n\\tHello, Button!\\n</Story>\\n\\n<Story\\n  name=\\"WithCustomClass\\"\\n  args={{\\n    class: \\"custom-class\\",\\n    id: \\"custom-id\\",\\n    style: \\"background-color: tomato;\\",\\n  }}\\n>\\n\\tCustom styled\\n</Story>\\n",
-    "src/components/Button/styles.css": ".ds.button {\\n\\t/* Component styles */\\n}\\n",
-    "src/components/index.ts": "export * from \\"./Button/index.js\\";\\n"
-  },
-  "executeCommand": "summon component/svelte --component-path src/components/Button --yes"
-}
-"
-`;
-
-exports[`golden: executeGenerator — components > svelte — llm plan 1`] = `
-"# component/svelte
-
-> Generate a Svelte 5 component with TypeScript, tests, stories, and styles
-> v0.1.0
-
-## Answers
-
-| Option | Value |
-|--------|-------|
-| componentPath | src/components/Button |
-| withStyles | true |
-| withStories | true |
-| withSsrTests | true |
-| useTsStories | false |
-
-## Plan
-
-| Action | Path | Lines |
-|--------|------|-------|
-| info | Generating Svelte component: Button |  |
-| mkdir | src/components/Button |  |
-| create | src/components/Button/Button.svelte | 20 |
-| create | src/components/Button/types.ts | 36 |
-| create | src/components/Button/index.ts | 3 |
-| create | src/components/Button/Button.svelte.test.ts | 78 |
-| create | src/components/Button/Button.ssr.test.ts | 84 |
-| create | src/components/Button/Button.stories.svelte | 26 |
-| create | src/components/Button/styles.css | 4 |
-| create | src/components/index.ts | 2 |
-| info | Created Button component at src/components/Button |  |
-
-## Files
-
-### src/components/Button/Button.svelte
-
-\`\`\`svelte
-<script lang="ts">
-	import type { ButtonProps } from "./types.js";
-	import "./styles.css";
-
-	const componentCssClassName = "ds button";
-
-	let {
-		class: className,
-		children,
-		...rest
-	}: ButtonProps = $props();
-</script>
-
-<div
-	class={[componentCssClassName, className]}
-	{...rest}
->
-	{@render children?.()}
-</div>
-
-\`\`\`
-
-### src/components/Button/types.ts
-
-\`\`\`ts
-import type { Snippet } from "svelte";
-import type { SvelteHTMLElements } from "svelte/elements";
-
-/*
-	For components that render specific HTML elements with extended prop sets,
-	make sure to change \`"div"\` to the appropriate HTML element type.
-*/
-type BaseProps = SvelteHTMLElements["div"];
-
-export interface ButtonProps extends BaseProps {
-	/** Content to render inside the component */
-	children?: Snippet;
-	// Define additional props specific to Button here
-}
-
-/*
-	...or consider using appropriate interfaces directly exported from \`svelte/elements\`.
-
-	For example:
-	- \`HTMLButtonAttributes\` (provides \`disabled\`, \`type\`, etc.)
-	- \`HTMLAnchorAttributes\` (provides \`href\`, \`target\`, etc.)
-	- \`HTMLInputAttributes\` (provides \`type\`, \`checked\`, \`value\`, etc.)
-	- \`HTMLFormAttributes\` (provides \`action\`, \`method\`, etc.)
-
-	\`\`\`typescript
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	export interface MyButtonProps extends HTMLButtonAttributes {
-		// Your custom props here
-	}
-	\`\`\`
-
-	See Svelte documentation on typing wrapper components:
-	https://svelte.dev/docs/svelte/typescript#Typing-wrapper-components
-*/
-
-\`\`\`
-
-### src/components/Button/index.ts
-
-\`\`\`ts
-export { default as Button } from "./Button.svelte";
-export type { ButtonProps } from "./types.js";
-
-\`\`\`
-
-### src/components/Button/Button.svelte.test.ts
-
-\`\`\`ts
-import type { Locator } from "@vitest/browser/context";
-import { createRawSnippet } from "svelte";
-import type { ComponentProps } from "svelte";
-import { describe, expect, it } from "vitest";
-import { render } from "vitest-browser-svelte";
-import type { RenderResult } from "vitest-browser-svelte";
-import Component from "./Button.svelte";
-
-describe("Button component", () => {
-	const baseProps = {
-		children: createRawSnippet(() => ({
-			render: () => \`<span>Button</span>\`,
-		})),
-	} satisfies ComponentProps<typeof Component>;
-
-	it("renders", async () => {
-		const page = render(Component, { ...baseProps });
-		await expect.element(componentLocator(page)).toBeInTheDocument();
-		await expect.element(page.getByText("Button")).toBeVisible();
-	});
-
-	describe("attributes", () => {
-		it.each([
-			["id", "test-id"],
-			["aria-label", "test-aria-label"],
-		])("applies %s", async (attribute, expected) => {
-			const page = render(Component, { ...baseProps, [attribute]: expected });
-			await expect
-				.element(componentLocator(page))
-				.toHaveAttribute(attribute, expected);
-		});
-
-		it("applies classes", async () => {
-			const page = render(Component, { ...baseProps, class: "test-class" });
-			await expect.element(componentLocator(page)).toHaveClass("test-class");
-			await expect.element(componentLocator(page)).toHaveClass("ds");
-			await expect
-				.element(componentLocator(page))
-				.toHaveClass("button");
-		});
-
-		it("applies style", async () => {
-			const page = render(Component, {
-				...baseProps,
-				style: "color: orange;",
-			});
-			await expect
-				.element(componentLocator(page))
-				.toHaveStyle({ color: "orange" });
-		});
-	});
-});
-
-// Note: Prefer role/semantics-oriented ways of selecting elements (e.g., by role, label, etc.) not only for component roots but for all elements to enhance accessibility and maintainability.
-// To select the component's root element, use one of the available [Locators](https://vitest.dev/guide/browser/locators.html).
-function componentLocator(page: RenderResult<typeof Component>): Locator {
-	// 1. SEMANTIC ROLES (PREFERRED) - These the most closely resemble how assistive technologies interact with your component
-	// return page.getByRole("link", { name: "Learn more" });
-
-	// 2. LABELS - To test the association between labels and form controls
-	// return page.getByLabel("Email address");
-
-	// 3. PLACEHOLDER TEXT - Useful for input fields with placeholders
-	// return page.getByPlaceholder("Enter your email");
-
-	// 4. TEXT CONTENT - Good for testing the presence of unique texts and selecting non-interactive elements
-	// return page.getByText("Button");
-
-	// 5. ALT TEXT - For images and visual elements
-	// return page.getByAltText("Company logo");
-
-	// 6. TITLE ATTRIBUTE - For elements with title tooltips
-	// return page.getByTitle("Close dialog");
-
-	// 7. TEST IDS (LAST RESORT) - When semantic options aren't available
-	// return page.getByTestId("button");
-}
-
-\`\`\`
-
-### src/components/Button/Button.ssr.test.ts
-
-\`\`\`ts
-import { render } from "@canonical/svelte-ssr-test";
-import type { RenderResult } from "@canonical/svelte-ssr-test";
-import { createRawSnippet } from "svelte";
-import type { ComponentProps } from "svelte";
-import { describe, expect, it } from "vitest";
-import Component from "./Button.svelte";
-
-describe("Button SSR", () => {
-	const baseProps = {
-		children: createRawSnippet(() => ({
-			render: () => \`<span>Button</span>\`,
-		})),
-	} satisfies ComponentProps<typeof Component>;
-
-	describe("basics", () => {
-		it("doesn't throw", () => {
-			expect(() => {
-				render(Component, { props: { ...baseProps } });
-			}).not.toThrow();
-		});
-
-		it("renders", () => {
-			const page = render(Component, { props: { ...baseProps } });
-			expect(componentLocator(page)).toBeInstanceOf(page.window.HTMLDivElement);
-		});
-	});
-
-	describe("attributes", () => {
-		it.each([
-			["id", "test-id"],
-			["aria-label", "test-aria-label"],
-		])("applies %s", (attribute, expected) => {
-			const page = render(Component, {
-				props: { ...baseProps, [attribute]: expected },
-			});
-			expect(componentLocator(page).getAttribute(attribute)).toBe(expected);
-		});
-
-		it("applies classes", () => {
-			const page = render(Component, {
-				props: { class: "test-class", ...baseProps },
-			});
-			expect(componentLocator(page).classList).toContain("test-class");
-			expect(componentLocator(page).classList).toContain("ds");
-			expect(componentLocator(page).classList).toContain("button");
-		});
-
-		it("applies style", () => {
-			const page = render(Component, {
-				props: { style: "color: orange;", ...baseProps },
-			});
-			expect(componentLocator(page).style.color).toBe("orange");
-		});
-	});
-});
-
-// Note: Prefer role/semantics-oriented ways of selecting elements (e.g., by role, label, etc.) not only for component roots but for all elements to enhance accessibility and maintainability.
-// To select the component's root element, use one of the available [Queries](https://testing-library.com/docs/queries/about/#priority).
-function componentLocator(page: RenderResult): HTMLElement {
-	// 1. SEMANTIC ROLES (PREFERRED) - These the most closely resemble how assistive technologies interact with your component
-	// return page.getByRole("link", { name: "Learn more" });
-
-	// 2. LABELS - To test the association between labels and form controls
-	// return page.getByLabelText("Email address");
-
-	// 3. PLACEHOLDER TEXT - Useful for input fields with placeholders
-	// return page.getByPlaceholderText("Enter your email");
-
-	// 4. TEXT CONTENT - Good for testing the presence of unique texts and selecting non-interactive elements
-	// return page.getByText("Button");
-
-	// 5. DISPLAY VALUE - For selecting form elements by their current value
-	// return page.getByDisplayValue("test value");
-
-	// 6. ALT TEXT - For images and visual elements
-	// return page.getByAltText("Company logo");
-
-	// 7. TITLE ATTRIBUTE - For elements with title tooltips
-	// return page.getByTitle("Close dialog");
-
-	// 8. TEST IDS (LAST RESORT) - When semantic options aren't available
-	// return page.getByTestId("button");
-}
-
-\`\`\`
-
-### src/components/Button/Button.stories.svelte
-
-\`\`\`svelte
-<script lang="ts" module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import Button from "./Button.svelte";
-
-	const { Story } = defineMeta({
-		title: "Components/Button",
-		component: Button,
-		tags: ["autodocs"],
-	});
-</script>
-
-<Story name="Default">
-	Hello, Button!
-</Story>
-
-<Story
-  name="WithCustomClass"
-  args={{
-    class: "custom-class",
-    id: "custom-id",
-    style: "background-color: tomato;",
-  }}
->
-	Custom styled
-</Story>
-
-\`\`\`
-
-### src/components/Button/styles.css
-
-\`\`\`css
-.ds.button {
-	/* Component styles */
-}
-
-\`\`\`
-
-### src/components/index.ts
-
-\`\`\`ts
-export * from "./Button/index.js";
-
-\`\`\`
-
----
-
-Dry-run complete. No files were modified.
-
-To execute:
-
-\`\`\`sh
-summon component/svelte --component-path src/components/Button --yes
-\`\`\`
-"
-`;
-
-exports[`golden: executeGenerator — package > library — dry-run plan 1`] = `
-"
-├─ Info          Creating package: @canonical/example
-├─ Info          Type: library
-├─ Create dir    example
-├─ Create dir    example/src
-├─ Create file   example/package.json
-├─ Create file   example/tsconfig.json
-├─ Create file   example/biome.json
-├─ Create file   example/src/index.ts
-├─ Create file   example/README.md
-├─ Info          Package created at ./example
-├─ Info          Running bun install...
-├─ Execute       bun install
-├─ Info          Dependencies installed successfully
-├─ Info          
-├─ Info          Next steps:
-├─ Info            cd example
-├─ Info            bun run check
-└─ Info          
-
-Dry-run complete. No files were modified.
-Tip: Use --show-files to see generated file contents
-"
-`;
-
-exports[`golden: executeGenerator — package > library — json plan 1`] = `
-"{
-  "generator": {
-    "name": "package",
-    "version": "0.1.0",
-    "description": "Generate a new npm package with proper configuration for the pragma monorepo"
-  },
-  "answers": {
-    "name": "@canonical/example",
-    "type": "library",
-    "description": "",
-    "withReact": false,
-    "withStorybook": false,
-    "withCli": false,
-    "withPrTemplate": false,
-    "runInstall": true
-  },
-  "plan": [
-    {
-      "action": "info",
-      "path": "Creating package: @canonical/example"
-    },
-    {
-      "action": "info",
-      "path": "Type: library"
-    },
-    {
-      "action": "mkdir",
-      "path": "example"
-    },
-    {
-      "action": "mkdir",
-      "path": "example/src"
-    },
-    {
-      "action": "create",
-      "path": "example/package.json",
-      "lines": 1
-    },
-    {
-      "action": "create",
-      "path": "example/tsconfig.json",
-      "lines": 1
-    },
-    {
-      "action": "create",
-      "path": "example/biome.json",
-      "lines": 1
-    },
-    {
-      "action": "create",
-      "path": "example/src/index.ts",
-      "lines": 1
-    },
-    {
-      "action": "create",
-      "path": "example/README.md",
-      "lines": 1
-    },
-    {
-      "action": "info",
-      "path": "Package created at ./example"
-    },
-    {
-      "action": "info",
-      "path": "Running bun install..."
-    },
-    {
-      "action": "exec",
-      "path": "bun install"
-    },
-    {
-      "action": "info",
-      "path": "Dependencies installed successfully"
-    },
-    {
-      "action": "info",
-      "path": ""
-    },
-    {
-      "action": "info",
-      "path": "Next steps:"
-    },
-    {
-      "action": "info",
-      "path": "  cd example"
-    },
-    {
-      "action": "info",
-      "path": "  bun run check"
-    },
-    {
-      "action": "info",
-      "path": ""
-    }
-  ],
-  "files": {
-    "example/package.json": "[mock content of <repo>/packages/summon/package/src/templates/package.json.ejs]",
-    "example/tsconfig.json": "[mock content of <repo>/packages/summon/package/src/templates/tsconfig.json.ejs]",
-    "example/biome.json": "[mock content of <repo>/packages/summon/package/src/templates/biome.json.ejs]",
-    "example/src/index.ts": "[mock content of <repo>/packages/summon/package/src/templates/index.ts.ejs]",
-    "example/README.md": "[mock content of <repo>/packages/summon/package/src/templates/README.md.ejs]"
-  },
-  "executeCommand": "summon package --name @canonical/example --type library --description  --yes"
-}
-"
-`;
-
-exports[`golden: runSetupTask — setups > completions (bash) — dry-run 1`] = `
-"Dry run — the following operations would be performed:
-
-├─ Info          Setting up completions for bash...
-├─ Create dir    <home>/.local/share/bash-completion/completions
-├─ Create file   <home>/.local/share/bash-completion/completions/pragma
-├─ Info          ✓ Completions installed for bash.
-└─ Info            Run \`source ~/.bashrc\` or start a new shell to activate.
-
-No changes were made."
-`;
-
-exports[`golden: runSetupTask — setups > lsp — dry-run 1`] = `
-"Dry run — the following operations would be performed:
-
-├─ Info          Ensuring the Terrazzo LSP VS Code extension is installed...
-├─ Execute       bunx @canonical/terrazzo-lsp-extension
-└─ Info          ✓ Terrazzo LSP extension is installed (up to date).
-
-No changes were made."
-`;
-
-exports[`golden: runSetupTask — setups > lsp — dry-run json 1`] = `
-"[
-  {
-    "action": "Log",
-    "message": "Ensuring the Terrazzo LSP VS Code extension is installed..."
-  },
-  {
-    "action": "Exec"
-  },
-  {
-    "action": "Log",
-    "message": "✓ Terrazzo LSP extension is installed (up to date)."
-  }
-]
-"
-`;