@rippling/rippling-sdk 0.2.0-alpha.48 → 0.2.0-alpha.49

package/src/lib/manifest/field.ts

@@ -9,7 +9,11 @@ import type { CustomObject } from './custom-object';
 import { CustomObjectFieldSection } from './custom-object-field-section';
 import { getExistingManifestContext, type ExistingManifestContextOptions } from './existing-manifest-context';
 import type { ManifestComponentDeletion } from './manifest-builder';
-import { requireObjectComponentField, requireStringComponentField } from './_existing-component-fields';
+import {
+  optionalStringComponentField,
+  requireObjectComponentField,
+  requireStringComponentField,
+} from './_existing-component-fields';
 
 export interface CustomObjectFieldDeletionIdentifier {
   customObjectApiName: string;
@@ -70,7 +74,7 @@ function cloneJson<T>(value: T): T {
 interface CommonFieldProps {
   apiName: string;
   displayName: string;
-  description?: string;
+  description: string;
   section: CustomObjectFieldSection;
 }
 
@@ -86,7 +90,7 @@ export interface FieldProps {
   // props under `exactOptionalPropertyTypes`.
   fieldType?: FieldType | undefined;
   dataType?: Record<string, any> | undefined;
-  description?: string | null | undefined;
+  description: string;
   required?: boolean | null | undefined;
   unique?: boolean | null | undefined;
   indexed?: boolean | null | undefined;
@@ -237,7 +241,7 @@ export class Field {
   private readonly _fieldDisplayName: string;
   private readonly _customObjectApiName: string;
   private readonly _dataType: Record<string, any>;
-  private readonly _description: string | null;
+  private readonly _description: string;
   private readonly _isRequired: boolean | null;
   private readonly _isUnique: boolean | null;
   private readonly _isIndexed: boolean | null;
@@ -267,7 +271,7 @@ export class Field {
     if (props.options != null) dt['options_list'] = [...props.options];
     this._dataType = dt;
 
-    this._description = props.description ?? null;
+    this._description = props.description;
     this._isRequired = props.required ?? null;
     this._isUnique = props.unique ?? null;
     this._isIndexed = props.indexed ?? null;
@@ -302,8 +306,8 @@ export class Field {
       apiName: requireStringComponentField(component, 'field_api_name', Field.componentType),
       displayName: requireStringComponentField(component, 'field_display_name', Field.componentType),
       dataType: cloneJson(requireObjectComponentField(component, 'data_type', Field.componentType)),
+      description: optionalStringComponentField(component, 'description'),
     } as FieldProps;
-    if (component['description'] !== undefined) props.description = component['description'];
     if (component['is_required'] !== undefined) props.required = component['is_required'];
     if (component['is_unique'] !== undefined) props.unique = component['is_unique'];
     if (component['is_indexed'] !== undefined) props.indexed = component['is_indexed'];

package/src/lib/manifest/list-view.ts

@@ -4,6 +4,7 @@ import { getExistingManifestContext, type ExistingManifestContextOptions } from
 import type { Field } from './field';
 import type { ManifestComponentDeletion } from './manifest-builder';
 import {
+  optionalStringComponentField,
   requireArrayComponentField,
   requireBooleanComponentField,
   requireStringComponentField,
@@ -74,9 +75,9 @@ export interface ListViewDefProps {
   /**
    * Human-readable description of this view.
    *
-   * Optional. @default null
+   * Required.
    */
-  description?: string;
+  description: string;
   /**
    * Per-column configuration overrides keyed by field API name.
    *
@@ -151,7 +152,7 @@ export class ListViewDef {
   private readonly _orderBy: Field | undefined;
   private readonly _sortOrder: SortOrder | undefined;
   private readonly _objectScope: ObjectScope | undefined;
-  private readonly _description: string | undefined;
+  private readonly _description: string;
   private readonly _columnConfig: Record<string, ListViewColumnConfig> | undefined;
   private readonly _rqlFilter: string | undefined;
 
@@ -198,12 +199,12 @@ export class ListViewDef {
     const props: ListViewDefProps = {
       viewId: requireStringComponentField(component, 'view_id', ListViewDef.componentType),
       name: requireStringComponentField(component, 'name', ListViewDef.componentType),
+      description: optionalStringComponentField(component, 'description'),
       fields: requireArrayComponentField<string>(component, 'fields', ListViewDef.componentType).map(
         (fieldApiName: string) => resolveField(fieldApiName),
       ),
       isPublic: requireBooleanComponentField(component, 'public', ListViewDef.componentType),
     };
-    if (component['description'] !== undefined) props.description = component['description'];
     if (component['object_scope'] !== undefined) props.objectScope = component['object_scope'];
     if (component['sort_order'] !== undefined) props.sortOrder = component['sort_order'];
     if (component['column_config'] !== undefined) props.columnConfig = component['column_config'];
@@ -240,8 +241,8 @@ export class ListViewDef {
       name: this._name,
       public: this._isPublic,
       fields: this._fields.map((f) => f.getApiName()),
+      description: this._description,
     };
-    if (this._description != null) d['description'] = this._description;
     if (this._objectScope != null) d['object_scope'] = this._objectScope;
     if (this._sortOrder != null) d['sort_order'] = this._sortOrder;
     if (this._orderBy != null) d['order_by'] = this._orderBy.getApiName();

package/src/lib/manifest/manifest-builder.ts

@@ -74,9 +74,9 @@ export interface ManifestBuilderProps {
   /**
    * Human-readable description of what this manifest contains.
    *
-   * Optional.
+   * Required.
    */
-  description?: string;
+  description: string;
 }
 
 /**
@@ -131,7 +131,7 @@ export class ManifestBuilder implements ManifestScope {
     }
     this.key = props.key;
     this.name = props.name || props.key;
-    this.description = props.description ?? '';
+    this.description = props.description;
   }
 
   /**
@@ -200,16 +200,14 @@ export class ManifestBuilder implements ManifestScope {
    * Returns the manifest as a plain object with `metadata`, a flat `components` array,
    * and a `components_to_delete` array when deletions are registered.
    *
-   * @returns `{ metadata: { key, name, description? }, components, components_to_delete? }`
+   * @returns `{ metadata: { key, name, description }, components, components_to_delete? }`
    */
   buildManifest(): BuiltManifest {
     const metadata: Record<string, any> = {
       key: this.key,
       name: this.name,
+      description: this.description,
     };
-    if (this.description) {
-      metadata['description'] = this.description;
-    }
     const components = this._components.map((c) => c.toDict());
     const manifest: BuiltManifest = { metadata, components };
     if (this._componentsToDelete.length > 0) {

package/src/lib/manifest/manifest-function.ts

@@ -1,6 +1,6 @@
 import { getExistingManifestContext, type ExistingManifestContextOptions } from './existing-manifest-context';
 import type { ManifestComponentDeletion, ManifestScope } from './manifest-builder';
-import { requireStringComponentField } from './_existing-component-fields';
+import { optionalStringComponentField, requireStringComponentField } from './_existing-component-fields';
 
 /**
  * Initialization properties for {@link ManifestFunction}.
@@ -27,9 +27,9 @@ export interface ManifestFunctionProps {
   /**
    * Human-readable description of what this function does.
    *
-   * Optional. @default `''`
+   * Required.
    */
-  description?: string;
+  description: string;
   /**
    * NPM package dependencies as a `{ packageName: versionRange }` map
    * (e.g. `{ '@rippling/rippling-sdk': '^0.2.0' }`).
@@ -65,8 +65,8 @@ export interface ManifestFunctionProps {
  *
  * Functions have two primary uses:
  * 1. **Authoring SDUI for Custom Apps** — the function returns an SDUI spec
- *    (built with `@rippling/sdui-builder`) that renders as a page tab. Wrap the
- *    function in an {@link SduiPage} and reference it from an {@link App}.
+ *    (built with `@rippling/rippling-sdk/lib/sdui`) that renders as a page tab.
+ *    Wrap the function in an {@link SduiPage} and reference it from an {@link App}.
  * 2. **Workflow / event handlers** — functions invoked from rules, automations,
  *    or callbacks that do not render UI.
  *
@@ -83,7 +83,6 @@ export interface ManifestFunctionProps {
  *   code: handlerSource,
  *   dependencies: {
  *     '@rippling/rippling-sdk': '^0.2.0-alpha.33',
- *     '@rippling/sdui-builder': '^0.1.0',
  *   },
  *   isAsync: false,
  * });
@@ -118,7 +117,7 @@ export class ManifestFunction {
     this._apiName = props.apiName;
     this._name = props.name;
     this._code = props.code ?? '';
-    this._description = props.description ?? '';
+    this._description = props.description;
     this._dependencies = props.dependencies;
     this._deploymentOptions = props.deploymentOptions;
     this._allowedDomains = props.allowedDomains;
@@ -138,9 +137,9 @@ export class ManifestFunction {
     const props: ManifestFunctionProps = {
       apiName: requireStringComponentField(component, 'api_name', ManifestFunction.componentType),
       name: requireStringComponentField(component, 'name', ManifestFunction.componentType),
+      description: optionalStringComponentField(component, 'description'),
     };
     if (component['code_draft'] !== undefined) props.code = component['code_draft'];
-    if (component['description'] !== undefined) props.description = component['description'];
     if (component['dependencies'] !== undefined) props.dependencies = component['dependencies'];
     if (component['deployment_options'] !== undefined) {
       props.deploymentOptions = component['deployment_options'];
@@ -167,8 +166,8 @@ export class ManifestFunction {
       type: ManifestFunction.componentType,
       name: this._name,
       api_name: this._apiName,
+      description: this._description,
     };
-    if (this._description) component['description'] = this._description;
     if (this._code) component['code_draft'] = this._code;
     if (this._dependencies != null) component['dependencies'] = this._dependencies;
     if (this._deploymentOptions != null) component['deployment_options'] = this._deploymentOptions;

package/src/lib/manifest/rule.ts

@@ -3,7 +3,7 @@ import type { CustomObject } from './custom-object';
 import { getExistingManifestContext, type ExistingManifestContextOptions } from './existing-manifest-context';
 import type { Field } from './field';
 import type { ManifestComponentDeletion } from './manifest-builder';
-import { requireStringComponentField } from './_existing-component-fields';
+import { optionalStringComponentField, requireStringComponentField } from './_existing-component-fields';
 
 export interface RuleDeletionIdentifier {
   flowId: string;
@@ -75,9 +75,9 @@ export interface RuleProps {
   /**
    * Internal description of this rule (for developer reference only).
    *
-   * Optional. @default null
+   * Required.
    */
-  description?: string;
+  description: string;
   /**
    * Actions to run when the rule fires. Each action sets one field to a fixed value
    * or RQL formula result.
@@ -154,7 +154,7 @@ export class Rule {
   private readonly _triggerType: TriggerType;
   private readonly _rqlCondition: string | undefined;
   private readonly _updateTriggerType: UpdateTriggerType | undefined;
-  private readonly _description: string | undefined;
+  private readonly _description: string;
   private readonly _actions: RuleAction[];
 
   /**
@@ -197,6 +197,7 @@ export class Rule {
       flowId: requireStringComponentField(component, 'flow_id', Rule.componentType),
       flowName: requireStringComponentField(component, 'flow_name', Rule.componentType),
       triggerType: requireStringComponentField(component, 'trigger_type', Rule.componentType) as TriggerType,
+      description: optionalStringComponentField(component, 'description'),
       actions: (component['actions'] ?? []).map((action: Record<string, any>): RuleAction => {
         const out: RuleAction = {
           targetField: resolveField(action['target_field']),
@@ -206,7 +207,6 @@ export class Rule {
         return out;
       }),
     };
-    if (component['description'] !== undefined) props.description = component['description'];
     if (component['rql_condition'] !== undefined) props.rqlCondition = component['rql_condition'];
     if (component['update_trigger_type'] !== undefined) {
       props.updateTriggerType = component['update_trigger_type'];
@@ -241,8 +241,8 @@ export class Rule {
       flow_id: this._flowId,
       flow_name: this._flowName,
       trigger_type: this._triggerType,
+      description: this._description,
     };
-    if (this._description != null) component['description'] = this._description;
     if (this._updateTriggerType != null) component['update_trigger_type'] = this._updateTriggerType;
     if (this._rqlCondition != null) component['rql_condition'] = this._rqlCondition;
     if (this._actions.length > 0) component['actions'] = this._actions.map(actionToDict);

package/src/lib/manifest/sdui-page.ts

@@ -1,7 +1,7 @@
 import { getExistingManifestContext, type ExistingManifestContextOptions } from './existing-manifest-context';
 import type { ManifestFunction } from './manifest-function';
 import type { ManifestComponentDeletion, ManifestScope } from './manifest-builder';
-import { requireStringComponentField } from './_existing-component-fields';
+import { optionalStringComponentField, requireStringComponentField } from './_existing-component-fields';
 
 /**
  * Initialization properties for {@link SduiPage}.
@@ -29,9 +29,9 @@ export interface SduiPageProps {
   /**
    * Human-readable description of what this page shows.
    *
-   * Optional. @default `''`
+   * Required.
    */
-  description?: string;
+  description: string;
 }
 
 /**
@@ -92,7 +92,7 @@ export class SduiPage {
     this._sduiPageId = props.sduiPageId;
     this._name = props.name;
     this._functionApiName = typeof props.function === 'string' ? props.function : props.function.getApiName();
-    this._description = props.description ?? '';
+    this._description = props.description;
     scope._register(this);
   }
 
@@ -118,10 +118,8 @@ export class SduiPage {
       sduiPageId: requireStringComponentField(component, 'sdui_page_id', SduiPage.componentType),
       name: requireStringComponentField(component, 'name', SduiPage.componentType),
       function: resolveFunction(functionApiName),
+      description: optionalStringComponentField(component, 'description'),
     };
-    if (component['description'] !== undefined) {
-      props.description = component['description'];
-    }
     return new SduiPage(scope, props);
   }
 

package/src/lib/manifest.ts

@@ -0,0 +1 @@
+export * from './manifest/index';

package/src/lib/sdui.ts

@@ -0,0 +1,2 @@
+export * from './sdui/index';
+export { default } from './sdui/index';

package/src/resources/workers.ts

@@ -23,7 +23,7 @@ export class Workers extends APIResource {
    *
    * - Requires: `API Tier 1`
    * - Filterable fields: `status`, `work_email`, `user_id`, `created_at`,
-   *   `updated_at`
+   *   `updated_at`, `department_id`, `manager_id`
    * - Expandable fields: `user`, `manager`, `legal_entity`, `employment_type`,
    *   `compensation`, `department`, `teams`, `level`, `custom_fields`,
    *   `business_partners`

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = '0.2.0-alpha.48'; // x-release-please-version
+export const VERSION = '0.2.0-alpha.49'; // x-release-please-version

package/uploads.d.mts

@@ -1,2 +1,3 @@
+/** @deprecated Import from ./core/uploads instead */
 export * from "./core/uploads.mjs";
 //# sourceMappingURL=uploads.d.mts.map

package/uploads.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"uploads.d.mts","sourceRoot":"","sources":["src/uploads.ts"],"names":[],"mappings":""}
+{"version":3,"file":"uploads.d.mts","sourceRoot":"","sources":["src/uploads.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,mCAA+B"}

package/uploads.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated Import from ./core/uploads instead */
 export * from "./core/uploads.js";
 //# sourceMappingURL=uploads.d.ts.map

package/uploads.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploads.d.ts","sourceRoot":"","sources":["src/uploads.ts"],"names":[],"mappings":""}
+{"version":3,"file":"uploads.d.ts","sourceRoot":"","sources":["src/uploads.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,kCAA+B"}

package/uploads.mjs

@@ -1,2 +1,3 @@
+/** @deprecated Import from ./core/uploads instead */
 export * from "./core/uploads.mjs";
 //# sourceMappingURL=uploads.mjs.map

package/uploads.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"uploads.mjs","sourceRoot":"","sources":["src/uploads.ts"],"names":[],"mappings":""}
+{"version":3,"file":"uploads.mjs","sourceRoot":"","sources":["src/uploads.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,mCAA+B"}

package/version.d.mts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.2.0-alpha.48";
+export declare const VERSION = "0.2.0-alpha.49";
 //# sourceMappingURL=version.d.mts.map

package/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.2.0-alpha.48";
+export declare const VERSION = "0.2.0-alpha.49";
 //# sourceMappingURL=version.d.ts.map

package/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '0.2.0-alpha.48'; // x-release-please-version
+exports.VERSION = '0.2.0-alpha.49'; // x-release-please-version
 //# sourceMappingURL=version.js.map

package/version.mjs

@@ -1,2 +1,2 @@
-export const VERSION = '0.2.0-alpha.48'; // x-release-please-version
+export const VERSION = '0.2.0-alpha.49'; // x-release-please-version
 //# sourceMappingURL=version.mjs.map

package/examples/sdui/sdui-crud-todo/sdui-crud-todo.ts

@@ -1,282 +0,0 @@
-/**
- * SDUI CRUD (Todo list) — mock data only; no Custom Objects / objectApiName.
- * Uses in-repo `@rippling/rippling-sdk/lib/sdui` (same pattern as manifest examples).
- *
- * Run:
- *   npx ts-node --transpile-only -r tsconfig-paths/register examples/sdui/sdui-crud-todo/sdui-crud-todo.ts
- */
-
-import SDUI from '@rippling/rippling-sdk/lib/sdui';
-
-const MOCK_TODOS = [
-  {
-    id: 't1',
-    _key: 't1',
-    title__c: 'Ship SDK patch',
-    status__c: 'In Progress',
-    priority__c: 'High',
-    notes__c: 'Regression pass on SDUI examples',
-  },
-  {
-    id: 't2',
-    _key: 't2',
-    title__c: 'Document Function paste flow',
-    status__c: 'To Do',
-    priority__c: 'Medium',
-    notes__c: 'Caps comment on rippling-function.ts',
-  },
-  {
-    id: 't3',
-    _key: 't3',
-    title__c: 'Weekly sync',
-    status__c: 'Done',
-    priority__c: 'Low',
-    notes__c: '',
-  },
-];
-
-function renderSpec(functionId: string) {
-  const s = SDUI.createState({
-    todos: MOCK_TODOS,
-    selectedRow: null as unknown,
-    showCreateModal: false,
-    showEditModal: false,
-    form: { title: '', status: '', priority: '', notes: '' },
-  });
-
-  const mainColumn = SDUI.components.VStack({
-    gap: 'space500',
-    children: [
-      SDUI.components.VStack({
-        gap: 'space300',
-        children: [
-          SDUI.components.HStack({
-            gap: 'space200',
-            align: 'center',
-            wrap: 'wrap',
-            children: [
-              SDUI.components.Heading({
-                level: 2,
-                text: 'Team todos',
-              }),
-              SDUI.components.Badge({
-                text: 'Demo data',
-                appearance: 'NEUTRAL',
-                size: 'S',
-              }),
-            ],
-          }),
-          SDUI.components.Text({
-            text: 'Create, edit, and delete call this Function; the grid below uses sample rows until you connect Custom Objects or your own API.',
-            typestyle: 'bodyMd',
-            color: 'secondary',
-            maxWidth: '720px',
-          }),
-        ],
-      }),
-      SDUI.components.Layout({
-        width: '100%',
-        children: [SDUI.components.Divider({})],
-      }),
-      SDUI.components.Grid({
-        data: s.todos,
-        columns: [
-          { id: 'title__c', header: 'Title', data: 'title__c' },
-          { id: 'status__c', header: 'Status', data: 'status__c', type: 'text' },
-          { id: 'priority__c', header: 'Priority', data: 'priority__c', type: 'text' },
-          { id: 'notes__c', header: 'Notes', data: 'notes__c' },
-        ],
-        selectedRow: s.selectedRow.$bind,
-        headerActions: [{ id: 'new', label: 'New Todo', icon: 'ADD', appearance: 'primary' }],
-        onHeaderAction: [
-          SDUI.actions.set(s.form, { title: '', status: '', priority: '', notes: '' }),
-          SDUI.actions.set(s.showCreateModal, true),
-        ],
-        rowActions: [
-          { id: 'edit', label: 'Edit', icon: 'EDIT_OUTLINE', placement: 'menu' },
-          { id: 'delete', label: 'Delete', icon: 'TRASH_OUTLINE', placement: 'menu' },
-        ],
-        onRowAction: [
-          SDUI.actions.set(s.form, {
-            title: s.selectedRow['title__c'],
-            status: s.selectedRow['status__c'],
-            priority: s.selectedRow['priority__c'],
-            notes: s.selectedRow['notes__c'],
-          }),
-          SDUI.actions.set(s.showEditModal, true),
-        ],
-        onRowClick: [
-          SDUI.actions.set(s.form, {
-            title: s.selectedRow['title__c'],
-            status: s.selectedRow['status__c'],
-            priority: s.selectedRow['priority__c'],
-            notes: s.selectedRow['notes__c'],
-          }),
-          SDUI.actions.set(s.showEditModal, true),
-        ],
-      }),
-    ],
-  });
-
-  const root = SDUI.components.VStack({
-    align: 'center',
-    gap: 'space0',
-    children: [
-      SDUI.components.Layout({
-        maxWidth: '1080px',
-        width: '100%',
-        margin: { left: 'auto', right: 'auto' },
-        padding: { top: 32, bottom: 40, left: 24, right: 24 },
-        children: [mainColumn],
-      }),
-
-      SDUI.components.Modal({
-        title: 'New Todo',
-        isOpen: s.showCreateModal.$bind,
-        onClose: SDUI.actions.set(s.showCreateModal, false),
-        children: [
-          SDUI.components.VStack({
-            gap: 'space300',
-            children: [
-              SDUI.components.TextInput({
-                label: 'Title',
-                name: 'title',
-                value: s.form.title.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.Select({
-                label: 'Status',
-                name: 'status',
-                value: s.form.status.$bind,
-                options: [
-                  { label: 'To Do', value: 'To Do' },
-                  { label: 'In Progress', value: 'In Progress' },
-                  { label: 'Done', value: 'Done' },
-                ],
-              }),
-              SDUI.components.Select({
-                label: 'Priority',
-                name: 'priority',
-                value: s.form.priority.$bind,
-                options: [
-                  { label: 'Low', value: 'Low' },
-                  { label: 'Medium', value: 'Medium' },
-                  { label: 'High', value: 'High' },
-                ],
-              }),
-              SDUI.components.Textarea({
-                label: 'Notes',
-                name: 'notes',
-                value: s.form.notes.$bind,
-              }),
-            ],
-          }),
-          SDUI.components.HStack({
-            gap: 'space200',
-            justify: 'flex-end',
-            children: [
-              SDUI.components.Button({
-                label: 'Cancel',
-                appearance: 'OUTLINE',
-                onPress: SDUI.actions.set(s.showCreateModal, false),
-              }),
-              SDUI.components.Button({
-                label: 'Create',
-                appearance: 'PRIMARY',
-                onPress: SDUI.actions.callFunction(functionId, 'create', {
-                  title: s.form.title,
-                  status: s.form.status,
-                  priority: s.form.priority,
-                  notes: s.form.notes,
-                  responsePath: '/todos',
-                  onSuccess: { set: { '/showCreateModal': false } },
-                }),
-              }),
-            ],
-          }),
-        ],
-      }),
-
-      SDUI.components.Modal({
-        title: 'Edit Todo',
-        isOpen: s.showEditModal.$bind,
-        onClose: SDUI.actions.set(s.showEditModal, false),
-        children: [
-          SDUI.components.VStack({
-            gap: 'space300',
-            children: [
-              SDUI.components.TextInput({
-                label: 'Title',
-                name: 'edit_title',
-                value: s.form.title.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.Select({
-                label: 'Status',
-                name: 'edit_status',
-                value: s.form.status.$bind,
-                options: [
-                  { label: 'To Do', value: 'To Do' },
-                  { label: 'In Progress', value: 'In Progress' },
-                  { label: 'Done', value: 'Done' },
-                ],
-              }),
-              SDUI.components.Select({
-                label: 'Priority',
-                name: 'edit_priority',
-                value: s.form.priority.$bind,
-                options: [
-                  { label: 'Low', value: 'Low' },
-                  { label: 'Medium', value: 'Medium' },
-                  { label: 'High', value: 'High' },
-                ],
-              }),
-              SDUI.components.Textarea({
-                label: 'Notes',
-                name: 'edit_notes',
-                value: s.form.notes.$bind,
-              }),
-            ],
-          }),
-          SDUI.components.HStack({
-            gap: 'space200',
-            justify: 'flex-end',
-            children: [
-              SDUI.components.Button({
-                label: 'Delete',
-                appearance: 'DESTRUCTIVE',
-                onPress: SDUI.actions.callFunction(functionId, 'delete', {
-                  id: s.selectedRow['id'],
-                  responsePath: '/todos',
-                  onSuccess: { set: { '/showEditModal': false } },
-                }),
-              }),
-              SDUI.components.Button({
-                label: 'Cancel',
-                appearance: 'OUTLINE',
-                onPress: SDUI.actions.set(s.showEditModal, false),
-              }),
-              SDUI.components.Button({
-                label: 'Save',
-                appearance: 'PRIMARY',
-                onPress: SDUI.actions.callFunction(functionId, 'update', {
-                  id: s.selectedRow['id'],
-                  title: s.form.title,
-                  status: s.form.status,
-                  priority: s.form.priority,
-                  notes: s.form.notes,
-                  responsePath: '/todos',
-                  onSuccess: { set: { '/showEditModal': false } },
-                }),
-              }),
-            ],
-          }),
-        ],
-      }),
-    ],
-  });
-
-  return SDUI.render(s, root);
-}
-
-console.log(JSON.stringify(renderSpec('demo-fn'), null, 2));