@pega/sdk 0.0.3 → 0.0.4

package/templates/react-sdk-reference/.claude/skills/widget-skills/QuickCreate.md

@@ -18,12 +18,12 @@ Provides a shortcut panel for creating new cases. Case types are sourced from th
 
 ## Props
 
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `heading` | `string` | Yes | Widget title (e.g., `"Create"`) |
-| `showCaseIcons` | `boolean` | No | Whether to show case type icons alongside labels. Default `false` |
-| `classFilter` | `any[]` | No | Array of class names to filter available case types. Empty array = show all |
-| `getPConnect` | `function` | Yes | PConnect getter |
+| Prop            | Type       | Required | Description                                                                 |
+| --------------- | ---------- | -------- | --------------------------------------------------------------------------- |
+| `heading`       | `string`   | Yes      | Widget title (e.g., `"Create"`)                                             |
+| `showCaseIcons` | `boolean`  | No       | Whether to show case type icons alongside labels. Default `false`           |
+| `classFilter`   | `any[]`    | No       | Array of class names to filter available case types. Empty array = show all |
+| `getPConnect`   | `function` | Yes      | PConnect getter                                                             |
 
 ## Behavioral Contract
 
@@ -39,6 +39,7 @@ Provides a shortcut panel for creating new cases. Case types are sourced from th
 ### Case Type Object Mapping
 
 For each case type, build:
+
 ```typescript
 {
   classname: caseType.pyClassName,
@@ -54,6 +55,7 @@ For each case type, build:
 ### Rendering Delegation
 
 Pass the mapped case type array to `WssQuickCreate` (retrieved via `getComponentFromRegistry('WssQuickCreate')`):
+
 ```tsx
 const WssQuickCreate = getComponentFromRegistry('WssQuickCreate');
 return <WssQuickCreate heading={heading} caseTypes={caseTypeObjects} />;
@@ -65,12 +67,13 @@ This component handles all button rendering — `QuickCreate` is purely a data-p
 
 Visual rendering is owned by `WssQuickCreate` (a design system extension component). Typical layout:
 
-| Element | Description |
-|---------|-------------|
-| Heading | Widget title at the top |
+| Element           | Description                                       |
+| ----------------- | ------------------------------------------------- |
+| Heading           | Widget title at the top                           |
 | Case type buttons | One button per case type; icon (optional) + label |
 
 **CSS-only implementation notes (if implementing without `WssQuickCreate`):**
+
 - Container: `display: flex; flex-direction: column; gap: 0.5rem`.
 - Heading: `font-weight: 600; margin-bottom: 0.5rem`.
 - Case type button: `display: flex; align-items: center; gap: 0.5rem; padding: 8px 12px; border: 1px solid var(--border-color); border-radius: 4px; cursor: pointer; background: white`.
@@ -100,15 +103,16 @@ Rendering is delegated to `WssQuickCreate` — implement that DSE component for
 
 If implementing without `WssQuickCreate`:
 
-| Design System | Button List |
-|---|---|
-| Default (CSS only) | `<button>` list with optional `<img>` icon |
-| MUI | `<List>` + `<ListItemButton>` or `<Button>` stack |
-| Ant Design | `<Space direction='vertical'>` + `<Button>` per case type |
-| Chakra UI | `<VStack>` + `<Button>` per case type |
-| Shadcn/ui | `<div>` stack + `<Button variant='outline'>` |
+| Design System      | Button List                                               |
+| ------------------ | --------------------------------------------------------- |
+| Default (CSS only) | `<button>` list with optional `<img>` icon                |
+| MUI                | `<List>` + `<ListItemButton>` or `<Button>` stack         |
+| Ant Design         | `<Space direction='vertical'>` + `<Button>` per case type |
+| Chakra UI          | `<VStack>` + `<Button>` per case type                     |
+| Shadcn/ui          | `<div>` stack + `<Button variant='outline'>`              |
 
 When implementing in a specific design system:
+
 - `classFilter` empty array = show ALL case types (not zero) — this is a common gotcha
 - `createWork` must be called with the correct `containerName` constant (`APP.APP`)
 - `showCaseIcons` is optional — only fetch/render icons when this prop is `true`

package/templates/react-sdk-reference/.claude/skills/widget-skills/SummaryItem.md

@@ -26,12 +26,12 @@ Individual item card for displaying an attachment, file, or link with an icon, n
 
 ### Props
 
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `arItems$` | `object` | Yes | A single item object (see Item Structure below) |
-| `menuIconOverride$` | `string` | No | If provided, replaces the standard actions menu with a single direct-action icon button |
-| `menuIconOverrideAction$` | `function` | No | Callback invoked when the override icon button is clicked |
-| `getPConnect` | `function` | Yes | PConnect getter |
+| Prop                      | Type       | Required | Description                                                                             |
+| ------------------------- | ---------- | -------- | --------------------------------------------------------------------------------------- |
+| `arItems$`                | `object`   | Yes      | A single item object (see Item Structure below)                                         |
+| `menuIconOverride$`       | `string`   | No       | If provided, replaces the standard actions menu with a single direct-action icon button |
+| `menuIconOverrideAction$` | `function` | No       | Callback invoked when the override icon button is clicked                               |
+| `getPConnect`             | `function` | Yes      | PConnect getter                                                                         |
 
 ### Item Structure (`arItems$`)
 
@@ -82,14 +82,15 @@ Individual item card for displaying an attachment, file, or link with an icon, n
                                     [Actions button (⋮ or override)]
 ```
 
-| Element | Description |
-|---------|-------------|
-| File icon | Left side, fixed size (~36px square) |
-| Name | Bold, truncated with ellipsis if too long |
-| Metadata | Smaller, secondary-color text |
+| Element        | Description                                   |
+| -------------- | --------------------------------------------- |
+| File icon      | Left side, fixed size (~36px square)          |
+| Name           | Bold, truncated with ellipsis if too long     |
+| Metadata       | Smaller, secondary-color text                 |
 | Actions button | Right side, `<MoreVertIcon>` or override icon |
 
 **CSS-only implementation notes:**
+
 - Row: `display: flex; align-items: center; gap: 0.75rem; padding: 8px 0`.
 - File icon: `width: 36px; height: 36px; flex-shrink: 0`.
 - Content area: `flex: 1; min-width: 0` (prevents text overflow).
@@ -112,12 +113,12 @@ Individual item card for displaying an attachment, file, or link with an icon, n
 
 ### Props
 
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `arItems$` | `any[]` | Yes | Array of item objects (same shape as `SummaryItem`'s `arItems$`) |
-| `menuIconOverride$` | `string` | No | Passed to every `SummaryItem` |
-| `menuIconOverrideAction$` | `any` | No | Passed to every `SummaryItem` |
-| `getPConnect` | `function` | Yes | PConnect getter |
+| Prop                      | Type       | Required | Description                                                      |
+| ------------------------- | ---------- | -------- | ---------------------------------------------------------------- |
+| `arItems$`                | `any[]`    | Yes      | Array of item objects (same shape as `SummaryItem`'s `arItems$`) |
+| `menuIconOverride$`       | `string`   | No       | Passed to every `SummaryItem`                                    |
+| `menuIconOverrideAction$` | `any`      | No       | Passed to every `SummaryItem`                                    |
+| `getPConnect`             | `function` | Yes      | PConnect getter                                                  |
 
 ### Behavioral Contract
 
@@ -152,15 +153,16 @@ No state, no data fetching — purely a mapping wrapper.
 
 Listed design systems are examples only.
 
-| Design System | Row Layout | Action Menu |
-|---|---|---|
-| Default (CSS only) | `<div>` flexbox row | `<button>` + custom dropdown |
-| MUI | `<ListItem>` or `<Box display='flex'>` | `<IconButton>` + `<Menu>/<MenuItem>` |
-| Ant Design | `<List.Item>` | `<Dropdown menu={{ items }}>` |
-| Chakra UI | `<HStack>` | `<Menu>/<MenuButton>/<MenuList>` |
-| Shadcn/ui | `<div>` flexbox | `<DropdownMenu>` |
+| Design System      | Row Layout                             | Action Menu                          |
+| ------------------ | -------------------------------------- | ------------------------------------ |
+| Default (CSS only) | `<div>` flexbox row                    | `<button>` + custom dropdown         |
+| MUI                | `<ListItem>` or `<Box display='flex'>` | `<IconButton>` + `<Menu>/<MenuItem>` |
+| Ant Design         | `<List.Item>`                          | `<Dropdown menu={{ items }}>`        |
+| Chakra UI          | `<HStack>`                             | `<Menu>/<MenuButton>/<MenuList>`     |
+| Shadcn/ui          | `<div>` flexbox                        | `<DropdownMenu>`                     |
 
 When implementing in a specific design system:
+
 - `menuIconOverride$` completely replaces the standard `⋮` menu — check for it before rendering the actions area
 - `type === 'URL'` must render the name as a clickable link (not plain text)
 - `secondary.error` is a boolean — apply error styling to the `secondary.text` when `true`

package/templates/react-sdk-reference/.claude/skills/widget-skills/ToDo.md

@@ -18,28 +18,30 @@ Renders a compact to-do / worklist panel showing the user's pending assignments.
 
 ## Props
 
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `datasource` | `any` | No | Array of assignments passed directly (used in `todo` type). If provided, skips the data page fetch |
-| `myWorkList` | `any` | No | Work list config object `{ datapage: string, fields: [...] }` — for `worklist` type |
-| `caseInfoID` | `string` | No | Case ID to filter assignments (used in `todo` type) |
-| `headerText` | `string` | No | Widget title. Default: `"To do"` |
-| `itemKey` | `string` | No | Field key (reserved, currently unused) |
-| `showTodoList` | `boolean` | No | Whether to show the assignment list. Default `true` |
-| `type` | `string` | No | `'worklist'` (personal work) or `'todo'` (case-level). Default `'worklist'` |
-| `context` | `string` | No | Context name for API calls. Falls back to `pConn.getContextName()` |
-| `isConfirm` | `boolean` | No | Confirmation mode — adjusts rendering for post-submit confirmation view |
-| `getPConnect` | `function` | Yes | PConnect getter |
+| Prop           | Type       | Required | Description                                                                                        |
+| -------------- | ---------- | -------- | -------------------------------------------------------------------------------------------------- |
+| `datasource`   | `any`      | No       | Array of assignments passed directly (used in `todo` type). If provided, skips the data page fetch |
+| `myWorkList`   | `any`      | No       | Work list config object `{ datapage: string, fields: [...] }` — for `worklist` type                |
+| `caseInfoID`   | `string`   | No       | Case ID to filter assignments (used in `todo` type)                                                |
+| `headerText`   | `string`   | No       | Widget title. Default: `"To do"`                                                                   |
+| `itemKey`      | `string`   | No       | Field key (reserved, currently unused)                                                             |
+| `showTodoList` | `boolean`  | No       | Whether to show the assignment list. Default `true`                                                |
+| `type`         | `string`   | No       | `'worklist'` (personal work) or `'todo'` (case-level). Default `'worklist'`                        |
+| `context`      | `string`   | No       | Context name for API calls. Falls back to `pConn.getContextName()`                                 |
+| `isConfirm`    | `boolean`  | No       | Confirmation mode — adjusts rendering for post-submit confirmation view                            |
+| `getPConnect`  | `function` | Yes      | PConnect getter                                                                                    |
 
 ## Behavioral Contract
 
 ### Data Source Resolution
 
 **`type === 'todo'` (case-level):**
+
 - Use `datasource` prop directly (array of assignment objects).
 - `caseInfoID` is used to scope the assignments.
 
 **`type === 'worklist'` (personal work):**
+
 - Fetch from `myWorkList.datapage` (e.g., `D_WorkList`) via:
   ```
   PCore.getDataPageUtils().getDataAsync(
@@ -69,20 +71,22 @@ Renders a compact to-do / worklist panel showing the user's pending assignments.
 ### Open Assignment
 
 On item click:
+
 ```typescript
 pConn.getActionsApi().openAssignment(
-  assignment.pxRefObjectKey,   // case key
+  assignment.pxRefObjectKey, // case key
   assignment.pxRefObjectClass, // class name
   {
     containerName: pConn.getContainerName() || PCore.getConstants().APP.APP,
-    channelName: ''
-  }
+    channelName: '',
+  },
 );
 ```
 
 ### Assignment Item Rendering
 
 For each assignment, show:
+
 - **Avatar:** Circle with user initials (derived from `pConn.getContextObject?.().pyLabel` or operator name).
 - **Name/title:** `assignment.pyLabel` — the assignment task name.
 - **Status badge (worklist only):** `assignment.pyStatusWork` — colored status pill.
@@ -93,6 +97,7 @@ For each assignment, show:
 ### Responsive Layout
 
 Use `useMediaQuery(theme.breakpoints.down('sm'))` (MUI) to detect mobile:
+
 - **Desktop:** Show avatar, name, status, priority, and arrow in a horizontal row.
 - **Mobile:** Stack or truncate elements for narrow display.
 
@@ -109,10 +114,11 @@ If an assignment has `canPerform === false`, render it as non-clickable (greyed
 ### Operator Avatar Initials
 
 Extract initials from `PCore.getEnvironmentInfo().getOperatorName()`:
+
 ```typescript
 const initials = operatorName
   .split(' ')
-  .map(w => w[0])
+  .map((w) => w[0])
   .join('')
   .substring(0, 2)
   .toUpperCase();
@@ -122,23 +128,24 @@ const initials = operatorName
 
 ### Card Layout
 
-| Element | Description |
-|---------|-------------|
-| Card header | `headerText` (default `"To do"`) + badge with count |
-| Assignment rows | Up to `showCount` items |
-| Show more/less button | Below the last visible item |
+| Element               | Description                                         |
+| --------------------- | --------------------------------------------------- |
+| Card header           | `headerText` (default `"To do"`) + badge with count |
+| Assignment rows       | Up to `showCount` items                             |
+| Show more/less button | Below the last visible item                         |
 
 ### Assignment Row
 
-| Element | Desktop | Mobile |
-|---------|---------|--------|
-| Avatar circle | Shown | Shown |
-| Task name | Full text | Truncated |
-| Status badge | Shown | Hidden or small |
-| Priority indicator | Shown | Simplified |
-| Arrow icon | Shown | Shown |
+| Element            | Desktop   | Mobile          |
+| ------------------ | --------- | --------------- |
+| Avatar circle      | Shown     | Shown           |
+| Task name          | Full text | Truncated       |
+| Status badge       | Shown     | Hidden or small |
+| Priority indicator | Shown     | Simplified      |
+| Arrow icon         | Shown     | Shown           |
 
 **CSS-only implementation notes:**
+
 - Card: standard card layout.
 - Assignment row: `display: flex; align-items: center; gap: 0.75rem; padding: 10px 0; cursor: pointer; border-bottom: 1px solid var(--divider-color)`.
 - Avatar: `width: 36px; height: 36px; border-radius: 50%; background: var(--avatar-bg); display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 600`.
@@ -175,15 +182,16 @@ const initials = operatorName
 
 Listed design systems are examples only.
 
-| Design System | Card | List | Badge | Snackbar |
-|---|---|---|---|---|
-| Default (CSS only) | `<div>` card | `<ul>/<li>` | CSS counter badge | Custom toast overlay |
-| MUI | `<Card>` + `<CardHeader>` | `<List>/<ListItem>` | `<Badge>` | `<Snackbar>/<Alert>` |
-| Ant Design | `<Card>` | `<List>` | `<Badge count={N}>` | `message.error()` |
-| Chakra UI | `<Card>` | `<VStack>` | `<Badge>` | `useToast()` |
-| Shadcn/ui | `<Card>` | `<ul>/<li>` | Custom badge | `<Toaster>` + `toast.error()` |
+| Design System      | Card                      | List                | Badge               | Snackbar                      |
+| ------------------ | ------------------------- | ------------------- | ------------------- | ----------------------------- |
+| Default (CSS only) | `<div>` card              | `<ul>/<li>`         | CSS counter badge   | Custom toast overlay          |
+| MUI                | `<Card>` + `<CardHeader>` | `<List>/<ListItem>` | `<Badge>`           | `<Snackbar>/<Alert>`          |
+| Ant Design         | `<Card>`                  | `<List>`            | `<Badge count={N}>` | `message.error()`             |
+| Chakra UI          | `<Card>`                  | `<VStack>`          | `<Badge>`           | `useToast()`                  |
+| Shadcn/ui          | `<Card>`                  | `<ul>/<li>`         | Custom badge        | `<Toaster>` + `toast.error()` |
 
 When implementing in a specific design system:
+
 - Show top 3 items by default — `showCount` state controls slice; "Show more/less" toggles between 3 and full length
 - `canPerform === false` must make the row non-clickable — check this before calling `openAssignment`
 - `type === 'worklist'` fetches from a data page; `type === 'todo'` uses the `datasource` prop — both paths must be implemented

package/templates/react-sdk-reference/.cursor/rules/prompts/component-manifest.json

@@ -10,102 +10,184 @@
     "workflow-form": {
       "folders": ["field"],
       "components": [
-        { "name": "Stages", "category": "infra", "path": "src/components/infra/Stages" }
+        {
+          "name": "Stages",
+          "category": "infra",
+          "path": "src/components/infra/Stages"
+        }
       ]
     }
   },
   "components": {
     "field": [
-      { "name": "AutoComplete",    "path": "src/components/field/AutoComplete" },
-      { "name": "CancelAlert",     "path": "src/components/field/CancelAlert" },
-      { "name": "Checkbox",        "path": "src/components/field/Checkbox" },
-      { "name": "Currency",        "path": "src/components/field/Currency" },
-      { "name": "Date",            "path": "src/components/field/Date" },
-      { "name": "DateTime",        "path": "src/components/field/DateTime" },
-      { "name": "Decimal",         "path": "src/components/field/Decimal" },
-      { "name": "Dropdown",        "path": "src/components/field/Dropdown" },
-      { "name": "Email",           "path": "src/components/field/Email" },
-      { "name": "Group",           "path": "src/components/field/Group" },
-      { "name": "Integer",         "path": "src/components/field/Integer" },
-      { "name": "Location",        "path": "src/components/field/Location" },
-      { "name": "Multiselect",     "path": "src/components/field/Multiselect" },
-      { "name": "ObjectReference", "path": "src/components/field/ObjectReference" },
-      { "name": "Percentage",      "path": "src/components/field/Percentage" },
-      { "name": "Phone",           "path": "src/components/field/Phone" },
-      { "name": "RadioButtons",    "path": "src/components/field/RadioButtons" },
-      { "name": "RichText",        "path": "src/components/field/RichText" },
-      { "name": "ScalarList",      "path": "src/components/field/ScalarList" },
-      { "name": "SelectableCard",  "path": "src/components/field/SelectableCard" },
-      { "name": "SemanticLink",    "path": "src/components/field/SemanticLink" },
-      { "name": "TextArea",        "path": "src/components/field/TextArea" },
-      { "name": "TextContent",     "path": "src/components/field/TextContent" },
-      { "name": "TextInput",       "path": "src/components/field/TextInput" },
-      { "name": "Time",            "path": "src/components/field/Time" },
-      { "name": "URL",             "path": "src/components/field/URL" },
-      { "name": "UserReference",   "path": "src/components/field/UserReference" }
+      { "name": "AutoComplete", "path": "src/components/field/AutoComplete" },
+      { "name": "CancelAlert", "path": "src/components/field/CancelAlert" },
+      { "name": "Checkbox", "path": "src/components/field/Checkbox" },
+      { "name": "Currency", "path": "src/components/field/Currency" },
+      { "name": "Date", "path": "src/components/field/Date" },
+      { "name": "DateTime", "path": "src/components/field/DateTime" },
+      { "name": "Decimal", "path": "src/components/field/Decimal" },
+      { "name": "Dropdown", "path": "src/components/field/Dropdown" },
+      { "name": "Email", "path": "src/components/field/Email" },
+      { "name": "Group", "path": "src/components/field/Group" },
+      { "name": "Integer", "path": "src/components/field/Integer" },
+      { "name": "Location", "path": "src/components/field/Location" },
+      { "name": "Multiselect", "path": "src/components/field/Multiselect" },
+      {
+        "name": "ObjectReference",
+        "path": "src/components/field/ObjectReference"
+      },
+      { "name": "Percentage", "path": "src/components/field/Percentage" },
+      { "name": "Phone", "path": "src/components/field/Phone" },
+      { "name": "RadioButtons", "path": "src/components/field/RadioButtons" },
+      { "name": "RichText", "path": "src/components/field/RichText" },
+      { "name": "ScalarList", "path": "src/components/field/ScalarList" },
+      {
+        "name": "SelectableCard",
+        "path": "src/components/field/SelectableCard"
+      },
+      { "name": "SemanticLink", "path": "src/components/field/SemanticLink" },
+      { "name": "TextArea", "path": "src/components/field/TextArea" },
+      { "name": "TextContent", "path": "src/components/field/TextContent" },
+      { "name": "TextInput", "path": "src/components/field/TextInput" },
+      { "name": "Time", "path": "src/components/field/Time" },
+      { "name": "URL", "path": "src/components/field/URL" },
+      { "name": "UserReference", "path": "src/components/field/UserReference" }
     ],
     "template": [
-      { "name": "AdvancedSearch",         "path": "src/components/template/AdvancedSearch" },
-      { "name": "AppShell",               "path": "src/components/template/AppShell" },
-      { "name": "BannerPage",             "path": "src/components/template/BannerPage" },
-      { "name": "CaseSummary",            "path": "src/components/template/CaseSummary" },
-      { "name": "CaseView",               "path": "src/components/template/CaseView" },
-      { "name": "CaseViewActionsMenu",    "path": "src/components/template/CaseViewActionsMenu" },
-      { "name": "Confirmation",           "path": "src/components/template/Confirmation" },
-      { "name": "DataReference",          "path": "src/components/template/DataReference" },
-      { "name": "DefaultForm",            "path": "src/components/template/DefaultForm" },
-      { "name": "DefaultPage",            "path": "src/components/template/DefaultPage" },
-      { "name": "Details",                "path": "src/components/template/Details" },
-      { "name": "FieldGroupTemplate",     "path": "src/components/template/FieldGroupTemplate" },
-      { "name": "HierarchicalForm",       "path": "src/components/template/HierarchicalForm" },
-      { "name": "InlineDashboard",        "path": "src/components/template/InlineDashboard" },
-      { "name": "InlineDashboardPage",    "path": "src/components/template/InlineDashboardPage" },
-      { "name": "ListPage",               "path": "src/components/template/ListPage" },
-      { "name": "ListView",               "path": "src/components/template/ListView" },
-      { "name": "MultiReferenceReadOnly", "path": "src/components/template/MultiReferenceReadOnly" },
-      { "name": "NarrowWide",             "path": "src/components/template/NarrowWide" },
-      { "name": "ObjectPage",             "path": "src/components/template/ObjectPage" },
-      { "name": "OneColumn",              "path": "src/components/template/OneColumn" },
-      { "name": "PromotedFilters",        "path": "src/components/template/PromotedFilters" },
-      { "name": "SelfServiceCaseView",    "path": "src/components/template/SelfServiceCaseView" },
-      { "name": "SimpleTable",            "path": "src/components/template/SimpleTable" },
-      { "name": "SingleReferenceReadOnly","path": "src/components/template/SingleReferenceReadOnly" },
-      { "name": "SubTabs",                "path": "src/components/template/SubTabs" },
-      { "name": "TwoColumn",              "path": "src/components/template/TwoColumn" },
-      { "name": "WideNarrow",             "path": "src/components/template/WideNarrow" },
-      { "name": "WssNavBar",              "path": "src/components/template/WssNavBar" }
+      {
+        "name": "AdvancedSearch",
+        "path": "src/components/template/AdvancedSearch"
+      },
+      { "name": "AppShell", "path": "src/components/template/AppShell" },
+      { "name": "BannerPage", "path": "src/components/template/BannerPage" },
+      { "name": "CaseSummary", "path": "src/components/template/CaseSummary" },
+      { "name": "CaseView", "path": "src/components/template/CaseView" },
+      {
+        "name": "CaseViewActionsMenu",
+        "path": "src/components/template/CaseViewActionsMenu"
+      },
+      {
+        "name": "Confirmation",
+        "path": "src/components/template/Confirmation"
+      },
+      {
+        "name": "DataReference",
+        "path": "src/components/template/DataReference"
+      },
+      { "name": "DefaultForm", "path": "src/components/template/DefaultForm" },
+      { "name": "DefaultPage", "path": "src/components/template/DefaultPage" },
+      { "name": "Details", "path": "src/components/template/Details" },
+      {
+        "name": "FieldGroupTemplate",
+        "path": "src/components/template/FieldGroupTemplate"
+      },
+      {
+        "name": "HierarchicalForm",
+        "path": "src/components/template/HierarchicalForm"
+      },
+      {
+        "name": "InlineDashboard",
+        "path": "src/components/template/InlineDashboard"
+      },
+      {
+        "name": "InlineDashboardPage",
+        "path": "src/components/template/InlineDashboardPage"
+      },
+      { "name": "ListPage", "path": "src/components/template/ListPage" },
+      { "name": "ListView", "path": "src/components/template/ListView" },
+      {
+        "name": "MultiReferenceReadOnly",
+        "path": "src/components/template/MultiReferenceReadOnly"
+      },
+      { "name": "NarrowWide", "path": "src/components/template/NarrowWide" },
+      { "name": "ObjectPage", "path": "src/components/template/ObjectPage" },
+      { "name": "OneColumn", "path": "src/components/template/OneColumn" },
+      {
+        "name": "PromotedFilters",
+        "path": "src/components/template/PromotedFilters"
+      },
+      {
+        "name": "SelfServiceCaseView",
+        "path": "src/components/template/SelfServiceCaseView"
+      },
+      { "name": "SimpleTable", "path": "src/components/template/SimpleTable" },
+      {
+        "name": "SingleReferenceReadOnly",
+        "path": "src/components/template/SingleReferenceReadOnly"
+      },
+      { "name": "SubTabs", "path": "src/components/template/SubTabs" },
+      { "name": "TwoColumn", "path": "src/components/template/TwoColumn" },
+      { "name": "WideNarrow", "path": "src/components/template/WideNarrow" },
+      { "name": "WssNavBar", "path": "src/components/template/WssNavBar" }
     ],
     "widget": [
-      { "name": "AppAnnouncement", "path": "src/components/widget/AppAnnouncement" },
-      { "name": "Attachment",      "path": "src/components/widget/Attachment" },
-      { "name": "CaseHistory",     "path": "src/components/widget/CaseHistory" },
-      { "name": "FileUtility",     "path": "src/components/widget/FileUtility" },
-      { "name": "Followers",       "path": "src/components/widget/Followers" },
-      { "name": "QuickCreate",     "path": "src/components/widget/QuickCreate" },
-      { "name": "SummaryItem",     "path": "src/components/widget/SummaryItem" },
-      { "name": "SummaryList",     "path": "src/components/widget/SummaryList" },
-      { "name": "ToDo",            "path": "src/components/widget/ToDo" }
+      {
+        "name": "AppAnnouncement",
+        "path": "src/components/widget/AppAnnouncement"
+      },
+      { "name": "Attachment", "path": "src/components/widget/Attachment" },
+      { "name": "CaseHistory", "path": "src/components/widget/CaseHistory" },
+      { "name": "FileUtility", "path": "src/components/widget/FileUtility" },
+      { "name": "Followers", "path": "src/components/widget/Followers" },
+      { "name": "QuickCreate", "path": "src/components/widget/QuickCreate" },
+      { "name": "SummaryItem", "path": "src/components/widget/SummaryItem" },
+      { "name": "SummaryList", "path": "src/components/widget/SummaryList" },
+      { "name": "ToDo", "path": "src/components/widget/ToDo" }
     ],
     "infra": [
-      { "name": "ActionButtons",   "path": "src/components/infra/ActionButtons" },
-      { "name": "DashboardFilter", "path": "src/components/infra/DashboardFilter" },
-      { "name": "DeferLoad",       "path": "src/components/infra/DeferLoad" },
-      { "name": "NavBar",          "path": "src/components/infra/NavBar" },
-      { "name": "Stages",          "path": "src/components/infra/Stages" },
-      { "name": "VerticalTabs",    "path": "src/components/infra/VerticalTabs" }
+      { "name": "ActionButtons", "path": "src/components/infra/ActionButtons" },
+      {
+        "name": "DashboardFilter",
+        "path": "src/components/infra/DashboardFilter"
+      },
+      { "name": "DeferLoad", "path": "src/components/infra/DeferLoad" },
+      { "name": "NavBar", "path": "src/components/infra/NavBar" },
+      { "name": "Stages", "path": "src/components/infra/Stages" },
+      { "name": "VerticalTabs", "path": "src/components/infra/VerticalTabs" }
     ],
     "designSystemExtension": [
-      { "name": "AlertBanner",       "path": "src/components/designSystemExtension/AlertBanner" },
-      { "name": "Banner",            "path": "src/components/designSystemExtension/Banner" },
-      { "name": "CaseSummaryFields", "path": "src/components/designSystemExtension/CaseSummaryFields" },
-      { "name": "DetailsFields",     "path": "src/components/designSystemExtension/DetailsFields" },
-      { "name": "FieldGroup",        "path": "src/components/designSystemExtension/FieldGroup" },
-      { "name": "FieldGroupList",    "path": "src/components/designSystemExtension/FieldGroupList" },
-      { "name": "FieldValueList",    "path": "src/components/designSystemExtension/FieldValueList" },
-      { "name": "Operator",          "path": "src/components/designSystemExtension/Operator" },
-      { "name": "Pulse",             "path": "src/components/designSystemExtension/Pulse" },
-      { "name": "RichTextEditor",    "path": "src/components/designSystemExtension/RichTextEditor" },
-      { "name": "WssQuickCreate",    "path": "src/components/designSystemExtension/WssQuickCreate" }
+      {
+        "name": "AlertBanner",
+        "path": "src/components/designSystemExtension/AlertBanner"
+      },
+      {
+        "name": "Banner",
+        "path": "src/components/designSystemExtension/Banner"
+      },
+      {
+        "name": "CaseSummaryFields",
+        "path": "src/components/designSystemExtension/CaseSummaryFields"
+      },
+      {
+        "name": "DetailsFields",
+        "path": "src/components/designSystemExtension/DetailsFields"
+      },
+      {
+        "name": "FieldGroup",
+        "path": "src/components/designSystemExtension/FieldGroup"
+      },
+      {
+        "name": "FieldGroupList",
+        "path": "src/components/designSystemExtension/FieldGroupList"
+      },
+      {
+        "name": "FieldValueList",
+        "path": "src/components/designSystemExtension/FieldValueList"
+      },
+      {
+        "name": "Operator",
+        "path": "src/components/designSystemExtension/Operator"
+      },
+      { "name": "Pulse", "path": "src/components/designSystemExtension/Pulse" },
+      {
+        "name": "RichTextEditor",
+        "path": "src/components/designSystemExtension/RichTextEditor"
+      },
+      {
+        "name": "WssQuickCreate",
+        "path": "src/components/designSystemExtension/WssQuickCreate"
+      }
     ]
   }
 }