@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/rpc/OperationResultView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperationResultView.cjs","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n};\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n    />\n  );\n}\n"],"names":["useRowDetailNavigation","jsx","ExecutionResult"],"mappings":";;;;;AAuDO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAASA,cAAAA,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,SACEC,2BAAAA;AAAAA,IAACC,gBAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,eAAe,CAAA;AAAA,IAAC;AAAA,EAAA;AAG1C;;"}
+{"version":3,"file":"OperationResultView.cjs","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n} from \"../data/Clicky\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n  download?: ClickyDownloadOptions;\n};\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n  download,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n      {...(download ? { download } : {})}\n    />\n  );\n}\n"],"names":["useRowDetailNavigation","jsx","ExecutionResult"],"mappings":";;;;;AA2DO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAASA,cAAAA,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,SACEC,2BAAAA;AAAAA,IAACC,gBAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtC;;"}

package/dist/rpc/OperationResultView.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { FilterBarFilter, FilterBarRangeProps, FilterBarSearchProps } from '../components/FilterBar';
 import { DataTablePagination } from '../data/DataTable';
-import { ClickyCommandRuntime } from '../data/Clicky';
+import { ClickyCommandRuntime, ClickyDownloadOptions } from '../data/Clicky';
 import { ExecutionResponse, ResolvedOperation } from './types';
 export type ResultRenderContext = {
     surfaceKey?: string;
@@ -25,6 +25,7 @@ export type OperationResultViewProps = {
     detailOperation?: ResolvedOperation | undefined;
     filterConfig?: OperationResultFilterConfig;
     pagination?: DataTablePagination;
+    download?: ClickyDownloadOptions;
 };
-export declare function OperationResultView({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, commandRuntime, detailOperation, filterConfig, pagination, }: OperationResultViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function OperationResultView({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, commandRuntime, detailOperation, filterConfig, pagination, download, }: OperationResultViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OperationResultView.d.ts.map

package/dist/rpc/OperationResultView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationResultView.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationResultView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC;AAKF,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,mBAAmB,KAAK,SAAS,CAAC;AAKrE,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAEtC,eAAe,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAChD,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAOF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,cAAc,EACd,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,UAAU,GACX,EAAE,wBAAwB,2CA4B1B"}
+{"version":3,"file":"OperationResultView.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationResultView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC;AAKF,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,mBAAmB,KAAK,SAAS,CAAC;AAKrE,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAEtC,eAAe,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAChD,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAOF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,cAAc,EACd,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE,wBAAwB,2CA6B1B"}

package/dist/rpc/OperationResultView.js

@@ -11,7 +11,8 @@ function OperationResultView({
   commandRuntime,
   detailOperation,
   filterConfig,
-  pagination
+  pagination,
+  download
 }) {
   const rowNav = useRowDetailNavigation(detailOperation);
   const filters = filterConfig == null ? void 0 : filterConfig.filters;
@@ -33,7 +34,8 @@ function OperationResultView({
       ...filters && filters.length > 0 ? { externalFilters: filters } : {},
       ...(filterConfig == null ? void 0 : filterConfig.search) ? { search: filterConfig.search } : {},
       ...(filterConfig == null ? void 0 : filterConfig.timeRange) ? { timeRange: filterConfig.timeRange } : {},
-      ...pagination ? { pagination } : {}
+      ...pagination ? { pagination } : {},
+      ...download ? { download } : {}
     }
   );
 }

package/dist/rpc/OperationResultView.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationResultView.js","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n};\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AAuDO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAAS,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,eAAe,CAAA;AAAA,IAAC;AAAA,EAAA;AAG1C;"}
+{"version":3,"file":"OperationResultView.js","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n} from \"../data/Clicky\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n  download?: ClickyDownloadOptions;\n};\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n  download,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n      {...(download ? { download } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AA2DO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAAS,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtC;"}

package/dist/rpc/SchemaActionForm.cjs

@@ -3,11 +3,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactQuery = require("@tanstack/react-query");
+const yaml = require("yaml");
 const button = require("../components/button.cjs");
 const JsonSchemaForm = require("../components/JsonSchemaForm.cjs");
 const formLookupContext = require("../components/form-lookup-context.cjs");
+const Tabs = require("../layout/Tabs.cjs");
 const formMetadata = require("./formMetadata.cjs");
 const schemaActionPath = require("./schemaActionPath.cjs");
+const LazyMonacoSchemaEditor = react.lazy(
+  () => Promise.resolve().then(() => require("../monaco/MonacoSchemaEditor.cjs")).then((module2) => ({
+    default: module2.MonacoSchemaEditor
+  }))
+);
+let schemaActionEditorSequence = 0;
 function SchemaActionForm({
   client,
   action,
@@ -18,10 +26,13 @@ function SchemaActionForm({
   formPre,
   formPost,
   footerActions,
+  renderLayout,
   fallback
 }) {
   const method = action.method.toUpperCase();
-  const canSchemaForm = Boolean(client.getSchema && client.submitForm && isMutation(method));
+  const canSchemaForm = Boolean(
+    client.getSchema && client.submitForm && isMutation(method)
+  );
   const schemaPath = schemaActionPath.collectionPath(action.path);
   const lookupFetcher = react.useMemo(() => {
     const lookup = client.lookupFilterOptions;
@@ -36,7 +47,10 @@ function SchemaActionForm({
         query,
         extra
       );
-      return formMetadata.lookupOptionsToFieldOptions(filter).map((o) => ({ value: o.value, label: o.label }));
+      return formMetadata.lookupOptionsToFieldOptions(filter).map((o) => ({
+        value: o.value,
+        label: o.label
+      }));
     };
   }, [client]);
   const schemaQuery = reactQuery.useQuery({
@@ -47,37 +61,122 @@ function SchemaActionForm({
     staleTime: 5 * 60 * 1e3,
     retry: 0
   });
-  const [value, setValue] = react.useState(initialValue ?? {});
+  const [value, setValue] = react.useState(
+    initialValue ?? {}
+  );
+  const [view, setView] = react.useState("form");
+  const [yamlText, setYamlText] = react.useState(
+    () => yaml.stringify(initialValue ?? {})
+  );
+  const [yamlError, setYamlError] = react.useState("");
+  const [yamlValidation, setYamlValidation] = react.useState({
+    status: "valid",
+    errors: []
+  });
   const [error, setError] = react.useState("");
   const [isSubmitting, setIsSubmitting] = react.useState(false);
-  if (!canSchemaForm) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+  const [editorId] = react.useState(() => ++schemaActionEditorSequence);
+  const editorPath = `file:///clicky-schema-action-${editorId}.yaml`;
+  const canSubmit = !yamlError && (view !== "yaml" || yamlValidation.status === "valid");
+  const handleValidationChange = react.useCallback((next) => {
+    setYamlValidation(next);
+  }, []);
+  function renderSlots(slots) {
+    if (renderLayout) return renderLayout(slots);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      slots.body,
+      slots.footer
+    ] });
+  }
+  if (!canSchemaForm) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderSlots({ body: fallback }) });
   if (schemaQuery.isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "Loading form…" });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderSlots({
+      body: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "Loading form…" })
+    }) });
   }
   const schema = schemaQuery.data;
-  if (!schema) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+  if (!schema) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderSlots({ body: fallback }) });
   async function handleSubmit() {
     if (!client.submitForm) return;
+    if (!canSubmit) {
+      setError("Fix the YAML before saving.");
+      return;
+    }
     setIsSubmitting(true);
     setError("");
     try {
-      const path = schemaActionPath.resolveActionPath(action.path, { ...schemaActionPath.scalarValues(value), ...lockedValues });
-      const response = await client.submitForm(path, method, value, {
-        Accept: "application/json+clicky"
+      const path = schemaActionPath.resolveActionPath(action.path, {
+        ...schemaActionPath.scalarValues(value),
+        ...lockedValues
       });
+      const pathParams = new Set(
+        Array.from(action.path.matchAll(/\{([^{}]+)\}/g), (match) => match[1])
+      );
+      const lockedBodyValues = Object.fromEntries(
+        Object.entries(lockedValues ?? {}).filter(
+          ([name]) => !pathParams.has(name)
+        )
+      );
+      const response = await client.submitForm(
+        path,
+        method,
+        { ...value, ...lockedBodyValues },
+        {
+          Accept: "application/json+clicky"
+        }
+      );
       if (response.error) {
         setError(response.error);
         return;
       }
       onSuccess == null ? void 0 : onSuccess(response);
     } catch (err) {
-      setError(err instanceof Error ? err.message : String(err ?? "Unknown error"));
+      setError(
+        err instanceof Error ? err.message : String(err ?? "Unknown error")
+      );
     } finally {
       setIsSubmitting(false);
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+  function changeView(next) {
+    if (next !== "form" && next !== "yaml") return;
+    if (next === "form") {
+      setYamlError("");
+    }
+    if (next === "yaml") {
+      setYamlText(yaml.stringify(value));
+      setYamlError("");
+      setYamlValidation({ status: "loading", errors: [] });
+    }
+    setView(next);
+  }
+  function changeYaml(next) {
+    setYamlText(next);
+    setError("");
+    try {
+      const parsed = next.trim() ? yaml.parse(next) : {};
+      if (!isRecord(parsed))
+        throw new Error("The YAML document must contain an object.");
+      setValue(parsed);
+      setYamlError("");
+      setYamlValidation({ status: "loading", errors: [] });
+    } catch (err) {
+      setYamlError(err instanceof Error ? err.message : String(err));
+    }
+  }
+  const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
+      Tabs.Tabs,
+      {
+        tabs: [
+          { id: "form", label: "Form" },
+          { id: "yaml", label: "YAML" }
+        ],
+        value: view,
+        onChange: changeView
+      }
+    ),
+    view === "form" ? /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tabpanel", "aria-label": "Form", children: /* @__PURE__ */ jsxRuntime.jsx(
       JsonSchemaForm.JsonSchemaForm,
       {
         schema,
@@ -87,16 +186,51 @@ function SchemaActionForm({
         ...formPost ? { post: formPost } : {},
         ...lookupFetcher ? { lookupFetcher } : {}
       }
-    ),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-      footerActions == null ? void 0 : footerActions({ value, action }),
-      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", onClick: handleSubmit, disabled: isSubmitting, children: isSubmitting ? "Saving…" : submitLabel })
-    ] })
+    ) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "tabpanel", "aria-label": "YAML", className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react.Suspense,
+        {
+          fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-80 rounded-md border border-input p-3 text-sm text-muted-foreground", children: "Loading Monaco editor…" }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            LazyMonacoSchemaEditor,
+            {
+              language: "yaml",
+              value: yamlText,
+              onChange: changeYaml,
+              path: editorPath,
+              schemaUri: `${editorPath}.schema.json`,
+              schema,
+              onValidationChange: handleValidationChange
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: "Returning through Form preserves values but discards YAML comments, anchors, ordering, and formatting." }),
+      (yamlValidation.status === "invalid" || yamlValidation.status === "unavailable") && yamlValidation.errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-destructive", role: "alert", children: yamlValidation.errors[0] }),
+      yamlValidation.status === "loading" && !yamlError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: "Validating YAML…" }),
+      yamlError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-destructive", role: "alert", children: yamlError })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: error })
+  ] });
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+    footerActions == null ? void 0 : footerActions({ value, action, canSubmit }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        type: "button",
+        onClick: handleSubmit,
+        disabled: isSubmitting || !canSubmit,
+        children: isSubmitting ? "Saving…" : submitLabel
+      }
+    )
   ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderSlots({ body, footer }) });
 }
 function isMutation(method) {
   return method === "POST" || method === "PUT" || method === "PATCH";
 }
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
 exports.SchemaActionForm = SchemaActionForm;
 //# sourceMappingURL=SchemaActionForm.cjs.map

package/dist/rpc/SchemaActionForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaActionForm.cjs","sources":["../../src/rpc/SchemaActionForm.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { JsonSchemaForm } from \"../components/JsonSchemaForm\";\nimport { resolveLookupScope } from \"../components/form-lookup-context\";\nimport type {\n  JsonSchemaObject,\n  LookupFetcher,\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport { lookupOptionsToFieldOptions } from \"./formMetadata\";\nimport { collectionPath, resolveActionPath, scalarValues } from \"./schemaActionPath\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\n// FormActionContext is handed to a footerActions renderer so a host app can add\n// form-level actions (e.g. a connection \"Test\" button) that operate on the live\n// form value.\nexport type FormActionContext = {\n  value: Record<string, unknown>;\n  action: ResolvedOperation;\n};\n\n// FormActionsRenderer renders extra action buttons in the form footer, left of\n// the Save button. Returns null/undefined to add none.\nexport type FormActionsRenderer = (ctx: FormActionContext) => ReactNode;\n\nexport type SchemaActionFormProps = {\n  client: OperationsApiClient;\n  // The create (POST) or update (PUT) operation this form submits to.\n  action: ResolvedOperation;\n  // Values used to resolve path parameters (e.g. { id } when editing a row).\n  lockedValues?: Record<string, string>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  submitLabel?: string;\n  onSuccess?: (response: ExecutionResponse) => void;\n  // Custom JsonSchemaForm field extensions (e.g. a SecretKeySelector widget keyed\n  // on an `x-clicky-component` hint). Forwarded verbatim to the rendered form.\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  // Optional extra footer actions (e.g. a connection \"Test\" split-button) that\n  // operate on the current form value, rendered left of the Save button.\n  footerActions?: FormActionsRenderer;\n  // Rendered when the resource exposes no JSON Schema (or schema forms are not\n  // applicable to this action) — the existing parameter form.\n  fallback: ReactNode;\n};\n\n// SchemaActionForm renders a JSON-Schema-driven create/edit form for resources\n// that expose a schema via content negotiation (connections, profiles). It falls\n// back to the parameter form for everything else. Submission sends the full\n// nested form value as JSON (client.submitForm), so nested objects/arrays survive.\nexport function SchemaActionForm({\n  client,\n  action,\n  lockedValues,\n  initialValue,\n  submitLabel = \"Save\",\n  onSuccess,\n  formPre,\n  formPost,\n  footerActions,\n  fallback,\n}: SchemaActionFormProps) {\n  const method = action.method.toUpperCase();\n  const canSchemaForm = Boolean(client.getSchema && client.submitForm && isMutation(method));\n  const schemaPath = collectionPath(action.path);\n\n  // Resolve `x-clicky-lookup` fields against the live form value: fetch the\n  // referenced entity's lookup options (server-side search) and scope them by a\n  // sibling field. Undefined when the client has no lookup endpoint (the field\n  // then degrades to a free-text combobox).\n  const lookupFetcher: LookupFetcher | undefined = useMemo(() => {\n    const lookup = client.lookupFilterOptions;\n    if (!lookup) return undefined;\n    return async ({ descriptor, query, rootValue }) => {\n      const extra = resolveLookupScope(descriptor, rootValue);\n      const filter = await lookup.call(\n        client,\n        descriptor.url,\n        \"GET\",\n        descriptor.filter,\n        query,\n        extra,\n      );\n      return lookupOptionsToFieldOptions(filter).map((o) => ({ value: o.value, label: o.label }));\n    };\n  }, [client]);\n\n  const schemaQuery = useQuery<JsonSchemaObject | null>({\n    queryKey: [\"entity-schema\", schemaPath],\n    // react-query forbids undefined query data; normalize \"no schema\" to null.\n    queryFn: async () => (await client.getSchema!(schemaPath)) ?? null,\n    enabled: canSchemaForm,\n    staleTime: 5 * 60 * 1000,\n    retry: 0,\n  });\n\n  const [value, setValue] = useState<Record<string, unknown>>(initialValue ?? {});\n  const [error, setError] = useState(\"\");\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  if (!canSchemaForm) return <>{fallback}</>;\n  if (schemaQuery.isLoading) {\n    return <div className=\"text-sm text-muted-foreground\">Loading form…</div>;\n  }\n  const schema = schemaQuery.data;\n  if (!schema) return <>{fallback}</>;\n\n  async function handleSubmit() {\n    if (!client.submitForm) return;\n    setIsSubmitting(true);\n    setError(\"\");\n    try {\n      const path = resolveActionPath(action.path, { ...scalarValues(value), ...lockedValues });\n      const response = await client.submitForm(path, method, value, {\n        Accept: \"application/json+clicky\",\n      });\n      if (response.error) {\n        setError(response.error);\n        return;\n      }\n      onSuccess?.(response);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err ?? \"Unknown error\"));\n    } finally {\n      setIsSubmitting(false);\n    }\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <JsonSchemaForm\n        schema={schema}\n        value={value}\n        onChange={setValue}\n        {...(formPre ? { pre: formPre } : {})}\n        {...(formPost ? { post: formPost } : {})}\n        {...(lookupFetcher ? { lookupFetcher } : {})}\n      />\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n      <div className=\"flex items-center justify-end gap-2\">\n        {footerActions?.({ value, action })}\n        <Button type=\"button\" onClick={handleSubmit} disabled={isSubmitting}>\n          {isSubmitting ? \"Saving…\" : submitLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction isMutation(method: string): boolean {\n  return method === \"POST\" || method === \"PUT\" || method === \"PATCH\";\n}\n"],"names":["collectionPath","useMemo","resolveLookupScope","lookupOptionsToFieldOptions","useQuery","useState","jsx","Fragment","resolveActionPath","scalarValues","jsxs","JsonSchemaForm","Button"],"mappings":"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"}
+{"version":3,"file":"SchemaActionForm.cjs","sources":["../../src/rpc/SchemaActionForm.tsx"],"sourcesContent":["import {\n  lazy,\n  Suspense,\n  useCallback,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { parse as parseYaml, stringify as stringifyYaml } from \"yaml\";\nimport { Button } from \"../components/button\";\nimport { JsonSchemaForm } from \"../components/JsonSchemaForm\";\nimport { resolveLookupScope } from \"../components/form-lookup-context\";\nimport { Tabs } from \"../layout/Tabs\";\nimport type {\n  JsonSchemaObject,\n  LookupFetcher,\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport { lookupOptionsToFieldOptions } from \"./formMetadata\";\nimport {\n  collectionPath,\n  resolveActionPath,\n  scalarValues,\n} from \"./schemaActionPath\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\nimport type { MonacoValidationState } from \"../monaco/types\";\n\nconst LazyMonacoSchemaEditor = lazy(() =>\n  import(\"../monaco/MonacoSchemaEditor\").then((module) => ({\n    default: module.MonacoSchemaEditor,\n  })),\n);\nlet schemaActionEditorSequence = 0;\n\n// FormActionContext is handed to a footerActions renderer so a host app can add\n// form-level actions (e.g. a connection \"Test\" button) that operate on the live\n// form value.\nexport type FormActionContext = {\n  value: Record<string, unknown>;\n  action: ResolvedOperation;\n  canSubmit: boolean;\n};\n\n// FormActionsRenderer renders extra action buttons in the form footer, left of\n// the Save button. Returns null/undefined to add none.\nexport type FormActionsRenderer = (ctx: FormActionContext) => ReactNode;\n\nexport type SchemaActionFormSlots = {\n  body: ReactNode;\n  footer?: ReactNode;\n};\n\nexport type SchemaActionFormProps = {\n  client: OperationsApiClient;\n  // The create (POST) or update (PUT) operation this form submits to.\n  action: ResolvedOperation;\n  // Values used to resolve path parameters (e.g. { id } when editing a row).\n  lockedValues?: Record<string, string>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  submitLabel?: string;\n  onSuccess?: (response: ExecutionResponse) => void;\n  // Custom JsonSchemaForm field extensions (e.g. a SecretKeySelector widget keyed\n  // on an `x-clicky-component` hint). Forwarded verbatim to the rendered form.\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  // Optional extra footer actions (e.g. a connection \"Test\" split-button) that\n  // operate on the current form value, rendered left of the Save button.\n  footerActions?: FormActionsRenderer;\n  // Optional host layout. Dialog consumers use this to place footer controls in\n  // the modal's pinned footer while standalone consumers retain the inline\n  // layout below.\n  renderLayout?: (slots: SchemaActionFormSlots) => ReactNode;\n  // Rendered when the resource exposes no JSON Schema (or schema forms are not\n  // applicable to this action) — the existing parameter form.\n  fallback: ReactNode;\n};\n\n// SchemaActionForm renders a JSON-Schema-driven create/edit form for resources\n// that expose a schema via content negotiation (connections, profiles). It falls\n// back to the parameter form for everything else. Submission sends the full\n// nested form value as JSON (client.submitForm), so nested objects/arrays survive.\nexport function SchemaActionForm({\n  client,\n  action,\n  lockedValues,\n  initialValue,\n  submitLabel = \"Save\",\n  onSuccess,\n  formPre,\n  formPost,\n  footerActions,\n  renderLayout,\n  fallback,\n}: SchemaActionFormProps) {\n  const method = action.method.toUpperCase();\n  const canSchemaForm = Boolean(\n    client.getSchema && client.submitForm && isMutation(method),\n  );\n  const schemaPath = collectionPath(action.path);\n\n  // Resolve `x-clicky-lookup` fields against the live form value: fetch the\n  // referenced entity's lookup options (server-side search) and scope them by a\n  // sibling field. Undefined when the client has no lookup endpoint (the field\n  // then degrades to a free-text combobox).\n  const lookupFetcher: LookupFetcher | undefined = useMemo(() => {\n    const lookup = client.lookupFilterOptions;\n    if (!lookup) return undefined;\n    return async ({ descriptor, query, rootValue }) => {\n      const extra = resolveLookupScope(descriptor, rootValue);\n      const filter = await lookup.call(\n        client,\n        descriptor.url,\n        \"GET\",\n        descriptor.filter,\n        query,\n        extra,\n      );\n      return lookupOptionsToFieldOptions(filter).map((o) => ({\n        value: o.value,\n        label: o.label,\n      }));\n    };\n  }, [client]);\n\n  const schemaQuery = useQuery<JsonSchemaObject | null>({\n    queryKey: [\"entity-schema\", schemaPath],\n    // react-query forbids undefined query data; normalize \"no schema\" to null.\n    queryFn: async () => (await client.getSchema!(schemaPath)) ?? null,\n    enabled: canSchemaForm,\n    staleTime: 5 * 60 * 1000,\n    retry: 0,\n  });\n\n  const [value, setValue] = useState<Record<string, unknown>>(\n    initialValue ?? {},\n  );\n  const [view, setView] = useState<\"form\" | \"yaml\">(\"form\");\n  const [yamlText, setYamlText] = useState(() =>\n    stringifyYaml(initialValue ?? {}),\n  );\n  const [yamlError, setYamlError] = useState(\"\");\n  const [yamlValidation, setYamlValidation] = useState<MonacoValidationState>({\n    status: \"valid\",\n    errors: [],\n  });\n  const [error, setError] = useState(\"\");\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  // Monaco keys models by path. A React useId can be reused after one dialog\n  // unmounts and another occupies the same tree position, briefly exposing the\n  // previous dialog's retained model during deferred StrictMode-safe cleanup.\n  const [editorId] = useState(() => ++schemaActionEditorSequence);\n  const editorPath = `file:///clicky-schema-action-${editorId}.yaml`;\n  const canSubmit =\n    !yamlError && (view !== \"yaml\" || yamlValidation.status === \"valid\");\n  const handleValidationChange = useCallback((next: MonacoValidationState) => {\n    setYamlValidation(next);\n  }, []);\n\n  function renderSlots(slots: SchemaActionFormSlots) {\n    if (renderLayout) return renderLayout(slots);\n    return (\n      <div className=\"space-y-4\">\n        {slots.body}\n        {slots.footer}\n      </div>\n    );\n  }\n\n  if (!canSchemaForm) return <>{renderSlots({ body: fallback })}</>;\n  if (schemaQuery.isLoading) {\n    return (\n      <>\n        {renderSlots({\n          body: (\n            <div className=\"text-sm text-muted-foreground\">Loading form…</div>\n          ),\n        })}\n      </>\n    );\n  }\n  const schema = schemaQuery.data;\n  if (!schema) return <>{renderSlots({ body: fallback })}</>;\n\n  async function handleSubmit() {\n    if (!client.submitForm) return;\n    if (!canSubmit) {\n      setError(\"Fix the YAML before saving.\");\n      return;\n    }\n    setIsSubmitting(true);\n    setError(\"\");\n    try {\n      const path = resolveActionPath(action.path, {\n        ...scalarValues(value),\n        ...lockedValues,\n      });\n      // Entity update operations do not always encode their identifier in the\n      // path. Clicky can expose an entity-scoped PUT on the collection path and\n      // use x-clicky.idParam to lock the row id in the action context. Keep\n      // locked values out of the editable form, but include any values that\n      // were not consumed by path placeholders in the request body.\n      const pathParams = new Set(\n        Array.from(action.path.matchAll(/\\{([^{}]+)\\}/g), (match) => match[1]),\n      );\n      const lockedBodyValues = Object.fromEntries(\n        Object.entries(lockedValues ?? {}).filter(\n          ([name]) => !pathParams.has(name),\n        ),\n      );\n      const response = await client.submitForm(\n        path,\n        method,\n        { ...value, ...lockedBodyValues },\n        {\n          Accept: \"application/json+clicky\",\n        },\n      );\n      if (response.error) {\n        setError(response.error);\n        return;\n      }\n      onSuccess?.(response);\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : String(err ?? \"Unknown error\"),\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  }\n\n  function changeView(next: string) {\n    if (next !== \"form\" && next !== \"yaml\") return;\n    if (next === \"form\") {\n      // Form mode uses the last successfully parsed object, so an invalid YAML\n      // draft should not trap the user in the editor or keep form actions disabled.\n      setYamlError(\"\");\n    }\n    if (next === \"yaml\") {\n      setYamlText(stringifyYaml(value));\n      setYamlError(\"\");\n      setYamlValidation({ status: \"loading\", errors: [] });\n    }\n    setView(next);\n  }\n\n  function changeYaml(next: string) {\n    setYamlText(next);\n    setError(\"\");\n    try {\n      const parsed = next.trim() ? parseYaml(next) : {};\n      if (!isRecord(parsed))\n        throw new Error(\"The YAML document must contain an object.\");\n      setValue(parsed);\n      setYamlError(\"\");\n      setYamlValidation({ status: \"loading\", errors: [] });\n    } catch (err) {\n      setYamlError(err instanceof Error ? err.message : String(err));\n    }\n  }\n\n  const body = (\n    <div className=\"space-y-4\">\n      <Tabs\n        tabs={[\n          { id: \"form\", label: \"Form\" },\n          { id: \"yaml\", label: \"YAML\" },\n        ]}\n        value={view}\n        onChange={changeView}\n      />\n      {view === \"form\" ? (\n        <div role=\"tabpanel\" aria-label=\"Form\">\n          <JsonSchemaForm\n            schema={schema}\n            value={value}\n            onChange={setValue}\n            {...(formPre ? { pre: formPre } : {})}\n            {...(formPost ? { post: formPost } : {})}\n            {...(lookupFetcher ? { lookupFetcher } : {})}\n          />\n        </div>\n      ) : (\n        <div role=\"tabpanel\" aria-label=\"YAML\" className=\"space-y-2\">\n          <Suspense\n            fallback={\n              <div className=\"h-80 rounded-md border border-input p-3 text-sm text-muted-foreground\">\n                Loading Monaco editor…\n              </div>\n            }\n          >\n            <LazyMonacoSchemaEditor\n              language=\"yaml\"\n              value={yamlText}\n              onChange={changeYaml}\n              path={editorPath}\n              schemaUri={`${editorPath}.schema.json`}\n              schema={schema}\n              onValidationChange={handleValidationChange}\n            />\n          </Suspense>\n          <div className=\"text-xs text-muted-foreground\">\n            Returning through Form preserves values but discards YAML comments,\n            anchors, ordering, and formatting.\n          </div>\n          {(yamlValidation.status === \"invalid\" ||\n            yamlValidation.status === \"unavailable\") &&\n            yamlValidation.errors.length > 0 && (\n              <div className=\"text-sm text-destructive\" role=\"alert\">\n                {yamlValidation.errors[0]}\n              </div>\n            )}\n          {yamlValidation.status === \"loading\" && !yamlError && (\n            <div className=\"text-xs text-muted-foreground\">\n              Validating YAML…\n            </div>\n          )}\n          {yamlError && (\n            <div className=\"text-sm text-destructive\" role=\"alert\">\n              {yamlError}\n            </div>\n          )}\n        </div>\n      )}\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </div>\n  );\n  const footer = (\n    <div className=\"flex items-center justify-end gap-2\">\n      {footerActions?.({ value, action, canSubmit })}\n      <Button\n        type=\"button\"\n        onClick={handleSubmit}\n        disabled={isSubmitting || !canSubmit}\n      >\n        {isSubmitting ? \"Saving…\" : submitLabel}\n      </Button>\n    </div>\n  );\n  return <>{renderSlots({ body, footer })}</>;\n}\n\nfunction isMutation(method: string): boolean {\n  return method === \"POST\" || method === \"PUT\" || method === \"PATCH\";\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":["lazy","module","collectionPath","useMemo","resolveLookupScope","lookupOptionsToFieldOptions","useQuery","useState","stringifyYaml","useCallback","jsxs","jsx","Fragment","resolveActionPath","scalarValues","parseYaml","Tabs","JsonSchemaForm","Suspense","Button"],"mappings":"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"}

package/dist/rpc/SchemaActionForm.d.ts

@@ -5,8 +5,13 @@ import { OperationsApiClient } from './useOperations';
 export type FormActionContext = {
     value: Record<string, unknown>;
     action: ResolvedOperation;
+    canSubmit: boolean;
 };
 export type FormActionsRenderer = (ctx: FormActionContext) => ReactNode;
+export type SchemaActionFormSlots = {
+    body: ReactNode;
+    footer?: ReactNode;
+};
 export type SchemaActionFormProps = {
     client: OperationsApiClient;
     action: ResolvedOperation;
@@ -17,7 +22,8 @@ export type SchemaActionFormProps = {
     formPre?: PreExtension[];
     formPost?: PostExtension[];
     footerActions?: FormActionsRenderer;
+    renderLayout?: (slots: SchemaActionFormSlots) => ReactNode;
     fallback: ReactNode;
 };
-export declare function SchemaActionForm({ client, action, lockedValues, initialValue, submitLabel, onSuccess, formPre, formPost, footerActions, fallback, }: SchemaActionFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SchemaActionForm({ client, action, lockedValues, initialValue, submitLabel, onSuccess, formPre, formPost, footerActions, renderLayout, fallback, }: SchemaActionFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SchemaActionForm.d.ts.map

package/dist/rpc/SchemaActionForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaActionForm.d.ts","sourceRoot":"","sources":["../../src/rpc/SchemaActionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,EAGV,YAAY,EACZ,aAAa,EACd,MAAM,sCAAsC,CAAC;AAG9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAK3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,iBAAiB,KAAK,SAAS,CAAC;AAExE,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,mBAAmB,CAAC;IAE5B,MAAM,EAAE,iBAAiB,CAAC;IAE1B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAGlD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAG3B,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAGpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAMF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,EACb,QAAQ,GACT,EAAE,qBAAqB,2CA0FvB"}
+{"version":3,"file":"SchemaActionForm.d.ts","sourceRoot":"","sources":["../../src/rpc/SchemaActionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAGV,YAAY,EACZ,aAAa,EACd,MAAM,sCAAsC,CAAC;AAO9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAa3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,iBAAiB,KAAK,SAAS,CAAC;AAExE,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,mBAAmB,CAAC;IAE5B,MAAM,EAAE,iBAAiB,CAAC;IAE1B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAGlD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAG3B,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAIpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAG3D,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAMF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,QAAQ,GACT,EAAE,qBAAqB,2CA2PvB"}