@salesforce/templates 66.5.4 → 66.5.6

package/lib/templates/project/reactb2x/_p_/_m_/_w_/_a_/src/components/ui/sonner.tsx

@@ -0,0 +1,20 @@
+import { Toaster as Sonner } from 'sonner';
+
+/**
+ * Renders the toast container. Use with `toast()` from this module for messages
+ * with title, description, actions, and variants (success, error, warning).
+ *
+ * @example
+ * toast("Event has been created", {
+ *   description: "Sunday, December 03, 2023 at 9:00 AM",
+ *   action: { label: "Undo", onClick: () => {} },
+ * });
+ * toast.success("Saved!");
+ * toast.error("Something went wrong");
+ * toast.warning("Please review");
+ */
+export function Toaster() {
+  return <Sonner position="top-right" richColors />;
+}
+
+export { toast } from 'sonner';

package/lib/templates/project/reactb2x/_p_/_m_/_w_/_a_/src/pages/Home.tsx

@@ -1,13 +1,12 @@
-import { GlobalSearchInput } from "../features/global-search/components/search/GlobalSearchInput";
-
 export default function Home() {
-	return (
-		<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
-			<div className="text-center">
-				<h1 className="text-4xl font-bold text-gray-900 mb-4">Home</h1>
-				<p className="text-lg text-gray-600 mb-8">Welcome to your React application.</p>
-			</div>
-			<GlobalSearchInput />
-		</div>
-	);
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <div className="text-center">
+        <h1 className="text-4xl font-bold text-gray-900 mb-4">Home</h1>
+        <p className="text-lg text-gray-600 mb-8">
+          Welcome to your React application.
+        </p>
+      </div>
+    </div>
+  );
 }

package/lib/templates/project/reactb2x/_p_/_m_/_w_/_a_/src/routes.tsx

@@ -1,5 +1,5 @@
 import type { RouteObject } from 'react-router';
-import Home from './pages/Home';
+import Home from './features/object-search/__examples__/pages/Home';
 import NotFound from './pages/NotFound';
 import Login from "./features/authentication/pages/Login";
 import Register from "./features/authentication/pages/Register";
@@ -10,10 +10,8 @@ import ChangePassword from "./features/authentication/pages/ChangePassword";
 import AuthenticationRoute from "./features/authentication/layouts/authenticationRouteLayout";
 import PrivateRoute from "./features/authentication/layouts/privateRouteLayout";
 import { ROUTES } from "./features/authentication/authenticationConfig";
-import GlobalSearch from "./features/global-search/pages/GlobalSearch";
-import DetailPage from "./features/global-search/pages/DetailPage";
-import { Suspense } from "react";
-import LoadingFallback from "./features/global-search/components/shared/LoadingFallback";
+import AccountSearch from "./features/object-search/__examples__/pages/AccountSearch";
+import AccountObjectDetail from "./features/object-search/__examples__/pages/AccountObjectDetailPage";
 import AuthAppLayout from "./features/authentication/layouts/AuthAppLayout";
 
 export const routes: RouteObject[] = [
@@ -24,7 +22,7 @@ export const routes: RouteObject[] = [
       {
         index: true,
         element: <Home />,
-        handle: { showInNavigation: true, label: 'Home' }
+        handle: { showInNavigation: true, label: "Home" }
       },
       {
         path: '*',
@@ -56,7 +54,7 @@ export const routes: RouteObject[] = [
         ]
       },
       {
-        element: <PrivateRoute />,
+        element: <PrivateRoute showCardSkeleton />,
         children: [
           {
             path: ROUTES.PROFILE.PATH,
@@ -71,22 +69,12 @@ export const routes: RouteObject[] = [
         ]
       },
       {
-        path: "global-search/:query",
-        element: (
-					<Suspense fallback={<LoadingFallback />}>
-						<GlobalSearch />
-					</Suspense>
-				),
-        handle: { showInNavigation: false }
+        path: "accounts/:recordId",
+        element: <AccountObjectDetail />
       },
       {
-        path: "object/:objectApiName/:recordId",
-        element: (
-					<Suspense fallback={<LoadingFallback />}>
-						<DetailPage />
-					</Suspense>
-				),
-        handle: { showInNavigation: false }
+        path: "accounts",
+        element: <AccountSearch />
       }
     ]
   }

package/lib/templates/project/reactb2x/_p_/_m_/_w_/_a_/tsconfig.json

@@ -31,6 +31,12 @@
       "@assets/*": ["./src/assets/*"]
     }
   },
-  "include": ["src", "vite-env.d.ts", "vitest-env.d.ts"],
+  "include": [
+    "src",
+    "e2e",
+    "vite-env.d.ts",
+    "vitest-env.d.ts",
+    "vitest.setup.ts"
+  ],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/lib/templates/project/reactb2x/_p_/_m_/_w_/_a_/vite.config.ts

@@ -1,3 +1,4 @@
+import { existsSync } from 'node:fs';
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
@@ -6,26 +7,29 @@ import tailwindcss from '@tailwindcss/vite';
 import salesforce from '@salesforce/vite-plugin-webapp-experimental';
 import codegen from 'vite-plugin-graphql-codegen';
 
+const schemaPath = resolve(__dirname, '../../../../../schema.graphql');
+const schemaExists = existsSync(schemaPath);
+
 export default defineConfig(({ mode }) => {
   return {
     base: './',
-    // Type assertion avoids Plugin type mismatch when dist has its own node_modules (vite/rollup)
     plugins: [
       tailwindcss(),
       react(),
       salesforce(),
-      codegen({
-        // Path to the codegen config file
-        configFilePathOverride: resolve(__dirname, 'codegen.yml'),
-        // Run codegen on dev server start
-        runOnStart: true,
-        // Don't run codegen on build for now
-        runOnBuild: false,
-        // Enable file watcher during development
-        enableWatcher: true,
-        // Fail build if codegen errors
-        throwOnBuild: true,
-      }),
+      // Only add codegen when schema exists (e.g. after `npm run graphql:schema`).
+      // In CI or when schema is not checked in, skip codegen so build succeeds.
+      ...(schemaExists
+        ? [
+            codegen({
+              configFilePathOverride: resolve(__dirname, 'codegen.yml'),
+              runOnStart: true,
+              runOnBuild: true,
+              enableWatcher: true,
+              throwOnBuild: true,
+            }),
+          ]
+        : []),
     ] as import('vite').PluginOption[],
 
     // Build configuration for MPA

package/lib/templates/project/reactb2x/_p_/_m_/networks/appreacttemplateb2x.network

@@ -13,7 +13,7 @@
     <enableDirectMessages>true</enableDirectMessages>
     <enableExpFriendlyUrlsAsDefault>false</enableExpFriendlyUrlsAsDefault>
     <enableExperienceBundleBasedSnaOverrideEnabled>true</enableExperienceBundleBasedSnaOverrideEnabled>
-    <enableGuestChatter>false</enableGuestChatter>
+    <enableGuestChatter>true</enableGuestChatter>
     <enableGuestFileAccess>false</enableGuestFileAccess>
     <enableGuestMemberVisibility>false</enableGuestMemberVisibility>
     <enableImageOptimizationCDN>true</enableImageOptimizationCDN>

package/lib/templates/project/reactb2x/_r_/skills/{webapp-react-data-visualization → building-data-visualization}/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: webapp-react-data-visualization
+name: building-data-visualization
 description: Adds data visualization components (charts, stat cards, KPI metrics) to React pages using Recharts. Use when the user asks to add a chart, graph, donut chart, pie chart, bar chart, stat card, KPI metric, dashboard visualization, or analytics component to the web application.
 ---
 
@@ -46,8 +46,8 @@ Recharts is built on D3 and provides declarative React components. No additional
 
 Read the corresponding guide:
 
-- **Bar chart** — use the **`analytics-charts`** skill in `feature-react-chart` (AnalyticsChart component for categorical data).
-- **Line / area chart** — use the **`analytics-charts`** skill in `feature-react-chart` (AnalyticsChart component for time-series data).
+- **Bar chart** — read `implementation/bar-line-chart.md` (categorical data)
+- **Line / area chart** — read `implementation/bar-line-chart.md` (time-series data)
 - **Donut / pie chart** — read `implementation/donut-chart.md`
 - **Stat card with trend** — read `implementation/stat-card.md`
 - **Dashboard layout** — read `implementation/dashboard-layout.md`

package/lib/templates/project/reactb2x/_r_/skills/building-data-visualization/implementation/bar-line-chart.md

@@ -0,0 +1,316 @@
+# Bar & Line / Area Chart — Implementation Guide
+
+Requires **recharts** (install from the web app directory; see SKILL.md Step 2).
+
+---
+
+## Data shapes
+
+### Time-series (line / area chart)
+
+Use when data represents a trend over time or ordered sequence.
+
+```ts
+interface TimeSeriesDataPoint {
+  x: string;   // date or label on the x-axis
+  y: number;   // numeric value
+}
+```
+
+Map raw fields to this shape: e.g. `date` → `x`, `revenue` → `y`.
+
+### Categorical (bar chart)
+
+Use when data compares discrete categories.
+
+```ts
+interface CategoricalDataPoint {
+  name: string;   // category label
+  value: number;  // numeric value
+}
+```
+
+Map raw fields to this shape: e.g. `product` → `name`, `sales` → `value`.
+
+### How to decide
+
+| Signal | Type |
+|--------|------|
+| "over time", "trend", date-like keys | Time-series → line chart |
+| "by category", "by X", label-like keys | Categorical → bar chart |
+
+---
+
+## Theme colors
+
+Pick a theme based on the data's sentiment:
+
+| Theme | Stroke / Fill | When to use |
+|-------|---------------|-------------|
+| `green` | `#22c55e` | Growth, gain, positive trend |
+| `red` | `#ef4444` | Decline, loss, negative trend |
+| `neutral` | `#6366f1` | Default or mixed data |
+
+Define colors as constants — do not use inline hex values.
+
+```ts
+const THEME_COLORS = {
+  red: "#ef4444",
+  green: "#22c55e",
+  neutral: "#6366f1",
+} as const;
+
+type ChartTheme = keyof typeof THEME_COLORS;
+```
+
+---
+
+## Line chart component
+
+Create at `components/LineChart.tsx` (or colocate with the page):
+
+```tsx
+import React from "react";
+import {
+  LineChart as RechartsLineChart,
+  Line,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  Legend,
+  ResponsiveContainer,
+} from "recharts";
+
+const THEME_COLORS = {
+  red: "#ef4444",
+  green: "#22c55e",
+  neutral: "#6366f1",
+} as const;
+
+type ChartTheme = keyof typeof THEME_COLORS;
+
+interface TimeSeriesDataPoint {
+  x: string;
+  y: number;
+}
+
+interface TimeSeriesChartProps {
+  data: TimeSeriesDataPoint[];
+  theme?: ChartTheme;
+  title?: string;
+  className?: string;
+}
+
+export function TimeSeriesChart({
+  data,
+  theme = "neutral",
+  title,
+  className = "",
+}: TimeSeriesChartProps) {
+  if (data.length === 0) {
+    return <p className="text-muted-foreground text-center py-8">No data to display</p>;
+  }
+
+  const color = THEME_COLORS[theme];
+
+  return (
+    <div className={className}>
+      {title && (
+        <h3 className="text-sm font-medium text-primary mb-2 uppercase tracking-wide">
+          {title}
+        </h3>
+      )}
+      <ResponsiveContainer width="100%" height={300}>
+        <RechartsLineChart data={data}>
+          <CartesianGrid strokeDasharray="3 3" />
+          <XAxis dataKey="x" />
+          <YAxis />
+          <Tooltip />
+          <Legend />
+          <Line type="monotone" dataKey="y" stroke={color} strokeWidth={2} dot={false} />
+        </RechartsLineChart>
+      </ResponsiveContainer>
+    </div>
+  );
+}
+```
+
+---
+
+## Bar chart component
+
+Create at `components/BarChart.tsx` (or colocate with the page):
+
+```tsx
+import React from "react";
+import {
+  BarChart as RechartsBarChart,
+  Bar,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  Legend,
+  ResponsiveContainer,
+} from "recharts";
+
+const THEME_COLORS = {
+  red: "#ef4444",
+  green: "#22c55e",
+  neutral: "#6366f1",
+} as const;
+
+type ChartTheme = keyof typeof THEME_COLORS;
+
+interface CategoricalDataPoint {
+  name: string;
+  value: number;
+}
+
+interface CategoricalChartProps {
+  data: CategoricalDataPoint[];
+  theme?: ChartTheme;
+  title?: string;
+  className?: string;
+}
+
+export function CategoricalChart({
+  data,
+  theme = "neutral",
+  title,
+  className = "",
+}: CategoricalChartProps) {
+  if (data.length === 0) {
+    return <p className="text-muted-foreground text-center py-8">No data to display</p>;
+  }
+
+  const color = THEME_COLORS[theme];
+
+  return (
+    <div className={className}>
+      {title && (
+        <h3 className="text-sm font-medium text-primary mb-2 uppercase tracking-wide">
+          {title}
+        </h3>
+      )}
+      <ResponsiveContainer width="100%" height={300}>
+        <RechartsBarChart data={data}>
+          <CartesianGrid strokeDasharray="3 3" />
+          <XAxis dataKey="name" />
+          <YAxis />
+          <Tooltip />
+          <Legend />
+          <Bar dataKey="value" fill={color} radius={[4, 4, 0, 0]} />
+        </RechartsBarChart>
+      </ResponsiveContainer>
+    </div>
+  );
+}
+```
+
+---
+
+## Area chart variant
+
+For a filled area chart (useful for volume-over-time), swap `Line` for `Area`:
+
+```tsx
+import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts";
+
+<ResponsiveContainer width="100%" height={300}>
+  <AreaChart data={data}>
+    <CartesianGrid strokeDasharray="3 3" />
+    <XAxis dataKey="x" />
+    <YAxis />
+    <Tooltip />
+    <Area type="monotone" dataKey="y" stroke={color} fill={color} fillOpacity={0.2} />
+  </AreaChart>
+</ResponsiveContainer>
+```
+
+---
+
+## Chart container wrapper
+
+Wrap any chart in a styled card for consistent spacing:
+
+```tsx
+import { Card } from "@/components/ui/card";
+
+interface ChartContainerProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+export function ChartContainer({ children, className = "" }: ChartContainerProps) {
+  return (
+    <Card className={`p-4 border-gray-200 shadow-sm ${className}`}>
+      {children}
+    </Card>
+  );
+}
+```
+
+Usage:
+
+```tsx
+<ChartContainer>
+  <TimeSeriesChart data={monthlyData} theme="green" title="Monthly Revenue" />
+</ChartContainer>
+```
+
+---
+
+## Preparing raw data
+
+Map API responses to the expected shape before passing to the chart:
+
+```tsx
+const timeSeriesData = useMemo(
+  () => apiRecords.map((r) => ({ x: r.date, y: r.revenue })),
+  [apiRecords],
+);
+
+const categoricalData = useMemo(
+  () => apiRecords.map((r) => ({ name: r.product, value: r.sales })),
+  [apiRecords],
+);
+```
+
+---
+
+## Key Recharts concepts
+
+| Component | Purpose |
+|-----------|---------|
+| `ResponsiveContainer` | Wraps chart to fill parent width |
+| `CartesianGrid` | Background grid lines |
+| `XAxis` / `YAxis` | Axis labels; `dataKey` maps to the data field |
+| `Tooltip` | Hover info |
+| `Legend` | Series labels |
+| `Line` | Line series; `type="monotone"` for smooth curves |
+| `Bar` | Bar series; `radius` rounds top corners |
+| `Area` | Filled area; `fillOpacity` controls transparency |
+
+---
+
+## Accessibility
+
+- Always include a text legend (not just colors).
+- Chart should be wrapped in a section with a visible heading.
+- For critical data, provide a text summary or table alternative.
+- Use sufficient color contrast between the chart stroke/fill and background.
+- Consider `prefers-reduced-motion` for chart animations.
+
+---
+
+## Common mistakes
+
+| Mistake | Fix |
+|---------|-----|
+| Missing `ResponsiveContainer` | Chart won't resize; always wrap |
+| Fixed width/height on chart | Let `ResponsiveContainer` control sizing |
+| No empty-data handling | Show "No data" message when `data.length === 0` |
+| Inline colors | Extract to `THEME_COLORS` constant |
+| Using raw Recharts for every chart type | Use `DonutChart` (see `donut-chart.md`) for pie/donut |

package/lib/templates/project/{reactb2e/_r_/skills/webapp-react-data-visualization → reactb2x/_r_/skills/building-data-visualization}/implementation/donut-chart.md

@@ -156,7 +156,7 @@ Keep chart colors consistent with the app's design system. Define them as consta
 
 ## Other chart types
 
-For **bar charts** and **line charts**, use the `AnalyticsChart` component from `feature-react-chart` instead of raw Recharts. See the **`analytics-charts`** skill for usage.
+For **bar charts** and **line / area charts**, see `bar-line-chart.md` in this directory.
 
 ---
 

package/lib/templates/project/{reactb2e/_r_/skills/webapp-react → reactb2x/_r_/skills/building-react-components}/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: webapp-react
+name: building-react-components
 description: Use when editing any React code in the web application — creating or modifying components, pages, layout, headers, footers, or any TSX/JSX files. Follow this skill for add component, add page, header/footer, and general React UI implementation patterns (shadcn UI and Tailwind CSS).
 ---
 
@@ -68,13 +68,29 @@ Once you have identified the type and gathered answers to the clarifying questio
 
 ---
 
-## Verification
+## TypeScript Standards
 
-Before completing, run from the web app directory `force-app/main/default/webapplications/<appName>/` (use the actual app folder name):
+- **Never use `any`** — use proper types, generics, or `unknown` with type guards.
+- **Event handlers:** `(event: React.FormEvent<HTMLFormElement>): void`
+- **State:** `useState<User | null>(null)` — always provide the type parameter.
+- **No unsafe assertions** (`obj as User`). Use type guards:
+  ```typescript
+  function isUser(obj: unknown): obj is User {
+    return typeof obj === 'object' && obj !== null && typeof (obj as User).id === 'string';
+  }
+  ```
+
+---
+
+## Verification (MANDATORY)
+
+Before completing, run from the web app directory `force-app/main/default/webapplications/<appName>/`:
 
 ```bash
 cd force-app/main/default/webapplications/<appName> && npm run lint && npm run build
 ```
 
-- **Lint:** MUST result in 0 errors. Fix any ESLint or TypeScript issues.
-- **Build:** MUST succeed. Resolve any compilation or Vite build failures before finishing.
+- **Lint:** MUST result in 0 errors.
+- **Build:** MUST succeed (includes TypeScript check).
+
+If either fails, fix the errors and re-run. Do not leave the session with failing quality gates.

package/lib/templates/project/reactb2x/_r_/skills/{webapp-csp-trusted-sites → configuring-csp-trusted-sites}/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: webapp-csp-trusted-sites
+name: configuring-csp-trusted-sites
 description: Creates Salesforce CSP Trusted Site metadata when adding external domains. Use when the user adds an external API, CDN, image host, font provider, map tile server, or any third-party URL that the web application needs to load resources from — or when a browser console shows a CSP violation error.
 ---
 

package/lib/templates/project/{reactb2e/_r_/webapp-webapplication.md → reactb2x/_r_/skills/configuring-webapp-metadata/SKILL.md}

@@ -1,7 +1,6 @@
-
 ---
-paths:
-  - "**/webapplications/**/*"
+name: configuring-webapp-metadata
+description: Use this skill when configuring web application metadata structure, webapplication.json, or bundle organization. Covers WebApplication bundle layout, meta XML, build output directory, and webapplication.json settings.
 ---
 
 # WebApplication Requirements

package/lib/templates/project/reactb2x/_r_/{webapp.md → skills/creating-webapp/SKILL.md}

@@ -1,12 +1,36 @@
 ---
-description: Core web application rules for SFDX React apps
+name: creating-webapp
+description: Use this skill when creating or setting up a new SFDX React web application. Covers first steps, npm install, skills-first protocol, deployment order, and core web app rules.
 paths:
   - "**/webapplications/**/*"
 ---
 
+# First Steps (MUST FOLLOW)
+
+**Always run `npm install` before doing anything else** when working in a web app directory (e.g. `force-app/main/default/webapplications/<appName>/` or a dist app path). Dependencies must be installed before running `npm run dev`, `npm run build`, `npm run lint`, or any other script. If `node_modules` is missing or stale, commands will fail.
+
 # Skills-First (MUST FOLLOW)
 
-**Before writing any code or running any command**, search for relevant skills (`SKILL.md` files) that cover your task. Read the full skill and follow its instructions. Skills live in `.a4drules/skills/` and `feature/*/skills/`. See **webapp-skills-first.md** for the full protocol and a task-to-skill lookup table.
+**Before writing any code or running any command**, search for relevant skills (`SKILL.md` files) that cover your task. Read the full skill and follow its instructions. Skills live in `.a4drules/skills/` and `feature/*/skills/`.
+
+- Do not write custom scripts or complex bash commands for a workflow already covered by a loaded skill.
+- Only proceed with manual execution after confirming no relevant skill exists.
+
+# Deployment Order (MUST FOLLOW)
+
+**Metadata deployments must complete before fetching GraphQL schema or running codegen.** The schema reflects the current org state; custom objects and fields appear only after metadata is deployed. Running schema fetch or codegen too early produces incomplete or incorrect types.
+
+**Invoke the `deploying-to-salesforce` skill** (`.a4drules/skills/deploying-to-salesforce/`) whenever the task involves:
+- Deploying metadata (objects, permission sets, layouts)
+- Fetching GraphQL schema (`npm run graphql:schema`)
+- Running GraphQL codegen (`npm run graphql:codegen`)
+- Generating deploy/setup commands or syncing with the org
+
+The skill enforces the correct sequence: **deploy metadata → assign permset → schema fetch → codegen**.
+
+**Critical rules:**
+- Do **not** run `npm run graphql:schema` before metadata (objects, permission sets) is deployed — the schema will not include custom objects/fields.
+- Do **not** skip schema refetch after any metadata deployment — re-run `npm run graphql:schema` and `npm run graphql:codegen` from the webapp dir.
 
 # Web App Generation
 
@@ -70,6 +94,25 @@ Agents consistently miss these. **You must not leave them default.**
 | Root page content   | Component at root route (often `Home` in `routes.tsx`)               |
 
 
+# React & TypeScript Constraints
+
+## Routing (React Router)
+
+Use a **single** router package. When using `createBrowserRouter` / `RouterProvider`, all imports MUST come from **`react-router`** — not `react-router-dom`.
+
+## Component Library + Styling
+
+- **shadcn/ui** for components: `import { Button } from '@/components/ui/button';`
+- **Tailwind CSS** utility classes
+
+## URL & Path Handling
+
+Apps run behind dynamic base paths. Router navigation (`<Link to>`, `navigate()`) prefer absolute paths (`/x`). Non-router attributes (`<img src>`) use dot-relative (`./x`) to resolve against `<base>`. Prefer Vite `import` for static assets.
+
+## Module Restrictions
+
+React apps must NOT import Salesforce platform modules like `lightning/*` or `@wire` (LWC-only). For data access, invoke the **using-salesforce-data** skill.
+
 # Frontend Aesthetics
 
 **Avoid AI slop.** Make creative, distinctive frontends:
@@ -81,7 +124,7 @@ Agents consistently miss these. **You must not leave them default.**
 
 # Shell Command Safety (MUST FOLLOW)
 
-**Never use complex `node -e` one-liners** for file edits or multi-line transforms. They break in Zsh due to `!` history expansion and backtick interpolation. Use a temporary `.js` file, `sed`/`awk`, `jq`, or IDE file-editing tools instead. See **webapp-cli-commands.md** for full details and approved alternatives.
+**Never use complex `node -e` one-liners** for file edits or multi-line transforms. They break in Zsh due to `!` history expansion and backtick interpolation. Use a temporary `.js` file, `sed`/`awk`, `jq`, or IDE file-editing tools instead.
 
 # Development Cycle
 
@@ -95,4 +138,3 @@ Only stop when:
 - All checklist items are completed and quality gates pass, or
 - A blocking error cannot be resolved after reasonable remediation, or
 - The user explicitly asks to pause.
-