@canonical/pragma-cli 0.29.0 → 0.31.0

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

@@ -0,0 +1,1207 @@
+// 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)."
+  }
+]
+"
+`;