Expose LLM usage in workflows (#21766)

Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>

web/app/components/workflow/nodes/llm/panel.tsx

@@ -282,6 +282,11 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
             type='string'
             description={t(`${i18nPrefix}.outputVars.output`)}
           />
+          <VarItem
+            name='usage'
+            type='object'
+            description={t(`${i18nPrefix}.outputVars.usage`)}
+          />
           {inputs.structured_output_enabled && (
             <>
               <Split className='mt-3' />

web/app/components/workflow/nodes/parameter-extractor/panel.tsx

@@ -190,12 +190,17 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
               <VarItem
                 name='__is_success'
                 type={VarType.number}
-                description={t(`${i18nPrefix}.isSuccess`)}
+                description={t(`${i18nPrefix}.outputVars.isSuccess`)}
               />
               <VarItem
                 name='__reason'
                 type={VarType.string}
-                description={t(`${i18nPrefix}.errorReason`)}
+                description={t(`${i18nPrefix}.outputVars.errorReason`)}
+              />
+              <VarItem
+                name='__usage'
+                type='object'
+                description={t(`${i18nPrefix}.outputVars.usage`)}
               />
             </>
           </OutputVars>

web/app/components/workflow/nodes/question-classifier/panel.tsx

@@ -129,6 +129,11 @@ const Panel: FC<NodePanelProps<QuestionClassifierNodeType>> = ({
               type='string'
               description={t(`${i18nPrefix}.outputVars.className`)}
             />
+            <VarItem
+              name='usage'
+              type='object'
+              description={t(`${i18nPrefix}.outputVars.usage`)}
+            />
           </>
         </OutputVars>
       </div>