diff --git a/www/apps/api-reference/components/Tags/Operation/DescriptionSection/WorkflowBadge/index.tsx b/www/apps/api-reference/components/Tags/Operation/DescriptionSection/WorkflowBadge/index.tsx
new file mode 100644
index 0000000000..b2f3544976
--- /dev/null
+++ b/www/apps/api-reference/components/Tags/Operation/DescriptionSection/WorkflowBadge/index.tsx
@@ -0,0 +1,35 @@
+import { Badge, DecisionProcessIcon } from "docs-ui"
+import { config } from "../../../../../config"
+import Link from "next/link"
+
+export type TagsOperationDescriptionSectionWorkflowBadgeProps = {
+ workflow: string
+}
+
+const TagsOperationDescriptionSectionWorkflowBadge = ({
+ workflow,
+}: TagsOperationDescriptionSectionWorkflowBadgeProps) => {
+ return (
+
+ Workflow{" "}
+
+
+
+ {workflow}
+
+ {" "}
+ is used in this API route.
+
+ )
+}
+
+export default TagsOperationDescriptionSectionWorkflowBadge
diff --git a/www/apps/api-reference/components/Tags/Operation/DescriptionSection/index.tsx b/www/apps/api-reference/components/Tags/Operation/DescriptionSection/index.tsx
index 0f9be83d30..6dd71eda2d 100644
--- a/www/apps/api-reference/components/Tags/Operation/DescriptionSection/index.tsx
+++ b/www/apps/api-reference/components/Tags/Operation/DescriptionSection/index.tsx
@@ -11,6 +11,7 @@ import { useArea } from "../../../../providers/area"
import { Feedback, Badge, Link, FeatureFlagNotice } from "docs-ui"
import { usePathname } from "next/navigation"
import formatReportLink from "../../../../utils/format-report-link"
+import { TagsOperationDescriptionSectionWorkflowBadgeProps } from "./WorkflowBadge"
const TagsOperationDescriptionSectionSecurity =
dynamic(
@@ -26,6 +27,12 @@ const TagsOperationDescriptionSectionResponses =
dynamic(
async () => import("./Responses")
) as React.FC
+
+const TagsOperationDescriptionSectionWorkflowBadge =
+ dynamic(
+ async () => import("./WorkflowBadge")
+ ) as React.FC
+
type TagsOperationDescriptionSectionProps = {
operation: Operation
}
@@ -55,6 +62,11 @@ const TagsOperationDescriptionSection = ({
+ {operation["x-workflow"] && (
+
+ )}
export type RequestObject = OpenAPIV3.RequestBodyObject & {
diff --git a/www/packages/docs-ui/src/components/Badge/index.tsx b/www/packages/docs-ui/src/components/Badge/index.tsx
index 6bc692e1ef..a43a2f69d9 100644
--- a/www/packages/docs-ui/src/components/Badge/index.tsx
+++ b/www/packages/docs-ui/src/components/Badge/index.tsx
@@ -15,6 +15,7 @@ export type BadgeType = "default" | "shaded"
export type BadgeProps = {
className?: string
+ childrenWrapperClassName?: string
variant: BadgeVariant
badgeType?: BadgeType
} & React.HTMLAttributes
@@ -24,6 +25,7 @@ export const Badge = ({
variant,
badgeType = "default",
children,
+ childrenWrapperClassName,
}: BadgeProps) => {
return (
)}
-
+
{children}
diff --git a/www/packages/docs-ui/src/components/Icons/DecisionProcess/index.tsx b/www/packages/docs-ui/src/components/Icons/DecisionProcess/index.tsx
new file mode 100644
index 0000000000..ccf1997e19
--- /dev/null
+++ b/www/packages/docs-ui/src/components/Icons/DecisionProcess/index.tsx
@@ -0,0 +1,58 @@
+import React from "react"
+import { IconProps } from "@medusajs/icons/dist/types"
+
+export const DecisionProcessIcon = (props: IconProps) => {
+ return (
+
+ )
+}
diff --git a/www/packages/docs-ui/src/components/Icons/index.tsx b/www/packages/docs-ui/src/components/Icons/index.tsx
index 715a261432..52c15a39a8 100644
--- a/www/packages/docs-ui/src/components/Icons/index.tsx
+++ b/www/packages/docs-ui/src/components/Icons/index.tsx
@@ -1,5 +1,6 @@
export * from "./AiAssistant"
export * from "./CircleDottedLine"
+export * from "./DecisionProcess"
export * from "./QuestionMark"
export * from "./ShadedBg"
export * from "./ThumbDown"