useToolData

import { useToolData } from 'sunpeak';

function useToolData<TInput, TOutput>(
  defaultInput?: TInput,
  defaultOutput?: TOutput
): ToolData<TInput, TOutput>

import { useToolData } from 'sunpeak';

interface ReviewInput {
  changesetId: string;
  title: string;
}

interface ReviewOutput {
  title: string;
  sections: Array<{ title: string; content: unknown[] }>;
}

function ReviewResource() {
  const { input, output, isLoading } = useToolData<ReviewInput, ReviewOutput>(
    undefined,
    { title: 'Review', sections: [] }
  );

  if (isLoading) return <div>Loading...</div>;

  return (
    <div>
      <h1>{output?.title}</h1>
      <p>Changeset: {input?.changesetId}</p>
    </div>
  );
}

import { useToolData } from 'sunpeak';

interface DocumentInput {
  title?: string;
  body?: string;
}

function DocumentPreview() {
  const { inputPartial, input, isCancelled } = useToolData<DocumentInput>();
  const currentInput = inputPartial ?? input;

  if (isCancelled) return <p>Generation cancelled.</p>;

  return (
    <article aria-busy={inputPartial !== null}>
      <h1>{currentInput?.title ?? 'Untitled'}</h1>
      <pre>{currentInput?.body ?? 'Waiting for content...'}</pre>
    </article>
  );
}