@uipath/apollo-wind 2.67.1 → 2.69.0

package/dist/components/forms/metadata-form.cjs

@@ -44,7 +44,7 @@ const external_react_hook_form_namespaceObject = require("react-hook-form");
 const v4_namespaceObject = require("zod/v4");
 const accordion_cjs_namespaceObject = require("../ui/accordion.cjs");
 const button_cjs_namespaceObject = require("../ui/button.cjs");
-const tabs_cjs_namespaceObject = require("../ui/tabs.cjs");
+const panel_tabs_cjs_namespaceObject = require("../ui/panel-tabs.cjs");
 const tooltip_cjs_namespaceObject = require("../ui/tooltip.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const external_data_fetcher_cjs_namespaceObject = require("./data-fetcher.cjs");
@@ -470,53 +470,48 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
     if (0 === visibleSteps.length) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.Tabs, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(panel_tabs_cjs_namespaceObject.PanelTabs, {
                 value: currentTab,
                 onValueChange: selectTab,
-                className: "flex min-h-0 flex-1 flex-col gap-1",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        className: "shrink-0 pt-3 [padding-inline:var(--mf-content-inset,0px)]",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.ScrollableTabsList, {
-                            className: "h-auto justify-start gap-0.5 rounded-lg bg-transparent px-0 py-0.5 text-muted-foreground",
-                            scrollButtonClassName: "size-6 hover:bg-surface-overlay",
-                            children: visibleSteps.map((step)=>{
-                                const errorCount = errorCountByStepId[step.id] ?? 0;
-                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                    value: step.id,
-                                    className: "inline-flex h-6 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-                                    children: [
-                                        step.title,
-                                        errorCount > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                            role: "img",
-                                            "aria-label": `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
-                                            title: `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
-                                            className: "grid h-4 min-w-4 place-items-center rounded-full bg-error px-1 text-[10px] font-semibold leading-none text-error-background",
-                                            children: errorCount
-                                        })
-                                    ]
-                                }, step.id);
-                            })
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(panel_tabs_cjs_namespaceObject.PanelTabsList, {
+                        children: visibleSteps.map((step)=>{
+                            const errorCount = errorCountByStepId[step.id] ?? 0;
+                            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(panel_tabs_cjs_namespaceObject.PanelTabsTrigger, {
+                                value: step.id,
+                                children: [
+                                    step.title,
+                                    errorCount > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        role: "img",
+                                        "aria-label": `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
+                                        title: `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
+                                        className: "grid h-4 min-w-4 place-items-center rounded-full bg-error px-1 text-[10px] font-semibold leading-none text-error-background",
+                                        children: errorCount
+                                    })
+                                ]
+                            }, step.id);
                         })
                     }),
                     visibleSteps.map((step)=>{
                         const stepSections = step.sections.filter((section)=>!section.conditions || context.evaluateConditions(section.conditions));
-                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
+                        const showEmptyState = 0 === stepSections.length && void 0 !== step.emptyState;
+                        const selfPadded = !showEmptyState && 'plain' === sectionVariant;
+                        const sections = stepSections.map((section, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(metadata_form_FormSection, {
+                                section: section,
+                                context: context,
+                                customComponents: customComponents,
+                                disabled: disabled,
+                                sectionVariant: sectionVariant,
+                                afterTabs: 0 === index
+                            }, section.id));
+                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(panel_tabs_cjs_namespaceObject.PanelTabsContent, {
                             value: step.id,
-                            className: "mt-0 min-h-0 flex-1 overflow-auto",
-                            children: 0 === stepSections.length && void 0 !== step.emptyState ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                className: "pt-4 text-sm text-muted-foreground [padding-inline:var(--mf-content-inset,0px)]",
-                                children: step.emptyState
-                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                className: 'plain' === sectionVariant ? 'pb-6 [padding-inline:var(--mf-content-inset,0px)]' : 'space-y-2 pb-6 pt-4 [padding-inline:var(--mf-content-inset,0px)]',
-                                children: stepSections.map((section)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(metadata_form_FormSection, {
-                                        section: section,
-                                        context: context,
-                                        customComponents: customComponents,
-                                        disabled: disabled,
-                                        sectionVariant: sectionVariant
-                                    }, section.id))
-                            })
+                            padded: !selfPadded,
+                            innerClassName: showEmptyState ? 'text-sm text-muted-foreground' : 'space-y-2',
+                            children: showEmptyState ? step.emptyState : selfPadded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "pb-6 [padding-inline:var(--mf-content-inset,0px)]",
+                                children: sections
+                            }) : sections
                         }, step.id);
                     })
                 ]
@@ -530,13 +525,14 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
         ]
     });
 }
-const metadata_form_FormSection = /*#__PURE__*/ external_react_default().memo(function({ section, context, customComponents, disabled, sectionVariant = 'card' }) {
+const metadata_form_FormSection = /*#__PURE__*/ external_react_default().memo(function({ section, context, customComponents, disabled, sectionVariant = 'card', afterTabs = false }) {
     const gridColumns = context.schema.layout?.columns || 1;
     const gap = context.schema.layout?.gap || 4;
     const isPlain = 'plain' === sectionVariant;
     const dividerClassName = 'border-t first:border-t-0';
     const wrapperClassName = isPlain ? 'border-b-0' : 'border rounded-lg px-3';
-    const triggerClassName = isPlain ? 'py-4 text-sm font-semibold hover:no-underline' : 'text-sm font-medium';
+    const plainTopClassName = afterTabs ? 'pt-1.5' : 'pt-4';
+    const triggerClassName = isPlain ? `${plainTopClassName} pb-4 text-sm font-semibold hover:no-underline` : 'text-sm font-medium';
     const fieldsGrid = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "grid",
         style: {
@@ -551,7 +547,7 @@ const metadata_form_FormSection = /*#__PURE__*/ external_react_default().memo(fu
             }, field.name))
     });
     if (!section.title) return isPlain ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: `${dividerClassName} pb-4 pt-4`,
+        className: `${dividerClassName} pb-4 ${plainTopClassName}`,
         children: fieldsGrid
     }) : fieldsGrid;
     const innerContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
@@ -593,7 +589,7 @@ const metadata_form_FormSection = /*#__PURE__*/ external_react_default().memo(fu
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "flex",
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    className: isPlain ? 'flex flex-1 items-center justify-start gap-2 py-4 text-sm font-semibold' : 'flex flex-1 items-center justify-between py-4 text-sm font-medium',
+                    className: isPlain ? `flex flex-1 items-center justify-start gap-2 pb-4 text-sm font-semibold ${plainTopClassName}` : 'flex flex-1 items-center justify-between py-4 text-sm font-medium',
                     children: section.title
                 })
             }),

package/dist/components/forms/metadata-form.js

@@ -5,7 +5,7 @@ import { FormProvider, useForm, useFormState, useWatch } from "react-hook-form";
 import { z } from "zod/v4";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../ui/accordion.js";
 import { Button } from "../ui/button.js";
-import { ScrollableTabsList, Tabs, TabsContent, TabsTrigger } from "../ui/tabs.js";
+import { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsTrigger } from "../ui/panel-tabs.js";
 import { TooltipProvider } from "../ui/tooltip.js";
 import { deepEqual, get } from "../../lib/index.js";
 import { DataFetcher } from "./data-fetcher.js";
@@ -431,53 +431,48 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
     if (0 === visibleSteps.length) return null;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsxs(Tabs, {
+            /*#__PURE__*/ jsxs(PanelTabs, {
                 value: currentTab,
                 onValueChange: selectTab,
-                className: "flex min-h-0 flex-1 flex-col gap-1",
                 children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "shrink-0 pt-3 [padding-inline:var(--mf-content-inset,0px)]",
-                        children: /*#__PURE__*/ jsx(ScrollableTabsList, {
-                            className: "h-auto justify-start gap-0.5 rounded-lg bg-transparent px-0 py-0.5 text-muted-foreground",
-                            scrollButtonClassName: "size-6 hover:bg-surface-overlay",
-                            children: visibleSteps.map((step)=>{
-                                const errorCount = errorCountByStepId[step.id] ?? 0;
-                                return /*#__PURE__*/ jsxs(TabsTrigger, {
-                                    value: step.id,
-                                    className: "inline-flex h-6 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md px-2.5 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:text-foreground data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-                                    children: [
-                                        step.title,
-                                        errorCount > 0 && /*#__PURE__*/ jsx("span", {
-                                            role: "img",
-                                            "aria-label": `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
-                                            title: `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
-                                            className: "grid h-4 min-w-4 place-items-center rounded-full bg-error px-1 text-[10px] font-semibold leading-none text-error-background",
-                                            children: errorCount
-                                        })
-                                    ]
-                                }, step.id);
-                            })
+                    /*#__PURE__*/ jsx(PanelTabsList, {
+                        children: visibleSteps.map((step)=>{
+                            const errorCount = errorCountByStepId[step.id] ?? 0;
+                            return /*#__PURE__*/ jsxs(PanelTabsTrigger, {
+                                value: step.id,
+                                children: [
+                                    step.title,
+                                    errorCount > 0 && /*#__PURE__*/ jsx("span", {
+                                        role: "img",
+                                        "aria-label": `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
+                                        title: `${errorCount} ${1 === errorCount ? 'issue' : 'issues'}`,
+                                        className: "grid h-4 min-w-4 place-items-center rounded-full bg-error px-1 text-[10px] font-semibold leading-none text-error-background",
+                                        children: errorCount
+                                    })
+                                ]
+                            }, step.id);
                         })
                     }),
                     visibleSteps.map((step)=>{
                         const stepSections = step.sections.filter((section)=>!section.conditions || context.evaluateConditions(section.conditions));
-                        return /*#__PURE__*/ jsx(TabsContent, {
+                        const showEmptyState = 0 === stepSections.length && void 0 !== step.emptyState;
+                        const selfPadded = !showEmptyState && 'plain' === sectionVariant;
+                        const sections = stepSections.map((section, index)=>/*#__PURE__*/ jsx(metadata_form_FormSection, {
+                                section: section,
+                                context: context,
+                                customComponents: customComponents,
+                                disabled: disabled,
+                                sectionVariant: sectionVariant,
+                                afterTabs: 0 === index
+                            }, section.id));
+                        return /*#__PURE__*/ jsx(PanelTabsContent, {
                             value: step.id,
-                            className: "mt-0 min-h-0 flex-1 overflow-auto",
-                            children: 0 === stepSections.length && void 0 !== step.emptyState ? /*#__PURE__*/ jsx("div", {
-                                className: "pt-4 text-sm text-muted-foreground [padding-inline:var(--mf-content-inset,0px)]",
-                                children: step.emptyState
-                            }) : /*#__PURE__*/ jsx("div", {
-                                className: 'plain' === sectionVariant ? 'pb-6 [padding-inline:var(--mf-content-inset,0px)]' : 'space-y-2 pb-6 pt-4 [padding-inline:var(--mf-content-inset,0px)]',
-                                children: stepSections.map((section)=>/*#__PURE__*/ jsx(metadata_form_FormSection, {
-                                        section: section,
-                                        context: context,
-                                        customComponents: customComponents,
-                                        disabled: disabled,
-                                        sectionVariant: sectionVariant
-                                    }, section.id))
-                            })
+                            padded: !selfPadded,
+                            innerClassName: showEmptyState ? 'text-sm text-muted-foreground' : 'space-y-2',
+                            children: showEmptyState ? step.emptyState : selfPadded ? /*#__PURE__*/ jsx("div", {
+                                className: "pb-6 [padding-inline:var(--mf-content-inset,0px)]",
+                                children: sections
+                            }) : sections
                         }, step.id);
                     })
                 ]
@@ -491,13 +486,14 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
         ]
     });
 }
-const metadata_form_FormSection = /*#__PURE__*/ react.memo(function({ section, context, customComponents, disabled, sectionVariant = 'card' }) {
+const metadata_form_FormSection = /*#__PURE__*/ react.memo(function({ section, context, customComponents, disabled, sectionVariant = 'card', afterTabs = false }) {
     const gridColumns = context.schema.layout?.columns || 1;
     const gap = context.schema.layout?.gap || 4;
     const isPlain = 'plain' === sectionVariant;
     const dividerClassName = 'border-t first:border-t-0';
     const wrapperClassName = isPlain ? 'border-b-0' : 'border rounded-lg px-3';
-    const triggerClassName = isPlain ? 'py-4 text-sm font-semibold hover:no-underline' : 'text-sm font-medium';
+    const plainTopClassName = afterTabs ? 'pt-1.5' : 'pt-4';
+    const triggerClassName = isPlain ? `${plainTopClassName} pb-4 text-sm font-semibold hover:no-underline` : 'text-sm font-medium';
     const fieldsGrid = /*#__PURE__*/ jsx("div", {
         className: "grid",
         style: {
@@ -512,7 +508,7 @@ const metadata_form_FormSection = /*#__PURE__*/ react.memo(function({ section, c
             }, field.name))
     });
     if (!section.title) return isPlain ? /*#__PURE__*/ jsx("div", {
-        className: `${dividerClassName} pb-4 pt-4`,
+        className: `${dividerClassName} pb-4 ${plainTopClassName}`,
         children: fieldsGrid
     }) : fieldsGrid;
     const innerContent = /*#__PURE__*/ jsxs("div", {
@@ -554,7 +550,7 @@ const metadata_form_FormSection = /*#__PURE__*/ react.memo(function({ section, c
             /*#__PURE__*/ jsx("div", {
                 className: "flex",
                 children: /*#__PURE__*/ jsx("div", {
-                    className: isPlain ? 'flex flex-1 items-center justify-start gap-2 py-4 text-sm font-semibold' : 'flex flex-1 items-center justify-between py-4 text-sm font-medium',
+                    className: isPlain ? `flex flex-1 items-center justify-start gap-2 pb-4 text-sm font-semibold ${plainTopClassName}` : 'flex flex-1 items-center justify-between py-4 text-sm font-medium',
                     children: section.title
                 })
             }),

package/dist/components/ui/code-block.cjs

@@ -0,0 +1,375 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DEFAULT_CODE_BLOCK_STRINGS: ()=>DEFAULT_CODE_BLOCK_STRINGS,
+    CodeBlock: ()=>CodeBlock,
+    CodeBlockHeader: ()=>CodeBlockHeader
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const bash_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/bash.js");
+var bash_js_default = /*#__PURE__*/ __webpack_require__.n(bash_js_namespaceObject);
+const csharp_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/csharp.js");
+var csharp_js_default = /*#__PURE__*/ __webpack_require__.n(csharp_js_namespaceObject);
+const css_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/css.js");
+var css_js_default = /*#__PURE__*/ __webpack_require__.n(css_js_namespaceObject);
+const diff_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/diff.js");
+var diff_js_default = /*#__PURE__*/ __webpack_require__.n(diff_js_namespaceObject);
+const go_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/go.js");
+var go_js_default = /*#__PURE__*/ __webpack_require__.n(go_js_namespaceObject);
+const java_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/java.js");
+var java_js_default = /*#__PURE__*/ __webpack_require__.n(java_js_namespaceObject);
+const javascript_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/javascript.js");
+var javascript_js_default = /*#__PURE__*/ __webpack_require__.n(javascript_js_namespaceObject);
+const json_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/json.js");
+var json_js_default = /*#__PURE__*/ __webpack_require__.n(json_js_namespaceObject);
+const jsx_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/jsx.js");
+var jsx_js_default = /*#__PURE__*/ __webpack_require__.n(jsx_js_namespaceObject);
+const markdown_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/markdown.js");
+var markdown_js_default = /*#__PURE__*/ __webpack_require__.n(markdown_js_namespaceObject);
+const markup_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/markup.js");
+var markup_js_default = /*#__PURE__*/ __webpack_require__.n(markup_js_namespaceObject);
+const powershell_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/powershell.js");
+var powershell_js_default = /*#__PURE__*/ __webpack_require__.n(powershell_js_namespaceObject);
+const python_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/python.js");
+var python_js_default = /*#__PURE__*/ __webpack_require__.n(python_js_namespaceObject);
+const sql_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/sql.js");
+var sql_js_default = /*#__PURE__*/ __webpack_require__.n(sql_js_namespaceObject);
+const tsx_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/tsx.js");
+var tsx_js_default = /*#__PURE__*/ __webpack_require__.n(tsx_js_namespaceObject);
+const typescript_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/typescript.js");
+var typescript_js_default = /*#__PURE__*/ __webpack_require__.n(typescript_js_namespaceObject);
+const vbnet_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/vbnet.js");
+var vbnet_js_default = /*#__PURE__*/ __webpack_require__.n(vbnet_js_namespaceObject);
+const yaml_js_namespaceObject = require("react-syntax-highlighter/dist/esm/languages/prism/yaml.js");
+var yaml_js_default = /*#__PURE__*/ __webpack_require__.n(yaml_js_namespaceObject);
+const prism_light_js_namespaceObject = require("react-syntax-highlighter/dist/esm/prism-light.js");
+var prism_light_js_default = /*#__PURE__*/ __webpack_require__.n(prism_light_js_namespaceObject);
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const clipboard_cjs_namespaceObject = require("../../lib/clipboard.cjs");
+const LANGUAGES = {
+    bash: bash_js_default(),
+    csharp: csharp_js_default(),
+    css: css_js_default(),
+    diff: diff_js_default(),
+    go: go_js_default(),
+    java: java_js_default(),
+    javascript: javascript_js_default(),
+    json: json_js_default(),
+    jsx: jsx_js_default(),
+    markdown: markdown_js_default(),
+    markup: markup_js_default(),
+    powershell: powershell_js_default(),
+    python: python_js_default(),
+    sql: sql_js_default(),
+    tsx: tsx_js_default(),
+    typescript: typescript_js_default(),
+    vbnet: vbnet_js_default(),
+    yaml: yaml_js_default()
+};
+for (const [name, grammar] of Object.entries(LANGUAGES))prism_light_js_default().registerLanguage(name, grammar);
+const LANGUAGE_ALIASES = {
+    'c#': 'csharp',
+    cjs: "javascript",
+    cs: 'csharp',
+    golang: 'go',
+    htm: 'markup',
+    html: 'markup',
+    js: "javascript",
+    md: 'markdown',
+    mjs: "javascript",
+    patch: 'diff',
+    ps: 'powershell',
+    ps1: 'powershell',
+    pwsh: 'powershell',
+    py: 'python',
+    sh: 'bash',
+    shell: 'bash',
+    svg: 'markup',
+    ts: "typescript",
+    vb: 'vbnet',
+    'vb.net': 'vbnet',
+    xml: 'markup',
+    yml: 'yaml',
+    zsh: 'bash'
+};
+function resolveLanguage(language) {
+    const key = language?.trim().toLowerCase();
+    if (!key) return;
+    const name = LANGUAGE_ALIASES[key] ?? key;
+    return name in LANGUAGES ? name : void 0;
+}
+const token = (name)=>`var(--code-${name}, var(--foreground))`;
+const codeBlockTheme = {
+    'code[class*="language-"]': {
+        color: token('rest'),
+        background: 'none',
+        fontFamily: 'var(--font-mono)',
+        textAlign: 'left',
+        wordSpacing: 'normal',
+        wordBreak: 'normal',
+        tabSize: 2,
+        hyphens: 'none'
+    },
+    'pre[class*="language-"]': {
+        color: token('rest'),
+        background: 'none',
+        fontFamily: 'var(--font-mono)',
+        fontSize: '0.8125rem',
+        lineHeight: 1.6,
+        margin: 0,
+        padding: '0.75rem 1rem',
+        overflow: 'auto',
+        tabSize: 2
+    },
+    comment: {
+        color: 'var(--foreground-muted)',
+        fontStyle: 'italic'
+    },
+    prolog: {
+        color: 'var(--foreground-muted)',
+        fontStyle: 'italic'
+    },
+    doctype: {
+        color: 'var(--foreground-muted)'
+    },
+    cdata: {
+        color: 'var(--foreground-muted)'
+    },
+    punctuation: {
+        color: token('punctuation')
+    },
+    operator: {
+        color: token('key')
+    },
+    keyword: {
+        color: token('key')
+    },
+    atrule: {
+        color: token('key')
+    },
+    tag: {
+        color: token('key')
+    },
+    property: {
+        color: token('key')
+    },
+    'attr-name': {
+        color: token('key')
+    },
+    selector: {
+        color: token('key')
+    },
+    string: {
+        color: token('string')
+    },
+    char: {
+        color: token('string')
+    },
+    'attr-value': {
+        color: token('string')
+    },
+    'template-string': {
+        color: token('string')
+    },
+    regex: {
+        color: token('string')
+    },
+    url: {
+        color: token('string')
+    },
+    inserted: {
+        color: token('string')
+    },
+    number: {
+        color: token('number')
+    },
+    unit: {
+        color: token('number')
+    },
+    boolean: {
+        color: token('literal')
+    },
+    constant: {
+        color: token('literal')
+    },
+    symbol: {
+        color: token('literal')
+    },
+    builtin: {
+        color: token('literal')
+    },
+    'class-name': {
+        color: token('literal')
+    },
+    function: {
+        color: token('literal')
+    },
+    entity: {
+        color: token('literal')
+    },
+    deleted: {
+        color: 'var(--error, var(--destructive))'
+    },
+    important: {
+        fontWeight: 600
+    },
+    bold: {
+        fontWeight: 600
+    },
+    italic: {
+        fontStyle: 'italic'
+    }
+};
+const lineNumberStyle = {
+    minWidth: '2.25em',
+    paddingRight: '1em',
+    color: 'var(--foreground-subtle)',
+    textAlign: 'right',
+    userSelect: 'none'
+};
+const DEFAULT_CODE_BLOCK_STRINGS = {
+    copy: 'Copy code',
+    copied: 'Copied',
+    plainText: 'Text'
+};
+const COPIED_RESET_MS = 2000;
+const CodeBlockHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ code, language, strings, className, children, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_CODE_BLOCK_STRINGS,
+        ...strings
+    };
+    const [copied, setCopied] = external_react_namespaceObject.useState(false);
+    const timer = external_react_namespaceObject.useRef(void 0);
+    external_react_namespaceObject.useEffect(()=>()=>clearTimeout(timer.current), []);
+    const handleCopy = async ()=>{
+        if (!await (0, clipboard_cjs_namespaceObject.copyTextToClipboard)(code)) return;
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>setCopied(false), COPIED_RESET_MS);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        "data-slot": "code-block-header",
+        className: (0, index_cjs_namespaceObject.cn)('flex items-center justify-between gap-2 border-b border-border-subtle py-1 pr-1 pl-4', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "data-slot": "code-block-language",
+                className: "min-w-0 truncate text-xs font-medium text-muted-foreground",
+                children: language?.trim() || text.plainText
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex shrink-0 items-center gap-1",
+                children: [
+                    children,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                        "data-slot": "code-block-copy",
+                        "data-copied": copied || void 0,
+                        variant: "ghost",
+                        size: "2xs",
+                        icon: true,
+                        "aria-label": text.copy,
+                        title: copied ? text.copied : text.copy,
+                        onClick: handleCopy,
+                        children: copied ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                            "aria-hidden": true
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Copy, {
+                            "aria-hidden": true
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("output", {
+                        className: "sr-only",
+                        children: copied ? text.copied : ''
+                    })
+                ]
+            })
+        ]
+    });
+});
+CodeBlockHeader.displayName = 'CodeBlockHeader';
+const code_block_CodeBlockBody = /*#__PURE__*/ external_react_namespaceObject.memo(function({ code, language, wrap, showLineNumbers }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(prism_light_js_default(), {
+        language: language ?? 'text',
+        style: codeBlockTheme,
+        wrapLongLines: wrap,
+        showLineNumbers: showLineNumbers,
+        lineNumberStyle: lineNumberStyle,
+        "data-slot": "code-block-body",
+        "data-wrap": wrap,
+        tabIndex: wrap ? void 0 : 0,
+        className: "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+        children: code
+    });
+});
+const CodeBlock = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ code, language, wrap = false, showLineNumbers = false, hideHeader = false, actions, strings, className, ...props }, ref)=>{
+    const source = code.replace(/\n$/, '');
+    const resolved = resolveLanguage(language);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        "data-slot": "code-block",
+        "data-language": resolved ?? 'text',
+        className: (0, index_cjs_namespaceObject.cn)('min-w-0 overflow-hidden rounded-lg border border-border-subtle bg-surface-overlay text-foreground', className),
+        ...props,
+        children: [
+            !hideHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CodeBlockHeader, {
+                code: source,
+                language: language,
+                strings: strings,
+                children: actions
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(code_block_CodeBlockBody, {
+                code: source,
+                language: resolved,
+                wrap: wrap,
+                showLineNumbers: showLineNumbers
+            })
+        ]
+    });
+});
+CodeBlock.displayName = 'CodeBlock';
+exports.CodeBlock = __webpack_exports__.CodeBlock;
+exports.CodeBlockHeader = __webpack_exports__.CodeBlockHeader;
+exports.DEFAULT_CODE_BLOCK_STRINGS = __webpack_exports__.DEFAULT_CODE_BLOCK_STRINGS;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CodeBlock",
+    "CodeBlockHeader",
+    "DEFAULT_CODE_BLOCK_STRINGS"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});