@solidxai/core-ui 0.1.13-beta.1 → 0.1.13-beta.2

package/dist/components/workflow/WorkflowNodeDocsPanel.css

@@ -0,0 +1,247 @@
+.workflow-node-docs {
+  display: grid;
+  gap: 0.7rem;
+}
+
+.workflow-node-docs-hero {
+  display: grid;
+  gap: 0.36rem;
+  padding: 0.78rem 0.9rem;
+  border: 1px solid var(--surface-border, #dbe3f0);
+  border-radius: 0.68rem;
+  background: color-mix(in srgb, var(--surface-card, #ffffff) 92%, #eef4ff);
+}
+
+.workflow-node-docs-title-row {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.workflow-node-docs-title-row h2 {
+  margin: 0;
+  color: var(--text-color, #111827);
+  font-size: 1rem;
+  font-weight: 750;
+  line-height: 1.2;
+}
+
+.workflow-node-docs-type {
+  width: fit-content;
+  max-width: 100%;
+  color: rgba(71, 85, 105, 0.9);
+  background: transparent;
+  font-size: 0.78rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.workflow-node-docs-summary {
+  max-width: 68ch;
+  margin: 0;
+  color: rgba(30, 41, 59, 0.84);
+  font-size: 0.84rem;
+  line-height: 1.4;
+}
+
+.workflow-node-docs-tags {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  flex-wrap: wrap;
+}
+
+.workflow-node-docs-sections,
+.workflow-node-docs-inner-accordion {
+  display: grid;
+  gap: 0.48rem;
+}
+
+.workflow-node-docs-section {
+  border: 1px solid var(--surface-border, #dbe3f0);
+  border-radius: 0.62rem;
+  background: var(--surface-card, #ffffff);
+  overflow: hidden;
+}
+
+.workflow-node-docs-row {
+  border: 0;
+  border-radius: 0.5rem;
+  background: rgba(255, 255, 255, 0.74);
+  overflow: hidden;
+  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.72);
+}
+
+.workflow-node-docs-section-trigger.solid-accordion-trigger,
+.workflow-node-docs-row-trigger.solid-accordion-trigger {
+  width: 100%;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.55rem;
+  padding: 0 0.76rem;
+  border: 0;
+  background: transparent;
+  color: var(--text-color, #111827);
+  text-align: left;
+  line-height: 1.2;
+}
+
+.workflow-node-docs-section-trigger.solid-accordion-trigger {
+  min-height: 2.42rem;
+  background: rgba(248, 250, 252, 0.78);
+}
+
+.workflow-node-docs-row-trigger.solid-accordion-trigger {
+  min-height: 2.26rem;
+  padding: 0 0.62rem;
+}
+
+.workflow-node-docs-section-trigger.solid-accordion-trigger:focus-visible,
+.workflow-node-docs-row-trigger.solid-accordion-trigger:focus-visible {
+  outline: 0;
+  box-shadow: inset 0 0 0 2px rgba(124, 58, 237, 0.24);
+}
+
+.workflow-node-docs-section-title,
+.workflow-node-docs-row-heading {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.45rem;
+  flex-wrap: wrap;
+}
+
+.workflow-node-docs-section-title {
+  width: 100%;
+  justify-content: space-between;
+  font-size: 0.84rem;
+  font-weight: 750;
+}
+
+.workflow-node-docs-section-count {
+  min-width: 1.32rem;
+  height: 1.16rem;
+  padding: 0 0.36rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  background: rgba(124, 58, 237, 0.1);
+  color: rgba(88, 28, 135, 0.9);
+  font-size: 0.68rem;
+  font-weight: 700;
+}
+
+.workflow-node-docs-row-heading strong {
+  color: var(--text-color, #111827);
+  font-size: 0.83rem;
+  line-height: 1.2;
+}
+
+.workflow-node-docs-section-content .solid-accordion-content-inner {
+  padding: 0.38rem 0.46rem 0.46rem;
+  border-top: 1px solid var(--surface-border, #e2e8f0);
+  background: rgba(248, 250, 252, 0.32);
+}
+
+.workflow-node-docs-row-content .solid-accordion-content-inner {
+  padding: 0;
+  border-top: 1px solid rgba(226, 232, 240, 0.72);
+}
+
+.workflow-node-docs-row-body {
+  display: grid;
+  gap: 0.5rem;
+  padding: 0.52rem 0.62rem 0.58rem;
+}
+
+.workflow-node-docs-description {
+  margin: 0;
+  max-width: 64ch;
+  color: rgba(30, 41, 59, 0.78);
+  font-size: 0.81rem;
+  line-height: 1.4;
+}
+
+.workflow-node-docs-meta-grid {
+  display: grid;
+  gap: 0;
+  border: 1px solid rgba(226, 232, 240, 0.72);
+  border-radius: 0.45rem;
+  background: rgba(255, 255, 255, 0.68);
+  overflow: hidden;
+}
+
+.workflow-node-docs-meta-row {
+  display: grid;
+  grid-template-columns: minmax(5.5rem, 0.22fr) minmax(0, 1fr);
+  align-items: start;
+  gap: 0.75rem;
+  padding: 0.34rem 0.52rem;
+  border: 0;
+  border-top: 1px solid rgba(226, 232, 240, 0.72);
+  background: transparent;
+}
+
+.workflow-node-docs-meta-row:first-child {
+  border-top: 0;
+}
+
+.workflow-node-docs-meta-row span {
+  color: rgba(71, 85, 105, 0.82);
+  font-size: 0.72rem;
+  font-weight: 700;
+}
+
+.workflow-node-docs-meta-row code,
+.workflow-node-docs-examples-inline code {
+  color: rgba(15, 23, 42, 0.9);
+  background: transparent;
+  font-size: 0.76rem;
+  line-height: 1.35;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.workflow-node-docs-examples-inline {
+  display: grid;
+  gap: 0.3rem;
+  padding: 0.48rem 0.56rem;
+  border: 0;
+  border-left: 2px solid rgba(124, 58, 237, 0.28);
+  border-radius: 0.42rem;
+  background: rgba(248, 250, 252, 0.72);
+}
+
+.workflow-node-docs-examples-inline strong {
+  color: rgba(15, 23, 42, 0.84);
+  font-size: 0.78rem;
+}
+
+.workflow-node-docs .solid-accordion-trigger-label {
+  min-width: 0;
+  width: 100%;
+  display: block;
+}
+
+.workflow-node-docs .solid-accordion-trigger-icon {
+  flex: 0 0 auto;
+  color: rgba(100, 116, 139, 0.78);
+}
+
+.workflow-node-docs .solid-tag {
+  min-height: 1.22rem;
+  padding: 0.12rem 0.42rem;
+  font-size: 0.68rem;
+  line-height: 1;
+}
+
+.workflow-node-docs .markdown-viewer,
+.workflow-node-docs pre {
+  max-width: 100%;
+}

package/dist/components/workflow/WorkflowNodeDocsPanel.d.ts

@@ -0,0 +1,22 @@
+import type { WorkflowNodeConfigurationFieldDefinition, WorkflowNodeExampleDefinition, WorkflowNodeMetricDefinition, WorkflowNodeMetadataResponse, WorkflowNodeOutputDefinition, WorkflowNodeReferenceDefinition } from "../../types/workflow-node";
+import "./WorkflowNodeDocsPanel.css";
+type WorkflowNodeDocsPanelProps = {
+    nodeType?: WorkflowNodeMetadataResponse;
+    docsModel?: WorkflowDocsModel;
+    className?: string;
+};
+export type WorkflowDocsModel = {
+    title: string;
+    subtitle?: string;
+    summary?: string;
+    tags?: string[];
+    badges?: string[];
+    inputs?: WorkflowNodeConfigurationFieldDefinition[];
+    examples?: WorkflowNodeExampleDefinition[];
+    outputs?: WorkflowNodeOutputDefinition[];
+    metrics?: WorkflowNodeMetricDefinition[];
+    definitions?: WorkflowNodeReferenceDefinition[];
+};
+export declare function WorkflowNodeDocsPanel({ nodeType, docsModel, className, }: WorkflowNodeDocsPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=WorkflowNodeDocsPanel.d.ts.map

package/dist/components/workflow/WorkflowNodeDocsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowNodeDocsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/workflow/WorkflowNodeDocsPanel.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,wCAAwC,EACxC,6BAA6B,EAC7B,4BAA4B,EAC5B,4BAA4B,EAC5B,4BAA4B,EAC5B,+BAA+B,EAChC,MAAM,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AAErC,KAAK,0BAA0B,GAAG;IAChC,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,wCAAwC,EAAE,CAAC;IACpD,QAAQ,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACzC,OAAO,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACzC,WAAW,CAAC,EAAE,+BAA+B,EAAE,CAAC;CACjD,CAAC;AAmOF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,0BAA0B,kDA+F5B"}

package/dist/components/workflow/WorkflowNodeDocsPanel.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MarkdownViewer from "../common/MarkdownViewer";
+import { SolidAccordion, SolidAccordionContent, SolidAccordionItem, SolidAccordionTrigger, SolidTag, } from "../shad-cn-ui";
+import "./WorkflowNodeDocsPanel.css";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+function formatValue(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (typeof value === "string") {
+        return value;
+    }
+    return JSON.stringify(value);
+}
+function SectionTitle(_a) {
+    var title = _a.title, count = _a.count;
+    return (_jsxs("span", { className: "workflow-node-docs-section-title", children: [_jsx("span", { children: title }), _jsx("span", { className: "workflow-node-docs-section-count", children: count })] }));
+}
+function MetaRow(_a) {
+    var label = _a.label, value = _a.value;
+    if (!value) {
+        return null;
+    }
+    return (_jsxs("div", { className: "workflow-node-docs-meta-row", children: [_jsx("span", { children: label }), _jsx("code", { children: value })] }));
+}
+function renderTags(tags) {
+    var filteredTags = tags.filter(Boolean);
+    if (!filteredTags.length) {
+        return null;
+    }
+    return (_jsx("div", { className: "workflow-node-docs-tags", children: filteredTags.map(function (tag) { return (_jsx(SolidTag, { children: tag }, tag)); }) }));
+}
+function renderInput(input) {
+    var _a, _b, _c;
+    var defaultValue = formatValue(input.defaultValue);
+    var enumValues = (_a = input.enumValues) === null || _a === void 0 ? void 0 : _a.map(function (item) { return String(item); }).join(", ");
+    var examples = (_b = input.examples) === null || _b === void 0 ? void 0 : _b.map(function (example) { return formatValue(example); }).filter(Boolean);
+    return (_jsxs(SolidAccordionItem, { value: "input-".concat(input.key), className: "workflow-node-docs-row", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-row-trigger", children: _jsxs("span", { className: "workflow-node-docs-row-heading", children: [_jsx("strong", { children: (_c = input.label) !== null && _c !== void 0 ? _c : input.key }), input.required ? _jsx(SolidTag, { tone: "warn", children: "required" }) : null, input.valueType ? _jsx(SolidTag, { children: input.valueType }) : null] }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-row-content", children: _jsxs("div", { className: "workflow-node-docs-row-body", children: [input.description ? (_jsx("p", { className: "workflow-node-docs-description", children: input.description })) : null, _jsxs("div", { className: "workflow-node-docs-meta-grid", children: [_jsx(MetaRow, { label: "Path", value: input.path }), _jsx(MetaRow, { label: "Default", value: defaultValue }), _jsx(MetaRow, { label: "Values", value: enumValues }), _jsx(MetaRow, { label: "Widget", value: input.widgetHint }), _jsx(MetaRow, { label: "Group", value: input.group })] }), renderTags([
+                            input.expressionAllowed ? "expressions" : undefined,
+                            input.secretAllowed ? "secret" : undefined,
+                            input.extensionComponentKey,
+                        ]), (examples === null || examples === void 0 ? void 0 : examples.length) ? (_jsxs("div", { className: "workflow-node-docs-examples-inline", children: [_jsx("strong", { children: "Examples" }), examples.map(function (example, index) { return (_jsx("code", { children: example }, "".concat(input.key, "-example-").concat(index))); })] })) : null] }) })] }, input.key));
+}
+function renderExample(example) {
+    var _a, _b;
+    var language = (_a = example.language) !== null && _a !== void 0 ? _a : "text";
+    return (_jsxs(SolidAccordionItem, { value: "example-".concat(example.key), className: "workflow-node-docs-row", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-row-trigger", children: _jsxs("span", { className: "workflow-node-docs-row-heading", children: [_jsx("strong", { children: (_b = example.label) !== null && _b !== void 0 ? _b : example.key }), example.configurationOnly ? _jsx(SolidTag, { children: "configuration" }) : null, _jsx(SolidTag, { children: language })] }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-row-content", children: _jsxs("div", { className: "workflow-node-docs-row-body", children: [example.description ? (_jsx("p", { className: "workflow-node-docs-description", children: example.description })) : null, _jsx(MarkdownViewer, { data: "```".concat(language, "\n").concat(example.snippet, "\n```") })] }) })] }, example.key));
+}
+function renderOutput(output) {
+    var _a;
+    return (_jsxs(SolidAccordionItem, { value: "output-".concat(output.key), className: "workflow-node-docs-row", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-row-trigger", children: _jsxs("span", { className: "workflow-node-docs-row-heading", children: [_jsx("strong", { children: (_a = output.label) !== null && _a !== void 0 ? _a : output.key }), output.required ? _jsx(SolidTag, { tone: "warn", children: "required" }) : null, output.valueType ? _jsx(SolidTag, { children: output.valueType }) : null] }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-row-content", children: _jsxs("div", { className: "workflow-node-docs-row-body", children: [output.description ? (_jsx("p", { className: "workflow-node-docs-description", children: output.description })) : null, _jsx("div", { className: "workflow-node-docs-meta-grid", children: _jsx(MetaRow, { label: "Path", value: output.path }) })] }) })] }, output.key));
+}
+function renderMetric(metric) {
+    var _a, _b;
+    return (_jsxs(SolidAccordionItem, { value: "metric-".concat(metric.key), className: "workflow-node-docs-row", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-row-trigger", children: _jsxs("span", { className: "workflow-node-docs-row-heading", children: [_jsx("strong", { children: (_a = metric.label) !== null && _a !== void 0 ? _a : metric.key }), metric.type ? _jsx(SolidTag, { children: metric.type }) : null, metric.unit ? _jsx(SolidTag, { children: metric.unit }) : null] }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-row-content", children: _jsxs("div", { className: "workflow-node-docs-row-body", children: [metric.description ? (_jsx("p", { className: "workflow-node-docs-description", children: metric.description })) : null, _jsx("div", { className: "workflow-node-docs-meta-grid", children: _jsx(MetaRow, { label: "Path", value: metric.path }) }), renderTags((_b = metric.tags) !== null && _b !== void 0 ? _b : [])] }) })] }, metric.key));
+}
+function renderDefinition(definition) {
+    var _a, _b;
+    return (_jsxs(SolidAccordionItem, { value: "definition-".concat(definition.key), className: "workflow-node-docs-row", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-row-trigger", children: _jsx("span", { className: "workflow-node-docs-row-heading", children: _jsx("strong", { children: (_a = definition.label) !== null && _a !== void 0 ? _a : definition.key }) }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-row-content", children: _jsxs("div", { className: "workflow-node-docs-row-body", children: [definition.description ? (_jsx("p", { className: "workflow-node-docs-description", children: definition.description })) : null, definition.content ? _jsx(MarkdownViewer, { data: definition.content }) : null, ((_b = definition.examples) === null || _b === void 0 ? void 0 : _b.length) ? (_jsx(SolidAccordion, { type: "multiple", defaultValue: definition.examples.map(function (example) { return "example-".concat(example.key); }), className: "workflow-node-docs-inner-accordion", children: definition.examples.map(function (example) { return renderExample(example); }) })) : null] }) })] }, definition.key));
+}
+export function WorkflowNodeDocsPanel(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var nodeType = _a.nodeType, docsModel = _a.docsModel, className = _a.className;
+    var docs = nodeType === null || nodeType === void 0 ? void 0 : nodeType.documentation;
+    var resolvedDocs = docsModel
+        ? docsModel
+        : nodeType
+            ? {
+                title: (_b = nodeType.label) !== null && _b !== void 0 ? _b : nodeType.type,
+                subtitle: nodeType.type,
+                summary: (_c = docs === null || docs === void 0 ? void 0 : docs.summary) !== null && _c !== void 0 ? _c : nodeType.description,
+                tags: (_d = nodeType.tags) !== null && _d !== void 0 ? _d : [],
+                badges: [nodeType.category, nodeType.kind].filter(Boolean),
+                inputs: (_f = (_e = nodeType.authoring) === null || _e === void 0 ? void 0 : _e.configurationFields) !== null && _f !== void 0 ? _f : [],
+                examples: (_g = nodeType.examples) !== null && _g !== void 0 ? _g : [],
+                outputs: (_j = (_h = nodeType.authoring) === null || _h === void 0 ? void 0 : _h.outputs) !== null && _j !== void 0 ? _j : [],
+                metrics: (_k = nodeType.metrics) !== null && _k !== void 0 ? _k : [],
+                definitions: (_l = nodeType.definitions) !== null && _l !== void 0 ? _l : [],
+            }
+            : undefined;
+    if (!resolvedDocs) {
+        return null;
+    }
+    var inputs = (_m = resolvedDocs.inputs) !== null && _m !== void 0 ? _m : [];
+    var examples = (_o = resolvedDocs.examples) !== null && _o !== void 0 ? _o : [];
+    var outputs = (_p = resolvedDocs.outputs) !== null && _p !== void 0 ? _p : [];
+    return (_jsxs("div", { className: cx("workflow-node-docs", className), children: [_jsxs("header", { className: "workflow-node-docs-hero", children: [_jsxs("div", { className: "workflow-node-docs-title-row", children: [_jsx("h2", { children: resolvedDocs.title }), renderTags((_q = resolvedDocs.badges) !== null && _q !== void 0 ? _q : [])] }), resolvedDocs.subtitle ? (_jsx("code", { className: "workflow-node-docs-type", children: resolvedDocs.subtitle })) : null, resolvedDocs.summary ? (_jsx("p", { className: "workflow-node-docs-summary", children: resolvedDocs.summary })) : null, ((_r = resolvedDocs.tags) === null || _r === void 0 ? void 0 : _r.length) ? renderTags(resolvedDocs.tags) : null] }), _jsxs(SolidAccordion, { type: "multiple", className: "workflow-node-docs-sections", children: [inputs.length ? (_jsxs(SolidAccordionItem, { value: "inputs", className: "workflow-node-docs-section", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-section-trigger", children: _jsx(SectionTitle, { title: "Inputs", count: inputs.length }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-section-content", children: _jsx(SolidAccordion, { type: "multiple", defaultValue: inputs
+                                        .filter(function (input) { return input.required; })
+                                        .map(function (input) { return "input-".concat(input.key); }), className: "workflow-node-docs-inner-accordion", children: inputs.map(function (input) { return renderInput(input); }) }) })] })) : null, outputs.length ? (_jsxs(SolidAccordionItem, { value: "outputs", className: "workflow-node-docs-section", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-section-trigger", children: _jsx(SectionTitle, { title: "Outputs", count: outputs.length }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-section-content", children: _jsx(SolidAccordion, { type: "multiple", className: "workflow-node-docs-inner-accordion", children: outputs.map(function (output) { return renderOutput(output); }) }) })] })) : null, examples.length ? (_jsxs(SolidAccordionItem, { value: "examples", className: "workflow-node-docs-section", children: [_jsx(SolidAccordionTrigger, { className: "workflow-node-docs-section-trigger", children: _jsx(SectionTitle, { title: "Examples", count: examples.length }) }), _jsx(SolidAccordionContent, { className: "workflow-node-docs-section-content", children: _jsx(SolidAccordion, { type: "multiple", defaultValue: examples.map(function (example) { return "example-".concat(example.key); }), className: "workflow-node-docs-inner-accordion", children: examples.map(function (example) { return renderExample(example); }) }) })] })) : null] })] }));
+}
+//# sourceMappingURL=WorkflowNodeDocsPanel.js.map

package/dist/components/workflow/WorkflowNodeDocsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowNodeDocsPanel.js","sourceRoot":"","sources":["../../../src/components/workflow/WorkflowNodeDocsPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport MarkdownViewer from \"../common/MarkdownViewer\";\nimport {\n  SolidAccordion,\n  SolidAccordionContent,\n  SolidAccordionItem,\n  SolidAccordionTrigger,\n  SolidTag,\n} from \"../shad-cn-ui\";\nimport type {\n  WorkflowNodeConfigurationFieldDefinition,\n  WorkflowNodeExampleDefinition,\n  WorkflowNodeMetricDefinition,\n  WorkflowNodeMetadataResponse,\n  WorkflowNodeOutputDefinition,\n  WorkflowNodeReferenceDefinition,\n} from \"../../types/workflow-node\";\nimport \"./WorkflowNodeDocsPanel.css\";\n\ntype WorkflowNodeDocsPanelProps = {\n  nodeType?: WorkflowNodeMetadataResponse;\n  docsModel?: WorkflowDocsModel;\n  className?: string;\n};\n\nexport type WorkflowDocsModel = {\n  title: string;\n  subtitle?: string;\n  summary?: string;\n  tags?: string[];\n  badges?: string[];\n  inputs?: WorkflowNodeConfigurationFieldDefinition[];\n  examples?: WorkflowNodeExampleDefinition[];\n  outputs?: WorkflowNodeOutputDefinition[];\n  metrics?: WorkflowNodeMetricDefinition[];\n  definitions?: WorkflowNodeReferenceDefinition[];\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction formatValue(value: any) {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (typeof value === \"string\") {\n    return value;\n  }\n\n  return JSON.stringify(value);\n}\n\nfunction SectionTitle({\n  title,\n  count,\n}: {\n  title: string;\n  count: number;\n}) {\n  return (\n    <span className=\"workflow-node-docs-section-title\">\n      <span>{title}</span>\n      <span className=\"workflow-node-docs-section-count\">{count}</span>\n    </span>\n  );\n}\n\nfunction MetaRow({ label, value }: { label: string; value?: string }) {\n  if (!value) {\n    return null;\n  }\n\n  return (\n    <div className=\"workflow-node-docs-meta-row\">\n      <span>{label}</span>\n      <code>{value}</code>\n    </div>\n  );\n}\n\nfunction renderTags(tags: Array<string | undefined>) {\n  const filteredTags = tags.filter(Boolean) as string[];\n  if (!filteredTags.length) {\n    return null;\n  }\n\n  return (\n    <div className=\"workflow-node-docs-tags\">\n      {filteredTags.map((tag) => (\n        <SolidTag key={tag}>{tag}</SolidTag>\n      ))}\n    </div>\n  );\n}\n\nfunction renderInput(input: WorkflowNodeConfigurationFieldDefinition) {\n  const defaultValue = formatValue(input.defaultValue);\n  const enumValues = input.enumValues?.map((item) => String(item)).join(\", \");\n  const examples = input.examples?.map((example) => formatValue(example)).filter(Boolean);\n\n  return (\n    <SolidAccordionItem\n      key={input.key}\n      value={`input-${input.key}`}\n      className=\"workflow-node-docs-row\"\n    >\n      <SolidAccordionTrigger className=\"workflow-node-docs-row-trigger\">\n        <span className=\"workflow-node-docs-row-heading\">\n          <strong>{input.label ?? input.key}</strong>\n          {input.required ? <SolidTag tone=\"warn\">required</SolidTag> : null}\n          {input.valueType ? <SolidTag>{input.valueType}</SolidTag> : null}\n        </span>\n      </SolidAccordionTrigger>\n      <SolidAccordionContent className=\"workflow-node-docs-row-content\">\n        <div className=\"workflow-node-docs-row-body\">\n          {input.description ? (\n            <p className=\"workflow-node-docs-description\">{input.description}</p>\n          ) : null}\n          <div className=\"workflow-node-docs-meta-grid\">\n            <MetaRow label=\"Path\" value={input.path} />\n            <MetaRow label=\"Default\" value={defaultValue} />\n            <MetaRow label=\"Values\" value={enumValues} />\n            <MetaRow label=\"Widget\" value={input.widgetHint} />\n            <MetaRow label=\"Group\" value={input.group} />\n          </div>\n          {renderTags([\n            input.expressionAllowed ? \"expressions\" : undefined,\n            input.secretAllowed ? \"secret\" : undefined,\n            input.extensionComponentKey,\n          ])}\n          {examples?.length ? (\n            <div className=\"workflow-node-docs-examples-inline\">\n              <strong>Examples</strong>\n              {examples.map((example, index) => (\n                <code key={`${input.key}-example-${index}`}>{example}</code>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </SolidAccordionContent>\n    </SolidAccordionItem>\n  );\n}\n\nfunction renderExample(example: WorkflowNodeExampleDefinition) {\n  const language = example.language ?? \"text\";\n  return (\n    <SolidAccordionItem\n      key={example.key}\n      value={`example-${example.key}`}\n      className=\"workflow-node-docs-row\"\n    >\n      <SolidAccordionTrigger className=\"workflow-node-docs-row-trigger\">\n        <span className=\"workflow-node-docs-row-heading\">\n          <strong>{example.label ?? example.key}</strong>\n          {example.configurationOnly ? <SolidTag>configuration</SolidTag> : null}\n          <SolidTag>{language}</SolidTag>\n        </span>\n      </SolidAccordionTrigger>\n      <SolidAccordionContent className=\"workflow-node-docs-row-content\">\n        <div className=\"workflow-node-docs-row-body\">\n          {example.description ? (\n            <p className=\"workflow-node-docs-description\">{example.description}</p>\n          ) : null}\n          <MarkdownViewer data={`\\`\\`\\`${language}\\n${example.snippet}\\n\\`\\`\\``} />\n        </div>\n      </SolidAccordionContent>\n    </SolidAccordionItem>\n  );\n}\n\nfunction renderOutput(output: WorkflowNodeOutputDefinition) {\n  return (\n    <SolidAccordionItem\n      key={output.key}\n      value={`output-${output.key}`}\n      className=\"workflow-node-docs-row\"\n    >\n      <SolidAccordionTrigger className=\"workflow-node-docs-row-trigger\">\n        <span className=\"workflow-node-docs-row-heading\">\n          <strong>{output.label ?? output.key}</strong>\n          {output.required ? <SolidTag tone=\"warn\">required</SolidTag> : null}\n          {output.valueType ? <SolidTag>{output.valueType}</SolidTag> : null}\n        </span>\n      </SolidAccordionTrigger>\n      <SolidAccordionContent className=\"workflow-node-docs-row-content\">\n        <div className=\"workflow-node-docs-row-body\">\n          {output.description ? (\n            <p className=\"workflow-node-docs-description\">{output.description}</p>\n          ) : null}\n          <div className=\"workflow-node-docs-meta-grid\">\n            <MetaRow label=\"Path\" value={output.path} />\n          </div>\n        </div>\n      </SolidAccordionContent>\n    </SolidAccordionItem>\n  );\n}\n\nfunction renderMetric(metric: WorkflowNodeMetricDefinition) {\n  return (\n    <SolidAccordionItem\n      key={metric.key}\n      value={`metric-${metric.key}`}\n      className=\"workflow-node-docs-row\"\n    >\n      <SolidAccordionTrigger className=\"workflow-node-docs-row-trigger\">\n        <span className=\"workflow-node-docs-row-heading\">\n          <strong>{metric.label ?? metric.key}</strong>\n          {metric.type ? <SolidTag>{metric.type}</SolidTag> : null}\n          {metric.unit ? <SolidTag>{metric.unit}</SolidTag> : null}\n        </span>\n      </SolidAccordionTrigger>\n      <SolidAccordionContent className=\"workflow-node-docs-row-content\">\n        <div className=\"workflow-node-docs-row-body\">\n          {metric.description ? (\n            <p className=\"workflow-node-docs-description\">{metric.description}</p>\n          ) : null}\n          <div className=\"workflow-node-docs-meta-grid\">\n            <MetaRow label=\"Path\" value={metric.path} />\n          </div>\n          {renderTags(metric.tags ?? [])}\n        </div>\n      </SolidAccordionContent>\n    </SolidAccordionItem>\n  );\n}\n\nfunction renderDefinition(definition: WorkflowNodeReferenceDefinition) {\n  return (\n    <SolidAccordionItem\n      key={definition.key}\n      value={`definition-${definition.key}`}\n      className=\"workflow-node-docs-row\"\n    >\n      <SolidAccordionTrigger className=\"workflow-node-docs-row-trigger\">\n        <span className=\"workflow-node-docs-row-heading\">\n          <strong>{definition.label ?? definition.key}</strong>\n        </span>\n      </SolidAccordionTrigger>\n      <SolidAccordionContent className=\"workflow-node-docs-row-content\">\n        <div className=\"workflow-node-docs-row-body\">\n          {definition.description ? (\n            <p className=\"workflow-node-docs-description\">{definition.description}</p>\n          ) : null}\n          {definition.content ? <MarkdownViewer data={definition.content} /> : null}\n          {definition.examples?.length ? (\n            <SolidAccordion\n              type=\"multiple\"\n              defaultValue={definition.examples.map((example) => `example-${example.key}`)}\n              className=\"workflow-node-docs-inner-accordion\"\n            >\n              {definition.examples.map((example) => renderExample(example))}\n            </SolidAccordion>\n          ) : null}\n        </div>\n      </SolidAccordionContent>\n    </SolidAccordionItem>\n  );\n}\n\nexport function WorkflowNodeDocsPanel({\n  nodeType,\n  docsModel,\n  className,\n}: WorkflowNodeDocsPanelProps) {\n  const docs = nodeType?.documentation;\n  const resolvedDocs: WorkflowDocsModel | undefined = docsModel\n    ? docsModel\n    : nodeType\n      ? {\n          title: nodeType.label ?? nodeType.type,\n          subtitle: nodeType.type,\n          summary: docs?.summary ?? nodeType.description,\n          tags: nodeType.tags ?? [],\n          badges: [nodeType.category, nodeType.kind].filter(Boolean) as string[],\n          inputs: nodeType.authoring?.configurationFields ?? [],\n          examples: nodeType.examples ?? [],\n          outputs: nodeType.authoring?.outputs ?? [],\n          metrics: nodeType.metrics ?? [],\n          definitions: nodeType.definitions ?? [],\n        }\n      : undefined;\n\n  if (!resolvedDocs) {\n    return null;\n  }\n\n  const inputs = resolvedDocs.inputs ?? [];\n  const examples = resolvedDocs.examples ?? [];\n  const outputs = resolvedDocs.outputs ?? [];\n\n  return (\n    <div className={cx(\"workflow-node-docs\", className)}>\n      <header className=\"workflow-node-docs-hero\">\n        <div className=\"workflow-node-docs-title-row\">\n          <h2>{resolvedDocs.title}</h2>\n          {renderTags(resolvedDocs.badges ?? [])}\n        </div>\n        {resolvedDocs.subtitle ? (\n          <code className=\"workflow-node-docs-type\">{resolvedDocs.subtitle}</code>\n        ) : null}\n        {resolvedDocs.summary ? (\n          <p className=\"workflow-node-docs-summary\">{resolvedDocs.summary}</p>\n        ) : null}\n        {resolvedDocs.tags?.length ? renderTags(resolvedDocs.tags) : null}\n      </header>\n\n      <SolidAccordion type=\"multiple\" className=\"workflow-node-docs-sections\">\n        {inputs.length ? (\n          <SolidAccordionItem value=\"inputs\" className=\"workflow-node-docs-section\">\n            <SolidAccordionTrigger className=\"workflow-node-docs-section-trigger\">\n              <SectionTitle title=\"Inputs\" count={inputs.length} />\n            </SolidAccordionTrigger>\n            <SolidAccordionContent className=\"workflow-node-docs-section-content\">\n              <SolidAccordion\n                type=\"multiple\"\n                defaultValue={inputs\n                  .filter((input) => input.required)\n                  .map((input) => `input-${input.key}`)}\n                className=\"workflow-node-docs-inner-accordion\"\n              >\n                {inputs.map((input) => renderInput(input))}\n              </SolidAccordion>\n            </SolidAccordionContent>\n          </SolidAccordionItem>\n        ) : null}\n\n        {outputs.length ? (\n          <SolidAccordionItem value=\"outputs\" className=\"workflow-node-docs-section\">\n            <SolidAccordionTrigger className=\"workflow-node-docs-section-trigger\">\n              <SectionTitle title=\"Outputs\" count={outputs.length} />\n            </SolidAccordionTrigger>\n            <SolidAccordionContent className=\"workflow-node-docs-section-content\">\n              <SolidAccordion type=\"multiple\" className=\"workflow-node-docs-inner-accordion\">\n                {outputs.map((output) => renderOutput(output))}\n              </SolidAccordion>\n            </SolidAccordionContent>\n          </SolidAccordionItem>\n        ) : null}\n\n        {examples.length ? (\n          <SolidAccordionItem value=\"examples\" className=\"workflow-node-docs-section\">\n            <SolidAccordionTrigger className=\"workflow-node-docs-section-trigger\">\n              <SectionTitle title=\"Examples\" count={examples.length} />\n            </SolidAccordionTrigger>\n            <SolidAccordionContent className=\"workflow-node-docs-section-content\">\n              <SolidAccordion\n                type=\"multiple\"\n                defaultValue={examples.map((example) => `example-${example.key}`)}\n                className=\"workflow-node-docs-inner-accordion\"\n              >\n                {examples.map((example) => renderExample(example))}\n              </SolidAccordion>\n            </SolidAccordionContent>\n          </SolidAccordionItem>\n        ) : null}\n      </SolidAccordion>\n    </div>\n  );\n}\n"]}