Use proper paragraph component

Author: samejr

apps/webapp/app/components/runs/v3/ai/AIToolsInventory.tsx

@@ -1,15 +1,16 @@
 import { useState } from "react";
 import { CodeBlock } from "~/components/code/CodeBlock";
 import type { AISpanData, ToolDefinition } from "./types";
+import { Paragraph } from "~/components/primitives/Paragraph";
 
 export function AIToolsInventory({ aiData }: { aiData: AISpanData }) {
   const defs = aiData.toolDefinitions ?? [];
   const calledNames = getCalledToolNames(aiData);
 
   if (defs.length === 0) {
     return (
-      <div className="px-3 py-6 text-center text-xs text-text-dimmed">
-        No tool definitions available for this span.
+      <div className="px-3 py-6 text-center">
+        <Paragraph variant="small/dimmed">No tool definitions available for this span.</Paragraph>
       </div>
     );
   }