@workflow/web-shared 5.0.0-beta.4 → 5.0.0-beta.6

package/dist/lib/hydration.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydration.js","sourceRoot":"","sources":["../../src/lib/hydration.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Web-specific hydration for o11y display.\n *\n * Browser-safe revivers that use `atob()` for base64 decoding (no Node.js\n * `Buffer` dependency). Produces `ClassInstanceRef` objects and `StreamRef`\n * objects for UI rendering.\n */\n\nimport {\n  extractClassName,\n  hydrateResourceIO as hydrateResourceIOGeneric,\n  isEncryptedData,\n  isExpiredStub,\n  isRunRef,\n  observabilityRevivers,\n  type Revivers,\n  serializedInstanceToRef,\n} from '@workflow/core/serialization-format';\nimport { EVENT_DATA_REF_FIELDS } from '@workflow/world';\n\n// Re-export types and utilities that consumers need\nexport {\n  CLASS_INSTANCE_REF_TYPE,\n  ClassInstanceRef,\n  ENCRYPTED_PLACEHOLDER,\n  extractStreamIds,\n  isClassInstanceRef,\n  isEncryptedData,\n  isRunRef,\n  isStreamId,\n  isStreamRef,\n  type Revivers,\n  RUN_REF_TYPE,\n  type RunRef,\n  STREAM_REF_TYPE,\n  type StreamRef,\n  serializedInstanceToRef,\n  truncateId,\n} from '@workflow/core/serialization-format';\n\n// ---------------------------------------------------------------------------\n// Browser-safe base64 decode\n// ---------------------------------------------------------------------------\n\nfunction base64ToArrayBuffer(base64: string): ArrayBuffer {\n  if (base64 === '' || base64 === '.') {\n    return new ArrayBuffer(0);\n  }\n  const binaryString = atob(base64);\n  const bytes = new Uint8Array(binaryString.length);\n  for (let i = 0; i < binaryString.length; i++) {\n    bytes[i] = binaryString.charCodeAt(i);\n  }\n  return bytes.buffer;\n}\n\n// ---------------------------------------------------------------------------\n// Web revivers (browser-safe, no Buffer dependency)\n// ---------------------------------------------------------------------------\n\n/**\n * Get the web-specific revivers for hydrating serialized data.\n *\n * Uses `atob()` for base64 decoding (no Node.js Buffer dependency).\n * All types are revived as real instances (Date, Map, Set, URL,\n * URLSearchParams, Headers, Error, etc.).\n */\nexport function getWebRevivers(): Revivers {\n  function reviveArrayBuffer(value: string): ArrayBuffer {\n    return base64ToArrayBuffer(value);\n  }\n\n  return {\n    // O11y-specific revivers (streams, step functions → display objects).\n    // Spread FIRST so web-specific overrides below take precedence.\n    ...observabilityRevivers,\n\n    // Binary types\n    ArrayBuffer: reviveArrayBuffer,\n    BigInt: (value: string) => BigInt(value),\n    BigInt64Array: (value: string) =>\n      new BigInt64Array(reviveArrayBuffer(value)),\n    BigUint64Array: (value: string) =>\n      new BigUint64Array(reviveArrayBuffer(value)),\n    Date: (value) => new Date(value),\n    Error: (value) => {\n      const error = new Error(value.message);\n      error.name = value.name;\n      error.stack = value.stack;\n      return error;\n    },\n    Float32Array: (value: string) => new Float32Array(reviveArrayBuffer(value)),\n    Float64Array: (value: string) => new Float64Array(reviveArrayBuffer(value)),\n    Int8Array: (value: string) => new Int8Array(reviveArrayBuffer(value)),\n    Int16Array: (value: string) => new Int16Array(reviveArrayBuffer(value)),\n    Int32Array: (value: string) => new Int32Array(reviveArrayBuffer(value)),\n    Map: (value) => new Map(value),\n    RegExp: (value) => new RegExp(value.source, value.flags),\n    Set: (value) => new Set(value),\n    Uint8Array: (value: string) => new Uint8Array(reviveArrayBuffer(value)),\n    Uint8ClampedArray: (value: string) =>\n      new Uint8ClampedArray(reviveArrayBuffer(value)),\n    Uint16Array: (value: string) => new Uint16Array(reviveArrayBuffer(value)),\n    Uint32Array: (value: string) => new Uint32Array(reviveArrayBuffer(value)),\n\n    Headers: (value) => new Headers(value),\n    Request: (value) => {\n      // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n      const ctor = { Request: function () {} }.Request!;\n      const obj = Object.create(ctor.prototype);\n      Object.assign(obj, {\n        method: value.method,\n        url: value.url,\n        headers: new Headers(value.headers),\n        body: value.body,\n        duplex: value.duplex,\n        ...(value.responseWritable\n          ? { responseWritable: value.responseWritable }\n          : {}),\n      });\n      return obj;\n    },\n    Response: (value) => {\n      // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n      const ctor = { Response: function () {} }.Response!;\n      const obj = Object.create(ctor.prototype);\n      Object.assign(obj, {\n        status: value.status,\n        statusText: value.statusText,\n        url: value.url,\n        headers: new Headers(value.headers),\n        body: value.body,\n        redirected: value.redirected,\n        type: value.type,\n      });\n      return obj;\n    },\n    URL: (value) => new URL(value),\n    URLSearchParams: (value) => new URLSearchParams(value === '.' ? '' : value),\n\n    // Web-specific overrides for class instances.\n    // Create objects with a dynamically-named constructor so that\n    // react-inspector shows the class name (it reads constructor.name).\n    Class: (value) => `<class:${extractClassName(value.classId)}>`,\n    Instance: (value) => {\n      // Run instances are rendered as clickable RunRef badges\n      const runRef = serializedInstanceToRef(value);\n      if (isRunRef(runRef)) {\n        return runRef;\n      }\n      const className = extractClassName(value.classId);\n      const data = value.data;\n      const props =\n        data && typeof data === 'object' ? { ...data } : { value: data };\n      // Create a constructor with the right name using computed property\n      // so react-inspector's `object.constructor.name` shows the class name.\n      // Must use `function` (not arrow) because arrow functions have no .prototype.\n      // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n      const ctor = { [className]: function () {} }[className]!;\n      const obj = Object.create(ctor.prototype);\n      Object.assign(obj, props);\n      return obj;\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Pre-built web revivers (cached for performance)\n// ---------------------------------------------------------------------------\n\nlet cachedRevivers: Revivers | null = null;\n\nfunction getRevivers(): Revivers {\n  if (!cachedRevivers) {\n    cachedRevivers = getWebRevivers();\n  }\n  return cachedRevivers;\n}\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\n/**\n * Hydrate the serialized data fields of a resource for web display.\n *\n * Uses browser-safe revivers (atob for base64, ClassInstanceRef for\n * custom classes, StreamRef for streams). Call this on data received\n * from the server before passing it to UI components.\n */\nexport function hydrateResourceIO<T>(resource: T): T {\n  const hydrated = hydrateResourceIOGeneric(\n    resource as any,\n    getRevivers()\n  ) as T;\n  return replaceEncryptedAndExpiredWithMarkers(hydrated);\n}\n\n// ---------------------------------------------------------------------------\n// Encrypted data display markers\n// ---------------------------------------------------------------------------\n\nexport const ENCRYPTED_DISPLAY_NAME = 'Encrypted';\n\n/**\n * Create a display-friendly object for encrypted data.\n *\n * Uses the same named-constructor trick as the Instance reviver so that\n * ObjectInspector renders the constructor name (\"🔒 Encrypted\") with no\n * expandable children. The original encrypted bytes are stored in a\n * non-enumerable property for later decryption.\n */\nfunction createEncryptedMarker(data: Uint8Array): object {\n  // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n  const ctor = { [ENCRYPTED_DISPLAY_NAME]: function () {} }[\n    ENCRYPTED_DISPLAY_NAME\n  ]!;\n  const obj = Object.create(ctor.prototype);\n  // Store original bytes for decryption, but non-enumerable so\n  // ObjectInspector doesn't show them as children\n  Object.defineProperty(obj, '__encryptedData', {\n    value: data,\n    enumerable: false,\n    configurable: false,\n  });\n  return obj;\n}\n\n/** Check if a value is an encrypted display marker */\nexport function isEncryptedMarker(value: unknown): boolean {\n  return (\n    value !== null &&\n    typeof value === 'object' &&\n    value.constructor?.name === ENCRYPTED_DISPLAY_NAME\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Expired data display markers\n// ---------------------------------------------------------------------------\n\nexport const EXPIRED_DISPLAY_NAME = 'Expired Data';\n\n/**\n * Create a display-friendly object for expired data.\n *\n * Uses the same named-constructor trick as the encrypted marker so that\n * ObjectInspector renders the constructor name (\"Expired Data\") with no\n * expandable children.\n */\nfunction createExpiredMarker(): object {\n  // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n  const ctor = { [EXPIRED_DISPLAY_NAME]: function () {} }[\n    EXPIRED_DISPLAY_NAME\n  ]!;\n  return Object.create(ctor.prototype);\n}\n\n/** Check if a value is an expired data display marker */\nexport function isExpiredMarker(value: unknown): boolean {\n  return (\n    value !== null &&\n    typeof value === 'object' &&\n    value.constructor?.name === EXPIRED_DISPLAY_NAME\n  );\n}\n\n/** Replace a single field value with a display marker if it's encrypted or expired. */\nfunction toDisplayMarker(value: unknown): unknown {\n  if (isEncryptedData(value)) return createEncryptedMarker(value as Uint8Array);\n  if (isExpiredStub(value)) return createExpiredMarker();\n  return value;\n}\n\n/**\n * Post-process hydrated resource data: replace encrypted Uint8Array values\n * and expired stubs with display-friendly marker objects in known data fields.\n */\nfunction replaceEncryptedAndExpiredWithMarkers<T>(resource: T): T {\n  if (!resource || typeof resource !== 'object') return resource;\n  const r = resource as Record<string, unknown>;\n  const result = { ...r };\n\n  for (const key of ['input', 'output', 'metadata', 'error']) {\n    result[key] = toDisplayMarker(result[key]);\n  }\n\n  if (result.eventData && typeof result.eventData === 'object') {\n    const eventType =\n      typeof result.eventType === 'string' ? result.eventType : '';\n    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];\n    const ed = { ...(result.eventData as Record<string, unknown>) };\n    for (const key of refKeys) {\n      if (key in ed) {\n        ed[key] = toDisplayMarker(ed[key]);\n      }\n    }\n    result.eventData = ed;\n  }\n\n  return result as T;\n}\n\n/**\n * Hydrate resource data with decryption support.\n *\n * When a key is provided, encrypted fields are decrypted before hydration.\n * This is the async version used when the user clicks \"Decrypt\" in the web UI.\n *\n * Handles both top-level fields (input, output, metadata) and nested\n * eventData subfields per `EVENT_DATA_REF_FIELDS` from `@workflow/world` for that event type.\n */\nexport async function hydrateResourceIOWithKey<T>(\n  resource: T,\n  key: Uint8Array\n): Promise<T> {\n  const { hydrateDataWithKey } = await import(\n    '@workflow/core/serialization-format'\n  );\n  const { importKey } = await import('@workflow/core/encryption');\n  const cryptoKey = await importKey(key);\n  const revivers = getRevivers();\n\n  /** Extract original encrypted bytes from a marker or raw Uint8Array, then decrypt + hydrate */\n  async function decryptField(\n    value: unknown,\n    rev: Revivers,\n    k: Awaited<ReturnType<typeof importKey>>\n  ): Promise<unknown> {\n    // Already-hydrated: encrypted marker with stored bytes\n    if (isEncryptedMarker(value)) {\n      const raw = (value as any).__encryptedData as Uint8Array;\n      return hydrateDataWithKey(raw, rev, k);\n    }\n    // Raw encrypted Uint8Array (not yet hydrated)\n    if (value instanceof Uint8Array) {\n      return hydrateDataWithKey(value, rev, k);\n    }\n    // Not encrypted — return as-is\n    return value;\n  }\n\n  const r = resource as Record<string, unknown>;\n  const result = { ...r };\n\n  // Decrypt + hydrate top-level serialized fields (runs, steps, hooks)\n  for (const field of ['input', 'output', 'metadata', 'error']) {\n    if (field in result) {\n      result[field] = await decryptField(result[field], revivers, cryptoKey);\n    }\n  }\n\n  // Decrypt + hydrate eventData subfields (events)\n  if (result.eventData && typeof result.eventData === 'object') {\n    const eventType =\n      typeof result.eventType === 'string' ? result.eventType : '';\n    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];\n    const eventData = { ...(result.eventData as Record<string, unknown>) };\n    for (const field of refKeys) {\n      if (field in eventData) {\n        eventData[field] = await decryptField(\n          eventData[field],\n          revivers,\n          cryptoKey\n        );\n      }\n    }\n    result.eventData = eventData;\n  }\n\n  return result as T;\n}\n\n/**\n * Check whether a hydrated resource (event, step, run, etc.) contains any\n * encrypted display markers. Inspects the standard top-level fields\n * (`input`, `output`, `error`, `metadata`) as well as the event-type-specific\n * `eventData` ref fields.\n */\nexport function hasEncryptedFields(resource: unknown): boolean {\n  if (!resource || typeof resource !== 'object') return false;\n  const r = resource as Record<string, unknown>;\n\n  for (const key of ['input', 'output', 'metadata', 'error']) {\n    if (isEncryptedMarker(r[key])) return true;\n  }\n\n  if (r.eventData && typeof r.eventData === 'object') {\n    const eventType = typeof r.eventType === 'string' ? r.eventType : '';\n    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];\n    const ed = r.eventData as Record<string, unknown>;\n    for (const key of refKeys) {\n      if (key in ed && isEncryptedMarker(ed[key])) return true;\n    }\n  }\n\n  return false;\n}\n"]}
+{"version":3,"file":"hydration.js","sourceRoot":"","sources":["../../src/lib/hydration.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Web-specific hydration for o11y display.\n *\n * Browser-safe revivers that use `atob()` for base64 decoding (no Node.js\n * `Buffer` dependency). Produces `ClassInstanceRef` objects and `StreamRef`\n * objects for UI rendering.\n */\n\nimport {\n  extractClassName,\n  hydrateResourceIO as hydrateResourceIOGeneric,\n  isEncryptedData,\n  isExpiredStub,\n  isRunRef,\n  observabilityRevivers,\n  type Revivers,\n  serializedInstanceToRef,\n} from '@workflow/core/serialization-format';\nimport { EVENT_DATA_REF_FIELDS } from '@workflow/world';\n\n// Re-export types and utilities that consumers need\nexport {\n  CLASS_INSTANCE_REF_TYPE,\n  ClassInstanceRef,\n  ENCRYPTED_PLACEHOLDER,\n  extractStreamIds,\n  isClassInstanceRef,\n  isEncryptedData,\n  isRunRef,\n  isStreamId,\n  isStreamRef,\n  type Revivers,\n  RUN_REF_TYPE,\n  type RunRef,\n  STREAM_REF_TYPE,\n  type StreamRef,\n  serializedInstanceToRef,\n  truncateId,\n} from '@workflow/core/serialization-format';\n\n// ---------------------------------------------------------------------------\n// Browser-safe base64 decode\n// ---------------------------------------------------------------------------\n\nfunction base64ToArrayBuffer(base64: string): ArrayBuffer {\n  if (base64 === '' || base64 === '.') {\n    return new ArrayBuffer(0);\n  }\n  const binaryString = atob(base64);\n  const bytes = new Uint8Array(binaryString.length);\n  for (let i = 0; i < binaryString.length; i++) {\n    bytes[i] = binaryString.charCodeAt(i);\n  }\n  return bytes.buffer;\n}\n\n// ---------------------------------------------------------------------------\n// Web revivers (browser-safe, no Buffer dependency)\n// ---------------------------------------------------------------------------\n\n/**\n * Build a reviver for one of the built-in `Error` subclasses (e.g.\n * `TypeError`, `RangeError`). The constructor for the named subclass is\n * resolved off `globalThis` at call time so the produced instance has the\n * correct prototype chain in the consumer realm. Falls back to a generic\n * `Error` (with `name` set) if the global isn't available, which keeps the\n * o11y UI rendering even on exotic browsers.\n *\n * `cause` is passed through `ErrorOptions` to the constructor when present,\n * matching `getCommonRevivers` in `@workflow/core` so the resulting `cause`\n * property has the same semantics (non-enumerable, set by the engine) as a\n * freshly thrown Error in the consumer realm. The `'cause' in value` check\n * preserves the distinction between \"no cause\" and \"cause is undefined\".\n */\nfunction makeWebErrorSubclassReviver(\n  name:\n    | 'EvalError'\n    | 'RangeError'\n    | 'ReferenceError'\n    | 'SyntaxError'\n    | 'TypeError'\n    | 'URIError'\n) {\n  return (value: { message: string; stack?: string; cause?: unknown }) => {\n    const opts = 'cause' in value ? { cause: value.cause } : undefined;\n    const Ctor = (globalThis as Record<string, any>)[name] as\n      | ErrorConstructor\n      | undefined;\n    let error: Error;\n    if (typeof Ctor === 'function') {\n      error = new Ctor(value.message, opts);\n    } else {\n      // Fallback path: no built-in subclass available (exotic env). Construct\n      // a plain Error with the right `name` and copy `cause` manually since\n      // the base Error constructor is what we actually called.\n      error = Object.assign(new Error(value.message, opts), { name });\n    }\n    if (value.stack !== undefined) error.stack = value.stack;\n    return error;\n  };\n}\n\n/**\n * Get the web-specific revivers for hydrating serialized data.\n *\n * Uses `atob()` for base64 decoding (no Node.js Buffer dependency).\n * All types are revived as real instances (Date, Map, Set, URL,\n * URLSearchParams, Headers, Error, etc.).\n *\n * NOTE: this set must mirror the keys in `SerializableSpecial` (see\n * `@workflow/core/serialization/types`). Any reducer key added on the\n * serialization side that isn't covered here will cause `devalue.unflatten`\n * to throw `Unknown type X`, which `hydrateResourceIO` swallows and\n * surfaces as a \"Failed to load resource details\" banner in the o11y UI.\n */\nexport function getWebRevivers(): Revivers {\n  function reviveArrayBuffer(value: string): ArrayBuffer {\n    return base64ToArrayBuffer(value);\n  }\n\n  return {\n    // O11y-specific revivers (streams, step functions → display objects).\n    // Spread FIRST so web-specific overrides below take precedence.\n    ...observabilityRevivers,\n\n    // Binary types\n    ArrayBuffer: reviveArrayBuffer,\n    BigInt: (value: string) => BigInt(value),\n    BigInt64Array: (value: string) =>\n      new BigInt64Array(reviveArrayBuffer(value)),\n    BigUint64Array: (value: string) =>\n      new BigUint64Array(reviveArrayBuffer(value)),\n    Date: (value) => new Date(value),\n\n    // Error family. The reducer side (see\n    // `packages/core/src/serialization/reducers/common.ts`) emits a tagged\n    // entry for each built-in Error subclass plus the workflow-specific\n    // `FatalError` / `RetryableError` and `AggregateError`. Without\n    // matching revivers here, `devalue.unflatten` throws \"Unknown type X\"\n    // — which surfaces in the web o11y UI as \"Failed to load resource\n    // details: Unknown type FatalError\".\n    Error: (value) => {\n      const opts = 'cause' in value ? { cause: value.cause } : undefined;\n      const error = new Error(value.message, opts);\n      error.name = value.name;\n      if (value.stack !== undefined) error.stack = value.stack;\n      return error;\n    },\n    EvalError: makeWebErrorSubclassReviver('EvalError'),\n    RangeError: makeWebErrorSubclassReviver('RangeError'),\n    ReferenceError: makeWebErrorSubclassReviver('ReferenceError'),\n    SyntaxError: makeWebErrorSubclassReviver('SyntaxError'),\n    TypeError: makeWebErrorSubclassReviver('TypeError'),\n    URIError: makeWebErrorSubclassReviver('URIError'),\n    AggregateError: (value) => {\n      const opts = 'cause' in value ? { cause: value.cause } : undefined;\n      const Ctor = (\n        globalThis as { AggregateError?: AggregateErrorConstructor }\n      ).AggregateError;\n      const error =\n        typeof Ctor === 'function'\n          ? new Ctor(value.errors, value.message, opts)\n          : Object.assign(new Error(value.message, opts), {\n              name: 'AggregateError',\n              errors: value.errors,\n            });\n      if (value.stack !== undefined) error.stack = value.stack;\n      return error;\n    },\n    // `FatalError` and `RetryableError` are not built-in browser globals,\n    // so we can't resolve a constructor from globalThis. The web o11y UI\n    // doesn't need `instanceof FatalError` to pass (no user code runs\n    // here) — it just needs `name`, `message`, `stack`, and any extra\n    // enumerable fields to render. Construct a plain `Error` with `name`\n    // set; ObjectInspector reads `constructor.name` for the displayed\n    // class label, but we don't have the real class, so we emit a tagged\n    // Error whose `name` field carries the class identity. This matches\n    // how the existing base `Error` reviver presents unknown subclasses.\n    FatalError: (value) => {\n      const opts = 'cause' in value ? { cause: value.cause } : undefined;\n      const error = new Error(value.message, opts);\n      error.name = 'FatalError';\n      if (value.stack !== undefined) error.stack = value.stack;\n      return error;\n    },\n    RetryableError: (value) => {\n      const opts = 'cause' in value ? { cause: value.cause } : undefined;\n      const error = new Error(value.message, opts) as Error & {\n        retryAfter?: Date;\n      };\n      error.name = 'RetryableError';\n      if (value.stack !== undefined) error.stack = value.stack;\n      // `retryAfter` is serialized as an epoch ms number (see the runtime\n      // RetryableError reducer for the rationale around realm-safety).\n      // Rehydrate as a Date so o11y consumers can render it directly.\n      // Guard against payloads from older runtime versions that predate\n      // the field — without this check, `new Date(undefined)` would\n      // produce an Invalid Date rather than omitting the property.\n      if (value.retryAfter != null) {\n        error.retryAfter = new Date(value.retryAfter);\n      }\n      return error;\n    },\n    DOMException: (value) => {\n      // Modern browsers and Node 18+ expose `DOMException` on globalThis.\n      // `AbortController.abort()` with no argument synthesizes one as the\n      // signal's reason, so this is a common payload for any aborted step.\n      const G = globalThis as { DOMException?: typeof DOMException };\n      if (typeof G.DOMException === 'function') {\n        const e = new G.DOMException(value.message, value.name);\n        if (value.stack !== undefined) e.stack = value.stack;\n        if ('cause' in value) (e as { cause?: unknown }).cause = value.cause;\n        return e;\n      }\n      const error = new Error(value.message);\n      error.name = value.name;\n      if (value.stack !== undefined) error.stack = value.stack;\n      if ('cause' in value) {\n        (error as Error & { cause?: unknown }).cause = value.cause;\n      }\n      return error;\n    },\n    Float32Array: (value: string) => new Float32Array(reviveArrayBuffer(value)),\n    Float64Array: (value: string) => new Float64Array(reviveArrayBuffer(value)),\n    Int8Array: (value: string) => new Int8Array(reviveArrayBuffer(value)),\n    Int16Array: (value: string) => new Int16Array(reviveArrayBuffer(value)),\n    Int32Array: (value: string) => new Int32Array(reviveArrayBuffer(value)),\n    Map: (value) => new Map(value),\n    RegExp: (value) => new RegExp(value.source, value.flags),\n    Set: (value) => new Set(value),\n    Uint8Array: (value: string) => new Uint8Array(reviveArrayBuffer(value)),\n    Uint8ClampedArray: (value: string) =>\n      new Uint8ClampedArray(reviveArrayBuffer(value)),\n    Uint16Array: (value: string) => new Uint16Array(reviveArrayBuffer(value)),\n    Uint32Array: (value: string) => new Uint32Array(reviveArrayBuffer(value)),\n\n    Headers: (value) => new Headers(value),\n    Request: (value) => {\n      // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n      const ctor = { Request: function () {} }.Request!;\n      const obj = Object.create(ctor.prototype);\n      Object.assign(obj, {\n        method: value.method,\n        url: value.url,\n        headers: new Headers(value.headers),\n        body: value.body,\n        duplex: value.duplex,\n        ...(value.responseWritable\n          ? { responseWritable: value.responseWritable }\n          : {}),\n      });\n      return obj;\n    },\n    Response: (value) => {\n      // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n      const ctor = { Response: function () {} }.Response!;\n      const obj = Object.create(ctor.prototype);\n      Object.assign(obj, {\n        status: value.status,\n        statusText: value.statusText,\n        url: value.url,\n        headers: new Headers(value.headers),\n        body: value.body,\n        redirected: value.redirected,\n        type: value.type,\n      });\n      return obj;\n    },\n    URL: (value) => new URL(value),\n    URLSearchParams: (value) => new URLSearchParams(value === '.' ? '' : value),\n\n    // Web-specific overrides for class instances.\n    // Create objects with a dynamically-named constructor so that\n    // react-inspector shows the class name (it reads constructor.name).\n    Class: (value) => `<class:${extractClassName(value.classId)}>`,\n    Instance: (value) => {\n      // Run instances are rendered as clickable RunRef badges\n      const runRef = serializedInstanceToRef(value);\n      if (isRunRef(runRef)) {\n        return runRef;\n      }\n      const className = extractClassName(value.classId);\n      const data = value.data;\n      const props =\n        data && typeof data === 'object' ? { ...data } : { value: data };\n      // Create a constructor with the right name using computed property\n      // so react-inspector's `object.constructor.name` shows the class name.\n      // Must use `function` (not arrow) because arrow functions have no .prototype.\n      // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n      const ctor = { [className]: function () {} }[className]!;\n      const obj = Object.create(ctor.prototype);\n      Object.assign(obj, props);\n      return obj;\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Pre-built web revivers (cached for performance)\n// ---------------------------------------------------------------------------\n\nlet cachedRevivers: Revivers | null = null;\n\nfunction getRevivers(): Revivers {\n  if (!cachedRevivers) {\n    cachedRevivers = getWebRevivers();\n  }\n  return cachedRevivers;\n}\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\n/**\n * Hydrate the serialized data fields of a resource for web display.\n *\n * Uses browser-safe revivers (atob for base64, ClassInstanceRef for\n * custom classes, StreamRef for streams). Call this on data received\n * from the server before passing it to UI components.\n */\nexport function hydrateResourceIO<T>(resource: T): T {\n  const hydrated = hydrateResourceIOGeneric(\n    resource as any,\n    getRevivers()\n  ) as T;\n  return replaceEncryptedAndExpiredWithMarkers(hydrated);\n}\n\n// ---------------------------------------------------------------------------\n// Encrypted data display markers\n// ---------------------------------------------------------------------------\n\nexport const ENCRYPTED_DISPLAY_NAME = 'Encrypted';\n\n/**\n * Create a display-friendly object for encrypted data.\n *\n * Uses the same named-constructor trick as the Instance reviver so that\n * ObjectInspector renders the constructor name (\"🔒 Encrypted\") with no\n * expandable children. The original encrypted bytes are stored in a\n * non-enumerable property for later decryption.\n */\nfunction createEncryptedMarker(data: Uint8Array): object {\n  // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n  const ctor = { [ENCRYPTED_DISPLAY_NAME]: function () {} }[\n    ENCRYPTED_DISPLAY_NAME\n  ]!;\n  const obj = Object.create(ctor.prototype);\n  // Store original bytes for decryption, but non-enumerable so\n  // ObjectInspector doesn't show them as children\n  Object.defineProperty(obj, '__encryptedData', {\n    value: data,\n    enumerable: false,\n    configurable: false,\n  });\n  return obj;\n}\n\n/** Check if a value is an encrypted display marker */\nexport function isEncryptedMarker(value: unknown): boolean {\n  return (\n    value !== null &&\n    typeof value === 'object' &&\n    value.constructor?.name === ENCRYPTED_DISPLAY_NAME\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Expired data display markers\n// ---------------------------------------------------------------------------\n\nexport const EXPIRED_DISPLAY_NAME = 'Expired Data';\n\n/**\n * Create a display-friendly object for expired data.\n *\n * Uses the same named-constructor trick as the encrypted marker so that\n * ObjectInspector renders the constructor name (\"Expired Data\") with no\n * expandable children.\n */\nfunction createExpiredMarker(): object {\n  // biome-ignore lint/complexity/useArrowFunction: arrow functions have no .prototype\n  const ctor = { [EXPIRED_DISPLAY_NAME]: function () {} }[\n    EXPIRED_DISPLAY_NAME\n  ]!;\n  return Object.create(ctor.prototype);\n}\n\n/** Check if a value is an expired data display marker */\nexport function isExpiredMarker(value: unknown): boolean {\n  return (\n    value !== null &&\n    typeof value === 'object' &&\n    value.constructor?.name === EXPIRED_DISPLAY_NAME\n  );\n}\n\n/** Replace a single field value with a display marker if it's encrypted or expired. */\nfunction toDisplayMarker(value: unknown): unknown {\n  if (isEncryptedData(value)) return createEncryptedMarker(value as Uint8Array);\n  if (isExpiredStub(value)) return createExpiredMarker();\n  return value;\n}\n\n/**\n * Post-process hydrated resource data: replace encrypted Uint8Array values\n * and expired stubs with display-friendly marker objects in known data fields.\n */\nfunction replaceEncryptedAndExpiredWithMarkers<T>(resource: T): T {\n  if (!resource || typeof resource !== 'object') return resource;\n  const r = resource as Record<string, unknown>;\n  const result = { ...r };\n\n  for (const key of ['input', 'output', 'metadata', 'error']) {\n    result[key] = toDisplayMarker(result[key]);\n  }\n\n  if (result.eventData && typeof result.eventData === 'object') {\n    const eventType =\n      typeof result.eventType === 'string' ? result.eventType : '';\n    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];\n    const ed = { ...(result.eventData as Record<string, unknown>) };\n    for (const key of refKeys) {\n      if (key in ed) {\n        ed[key] = toDisplayMarker(ed[key]);\n      }\n    }\n    result.eventData = ed;\n  }\n\n  return result as T;\n}\n\n/**\n * Hydrate resource data with decryption support.\n *\n * When a key is provided, encrypted fields are decrypted before hydration.\n * This is the async version used when the user clicks \"Decrypt\" in the web UI.\n *\n * Handles both top-level fields (input, output, metadata) and nested\n * eventData subfields per `EVENT_DATA_REF_FIELDS` from `@workflow/world` for that event type.\n */\nexport async function hydrateResourceIOWithKey<T>(\n  resource: T,\n  key: Uint8Array\n): Promise<T> {\n  const { hydrateDataWithKey } = await import(\n    '@workflow/core/serialization-format'\n  );\n  const { importKey } = await import('@workflow/core/encryption');\n  const cryptoKey = await importKey(key);\n  const revivers = getRevivers();\n\n  /** Extract original encrypted bytes from a marker or raw Uint8Array, then decrypt + hydrate */\n  async function decryptField(\n    value: unknown,\n    rev: Revivers,\n    k: Awaited<ReturnType<typeof importKey>>\n  ): Promise<unknown> {\n    // Already-hydrated: encrypted marker with stored bytes\n    if (isEncryptedMarker(value)) {\n      const raw = (value as any).__encryptedData as Uint8Array;\n      return hydrateDataWithKey(raw, rev, k);\n    }\n    // Raw encrypted Uint8Array (not yet hydrated)\n    if (value instanceof Uint8Array) {\n      return hydrateDataWithKey(value, rev, k);\n    }\n    // Not encrypted — return as-is\n    return value;\n  }\n\n  const r = resource as Record<string, unknown>;\n  const result = { ...r };\n\n  // Decrypt + hydrate top-level serialized fields (runs, steps, hooks)\n  for (const field of ['input', 'output', 'metadata', 'error']) {\n    if (field in result) {\n      result[field] = await decryptField(result[field], revivers, cryptoKey);\n    }\n  }\n\n  // Decrypt + hydrate eventData subfields (events)\n  if (result.eventData && typeof result.eventData === 'object') {\n    const eventType =\n      typeof result.eventType === 'string' ? result.eventType : '';\n    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];\n    const eventData = { ...(result.eventData as Record<string, unknown>) };\n    for (const field of refKeys) {\n      if (field in eventData) {\n        eventData[field] = await decryptField(\n          eventData[field],\n          revivers,\n          cryptoKey\n        );\n      }\n    }\n    result.eventData = eventData;\n  }\n\n  return result as T;\n}\n\n/**\n * Check whether a hydrated resource (event, step, run, etc.) contains any\n * encrypted display markers. Inspects the standard top-level fields\n * (`input`, `output`, `error`, `metadata`) as well as the event-type-specific\n * `eventData` ref fields.\n */\nexport function hasEncryptedFields(resource: unknown): boolean {\n  if (!resource || typeof resource !== 'object') return false;\n  const r = resource as Record<string, unknown>;\n\n  for (const key of ['input', 'output', 'metadata', 'error']) {\n    if (isEncryptedMarker(r[key])) return true;\n  }\n\n  if (r.eventData && typeof r.eventData === 'object') {\n    const eventType = typeof r.eventType === 'string' ? r.eventType : '';\n    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];\n    const ed = r.eventData as Record<string, unknown>;\n    for (const key of refKeys) {\n      if (key in ed && isEncryptedMarker(ed[key])) return true;\n    }\n  }\n\n  return false;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@workflow/web-shared",
   "description": "Shared components for Workflow Observability UI",
-  "version": "5.0.0-beta.4",
+  "version": "5.0.0-beta.6",
   "private": false,
   "files": [
     "dist",
@@ -53,9 +53,9 @@
     "streamdown": "2.3.0",
     "tailwind-merge": "3.5.0",
     "tailwindcss": "4",
-    "@workflow/core": "5.0.0-beta.4",
-    "@workflow/utils": "5.0.0-beta.1",
-    "@workflow/world": "5.0.0-beta.1"
+    "@workflow/core": "5.0.0-beta.6",
+    "@workflow/utils": "5.0.0-beta.2",
+    "@workflow/world": "5.0.0-beta.3"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.4",
@@ -65,6 +65,7 @@
     "ai": "6.0.116",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18",
+    "@workflow/errors": "5.0.0-beta.3",
     "@workflow/tsconfig": "5.0.0-beta.0"
   },
   "scripts": {

package/src/components/new-trace-viewer/components/event-list.tsx

@@ -61,24 +61,24 @@ const EventRow = ({
         'relative overflow-clip group after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-gray-alpha-400',
         ROW_HEIGHT_CLASS
       )}
-      role='treeitem'
+      role="treeitem"
       aria-selected={isSelected}
       aria-expanded={isSelected}
       aria-level={1}
       onClick={() => onSelectSpan(span.spanId)}
     >
-      <div className='h-full hover:bg-gray-100 group-aria-selected:bg-gray-100 group-aria-selected:hover:bg-gray-200'>
-        <div className='flex h-full min-w-0 items-center px-2'>
-          <div className='flex min-w-0 flex-1 items-center gap-2'>
+      <div className="h-full hover:bg-gray-100 group-aria-selected:bg-gray-100 group-aria-selected:hover:bg-gray-200">
+        <div className="flex h-full min-w-0 items-center px-2">
+          <div className="flex min-w-0 flex-1 items-center gap-2">
             <span className={cn('shrink-0', tagClassName)}>
-              <Icon className='w-4 h-4' />
+              <Icon className="w-4 h-4" />
             </span>
-            <span className='min-w-0 text-label-14'>
+            <span className="min-w-0 text-label-14">
               <MiddleTruncate value={span.name} />
             </span>
           </div>
-          <div className='ml-2 shrink-0'>
-            <span className='text-label-14 text-gray-900 tabular-nums'>
+          <div className="ml-2 shrink-0">
+            <span className="text-label-14 text-gray-900 tabular-nums">
               {formatDuration(durationMs)}
             </span>
           </div>
@@ -98,7 +98,7 @@ const EventList = ({
   onSelectSpan: (spanId: string) => void;
 }) => {
   return (
-    <ul id='event-list' role='tree' className='block min-h-0 overflow-visible'>
+    <ul id="event-list" role="tree" className="block min-h-0 overflow-visible">
       {spans.map((span) => {
         return (
           <EventRow

package/src/components/new-trace-viewer/components/middle-truncate/middle-truncate.tsx

@@ -122,16 +122,16 @@ function MiddleTruncate({
       )}
       onCopy={handleCopy}
     >
-      {isTruncated && <span className='sr-only select-none'>{value}</span>}
+      {isTruncated && <span className="sr-only select-none">{value}</span>}
       <span
-        aria-hidden='true'
-        className='pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap'
+        aria-hidden="true"
+        className="pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap"
       >
         {value}
       </span>
       <span
         aria-hidden={isTruncated || undefined}
-        className='col-start-1 row-start-1 min-w-0 overflow-hidden'
+        className="col-start-1 row-start-1 min-w-0 overflow-hidden"
         ref={visibleRef}
       >
         {isTruncated ? (
@@ -145,8 +145,8 @@ function MiddleTruncate({
         )}
       </span>
       <span
-        aria-hidden='true'
-        className='pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap'
+        aria-hidden="true"
+        className="pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap"
         ref={measureRef}
       />
     </span>

package/src/components/new-trace-viewer/trace-viewer.tsx

@@ -443,6 +443,10 @@ function NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {
   const selectedSpanName = useMemo(() => {
     if (!selectedSpan?.data) return 'Details';
     const data = selectedSpan.data as Record<string, unknown>;
+    if (selectedSpan.resource === 'hook') {
+      return (data.token as string | undefined) ?? (data.hookId as string);
+    }
+
     const stepName = data.stepName as string | undefined;
     const workflowName = data.workflowName as string | undefined;
     return (
@@ -453,51 +457,55 @@ function NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {
       (data.hookId as string) ??
       'Details'
     );
-  }, [selectedSpan?.data]);
+  }, [selectedSpan?.data, selectedSpan?.resource]);
 
   const selectedResource = selectedSpan?.resource as string | undefined;
   const selectedResourceId = useMemo(() => {
     if (!selectedSpan?.data) return undefined;
     const data = selectedSpan.data as Record<string, unknown>;
+    if (selectedSpan.resource === 'hook') {
+      return (data.hookId as string | undefined) ?? selectedSpan.spanId;
+    }
+
     return (
       (data.stepId as string) ??
       (data.runId as string) ??
       (data.hookId as string) ??
       selectedSpan.spanId
     );
-  }, [selectedSpan?.data, selectedSpan?.spanId]);
+  }, [selectedSpan?.data, selectedSpan?.resource, selectedSpan?.spanId]);
 
   return (
     <div
-      data-pane='pane-root'
+      data-pane="pane-root"
       data-has-detail={activeSpan ? '' : undefined}
-      className='grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,420px,100%)]'
+      className="grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,420px,100%)]"
     >
       <div
-        id='trace-parent'
-        className='grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100'
+        id="trace-parent"
+        className="grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100"
       >
         <SplitPane
           startHeader={
-            <div className='bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center px-2 gap-1.5'>
-              <Search className='w-3.5 h-3.5 shrink-0 text-gray-800' />
+            <div className="bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center px-2 gap-1.5">
+              <Search className="w-3.5 h-3.5 shrink-0 text-gray-800" />
               <input
-                id='trace-viewer-search'
-                name='trace-viewer-search'
-                type='text'
+                id="trace-viewer-search"
+                name="trace-viewer-search"
+                type="text"
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                placeholder='Search spans...'
-                aria-label='Search spans'
-                className='flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none'
+                placeholder="Search spans..."
+                aria-label="Search spans"
+                className="flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none"
               />
               {searchQuery && (
                 <button
-                  type='button'
+                  type="button"
                   onClick={() => setSearchQuery('')}
-                  className='shrink-0 p-0.5 rounded-sm text-gray-800 hover:text-gray-1000 hover:bg-gray-200 transition-colors'
+                  className="shrink-0 p-0.5 rounded-sm text-gray-800 hover:text-gray-1000 hover:bg-gray-200 transition-colors"
                 >
-                  <X className='w-3 h-3' />
+                  <X className="w-3 h-3" />
                 </button>
               )}
             </div>
@@ -506,7 +514,7 @@ function NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {
             <TimelineHeader markers={timeMarkers} hoverInfo={hoverInfo} />
           }
         >
-          <div className='block overflow-visible'>
+          <div className="block overflow-visible">
             <EventList
               spans={filteredSpans}
               activeSpanId={activeSpanId}
@@ -515,7 +523,7 @@ function NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {
           </div>
           <div
             ref={timelineRef}
-            className='block min-h-0 overflow-visible relative'
+            className="block min-h-0 overflow-visible relative"
             onDoubleClick={resetZoom}
             onMouseMove={handleTimelineMouseMove}
             onMouseLeave={handleTimelineMouseLeave}
@@ -532,46 +540,46 @@ function NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {
             />
           </div>
         </SplitPane>
-        <div className='absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-lg bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400'>
+        <div className="absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-lg bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400">
           <button
-            type='button'
-            className='flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100'
+            type="button"
+            className="flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[time:120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100"
             onClick={zoomOut}
-            aria-label='Zoom out'
+            aria-label="Zoom out"
           >
-            <ZoomOut className='w-4 h-4' />
+            <ZoomOut className="w-4 h-4" />
           </button>
           <button
-            type='button'
-            className='flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100'
+            type="button"
+            className="flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[time:120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100"
             onClick={resetZoom}
-            aria-label='Reset zoom'
+            aria-label="Reset zoom"
           >
-            <RotateCcw className='w-3.5 h-3.5' />
+            <RotateCcw className="w-3.5 h-3.5" />
           </button>
           <button
-            type='button'
-            className='flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100'
+            type="button"
+            className="flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[time:120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100"
             onClick={zoomIn}
-            aria-label='Zoom in'
+            aria-label="Zoom in"
           >
-            <ZoomIn className='w-4 h-4' />
+            <ZoomIn className="w-4 h-4" />
           </button>
         </div>
       </div>
 
       {/* Detail panel */}
       {activeSpan && sidebar ? (
-        <aside className='flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto'>
+        <aside className="flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto">
           {/* Panel header */}
-          <div className='flex-shrink-0 px-4 pt-4 pb-3'>
-            <div className='flex items-start justify-between gap-2'>
-              <div className='min-w-0 flex-1'>
-                <span className='text-[15px] font-semibold text-gray-1000 truncate block'>
+          <div className="flex-shrink-0 px-4 pt-4 pb-3">
+            <div className="flex items-start justify-between gap-2">
+              <div className="min-w-0 flex-1">
+                <span className="text-[15px] font-semibold text-gray-1000 truncate block">
                   {selectedSpanName}
                 </span>
                 {selectedResourceId && (
-                  <div className='mt-1 flex items-center gap-2'>
+                  <div className="mt-1 flex items-center gap-2">
                     {selectedResource && (
                       <span
                         className={`inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-none shrink-0 ${
@@ -589,30 +597,30 @@ function NewTraceViewerContent({ trace }: NewTraceViewerProps): ReactNode {
                       </span>
                     )}
                     <div
-                      className='flex items-center gap-1 text-[13px] font-mono text-gray-700 min-w-0'
+                      className="flex items-center gap-1 text-[13px] font-mono text-gray-700 min-w-0"
                       title={selectedResourceId}
                     >
-                      <span className='truncate'>{selectedResourceId}</span>
+                      <span className="truncate">{selectedResourceId}</span>
                       <CopyButton
                         copyText={selectedResourceId}
-                        ariaLabel='Copy ID'
-                        className='shrink-0'
+                        ariaLabel="Copy ID"
+                        className="shrink-0"
                       />
                     </div>
                   </div>
                 )}
               </div>
               <button
-                type='button'
-                className='p-1 rounded-md text-gray-900 hover:text-gray-1000 hover:bg-gray-alpha-200 transition-colors shrink-0'
+                type="button"
+                className="p-1 rounded-md text-gray-900 hover:text-gray-1000 hover:bg-gray-alpha-200 transition-colors shrink-0"
                 onClick={clearActiveSpan}
               >
-                <X className='w-4 h-4' />
+                <X className="w-4 h-4" />
               </button>
             </div>
           </div>
           {/* Panel body */}
-          <div className='flex-1 overflow-y-auto'>
+          <div className="flex-1 overflow-y-auto">
             <ErrorBoundary>
               <EntityDetailPanel
                 run={sidebar.run}

package/src/components/sidebar/attribute-panel.tsx

@@ -441,6 +441,7 @@ const attributeToDisplayFn: Record<
   // Hook details
   token: (value: unknown) => String(value),
   isWebhook: (value: unknown) => String(value),
+  isSystem: (value: unknown) => String(value),
   receivedCount: (value: unknown) => String(value),
   lastReceivedAt: localMillisecondTimeOrNull,
   disposedAt: localMillisecondTimeOrNull,
@@ -624,6 +625,10 @@ const attributeToDisplayFn: Record<
     if (!hasDisplayContent(value)) return null;
     return <DetailCard summary="Event Data">{JsonBlock(value)}</DetailCard>;
   },
+  errorCode: (value: unknown) => {
+    if (typeof value !== 'string' || value.length === 0) return null;
+    return String(value);
+  },
 };
 
 const resolvableAttributes = [

package/src/components/ui/error-stack-block.tsx

@@ -18,6 +18,21 @@ export function isStructuredErrorWithStack(
   );
 }
 
+/**
+ * Pull a short, single-line title out of an error message.
+ *
+ * Workflow's structured error messages are multi-line — the first line is
+ * the headline (`Failed to serialize step return value`) and the rest are
+ * `╰▶ hint:` / `╰▶ docs:` framed details. The full message belongs in the
+ * body of the error block; the title should just be the headline so the
+ * card stays scannable.
+ */
+function deriveTitle(message: string): string {
+  const firstLine =
+    message.split('\n').find((line) => line.trim().length > 0) ?? message;
+  return firstLine.trim();
+}
+
 /**
  * Renders an error with a `stack` field as a visually distinct error block.
  * Shows the error message with an alert icon at the top, separated from
@@ -31,6 +46,10 @@ export function ErrorStackBlock({
   const toast = useToast();
   const stack = value.stack;
   const message = typeof value.message === 'string' ? value.message : undefined;
+  // V8's `Error.stack` already starts with `Name: message`, so when the
+  // body shows the stack it includes the full multi-line message anyway.
+  // The header just needs the first line.
+  const title = message ? deriveTitle(message) : undefined;
   const copyText = message ? `${message}\n\n${stack}` : stack;
 
   return (
@@ -65,16 +84,25 @@ export function ErrorStackBlock({
         <Copy size={12} />
       </button>
 
-      {message && (
+      {title && (
         <div
-          className="flex items-start gap-2 px-3 py-2.5 pr-10"
+          className="flex items-center gap-2 px-3 py-2.5 pr-10"
           style={{
             color: 'var(--ds-red-900)',
             borderBottom: '1px solid var(--ds-red-400)',
           }}
         >
-          <AlertCircle className="h-4 w-4 shrink-0" style={{ marginTop: 1 }} />
-          <p className="text-xs font-semibold m-0 break-words">{message}</p>
+          <AlertCircle className="h-4 w-4 shrink-0" />
+          <p
+            className="text-xs font-semibold m-0 truncate"
+            // The full multi-line message is in the stack body below; the
+            // header just shows the first line, single-line, with overflow
+            // ellipsised so a long title doesn't push the copy button or
+            // wrap into the framed hint/docs lines.
+            title={message}
+          >
+            {title}
+          </p>
         </div>
       )}
       <pre

package/src/components/workflow-trace-view.tsx

@@ -974,7 +974,7 @@ export const WorkflowTraceViewer = ({
   }
 
   return (
-    <div className="relative w-full h-full flex flex-col">
+    <div className="relative w-full h-full flex flex-row">
       {/* Timeline (takes remaining space) */}
       <div className="flex-1 min-w-0 relative">
         <TraceViewerContextProvider

package/src/components/workflow-traces/trace-span-construction.ts

@@ -314,7 +314,7 @@ export function hookToSpan(hookEvents: Event[], maxEndTime: Date): Span | null {
 
   return {
     spanId: String(hook.hookId),
-    name: String(hook.hookId),
+    name: hook.token ?? String(hook.hookId),
     kind: 1, // INTERNAL span kind
     resource: 'hook',
     library: WORKFLOW_LIBRARY,