fix: adapt span commands to yield-based output system from main

After merging main, command.ts uses async generators + CommandOutput class:
- Remove 'json: true' from OutputConfig (no longer needed on main)
- Change async func → async *func (generator)
- Replace return { data, hint } → yield new CommandOutput(data) + return { hint }
- Import CommandOutput from formatters/output.js

Author: BYK

src/commands/span/list.ts

@@ -21,6 +21,7 @@ import {
 } from "../../lib/formatters/index.js";
 import { filterFields } from "../../lib/formatters/json.js";
 import { renderMarkdown } from "../../lib/formatters/markdown.js";
+import { CommandOutput } from "../../lib/formatters/output.js";
 import {
   applyFreshFlag,
   FRESH_ALIASES,
@@ -182,7 +183,6 @@ export const listCommand = buildCommand({
       '  sentry span list <trace-id> -q "duration:>100ms" # Spans slower than 100ms',
   },
   output: {
-    json: true,
     human: formatSpanListHuman,
     jsonTransform: jsonTransformSpanList,
   },
@@ -225,7 +225,7 @@ export const listCommand = buildCommand({
       s: "sort",
     },
   },
-  async func(this: SentryContext, flags: ListFlags, ...args: string[]) {
+  async *func(this: SentryContext, flags: ListFlags, ...args: string[]) {
     applyFreshFlag(flags);
     const { cwd, setContext } = this;
     const log = logger.withTag("span.list");
@@ -304,6 +304,7 @@ export const listCommand = buildCommand({
         : `${countText} Use 'sentry span view <span-id> --trace ${traceId}' to view span details.`;
     }
 
-    return { data: { flatSpans, hasMore, traceId }, hint };
+    yield new CommandOutput({ flatSpans, hasMore, traceId });
+    return { hint };
   },
 });

src/commands/span/view.ts

@@ -20,6 +20,7 @@ import {
   formatSpanDetails,
 } from "../../lib/formatters/index.js";
 import { filterFields } from "../../lib/formatters/json.js";
+import { CommandOutput } from "../../lib/formatters/output.js";
 import {
   applyFreshFlag,
   FRESH_ALIASES,
@@ -295,7 +296,6 @@ export const viewCommand = buildCommand({
       "  sentry span view a1b2c3d4e5f67890 b2c3d4e5f6789012 --trace <trace-id>",
   },
   output: {
-    json: true,
     human: formatSpanViewHuman,
     jsonTransform: jsonTransformSpanView,
   },
@@ -320,7 +320,7 @@ export const viewCommand = buildCommand({
     },
     aliases: { ...FRESH_ALIASES, t: "trace" },
   },
-  async func(this: SentryContext, flags: ViewFlags, ...args: string[]) {
+  async *func(this: SentryContext, flags: ViewFlags, ...args: string[]) {
     applyFreshFlag(flags);
     const { cwd, setContext } = this;
     const cmdLog = logger.withTag("span.view");
@@ -381,8 +381,6 @@ export const viewCommand = buildCommand({
 
     warnMissingIds(spanIds, foundIds);
 
-    return {
-      data: { results, traceId, spansDepth: flags.spans },
-    };
+    yield new CommandOutput({ results, traceId, spansDepth: flags.spans });
   },
 });