@flamingo-stack/openframe-frontend-core 0.0.711 → 0.0.713

package/dist/chunk-XXBLN4BP.cjs

@@ -0,0 +1,233 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+
+// src/components/ui/label.tsx
+var _reactlabel = require('@radix-ui/react-label'); var LabelPrimitive = _interopRequireWildcard(_reactlabel);
+var _classvarianceauthority = require('class-variance-authority');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var labelVariants = _classvarianceauthority.cva.call(void 0, "block text-ods-text-primary text-h6", {
+  variants: {
+    variant: {
+      default: "",
+      /** @deprecated alias of `default` — the three small scales converged on text-h6. */
+      small: "",
+      /** @deprecated alias of `default`. */
+      medium: "",
+      large: "text-h4"
+    },
+    spacing: {
+      none: "",
+      tight: "mb-0.5",
+      normal: "mb-2",
+      loose: "mb-3"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    spacing: "none"
+  }
+});
+var Label = _react.forwardRef.call(void 0, ({ className, variant, spacing, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LabelPrimitive.Root, { ref, className: _chunk3ATAYP36cjs.cn.call(void 0, labelVariants({ variant, spacing }), className), ...props }));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/ui/required-mark.tsx
+
+function RequiredMark() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: "text-ods-accent", children: "*" });
+}
+
+// src/components/ui/field-wrapper.tsx
+
+
+var errorVariantClasses = {
+  error: "text-ods-error",
+  warning: "text-ods-warning",
+  success: "text-ods-success",
+  muted: "text-ods-text-secondary"
+};
+var FieldWrapper = _react.forwardRef.call(void 0, 
+  ({
+    label,
+    htmlFor,
+    error,
+    errorVariant = "error",
+    errorSlot = false,
+    labelVariant = "default",
+    required = false,
+    className,
+    children
+  }, ref) => {
+    const hasChrome = label != null || error != null || errorSlot;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunk3ATAYP36cjs.cn.call(void 0, hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
+      label && // Default is text-h6, NOT text-h4: `Field` (ui/field.tsx) renders its label via
+      // `Label variant="small"` = text-h6, and every form that mixes
+      // Field-wrapped controls with `label=`-prop controls showed two label
+      // sizes side by side — the exact inconsistency the admin editors kept
+      // reporting. One label scale, owned here and in Field together.
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "mb-1", htmlFor, variant: labelVariant, children: [
+        label,
+        required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RequiredMark, {})
+      ] }),
+      children,
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "p",
+        {
+          className: _chunk3ATAYP36cjs.cn.call(void 0, 
+            "absolute bottom-0 left-0 right-0 translate-y-full truncate text-h6",
+            errorVariantClasses[errorVariant]
+          ),
+          title: error,
+          children: error
+        }
+      )
+    ] });
+  }
+);
+FieldWrapper.displayName = "FieldWrapper";
+
+// src/components/ui/input.tsx
+var _lucidereact = require('lucide-react');
+
+
+var invalidBorderClasses = {
+  error: "border-ods-error hover:border-ods-error has-[:focus]:border-ods-error",
+  warning: "!border-ods-warning hover:!border-ods-warning has-[:focus]:!border-ods-warning"
+};
+var Input = _react.forwardRef.call(void 0, (allProps, ref) => {
+  const {
+    className,
+    type,
+    invalid = false,
+    startAdornment,
+    endAdornment,
+    label,
+    labelVariant,
+    error,
+    errorVariant = "error",
+    loading = false,
+    ...props
+  } = allProps;
+  const errorSlot = "error" in allProps;
+  const variantIsInvalid = errorVariant === "error" || errorVariant === "warning";
+  const isInvalid = invalid || !!error && variantIsInvalid;
+  if (type === "range") {
+    const rangeInput = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "range",
+        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+          "h-1 w-full cursor-pointer appearance-none rounded-full bg-white/30",
+          // Webkit (Chrome/Safari) thumb
+          "[&::-webkit-slider-thumb]:appearance-none",
+          "[&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3",
+          "[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white",
+          "[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm",
+          // Firefox thumb
+          "[&::-moz-range-thumb]:h-3 [&::-moz-range-thumb]:w-3",
+          "[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white",
+          "[&::-moz-range-thumb]:cursor-pointer [&::-moz-range-thumb]:border-0",
+          // Firefox track
+          "[&::-moz-range-track]:bg-transparent",
+          // Disabled
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+    return label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      FieldWrapper,
+      {
+        label,
+        labelVariant,
+        error,
+        errorVariant,
+        errorSlot,
+        children: rangeInput
+      }
+    ) : rangeInput;
+  }
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "label",
+    {
+      "data-invalid": isInvalid || void 0,
+      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        // Layout & spacing
+        "flex h-11 w-full cursor-text items-center gap-2 rounded-[6px] border px-3 md:h-12",
+        // Focus-within states
+        "has-[:focus-visible]:outline-none",
+        "group",
+        // Animations & touch UX
+        "transition-colors duration-200",
+        // Theme palette
+        "border-ods-border bg-ods-card has-[:focus]:border-ods-accent",
+        // Hover & active (not disabled)
+        !props.disabled && "hover:border-ods-border-hover hover:bg-ods-bg-hover active:border-ods-border-active active:bg-ods-bg-active",
+        // Disabled. The adornments (and any icon inside them) carry their own
+        // `text-ods-text-secondary`, so grey them from here — a disabled field
+        // must read as one flat colour, not grey text next to a live icon.
+        // Scoped to the DIRECT span children (the two adornment wrappers): a
+        // descendant rule would also repaint whatever the caller renders INSIDE
+        // an adornment, which is passed verbatim precisely so it can own its
+        // colour (a `Tag` there went invisible against its own fill).
+        props.disabled && "!cursor-not-allowed bg-ods-bg",
+        "has-[:disabled]:[&>span]:text-ods-text-disabled has-[:disabled]:[&_svg]:text-ods-text-disabled",
+        // Invalid
+        isInvalid && invalidBorderClasses[variantIsInvalid ? errorVariant : "error"],
+        className
+      ),
+      children: [
+        startAdornment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-shrink-0 text-ods-text-secondary transition-colors duration-200 text-h6 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type,
+            className: _chunk3ATAYP36cjs.cn.call(void 0, 
+              // Layout
+              "min-w-0 flex-1 border-none bg-transparent outline-none",
+              // Typography
+              "text-h4",
+              // Colors
+              "text-ods-text-primary placeholder:text-ods-text-secondary",
+              // File input adjustments
+              "file:border-0 file:bg-transparent",
+              // Disabled
+              "disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border",
+              // Touch
+              "touch-manipulation",
+              // Autofill override
+              "[&:-webkit-autofill]:[-webkit-box-shadow:0_0_0_9999px_transparent_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-text-primary)] [&:-webkit-autofill]:[caret-color:var(--color-text-primary)] [&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]"
+            ),
+            ref,
+            ...props
+          }
+        ),
+        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "size-4 flex-shrink-0 animate-spin text-ods-text-secondary md:size-6" }),
+        !loading && endAdornment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-shrink-0 text-ods-text-secondary transition-colors duration-200 text-h6 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6", children: endAdornment })
+      ]
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    FieldWrapper,
+    {
+      label,
+      labelVariant,
+      error,
+      errorVariant,
+      errorSlot,
+      children: content
+    }
+  );
+});
+Input.displayName = "Input";
+
+
+
+
+
+
+exports.Label = Label; exports.RequiredMark = RequiredMark; exports.FieldWrapper = FieldWrapper; exports.Input = Input;

package/dist/{chunk-4IBPRIQH.js → chunk-YBQQNDC7.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   contentFetch
-} from "./chunk-CUME3VTQ.js";
+} from "./chunk-G3GRYDMS.js";
 
 // src/hooks/use-self-fetch.ts
 import { useEffect, useRef, useState } from "react";

package/dist/{chunk-QGZPZ3RL.js → chunk-YBS5QGON.js}

@@ -1,26 +1,21 @@
 "use client";
-import {
-  ShellTypeValues,
-  getOSLabel,
-  getShellLabel,
-  getToolLabel
-} from "./chunk-5HB7FLCV.js";
 import {
   useOnboardingState
-} from "./chunk-KUC673HM.js";
-import {
-  NavLinkAnchorViaRuntime
-} from "./chunk-SMAAV3HL.js";
+} from "./chunk-6T3BTD6Q.js";
 import {
-  ToolIcon
-} from "./chunk-CZ7Y7UG4.js";
+  ShellTypeValues,
+  getOSLabel,
+  getShellLabel
+} from "./chunk-ROBQ5TR7.js";
 import {
   InteractiveCard,
   SECTION_HEADING_CLASS,
   StatusBadge,
-  accentSentenceMarks,
+  accentSentenceMarks
+} from "./chunk-TTVOLEUS.js";
+import {
   nameInitials
-} from "./chunk-FI6GMDO7.js";
+} from "./chunk-IYVFSLWJ.js";
 import {
   next_image_default
 } from "./chunk-FBZMAPWO.js";
@@ -45,7 +40,7 @@ import {
 import {
   Input,
   Label
-} from "./chunk-FLKJYMVB.js";
+} from "./chunk-CMGFZHCN.js";
 import {
   Button
 } from "./chunk-YDPKUAP4.js";
@@ -120,60 +115,8 @@ var CveLink = ({ cveId, className }) => {
 };
 CveLink.displayName = "CveLink";
 
-// src/components/platform/ToolBadge.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var ToolBadge = ({
-  toolType,
-  label,
-  icon,
-  variant = "inline",
-  href,
-  targetPlatform,
-  className,
-  iconClassName
-}) => {
-  const text = label ?? (toolType ? getToolLabel(toolType) : "");
-  const mark = icon ?? (toolType ? /* @__PURE__ */ jsx4(ToolIcon, { toolType, className: iconClassName, size: 16 }) : null);
-  const linked = (node, linkClassName) => href && targetPlatform ? /* @__PURE__ */ jsx4(
-    NavLinkAnchorViaRuntime,
-    {
-      href,
-      targetPlatform,
-      title: text || void 0,
-      className: linkClassName,
-      children: node
-    }
-  ) : href ? /* @__PURE__ */ jsx4("a", { href, target: "_blank", rel: "noopener noreferrer", title: text || void 0, className: linkClassName, children: node }) : node;
-  if (variant === "chip") {
-    return linked(
-      /* @__PURE__ */ jsxs4(
-        "span",
-        {
-          className: cn(
-            "inline-flex h-7 items-center gap-1.5 rounded-md border border-ods-border px-2 text-ods-text-secondary text-h6",
-            href && "transition-colors hover:border-ods-border-hover hover:text-ods-text-primary",
-            className
-          ),
-          children: [
-            mark && /* @__PURE__ */ jsx4("span", { className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center [&_img]:h-full [&_img]:w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-full", children: mark }),
-            text && /* @__PURE__ */ jsx4("span", { className: "whitespace-nowrap", children: text })
-          ]
-        }
-      ),
-      "inline-flex rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus"
-    );
-  }
-  return linked(
-    /* @__PURE__ */ jsxs4("div", { className: cn("flex items-center gap-1 text-ods-text-secondary", className), children: [
-      mark,
-      /* @__PURE__ */ jsx4("span", { className: "text-ods-text-primary text-h4", children: text })
-    ] }),
-    "inline-flex rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus"
-  );
-};
-
 // src/components/platform/ShellTypeBadge.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var shellIconMap = {
   [ShellTypeValues.POWERSHELL]: {
     icon: PowershellLogoGreyIcon,
@@ -213,15 +156,15 @@ var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const label = getShellLabel(normalizedType);
   const { icon: IconComponent, props: iconProps } = shellIconMap[normalizedType] ?? defaultIconConfig;
   const defaultIconClassName = "className" in iconProps ? iconProps.className : void 0;
-  return /* @__PURE__ */ jsxs5("div", { className: cn("flex items-center gap-1", className), children: [
-    /* @__PURE__ */ jsx5(IconComponent, { size: 16, className: cn(defaultIconClassName, iconClassName) }),
-    /* @__PURE__ */ jsx5("span", { className: "text-ods-text-primary text-h4", children: label })
+  return /* @__PURE__ */ jsxs4("div", { className: cn("flex items-center gap-1", className), children: [
+    /* @__PURE__ */ jsx4(IconComponent, { size: 16, className: cn(defaultIconClassName, iconClassName) }),
+    /* @__PURE__ */ jsx4("span", { className: "text-ods-text-primary text-h4", children: label })
   ] });
 };
 ShellTypeBadge.displayName = "ShellTypeBadge";
 
 // src/components/platform/ScriptInfoSection.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
@@ -229,11 +172,11 @@ function formatSupportedPlatforms(platforms) {
   return platforms.map((platform) => getOSLabel(platform)).join(", ");
 }
 function InfoCell({ label, value, avatar, className }) {
-  return /* @__PURE__ */ jsxs6("div", { className: cn("flex min-w-0 items-center gap-2", className), children: [
-    avatar && /* @__PURE__ */ jsx6("div", { className: "relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg", children: avatar.photoUrl ? /* @__PURE__ */ jsx6(next_image_default, { src: avatar.photoUrl, alt: avatar.name, className: "object-cover", fill: true, sizes: "32px", unoptimized: true }) : /* @__PURE__ */ jsx6("div", { className: "flex size-full items-center justify-center text-ods-text-secondary text-h6", children: avatar.initials || nameInitials(avatar.name) }) }),
-    /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-col", children: [
-      /* @__PURE__ */ jsx6("span", { className: "truncate text-ods-text-primary text-h4", title: value, children: value }),
-      /* @__PURE__ */ jsx6("span", { className: "truncate text-ods-text-secondary text-h6", children: label })
+  return /* @__PURE__ */ jsxs5("div", { className: cn("flex min-w-0 items-center gap-2", className), children: [
+    avatar && /* @__PURE__ */ jsx5("div", { className: "relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg", children: avatar.photoUrl ? /* @__PURE__ */ jsx5(next_image_default, { src: avatar.photoUrl, alt: avatar.name, className: "object-cover", fill: true, sizes: "32px", unoptimized: true }) : /* @__PURE__ */ jsx5("div", { className: "flex size-full items-center justify-center text-ods-text-secondary text-h6", children: avatar.initials || nameInitials(avatar.name) }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ jsx5("span", { className: "truncate text-ods-text-primary text-h4", title: value, children: value }),
+      /* @__PURE__ */ jsx5("span", { className: "truncate text-ods-text-secondary text-h6", children: label })
     ] })
   ] });
 }
@@ -248,20 +191,20 @@ var ScriptInfoSection = ({
 }) => {
   const shellLabel = getShellLabel(shellType);
   const platformsLabel = formatSupportedPlatforms(supportedPlatforms);
-  return /* @__PURE__ */ jsxs6("div", { className: cn("overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className), children: [
-    /* @__PURE__ */ jsx6("div", { className: "border-b border-ods-border p-4", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx6("h3", { className: "text-ods-text-primary text-h4", children: headline }),
-      subheadline && /* @__PURE__ */ jsx6("p", { className: "break-words text-ods-text-secondary text-h6", children: subheadline })
+  return /* @__PURE__ */ jsxs5("div", { className: cn("overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className), children: [
+    /* @__PURE__ */ jsx5("div", { className: "border-b border-ods-border p-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx5("h3", { className: "text-ods-text-primary text-h4", children: headline }),
+      subheadline && /* @__PURE__ */ jsx5("p", { className: "break-words text-ods-text-secondary text-h6", children: subheadline })
     ] }) }),
-    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 content-lg:grid-cols-4 content-lg:border-b-0", children: [
-      /* @__PURE__ */ jsx6(InfoCell, { label: "Shell Type", value: shellLabel }),
-      /* @__PURE__ */ jsx6(InfoCell, { label: "Supported Platforms", value: platformsLabel }),
-      /* @__PURE__ */ jsx6(InfoCell, { label: "Category", value: category, className: "hidden content-lg:flex" }),
-      author && /* @__PURE__ */ jsx6(InfoCell, { label: "Added by", value: author.name, avatar: author, className: "hidden content-lg:flex" })
+    /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 content-lg:grid-cols-4 content-lg:border-b-0", children: [
+      /* @__PURE__ */ jsx5(InfoCell, { label: "Shell Type", value: shellLabel }),
+      /* @__PURE__ */ jsx5(InfoCell, { label: "Supported Platforms", value: platformsLabel }),
+      /* @__PURE__ */ jsx5(InfoCell, { label: "Category", value: category, className: "hidden content-lg:flex" }),
+      author && /* @__PURE__ */ jsx5(InfoCell, { label: "Added by", value: author.name, avatar: author, className: "hidden content-lg:flex" })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4 px-4 py-4 content-lg:hidden", children: [
-      /* @__PURE__ */ jsx6(InfoCell, { label: "Category", value: category }),
-      author && /* @__PURE__ */ jsx6(InfoCell, { label: "Added by", value: author.name, avatar: author })
+    /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-2 gap-4 px-4 py-4 content-lg:hidden", children: [
+      /* @__PURE__ */ jsx5(InfoCell, { label: "Category", value: category }),
+      author && /* @__PURE__ */ jsx5(InfoCell, { label: "Added by", value: author.name, avatar: author })
     ] })
   ] });
 };
@@ -269,7 +212,7 @@ ScriptInfoSection.displayName = "ScriptInfoSection";
 
 // src/components/platform/ScriptArguments.tsx
 import { Trash2 } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var SECRET_MASK = "**********";
 var STORED_SECRET_KEY_HINT = "A stored secret can't be renamed \u2014 delete it and add a new one";
 var ScriptArguments = ({
@@ -310,14 +253,14 @@ var ScriptArguments = ({
     onArgumentsChange([...args, newArg]);
   };
   const isFirstRow = (index) => index === 0;
-  return /* @__PURE__ */ jsxs7("div", { className: cn("flex flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-2", className), children: [
     args.map((arg, index) => {
       const isStoredSecret = Boolean(arg.secret && arg.hasStoredValue);
       const showsMask = isStoredSecret && !arg.value;
-      return /* @__PURE__ */ jsxs7("div", { className: "flex w-full items-end gap-2", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          isFirstRow(index) && /* @__PURE__ */ jsx7(Label, { spacing: "tight", children: titleLabel }),
-          /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-end gap-2", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          isFirstRow(index) && /* @__PURE__ */ jsx6(Label, { spacing: "tight", children: titleLabel }),
+          /* @__PURE__ */ jsx6(
             Input,
             {
               value: arg.key,
@@ -326,12 +269,12 @@ var ScriptArguments = ({
               disabled,
               readOnly: isStoredSecret,
               title: isStoredSecret ? STORED_SECRET_KEY_HINT : void 0,
-              startAdornment: arg.secret ? /* @__PURE__ */ jsx7(LockIcon, { role: "img", "aria-label": "Secret" }) : void 0
+              startAdornment: arg.secret ? /* @__PURE__ */ jsx6(LockIcon, { role: "img", "aria-label": "Secret" }) : void 0
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ jsx7("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ jsx6("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: /* @__PURE__ */ jsx6(
             Input,
             {
               type: arg.secret ? "password" : void 0,
@@ -347,7 +290,7 @@ var ScriptArguments = ({
               )
             }
           ) }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx6(
             Button,
             {
               type: "button",
@@ -356,14 +299,14 @@ var ScriptArguments = ({
               onClick: () => handleDelete(arg.id),
               disabled,
               "aria-label": "Delete argument",
-              leftIcon: /* @__PURE__ */ jsx7(Trash2, { className: "size-4 content-md:size-6", color: "var(--color-error)" })
+              leftIcon: /* @__PURE__ */ jsx6(Trash2, { className: "size-4 content-md:size-6", color: "var(--color-error)" })
             }
           )
         ] })
       ] }, arg.id);
     }),
-    /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap justify-start gap-[var(--spacing-system-xs)]", children: [
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap justify-start gap-[var(--spacing-system-xs)]", children: [
+      /* @__PURE__ */ jsx6(
         Button,
         {
           type: "button",
@@ -372,11 +315,11 @@ var ScriptArguments = ({
           onClick: () => handleAdd(),
           disabled,
           className: "self-start",
-          leftIcon: /* @__PURE__ */ jsx7(PlusCircleIcon, { className: "text-ods-text-secondary" }),
+          leftIcon: /* @__PURE__ */ jsx6(PlusCircleIcon, { className: "text-ods-text-secondary" }),
           children: addButtonLabel
         }
       ),
-      addSecretButtonLabel && /* @__PURE__ */ jsx7(
+      addSecretButtonLabel && /* @__PURE__ */ jsx6(
         Button,
         {
           type: "button",
@@ -385,7 +328,7 @@ var ScriptArguments = ({
           onClick: () => handleAdd(true),
           disabled,
           className: "self-start",
-          leftIcon: /* @__PURE__ */ jsx7(LockIcon, { className: "text-ods-text-secondary" }),
+          leftIcon: /* @__PURE__ */ jsx6(LockIcon, { className: "text-ods-text-secondary" }),
           children: addSecretButtonLabel
         }
       )
@@ -396,7 +339,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React from "react";
-import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function OnboardingStepCard({
   step,
   isCompleted,
@@ -420,7 +363,7 @@ function OnboardingStepCard({
     e.stopPropagation();
     onSkip();
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     InteractiveCard,
     {
       clickable: false,
@@ -434,21 +377,21 @@ function OnboardingStepCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-1 flex-col justify-center gap-1 md:w-auto", children: [
-          /* @__PURE__ */ jsx8("h3", { className: "truncate text-ods-text-primary text-h4", title: step.title, children: step.title }),
-          /* @__PURE__ */ jsx8("p", { className: "h-[20px] truncate text-ods-text-secondary text-h6", title: step.description, children: step.description })
+        /* @__PURE__ */ jsxs7("div", { className: "flex w-full min-w-0 flex-1 flex-col justify-center gap-1 md:w-auto", children: [
+          /* @__PURE__ */ jsx7("h3", { className: "truncate text-ods-text-primary text-h4", title: step.title, children: step.title }),
+          /* @__PURE__ */ jsx7("p", { className: "h-[20px] truncate text-ods-text-secondary text-h6", title: step.description, children: step.description })
         ] }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           "div",
           {
             className: "flex w-full shrink-0 items-center justify-start gap-2 md:w-auto md:justify-end",
             onClick: (e) => e.stopPropagation(),
-            children: isCheckingCompletion ? /* @__PURE__ */ jsxs8(Fragment, { children: [
-              /* @__PURE__ */ jsx8("div", { className: "h-[32px] w-[100px] animate-pulse rounded-[6px] bg-ods-border" }),
-              /* @__PURE__ */ jsx8("div", { className: "h-[32px] w-[120px] animate-pulse rounded-[6px] bg-ods-border" })
-            ] }) : isCompleted ? /* @__PURE__ */ jsxs8(Fragment, { children: [
-              /* @__PURE__ */ jsx8(StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
-              /* @__PURE__ */ jsx8(
+            children: isCheckingCompletion ? /* @__PURE__ */ jsxs7(Fragment, { children: [
+              /* @__PURE__ */ jsx7("div", { className: "h-[32px] w-[100px] animate-pulse rounded-[6px] bg-ods-border" }),
+              /* @__PURE__ */ jsx7("div", { className: "h-[32px] w-[120px] animate-pulse rounded-[6px] bg-ods-border" })
+            ] }) : isCompleted ? /* @__PURE__ */ jsxs7(Fragment, { children: [
+              /* @__PURE__ */ jsx7(StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
+              /* @__PURE__ */ jsx7(
                 Button,
                 {
                   variant: "outline",
@@ -458,9 +401,9 @@ function OnboardingStepCard({
                   children: step.completedText
                 }
               )
-            ] }) : isSkipped ? /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ jsxs8(Fragment, { children: [
-              /* @__PURE__ */ jsx8(Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
-              /* @__PURE__ */ jsx8(Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
+            ] }) : isSkipped ? /* @__PURE__ */ jsx7(Fragment, { children: /* @__PURE__ */ jsx7(StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ jsxs7(Fragment, { children: [
+              /* @__PURE__ */ jsx7(Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
+              /* @__PURE__ */ jsx7(Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
             ] })
           }
         )
@@ -471,7 +414,7 @@ function OnboardingStepCard({
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 import React2, { useRef, useCallback } from "react";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function OnboardingWalkthrough({
   steps,
   title = "Get Started",
@@ -570,15 +513,15 @@ function OnboardingWalkthrough({
     onDismiss?.();
   };
   if (state.dismissed) {
-    return renderDismissed ? /* @__PURE__ */ jsx9(Fragment2, { children: renderDismissed(resetOnboarding) }) : null;
+    return renderDismissed ? /* @__PURE__ */ jsx8(Fragment2, { children: renderDismissed(resetOnboarding) }) : null;
   }
   const isAllComplete = allStepsComplete(steps);
-  return /* @__PURE__ */ jsxs9("div", { className: cn("w-full space-y-4", className), children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-start justify-between gap-3 md:flex-row md:items-center md:gap-0", children: [
-      /* @__PURE__ */ jsx9("h2", { className: SECTION_HEADING_CLASS, children: accentSentenceMarks(title) }),
-      isLoadingCompletion ? /* @__PURE__ */ jsx9("div", { className: "h-[48px] w-full animate-pulse rounded-[6px] bg-ods-border md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ jsx9(Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ jsx9(Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
+  return /* @__PURE__ */ jsxs8("div", { className: cn("w-full space-y-4", className), children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-start justify-between gap-3 md:flex-row md:items-center md:gap-0", children: [
+      /* @__PURE__ */ jsx8("h2", { className: SECTION_HEADING_CLASS, children: accentSentenceMarks(title) }),
+      isLoadingCompletion ? /* @__PURE__ */ jsx8("div", { className: "h-[48px] w-full animate-pulse rounded-[6px] bg-ods-border md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ jsx8(Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ jsx8(Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
     ] }),
-    /* @__PURE__ */ jsx9("div", { className: cn(spacing), children: steps.map((step) => /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8("div", { className: cn(spacing), children: steps.map((step) => /* @__PURE__ */ jsx8(
       OnboardingStepCard,
       {
         step,
@@ -597,7 +540,6 @@ export {
   SoftwareInfo,
   SoftwareSourceBadge,
   CveLink,
-  ToolBadge,
   ShellTypeBadge,
   ScriptInfoSection,
   ScriptArguments,