@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.10

package/dist/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.tsx

@@ -1,4 +1,9 @@
-import { Dialog } from "primereact/dialog";
+import {
+  SolidDialog,
+  SolidDialogBody,
+  SolidDialogClose,
+  SolidDialogHeader,
+} from "../../../../../../shad-cn-ui/SolidDialog";
 import { camelCase } from "lodash";
 import SolidFormView from "../../../../../../../components/core/form/SolidFormView";
 
@@ -19,20 +24,22 @@ export const InlineRelationEntityDialog = ({ visible, setVisible, fieldContext,
     modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)
   };
 
-  return (
-    <Dialog
-      visible={visible}
-      showHeader={false}
-      style={{
-      width: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? "60vw",
-      height: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.height ?? "auto"
-      }}
-      // breakpoints={{ '1199px': '35rem', "767px": '85vw', "550px": '90vw' }}
+  const dialogWidth = fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? "60vw";
+  const dialogHeight = fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.height ?? "auto";
 
-      onHide={() => setVisible(false)}
+  return (
+    <SolidDialog
+      open={visible}
+      onOpenChange={setVisible}
       className="solid-dialog"
+      style={{ width: dialogWidth, height: dialogHeight }}
     >
-      <SolidFormView {...params} />
-    </Dialog>
+      <SolidDialogHeader>
+        <SolidDialogClose aria-label="Close dialog" />
+      </SolidDialogHeader>
+      <SolidDialogBody>
+        <SolidFormView {...params} />
+      </SolidDialogBody>
+    </SolidDialog>
   );
 };

package/dist/components/core/form/fields/solidFields.module.css

@@ -4,4 +4,266 @@
 .solidCustomSlider .p-slider .p-slider-handle {
     background: var(--primary-color);
     border: 2px solid #fff;
-}
+}
+
+/* === Field UI refresh === */
+
+.fieldWrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-top: 10px;
+}
+
+.fieldLabel {
+    font-size: 11px;
+    color: color-mix(in srgb, var(--muted-foreground) 84%, var(--background) 16%);
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    margin: 0;
+    line-height: 1.35;
+    letter-spacing: 0.01em;
+}
+
+.fieldInput {
+    width: 100% !important;
+    height: 34px !important;
+    border-radius: 8px !important;
+    border: 1px solid var(--border) !important;
+    background: var(--solid-form-control-bg, color-mix(in srgb, var(--card) 98%, var(--background) 2%)) !important;
+    color: var(--foreground) !important;
+    padding: 0 11px !important;
+    font-size: 13px !important;
+    box-shadow: none !important;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
+}
+
+.fieldInput:focus,
+.fieldInput:focus-visible {
+    outline: none !important;
+    border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 65%, var(--border)) !important;
+    box-shadow: 0 0 0 3px var(--ring) !important;
+}
+
+.fieldInput:disabled {
+    opacity: 0.75 !important;
+    cursor: not-allowed !important;
+    background: var(--solid-form-control-bg-disabled, color-mix(in srgb, var(--muted) 18%, var(--card) 82%)) !important;
+}
+
+.fieldTextarea {
+    width: 100% !important;
+    border-radius: 8px !important;
+    border: 1px solid var(--border) !important;
+    background: var(--solid-form-control-bg, color-mix(in srgb, var(--card) 98%, var(--background) 2%)) !important;
+    color: var(--foreground) !important;
+    padding: 8px 11px !important;
+    font-size: 13px !important;
+    resize: vertical !important;
+    box-shadow: none !important;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
+    line-height: 1.5 !important;
+}
+
+.fieldTextarea:focus,
+.fieldTextarea:focus-visible {
+    outline: none !important;
+    border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 65%, var(--border)) !important;
+    box-shadow: 0 0 0 3px var(--ring) !important;
+}
+
+.fieldTextarea:disabled {
+    opacity: 0.75 !important;
+    cursor: not-allowed !important;
+    background: var(--solid-form-control-bg-disabled, color-mix(in srgb, var(--muted) 18%, var(--card) 82%)) !important;
+}
+
+/* InputNumber wrapper — className lands on the outer span */
+.fieldNumberWrapper {
+    width: 100%;
+}
+
+.fieldNumberWrapper :global(.p-inputnumber) {
+    width: 100% !important;
+}
+
+.fieldNumberWrapper :global(.p-inputnumber-input) {
+    width: 100% !important;
+    height: 34px !important;
+    border-radius: 8px !important;
+    border: 1px solid var(--border) !important;
+    background: var(--solid-form-control-bg, color-mix(in srgb, var(--card) 98%, var(--background) 2%)) !important;
+    color: var(--foreground) !important;
+    padding: 0 11px !important;
+    font-size: 13px !important;
+    box-shadow: none !important;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
+}
+
+.fieldNumberWrapper :global(.p-inputnumber-input):focus {
+    outline: none !important;
+    border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 65%, var(--border)) !important;
+    box-shadow: 0 0 0 3px var(--ring) !important;
+}
+
+.fieldNumberWrapper :global(.p-inputnumber-input):disabled {
+    opacity: 0.75 !important;
+    cursor: not-allowed !important;
+    background: var(--solid-form-control-bg-disabled, color-mix(in srgb, var(--muted) 18%, var(--card) 82%)) !important;
+}
+
+.fieldError {
+    margin: 2px 0 0;
+    color: #ef4444;
+    font-size: 11.5px;
+    line-height: 1.3;
+}
+
+.fieldInvalid :global(.solid-autocomplete-control) {
+    border-color: #ef4444 !important;
+    box-shadow: 0 0 0 1px #fecaca inset !important;
+}
+
+.fieldInvalidControl :global(.solid-autocomplete-control) {
+    border-color: #ef4444 !important;
+}
+
+.fieldErrorBadge {
+    display: inline-flex;
+    align-items: center;
+    color: #ef4444;
+    padding: 2px 0;
+    border: none;
+    background: transparent;
+    font-size: 12px;
+    margin-top: 6px;
+}
+
+:global(.solid-file-icon-btn) {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 32px;
+    width: 32px;
+    border-radius: 8px;
+    border: 1px solid #d6dae5;
+    background: #ffffff;
+    color: #1f2937;
+    transition: all 0.12s ease;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
+}
+:global(.solid-file-icon-btn:hover:not(:disabled)) {
+    background: #f3f4f6;
+    border-color: #cfd4e3;
+    color: #111827;
+}
+
+:global(.solid-file-icon-btn:disabled) {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+:global(.solid-file-icon-btn.is-danger) {
+    color: #b91c1c;
+    border-color: #f1c1c1;
+    background: #fff5f5;
+}
+
+:global(.solid-file-icon-btn.is-danger:hover:not(:disabled)) {
+    color: #7f1d1d;
+    border-color: #f59fa0;
+    background: #ffe9e9;
+}
+
+.fieldViewWrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    margin-top: 10px;
+}
+
+.fieldViewLabel {
+    margin: 0;
+    font-size: 11px;
+    color: color-mix(in srgb, var(--muted-foreground) 84%, var(--background) 16%);
+    font-weight: 500;
+    line-height: 1.35;
+    letter-spacing: 0.01em;
+}
+
+.fieldViewValue {
+    margin: 0;
+    font-size: 13px;
+    color: var(--foreground);
+    min-height: 18px;
+    line-height: 1.4;
+}
+
+.mediaAttachmentCard {
+    display: flex;
+    align-items: center;
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    background: color-mix(in srgb, var(--card) 97%, var(--background) 3%);
+    padding: 12px 14px;
+    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+}
+
+.mediaAttachmentCardView {
+    margin-top: 10px;
+}
+
+.mediaAttachmentRow {
+    width: 100%;
+}
+
+.mediaAttachmentMeta {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.mediaAttachmentName {
+    appearance: none;
+    background: transparent;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    text-align: left;
+    color: var(--foreground);
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 1.35;
+    letter-spacing: -0.01em;
+    cursor: pointer;
+    min-width: 0;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: color 0.15s ease;
+}
+
+.mediaAttachmentName:hover {
+    color: var(--primary-color, var(--primary));
+}
+
+.mediaAttachmentName:focus-visible {
+    outline: none;
+    color: var(--primary-color, var(--primary));
+}
+
+.mediaAttachmentSize {
+    font-size: 11.5px;
+    line-height: 1.3;
+    font-weight: 500;
+    color: var(--muted-foreground);
+    letter-spacing: 0.01em;
+}
+
+.mediaAttachmentActions {
+    flex-shrink: 0;
+}

package/dist/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAiInteractionMetadataFieldFormWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAQ5E,eAAO,MAAM,yCAAyC,6BAA8B,yBAAyB,4CAqI5G,CAAA"}
+{"version":3,"file":"SolidAiInteractionMetadataFieldFormWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAQ5E,eAAO,MAAM,yCAAyC,6BAA8B,yBAAyB,4CAuH5G,CAAA"}

package/dist/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.js

@@ -1,69 +1,89 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
 import MarkdownViewer from "../../../../../components/common/MarkdownViewer";
-import { Accordion, AccordionTab } from "primereact/accordion";
-import { Button } from "primereact/button";
-import { TabView, TabPanel } from "primereact/tabview";
+import { SolidButton } from "../../../../shad-cn-ui/SolidButton";
+import { SolidIcon } from "../../../../shad-cn-ui";
+import { SolidTabGroup } from "../../../../../components/shad-cn-ui/SolidTabs";
 import ReactCodeMirror, { EditorView, oneDark } from "@uiw/react-codemirror";
 import { javascript } from "@codemirror/lang-javascript";
 export var SolidAiInteractionMetadataFieldFormWidget = function (_a) {
-    var _b, _c, _d, _e;
+    var _b, _c, _d;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
     var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
     var userKeyFieldName = (_d = (_c = fieldMetadata.relationModel) === null || _c === void 0 ? void 0 : _c.userKeyField) === null || _d === void 0 ? void 0 : _d.name;
     var value = formik.values[fieldLayoutInfo.attrs.name];
-    return (_jsx("div", { className: "mt-2 flex-column", children: _jsxs(TabView, { children: [_jsx(TabPanel, { header: "Chunks", children: _jsx("div", { className: "solid-layout-accordion", children: _jsx(Accordion, { multiple: true, expandIcon: "pi pi-chevron-down", collapseIcon: "pi pi-chevron-up", activeIndex: [0], children: (_e = value === null || value === void 0 ? void 0 : value.chunks) === null || _e === void 0 ? void 0 : _e.map(function (c) {
-                                var processedText = c.text || '';
-                                var meta = c.metadata || {};
-                                // 🧠 Identify type
-                                var isDoc = !!meta.path || meta.source === "docusaurus";
-                                var isModule = meta.type === "module";
-                                var isModel = meta.type === "model";
-                                // 🧹 Clean text for docs
-                                if (isDoc) {
-                                    processedText = processedText
-                                        .replace(/^Document Title:\s*/i, "")
-                                        .replace(/^Text:\s*/i, "")
-                                        .trim();
-                                }
-                                // 🧩 Extract "Full model metadata json" if present
-                                if (isModel) {
-                                    var match = processedText.match(/Full model metadata json:\s*\n?({[\s\S]+})/);
-                                    if (match) {
-                                        try {
-                                            // Format the JSON nicely
-                                            var pretty = JSON.stringify(JSON.parse(match[1]), null, 2);
-                                            // Replace the raw JSON text with a fenced code block
-                                            processedText = processedText.replace(match[0], "**Full model metadata json:**\n\n```json\n".concat(pretty, "\n```"));
-                                        }
-                                        catch (_a) {
-                                            // Fallback: wrap raw text if JSON invalid
-                                            processedText = processedText.replace(match[0], "**Full model metadata json (raw):**\n\n```\n".concat(match[1], "\n```"));
-                                        }
-                                    }
-                                }
-                                // 🏷️ Header label
-                                var headerTitle = "Unknown";
-                                if (isModule) {
-                                    headerTitle = "Module: ".concat(meta.moduleName, " (").concat(meta.modelCount, " models)");
-                                }
-                                else if (isModel) {
-                                    headerTitle = "Model: ".concat(meta.modelName, " (").concat(meta.fieldCount, " fields)");
-                                }
-                                else if (isDoc) {
-                                    headerTitle = "Doc: ".concat(meta.title || meta.doc_title || meta.path);
-                                }
-                                // 🌐 External link (docs only)
-                                var openDoc = function (e) {
-                                    e.stopPropagation();
-                                    if (isDoc) {
-                                        var cleanPath = (meta.path || "").replace(/\.md$/, "");
-                                        var url = "https://docs.solidxai.com/docs/".concat(cleanPath);
-                                        window.open(url, "_blank");
-                                    }
-                                };
-                                return (_jsx(AccordionTab, { header: _jsxs("div", { className: "flex justify-between items-center w-full", children: [_jsx("span", { className: "font-medium", children: headerTitle }), isDoc && (_jsx(Button, { icon: "pi pi-external-link", rounded: true, text: true, outlined: true, style: { height: "1.5rem" }, onClick: openDoc }))] }), children: _jsx("div", { className: "shadow-1 bg-bluegray-50 p-3", children: _jsx(MarkdownViewer, { data: processedText }) }, c.id) }, c.id));
-                            }) }) }) }), _jsx(TabPanel, { header: "System Prompt", children: (value === null || value === void 0 ? void 0 : value.system_prompt) && (_jsx("div", { children: _jsx(MarkdownViewer, { data: value.system_prompt }) })) }), _jsx(TabPanel, { header: "User Prompt", children: (value === null || value === void 0 ? void 0 : value.user_prompt) && (_jsx("div", { children: _jsx(MarkdownViewer, { data: value.user_prompt }) })) }), _jsx(TabPanel, { header: "Token Usage", children: (value === null || value === void 0 ? void 0 : value.tokenUsage) && (_jsx("div", { className: "p-3 ", style: { width: '100%' }, children: _jsx(ReactCodeMirror, { value: JSON.stringify(value.tokenUsage, null, 2), style: { fontSize: '10px' }, theme: oneDark, extensions: [javascript(), EditorView.lineWrapping] }) })) })] }) }));
+    var _e = useState("chunks"), activeTab = _e[0], setActiveTab = _e[1];
+    var chunkContent = useMemo(function () {
+        var _a;
+        if (!((_a = value === null || value === void 0 ? void 0 : value.chunks) === null || _a === void 0 ? void 0 : _a.length))
+            return null;
+        return (_jsx("div", { className: "solid-layout-accordion flex flex-col gap-2", children: value.chunks.map(function (c, index) {
+                var _a;
+                var processedText = c.text || '';
+                var meta = c.metadata || {};
+                var isDoc = !!meta.path || meta.source === "docusaurus";
+                var isModule = meta.type === "module";
+                var isModel = meta.type === "model";
+                if (isDoc) {
+                    processedText = processedText
+                        .replace(/^Document Title:\s*/i, "")
+                        .replace(/^Text:\s*/i, "")
+                        .trim();
+                }
+                if (isModel) {
+                    var match = processedText.match(/Full model metadata json:\s*\n?({[\s\S]+})/);
+                    if (match) {
+                        try {
+                            var pretty = JSON.stringify(JSON.parse(match[1]), null, 2);
+                            processedText = processedText.replace(match[0], "**Full model metadata json:**\n\n```json\n".concat(pretty, "\n```"));
+                        }
+                        catch (_b) {
+                            processedText = processedText.replace(match[0], "**Full model metadata json (raw):**\n\n```\n".concat(match[1], "\n```"));
+                        }
+                    }
+                }
+                var headerTitle = "Unknown";
+                if (isModule) {
+                    headerTitle = "Module: ".concat(meta.moduleName, " (").concat(meta.modelCount, " models)");
+                }
+                else if (isModel) {
+                    headerTitle = "Model: ".concat(meta.modelName, " (").concat(meta.fieldCount, " fields)");
+                }
+                else if (isDoc) {
+                    headerTitle = "Doc: ".concat(meta.title || meta.doc_title || meta.path);
+                }
+                var openDoc = function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    if (isDoc) {
+                        var cleanPath = (meta.path || "").replace(/\.md$/, "");
+                        var url = "https://docs.solidxai.com/docs/".concat(cleanPath);
+                        window.open(url, "_blank");
+                    }
+                };
+                return (_jsxs("details", { className: "solid-accordion-item rounded-md border border-border bg-card", open: index === 0, children: [_jsxs("summary", { className: "solid-accordion-header flex justify-between items-center gap-2 p-3 cursor-pointer", children: [_jsx("span", { className: "font-medium", children: headerTitle }), isDoc && (_jsx(SolidButton, { variant: "ghost", size: "sm", onClick: openDoc, "aria-label": "Open documentation", children: _jsx(SolidIcon, { name: "si-external-link", "aria-hidden": true }) }))] }), _jsx("div", { className: "solid-accordion-content p-3 pt-0", children: _jsx(MarkdownViewer, { data: processedText }) })] }, (_a = c.id) !== null && _a !== void 0 ? _a : index));
+            }) }));
+    }, [value === null || value === void 0 ? void 0 : value.chunks]);
+    var tabs = [
+        { value: "chunks", label: "Chunks", content: chunkContent },
+        {
+            value: "system",
+            label: "System Prompt",
+            content: (value === null || value === void 0 ? void 0 : value.system_prompt) ? _jsx(MarkdownViewer, { data: value.system_prompt }) : null,
+        },
+        {
+            value: "user",
+            label: "User Prompt",
+            content: (value === null || value === void 0 ? void 0 : value.user_prompt) ? _jsx(MarkdownViewer, { data: value.user_prompt }) : null,
+        },
+        {
+            value: "usage",
+            label: "Token Usage",
+            content: (value === null || value === void 0 ? void 0 : value.tokenUsage) ? (_jsx("div", { className: "p-3 w-full", children: _jsx(ReactCodeMirror, { value: JSON.stringify(value.tokenUsage, null, 2), style: { fontSize: '10px' }, theme: oneDark, extensions: [javascript(), EditorView.lineWrapping] }) })) : null,
+        },
+    ];
+    return (_jsx("div", { className: "mt-2 flex-column", children: _jsx(SolidTabGroup, { tabs: tabs, value: activeTab, onValueChange: setActiveTab }) }));
 };
 //# sourceMappingURL=SolidAiInteractionMetadataFieldFormWidget.js.map

package/dist/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAiInteractionMetadataFieldFormWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,iDAAiD,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,IAAM,yCAAyC,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IAE5E,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,gBAAgB,GAAG,MAAA,MAAA,aAAa,CAAC,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;IACzE,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAExD,OAAO,CACH,cAAK,SAAS,EAAC,kBAAkB,YAG7B,MAAC,OAAO,eAEJ,KAAC,QAAQ,IAAC,MAAM,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,wBAAwB,YACnC,KAAC,SAAS,IAAC,QAAQ,QAAC,UAAU,EAAC,oBAAoB,EAAC,YAAY,EAAC,kBAAkB,EAAC,WAAW,EAAE,CAAC,CAAC,CAAC,YAC/F,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,GAAG,CAAC,UAAC,CAAM;gCACvB,IAAI,aAAa,GAAG,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;gCACjC,IAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;gCAE9B,mBAAmB;gCACnB,IAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,CAAC;gCAC1D,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;gCACxC,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;gCAEtC,yBAAyB;gCACzB,IAAI,KAAK,EAAE;oCACP,aAAa,GAAG,aAAa;yCACxB,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC;yCACnC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;yCACzB,IAAI,EAAE,CAAC;iCACf;gCAED,mDAAmD;gCACnD,IAAI,OAAO,EAAE;oCACT,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;oCAChF,IAAI,KAAK,EAAE;wCACP,IAAI;4CACA,yBAAyB;4CACzB,IAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;4CAC7D,qDAAqD;4CACrD,aAAa,GAAG,aAAa,CAAC,OAAO,CACjC,KAAK,CAAC,CAAC,CAAC,EACR,oDAAgD,MAAM,UAAU,CACnE,CAAC;yCACL;wCAAC,WAAM;4CACJ,0CAA0C;4CAC1C,aAAa,GAAG,aAAa,CAAC,OAAO,CACjC,KAAK,CAAC,CAAC,CAAC,EACR,sDAAkD,KAAK,CAAC,CAAC,CAAC,UAAU,CACvE,CAAC;yCACL;qCACJ;iCACJ;gCAED,mBAAmB;gCACnB,IAAI,WAAW,GAAG,SAAS,CAAC;gCAC5B,IAAI,QAAQ,EAAE;oCACV,WAAW,GAAG,kBAAW,IAAI,CAAC,UAAU,eAAK,IAAI,CAAC,UAAU,aAAU,CAAC;iCAC1E;qCAAM,IAAI,OAAO,EAAE;oCAChB,WAAW,GAAG,iBAAU,IAAI,CAAC,SAAS,eAAK,IAAI,CAAC,UAAU,aAAU,CAAC;iCACxE;qCAAM,IAAI,KAAK,EAAE;oCACd,WAAW,GAAG,eAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAE,CAAC;iCACrE;gCAED,+BAA+B;gCAC/B,IAAM,OAAO,GAAG,UAAC,CAAM;oCACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,IAAI,KAAK,EAAE;wCACP,IAAM,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;wCACzD,IAAM,GAAG,GAAG,yCAAkC,SAAS,CAAE,CAAC;wCAC1D,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;qCAC9B;gCACL,CAAC,CAAC;gCAEF,OAAO,CACH,KAAC,YAAY,IAET,MAAM,EACF,eAAK,SAAS,EAAC,0CAA0C,aACrD,eAAM,SAAS,EAAC,aAAa,YAAE,WAAW,GAAQ,EACjD,KAAK,IAAI,CACN,KAAC,MAAM,IACH,IAAI,EAAC,qBAAqB,EAC1B,OAAO,QACP,IAAI,QACJ,QAAQ,QACR,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAC3B,OAAO,EAAE,OAAO,GAClB,CACL,IACC,YAGV,cAAgB,SAAS,EAAC,6BAA6B,YACnD,KAAC,cAAc,IAAC,IAAI,EAAE,aAAa,GAAI,IADjC,CAAC,CAAC,EAAE,CAER,IAnBD,CAAC,CAAC,EAAE,CAoBE,CAClB,CAAC;4BACN,CAAC,CAAC,GACM,GACV,GACC,EACX,KAAC,QAAQ,IAAC,MAAM,EAAC,eAAe,YAC3B,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,CACrB,wBACI,KAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,aAAa,GAAI,GAC3C,CACT,GACM,EACX,KAAC,QAAQ,IAAC,MAAM,EAAC,aAAa,YACzB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,CACnB,wBACI,KAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAI,GACzC,CACT,GACM,EACX,KAAC,QAAQ,IAAC,MAAM,EAAC,aAAa,YACzB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,CAClB,cAAK,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC5C,KAAC,eAAe,IACZ,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,EAChD,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,KAAK,EAAE,OAAO,EACd,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,CAAC,YAAY,CAAC,GACrD,GACA,CACT,GACM,IACL,GACR,CACT,CAAC;AACN,CAAC,CAAA","sourcesContent":["\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport MarkdownViewer from \"../../../../../components/common/MarkdownViewer\";\nimport { Accordion, AccordionTab } from \"primereact/accordion\";\nimport { Button } from \"primereact/button\";\nimport { TabView, TabPanel } from \"primereact/tabview\";\nimport ReactCodeMirror, { EditorView, oneDark } from \"@uiw/react-codemirror\";\nimport { javascript } from \"@codemirror/lang-javascript\";\n\nexport const SolidAiInteractionMetadataFieldFormWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const userKeyFieldName = fieldMetadata.relationModel?.userKeyField?.name;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n\n    return (\n        <div className=\"mt-2 flex-column\">\n            {/* <p className=\"m-0 form-field-label font-medium\">{fieldLabel}</p> */}\n\n            <TabView>\n                {/* -------------------- Tab 1: Metadata & Prompts -------------------- */}\n                <TabPanel header=\"Chunks\">\n                    <div className=\"solid-layout-accordion\">\n                        <Accordion multiple expandIcon=\"pi pi-chevron-down\" collapseIcon=\"pi pi-chevron-up\" activeIndex={[0]}>\n                            {value?.chunks?.map((c: any) => {\n                                let processedText = c.text || '';\n                                const meta = c.metadata || {};\n\n                                // 🧠 Identify type\n                                const isDoc = !!meta.path || meta.source === \"docusaurus\";\n                                const isModule = meta.type === \"module\";\n                                const isModel = meta.type === \"model\";\n\n                                // 🧹 Clean text for docs\n                                if (isDoc) {\n                                    processedText = processedText\n                                        .replace(/^Document Title:\\s*/i, \"\")\n                                        .replace(/^Text:\\s*/i, \"\")\n                                        .trim();\n                                }\n\n                                // 🧩 Extract \"Full model metadata json\" if present\n                                if (isModel) {\n                                    const match = processedText.match(/Full model metadata json:\\s*\\n?({[\\s\\S]+})/);\n                                    if (match) {\n                                        try {\n                                            // Format the JSON nicely\n                                            const pretty = JSON.stringify(JSON.parse(match[1]), null, 2);\n                                            // Replace the raw JSON text with a fenced code block\n                                            processedText = processedText.replace(\n                                                match[0],\n                                                `**Full model metadata json:**\\n\\n\\`\\`\\`json\\n${pretty}\\n\\`\\`\\``\n                                            );\n                                        } catch {\n                                            // Fallback: wrap raw text if JSON invalid\n                                            processedText = processedText.replace(\n                                                match[0],\n                                                `**Full model metadata json (raw):**\\n\\n\\`\\`\\`\\n${match[1]}\\n\\`\\`\\``\n                                            );\n                                        }\n                                    }\n                                }\n\n                                // 🏷️ Header label\n                                let headerTitle = \"Unknown\";\n                                if (isModule) {\n                                    headerTitle = `Module: ${meta.moduleName} (${meta.modelCount} models)`;\n                                } else if (isModel) {\n                                    headerTitle = `Model: ${meta.modelName} (${meta.fieldCount} fields)`;\n                                } else if (isDoc) {\n                                    headerTitle = `Doc: ${meta.title || meta.doc_title || meta.path}`;\n                                }\n\n                                // 🌐 External link (docs only)\n                                const openDoc = (e: any) => {\n                                    e.stopPropagation();\n                                    if (isDoc) {\n                                        const cleanPath = (meta.path || \"\").replace(/\\.md$/, \"\");\n                                        const url = `https://docs.solidxai.com/docs/${cleanPath}`;\n                                        window.open(url, \"_blank\");\n                                    }\n                                };\n\n                                return (\n                                    <AccordionTab\n                                        key={c.id}\n                                        header={\n                                            <div className=\"flex justify-between items-center w-full\">\n                                                <span className=\"font-medium\">{headerTitle}</span>\n                                                {isDoc && (\n                                                    <Button\n                                                        icon=\"pi pi-external-link\"\n                                                        rounded\n                                                        text\n                                                        outlined\n                                                        style={{ height: \"1.5rem\" }}\n                                                        onClick={openDoc}\n                                                    />\n                                                )}\n                                            </div>\n                                        }\n                                    >\n                                        <div key={c.id} className=\"shadow-1 bg-bluegray-50 p-3\">\n                                            <MarkdownViewer data={processedText} />\n                                        </div>\n                                    </AccordionTab>\n                                );\n                            })}\n                        </Accordion>\n                    </div>\n                </TabPanel>\n                <TabPanel header=\"System Prompt\">\n                    {value?.system_prompt && (\n                        <div>\n                            <MarkdownViewer data={value.system_prompt} />\n                        </div>\n                    )}\n                </TabPanel>\n                <TabPanel header=\"User Prompt\">\n                    {value?.user_prompt && (\n                        <div>\n                            <MarkdownViewer data={value.user_prompt} />\n                        </div>\n                    )}\n                </TabPanel>\n                <TabPanel header=\"Token Usage\">\n                    {value?.tokenUsage && (\n                        <div className={`p-3 `} style={{ width: '100%' }}>\n                            <ReactCodeMirror\n                                value={JSON.stringify(value.tokenUsage, null, 2)}\n                                style={{ fontSize: '10px' }}\n                                theme={oneDark}\n                                extensions={[javascript(), EditorView.lineWrapping]}\n                            />\n                        </div>\n                    )}\n                </TabPanel>\n            </TabView>\n        </div>\n    );\n}\n\n"]}
+{"version":3,"file":"SolidAiInteractionMetadataFieldFormWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,cAAc,MAAM,iDAAiD,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,IAAM,yCAAyC,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IAE5E,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,gBAAgB,GAAG,MAAA,MAAA,aAAa,CAAC,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;IACzE,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAElD,IAAA,KAA4B,QAAQ,CAAC,QAAQ,CAAC,EAA7C,SAAS,QAAA,EAAE,YAAY,QAAsB,CAAC;IAErD,IAAM,YAAY,GAAG,OAAO,CAAC;;QACzB,IAAI,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,CAAA;YAAE,OAAO,IAAI,CAAC;QACxC,OAAO,CACH,cAAK,SAAS,EAAC,4CAA4C,YACtD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,CAAM,EAAE,KAAa;;gBACpC,IAAI,aAAa,GAAG,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;gBACjC,IAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;gBAE9B,IAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,CAAC;gBAC1D,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;gBACxC,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;gBAEtC,IAAI,KAAK,EAAE;oBACP,aAAa,GAAG,aAAa;yBACxB,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC;yBACnC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;yBACzB,IAAI,EAAE,CAAC;iBACf;gBAED,IAAI,OAAO,EAAE;oBACT,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;oBAChF,IAAI,KAAK,EAAE;wBACP,IAAI;4BACA,IAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;4BAC7D,aAAa,GAAG,aAAa,CAAC,OAAO,CACjC,KAAK,CAAC,CAAC,CAAC,EACR,oDAAgD,MAAM,UAAU,CACnE,CAAC;yBACL;wBAAC,WAAM;4BACJ,aAAa,GAAG,aAAa,CAAC,OAAO,CACjC,KAAK,CAAC,CAAC,CAAC,EACR,sDAAkD,KAAK,CAAC,CAAC,CAAC,UAAU,CACvE,CAAC;yBACL;qBACJ;iBACJ;gBAED,IAAI,WAAW,GAAG,SAAS,CAAC;gBAC5B,IAAI,QAAQ,EAAE;oBACV,WAAW,GAAG,kBAAW,IAAI,CAAC,UAAU,eAAK,IAAI,CAAC,UAAU,aAAU,CAAC;iBAC1E;qBAAM,IAAI,OAAO,EAAE;oBAChB,WAAW,GAAG,iBAAU,IAAI,CAAC,SAAS,eAAK,IAAI,CAAC,UAAU,aAAU,CAAC;iBACxE;qBAAM,IAAI,KAAK,EAAE;oBACd,WAAW,GAAG,eAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAE,CAAC;iBACrE;gBAED,IAAM,OAAO,GAAG,UAAC,CAAM;oBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,KAAK,EAAE;wBACP,IAAM,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;wBACzD,IAAM,GAAG,GAAG,yCAAkC,SAAS,CAAE,CAAC;wBAC1D,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;qBAC9B;gBACL,CAAC,CAAC;gBAEF,OAAO,CACH,mBAA6B,SAAS,EAAC,8DAA8D,EAAC,IAAI,EAAE,KAAK,KAAK,CAAC,aACnH,mBAAS,SAAS,EAAC,mFAAmF,aAClG,eAAM,SAAS,EAAC,aAAa,YAAE,WAAW,GAAQ,EACjD,KAAK,IAAI,CACN,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,gBAAa,oBAAoB,YACpF,KAAC,SAAS,IAAC,IAAI,EAAC,kBAAkB,wBAAe,GACvC,CACjB,IACK,EACV,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,cAAc,IAAC,IAAI,EAAE,aAAa,GAAI,GACrC,KAXI,MAAA,CAAC,CAAC,EAAE,mCAAI,KAAK,CAYjB,CACb,CAAC;YACN,CAAC,CAAC,GACA,CACT,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,IAAM,IAAI,GAAG;QACT,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE;QAC3D;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAC,CAAC,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,aAAa,GAAI,CAAC,CAAC,CAAC,IAAI;SACvF;QACD;YACI,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAC,CAAC,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI;SACnF;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAC,CAAC,CAAC,CACzB,cAAK,SAAS,EAAC,YAAY,YACvB,KAAC,eAAe,IACZ,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,EAChD,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,KAAK,EAAE,OAAO,EACd,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,CAAC,YAAY,CAAC,GACrD,GACA,CACT,CAAC,CAAC,CAAC,IAAI;SACX;KACJ,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,GAC1E,CACT,CAAC;AACN,CAAC,CAAA","sourcesContent":["\nimport { useMemo, useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport MarkdownViewer from \"../../../../../components/common/MarkdownViewer\";\nimport { SolidButton } from \"../../../../shad-cn-ui/SolidButton\";\nimport { SolidIcon } from \"../../../../shad-cn-ui\";\nimport { SolidTabGroup } from \"../../../../../components/shad-cn-ui/SolidTabs\";\nimport ReactCodeMirror, { EditorView, oneDark } from \"@uiw/react-codemirror\";\nimport { javascript } from \"@codemirror/lang-javascript\";\n\nexport const SolidAiInteractionMetadataFieldFormWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const userKeyFieldName = fieldMetadata.relationModel?.userKeyField?.name;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n\n    const [activeTab, setActiveTab] = useState(\"chunks\");\n\n    const chunkContent = useMemo(() => {\n        if (!value?.chunks?.length) return null;\n        return (\n            <div className=\"solid-layout-accordion flex flex-col gap-2\">\n                {value.chunks.map((c: any, index: number) => {\n                    let processedText = c.text || '';\n                    const meta = c.metadata || {};\n\n                    const isDoc = !!meta.path || meta.source === \"docusaurus\";\n                    const isModule = meta.type === \"module\";\n                    const isModel = meta.type === \"model\";\n\n                    if (isDoc) {\n                        processedText = processedText\n                            .replace(/^Document Title:\\s*/i, \"\")\n                            .replace(/^Text:\\s*/i, \"\")\n                            .trim();\n                    }\n\n                    if (isModel) {\n                        const match = processedText.match(/Full model metadata json:\\s*\\n?({[\\s\\S]+})/);\n                        if (match) {\n                            try {\n                                const pretty = JSON.stringify(JSON.parse(match[1]), null, 2);\n                                processedText = processedText.replace(\n                                    match[0],\n                                    `**Full model metadata json:**\\n\\n\\`\\`\\`json\\n${pretty}\\n\\`\\`\\``\n                                );\n                            } catch {\n                                processedText = processedText.replace(\n                                    match[0],\n                                    `**Full model metadata json (raw):**\\n\\n\\`\\`\\`\\n${match[1]}\\n\\`\\`\\``\n                                );\n                            }\n                        }\n                    }\n\n                    let headerTitle = \"Unknown\";\n                    if (isModule) {\n                        headerTitle = `Module: ${meta.moduleName} (${meta.modelCount} models)`;\n                    } else if (isModel) {\n                        headerTitle = `Model: ${meta.modelName} (${meta.fieldCount} fields)`;\n                    } else if (isDoc) {\n                        headerTitle = `Doc: ${meta.title || meta.doc_title || meta.path}`;\n                    }\n\n                    const openDoc = (e: any) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        if (isDoc) {\n                            const cleanPath = (meta.path || \"\").replace(/\\.md$/, \"\");\n                            const url = `https://docs.solidxai.com/docs/${cleanPath}`;\n                            window.open(url, \"_blank\");\n                        }\n                    };\n\n                    return (\n                        <details key={c.id ?? index} className=\"solid-accordion-item rounded-md border border-border bg-card\" open={index === 0}>\n                            <summary className=\"solid-accordion-header flex justify-between items-center gap-2 p-3 cursor-pointer\">\n                                <span className=\"font-medium\">{headerTitle}</span>\n                                {isDoc && (\n                                    <SolidButton variant=\"ghost\" size=\"sm\" onClick={openDoc} aria-label=\"Open documentation\">\n                                        <SolidIcon name=\"si-external-link\" aria-hidden />\n                                    </SolidButton>\n                                )}\n                            </summary>\n                            <div className=\"solid-accordion-content p-3 pt-0\">\n                                <MarkdownViewer data={processedText} />\n                            </div>\n                        </details>\n                    );\n                })}\n            </div>\n        );\n    }, [value?.chunks]);\n\n    const tabs = [\n        { value: \"chunks\", label: \"Chunks\", content: chunkContent },\n        {\n            value: \"system\",\n            label: \"System Prompt\",\n            content: value?.system_prompt ? <MarkdownViewer data={value.system_prompt} /> : null,\n        },\n        {\n            value: \"user\",\n            label: \"User Prompt\",\n            content: value?.user_prompt ? <MarkdownViewer data={value.user_prompt} /> : null,\n        },\n        {\n            value: \"usage\",\n            label: \"Token Usage\",\n            content: value?.tokenUsage ? (\n                <div className=\"p-3 w-full\">\n                    <ReactCodeMirror\n                        value={JSON.stringify(value.tokenUsage, null, 2)}\n                        style={{ fontSize: '10px' }}\n                        theme={oneDark}\n                        extensions={[javascript(), EditorView.lineWrapping]}\n                    />\n                </div>\n            ) : null,\n        },\n    ];\n\n    return (\n        <div className=\"mt-2 flex-column\">\n            <SolidTabGroup tabs={tabs} value={activeTab} onValueChange={setActiveTab} />\n        </div>\n    );\n}\n"]}